.inner-fixphone-form .form-group {
margin-bottom: 1rem;
}
@media (max-width: 520px) {
.new {
margin-top: 20px;
padding-right: 0px;
}
} span.wpcf7-form-control-wrap {
width: 100%;
}
.wpcf7-response-output {
color: white;
}
span .wpcf7-not-valid {
border: 3px solid #ff0000 !important;
}
span.wpcf7-not-valid-tip {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 0px 0px;
padding: 0.2em 1em;
border: 2px solid #00a0d2;
}
.wpcf7-spam-blocked {
background: #e2e2e2;
border: 1px solid #bcbcbc !important;
color: #383838;
}
.wpcf7-mail-sent-ng {
background: #fcf8e3;
border: 1px solid #ac9163 !important;
color: #8a6d3b;
}
.wpcf7-mail-sent-ok {
background: #dff0d8;
border: 1px solid #3c763d !important;
color: #3c763d;
} .homeportfolio-pic img {
width: 100% !important;
height: 100% !important;
} .banner-vector img {
-webkit-animation: none !important;
animation: none !important;
}
.topblog-pic img {
animation: none !important;
} .mobile-filter-wrapper {
padding: 16px;
background: #ffffff;
border: 2px solid #f0f0f0;
border-radius: 12px;
display: none;
margin: 20px 0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
transition: all 0.3s ease;
}
.mobile-filter-wrapper:hover {
box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
border-color: #e0e0e0;
}
.mobile-filter-heading {
font-weight: 600;
margin-bottom: 12px;
color: #2d3748;
font-size: 15px;
text-transform: uppercase;
letter-spacing: 0.5px;
display: flex;
align-items: center;
gap: 8px;
}
.mobile-filter-heading::before {
content: "📂";
font-size: 18px;
}
.mobile-filter-dropdown {
width: 100%;
padding: 14px 16px;
border: 2px solid #e2e8f0;
border-radius: 10px;
font-size: 15px;
font-family: inherit;
color: #4a5568;
background-color: #ffffff;
cursor: pointer;
transition: all 0.3s ease;
appearance: none;
-webkit-appearance: none;
background-image: url("data:image/svg+xml,%3Csvg xmlns='https://www.w3.org/2000/svg' width='16' height='16' fill='%234a5568' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: right 16px center;
background-size: 16px;
padding-right: 44px;
}
.mobile-filter-dropdown:focus {
outline: none;
border-color: #4299e1;
box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.15);
background-color: #f7fafc;
}
.mobile-filter-dropdown:hover {
border-color: #cbd5e0;
}
.mobile-filter-dropdown option {
padding: 12px;
font-size: 14px;
}
@media (max-width: 767px) {
.mobile-filter-wrapper {
display: block !important;
animation: fadeInUp 0.4s ease-out;
}
.portfilters {
display: none !important;
}
}
@keyframes fadeInUp {
from { opacity: 0; transform: translateY(10px); }
to   { opacity: 1; transform: translateY(0);    }
}
@keyframes fadeIn {
from { opacity: 0; }
to   { opacity: 1; }
} @media (max-width: 1180px) {
.topblog-mid1-pic { max-height: 259px; }
} body.iti-mobile {
height: auto !important;
overflow: auto !important;
}
/ .iti__country-list { background-color: #151313 !important; } @media only screen and (max-width: 575px) {
#topblog-slider.owl-theme .owl-dots .owl-dot span { width: 39px; }
} body { overflow-x: hidden; }
p a   { color: #6fb711 !important; font-weight: 600; display: inline; }
b a   { color: #6fb711 !important; font-weight: 600; }
a strong { color: #6fb711 !important; }
.video-slider-section .slider-wrap { padding: 0px !important; }
.rightfix-phone { height: 65px !important; } .bm-exit-intent-popup {
position: fixed;
top: 0; left: 0;
width: 100%; height: 100%;
background: rgba(33, 33, 33, 0.8);
display: none;
overflow-y: auto;
z-index: 99999;
opacity: 0;
transition: opacity 0.3s ease;
}
.bm-exit-intent-popup.visible { opacity: 1; }
.bm-exit-intent-popup .container {
width: 70%;
margin: 5% auto;
display: flex;
justify-content: center;
align-items: center;
}
.bm_pop_form_sec {
background: #e7ffc8;
padding: 40px;
border-radius: 1.5rem;
position: relative;
max-width: 1000px;
width: 100%;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
background-size: cover !important;
}
.bm-close {
position: absolute;
top: 15px; right: 15px;
font-size: 24px;
cursor: pointer;
color: #444;
}
.bm_logo { max-width: 150px; margin-bottom: 20px; }
.bm_content_bnr .bm_h1popup {
color: #3a2491;
font-weight: bold;
font-size: 20px;
line-height: 1.3;
}
.bm_content_bnr p { color: #222; margin: 10px 0; }
.bm-featur-p {
background: #6BAB44;
display: inline-block;
color: #fff;
padding: 5px 20px;
margin: 1rem 0;
font-weight: 500;
border-radius: 25px;
font-size: 16px;
}
.bm-clients-list          { display: flex; margin-bottom: 20px; }
.bm-clients-list li       { padding-right: 10px; }
.bm_client_logo           { background: white; padding: 5px; border-radius: 5px; max-width: 80px; height: auto; }
ul.bm-clients-list        { list-style: none; margin-left: -42px; margin-top: 9px; }
.bm_newsletter {
background: #fff;
padding: 20px;
border-radius: 1rem;
position: relative;
}
.zcwf_row {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 15px;
}
.zcwf_col_fld { flex: 0 0 48%; position: relative; }
.zcwf_col_fld .form-control {
width: 100%;
border: 1px solid #CBE5FF;
border-radius: 1rem;
font-size: 12px;
color: #2D2D2D;
background-color: #fff;
}
span.wpcf7-list-item-label { margin-left: 5px; }
.bm_submitbtn {
background: #FF6600;
color: #fff;
border: none;
padding: 12px 25px;
border-radius: 25px;
font-size: 1rem;
cursor: pointer;
transition: background 0.3s;
}
.bm_submitbtn:hover { background: #333; }
@media (max-width: 991px) {
.bm-exit-intent-popup .container { width: 90%; }
.bm_content_brn p                { text-align: center; }
.bm_pop_form_sec                 { padding: 20px; }
.zcwf_col_fld                    { flex: 0 0 100%; }
}
@media (max-width: 575px) {
.bm-exit-intent-popup.visible { display: none !important; }
.bm_pop_form_sec              { padding: 15px; }
.bm-close                     { top: 10px; right: 10px; font-size: 20px; }
} .best-responsive-tab:not(.lgTabToggle-tab-responsive-active)
> .best-reponsive-tab-item
> .best-reponsive-tab-item-trigger.lgTabToggle-tab-active {
background: #83bc3a !important;
}
#myExampleBestResponsiveTab1 a       { color: #fff !important; }
#myExampleBestResponsiveTab1 a:hover { color: black !important; }