.elementor-33 .elementor-element.elementor-element-a37c387{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-bcc2e86{width:100%;max-width:100%;}.elementor-33 .elementor-element.elementor-element-e2819bf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-08e13af{width:100%;max-width:100%;}.elementor-33 .elementor-element.elementor-element-60c9ffa{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-33c7aeb{width:100%;max-width:100%;}.elementor-33 .elementor-element.elementor-element-ee888ac{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-84d10d3{width:100%;max-width:100%;}.elementor-33 .elementor-element.elementor-element-c507581{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-fa300ac{width:100%;max-width:100%;}.elementor-33 .elementor-element.elementor-element-a4f1469{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}.elementor-33 .elementor-element.elementor-element-3c35f36{width:100%;max-width:100%;}.elementor-33 .elementor-element.elementor-element-79e723f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:0px 20px;--row-gap:0px;--column-gap:20px;--margin-top:0;--margin-bottom:11vh;--margin-left:0;--margin-right:0;}.elementor-33 .elementor-element.elementor-element-00e0dea{--display:flex;--min-height:660px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--border-radius:32px 32px 32px 32px;--padding-top:2vh;--padding-bottom:2vh;--padding-left:6vh;--padding-right:6vh;}.elementor-33 .elementor-element.elementor-element-00e0dea:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-00e0dea > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(142deg, var( --e-global-color-vamtam_accent_1 ) 0%, var( --e-global-color-vamtam_accent_3 ) 60%);}.elementor-33 .elementor-element.elementor-element-6bd1702{width:auto;max-width:auto;z-index:2;}.elementor-33 .elementor-element.elementor-element-6bd1702.elementor-element{--align-self:flex-start;}.elementor-33 .elementor-element.elementor-element-6bd1702 .elementor-icon-box-wrapper{align-items:start;text-align:center;gap:3px;}.elementor-33 .elementor-element.elementor-element-6bd1702.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-vamtam_accent_2 );}.elementor-33 .elementor-element.elementor-element-6bd1702.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-6bd1702.elementor-view-default .elementor-icon{fill:var( --e-global-color-vamtam_accent_2 );color:var( --e-global-color-vamtam_accent_2 );border-color:var( --e-global-color-vamtam_accent_2 );}.elementor-33 .elementor-element.elementor-element-6bd1702 .elementor-icon{font-size:15px;}.elementor-33 .elementor-element.elementor-element-6bd1702 .elementor-icon-box-title, .elementor-33 .elementor-element.elementor-element-6bd1702 .elementor-icon-box-title a{font-family:var( --e-global-typography-vamtam_h6-font-family ), Sans-serif;font-size:var( --e-global-typography-vamtam_h6-font-size );font-weight:var( --e-global-typography-vamtam_h6-font-weight );text-transform:var( --e-global-typography-vamtam_h6-text-transform );font-style:var( --e-global-typography-vamtam_h6-font-style );text-decoration:var( --e-global-typography-vamtam_h6-text-decoration );line-height:var( --e-global-typography-vamtam_h6-line-height );letter-spacing:var( --e-global-typography-vamtam_h6-letter-spacing );word-spacing:var( --e-global-typography-vamtam_h6-word-spacing );}.elementor-33 .elementor-element.elementor-element-6bd1702 .elementor-icon-box-title{color:var( --e-global-color-vamtam_accent_6 );}.elementor-33 .elementor-element.elementor-element-20109c9{width:var( --container-widget-width, 560px );max-width:560px;--container-widget-width:560px;--container-widget-flex-grow:0;z-index:2;text-align:start;}.elementor-33 .elementor-element.elementor-element-20109c9 > .elementor-widget-container{margin:0px 0px 30px 0px;}.elementor-33 .elementor-element.elementor-element-4ee2d82{--display:flex;--justify-content:space-between;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:20px 0px;--row-gap:20px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-934fe94{--display:flex;--min-height:420px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--border-radius:32px 32px 32px 32px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-934fe94:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-934fe94 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://antitermitetreatment.co.in/wp-content/uploads/2025/12/Get-Your-Commercial-Building-Termite-Protected-by-antitermitetreatment.co_.in_.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-33 .elementor-element.elementor-element-48e6452{--display:flex;--min-height:220px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:1;--border-radius:32px 32px 32px 32px;--padding-top:50px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-33 .elementor-element.elementor-element-48e6452:not(.elementor-motion-effects-element-type-background), .elementor-33 .elementor-element.elementor-element-48e6452 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-vamtam_accent_4 );}.elementor-33 .elementor-element.elementor-element-48e6452::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://antitermitetreatment.co.in/wp-content/uploads/2025/01/GettyImages-1212740755-2.png");--background-overlay:'';background-position:bottom right;background-repeat:no-repeat;background-size:200px auto;}.elementor-33 .elementor-element.elementor-element-48e6452.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-33 .elementor-element.elementor-element-d6f6ea1{width:auto;max-width:auto;}.elementor-33 .elementor-element.elementor-element-d6f6ea1 .elementor-icon-wrapper{text-align:start;}.elementor-33 .elementor-element.elementor-element-d6f6ea1.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-vamtam_accent_2 );}.elementor-33 .elementor-element.elementor-element-d6f6ea1.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-d6f6ea1.elementor-view-default .elementor-icon{color:var( --e-global-color-vamtam_accent_2 );border-color:var( --e-global-color-vamtam_accent_2 );}.elementor-33 .elementor-element.elementor-element-d6f6ea1.elementor-view-framed .elementor-icon, .elementor-33 .elementor-element.elementor-element-d6f6ea1.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-vamtam_accent_2 );}.elementor-33 .elementor-element.elementor-element-d6f6ea1 .elementor-icon{font-size:24px;}.elementor-33 .elementor-element.elementor-element-d6f6ea1 .elementor-icon svg{height:24px;}.elementor-33 .elementor-element.elementor-element-03080f3{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-33 .elementor-element.elementor-element-6aae7d7{width:var( --container-widget-width, 345px );max-width:345px;--container-widget-width:345px;--container-widget-flex-grow:0;}.elementor-33 .elementor-element.elementor-element-6aae7d7 > .elementor-widget-container{margin:-5px 0px 0px 0px;}.elementor-33 .elementor-element.elementor-element-6aae7d7 .elementor-heading-title{font-family:var( --e-global-typography-vamtam_h4-font-family ), Sans-serif;font-size:var( --e-global-typography-vamtam_h4-font-size );font-weight:var( --e-global-typography-vamtam_h4-font-weight );text-transform:var( --e-global-typography-vamtam_h4-text-transform );font-style:var( --e-global-typography-vamtam_h4-font-style );text-decoration:var( --e-global-typography-vamtam_h4-text-decoration );line-height:var( --e-global-typography-vamtam_h4-line-height );letter-spacing:var( --e-global-typography-vamtam_h4-letter-spacing );word-spacing:var( --e-global-typography-vamtam_h4-word-spacing );color:var( --e-global-color-vamtam_accent_6 );}.elementor-33 .elementor-element.elementor-element-90e3b7f{width:var( --container-widget-width, 310px );max-width:310px;--container-widget-width:310px;--container-widget-flex-grow:0;}.elementor-33 .elementor-element.elementor-element-90e3b7f > .elementor-widget-container{margin:0em 0em -1em 0em;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-33 .elementor-element.elementor-element-79e723f{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:60px;--margin-left:0px;--margin-right:0px;}.elementor-33 .elementor-element.elementor-element-00e0dea{--padding-top:60px;--padding-bottom:60px;--padding-left:20px;--padding-right:20px;}.elementor-33 .elementor-element.elementor-element-6bd1702 .elementor-icon-box-title, .elementor-33 .elementor-element.elementor-element-6bd1702 .elementor-icon-box-title a{font-size:var( --e-global-typography-vamtam_h6-font-size );line-height:var( --e-global-typography-vamtam_h6-line-height );letter-spacing:var( --e-global-typography-vamtam_h6-letter-spacing );word-spacing:var( --e-global-typography-vamtam_h6-word-spacing );}.elementor-33 .elementor-element.elementor-element-20109c9 > .elementor-widget-container{margin:0px 0px 20px 0px;}.elementor-33 .elementor-element.elementor-element-934fe94{--min-height:420px;}.elementor-33 .elementor-element.elementor-element-48e6452{--min-height:210px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--padding-top:30px;--padding-bottom:30px;--padding-left:20px;--padding-right:20px;}.elementor-33 .elementor-element.elementor-element-48e6452::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:100px auto;}.elementor-33 .elementor-element.elementor-element-6aae7d7{width:100%;max-width:100%;}.elementor-33 .elementor-element.elementor-element-6aae7d7 .elementor-heading-title{font-size:var( --e-global-typography-vamtam_h4-font-size );line-height:var( --e-global-typography-vamtam_h4-line-height );letter-spacing:var( --e-global-typography-vamtam_h4-letter-spacing );word-spacing:var( --e-global-typography-vamtam_h4-word-spacing );}.elementor-33 .elementor-element.elementor-element-90e3b7f{width:var( --container-widget-width, 90% );max-width:90%;--container-widget-width:90%;--container-widget-flex-grow:0;}}@media(max-width:767px){.elementor-33 .elementor-element.elementor-element-79e723f{--gap:20px 0px;--row-gap:20px;--column-gap:0px;--margin-top:0px;--margin-bottom:40px;--margin-left:0px;--margin-right:0px;}.elementor-33 .elementor-element.elementor-element-00e0dea{--padding-top:40px;--padding-bottom:40px;--padding-left:20px;--padding-right:20px;}.elementor-33 .elementor-element.elementor-element-6bd1702 .elementor-icon-box-wrapper{align-items:start;}.elementor-33 .elementor-element.elementor-element-6bd1702 .elementor-icon-box-title, .elementor-33 .elementor-element.elementor-element-6bd1702 .elementor-icon-box-title a{font-size:var( --e-global-typography-vamtam_h6-font-size );line-height:var( --e-global-typography-vamtam_h6-line-height );letter-spacing:var( --e-global-typography-vamtam_h6-letter-spacing );word-spacing:var( --e-global-typography-vamtam_h6-word-spacing );}.elementor-33 .elementor-element.elementor-element-20109c9 > .elementor-widget-container{margin:0px 0px 10px 0px;}.elementor-33 .elementor-element.elementor-element-48e6452{--min-height:150px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:5px 5px;--row-gap:5px;--column-gap:5px;}.elementor-33 .elementor-element.elementor-element-48e6452::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .e-con-inner > .elementor-background-video-container::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .e-con-inner > .elementor-background-slideshow::before, .elementor-33 .elementor-element.elementor-element-48e6452 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-size:100px auto;}.elementor-33 .elementor-element.elementor-element-d6f6ea1 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-33 .elementor-element.elementor-element-03080f3{--width:calc(100% - 50px);}.elementor-33 .elementor-element.elementor-element-6aae7d7{width:100%;max-width:100%;}.elementor-33 .elementor-element.elementor-element-6aae7d7 .elementor-heading-title{font-size:var( --e-global-typography-vamtam_h4-font-size );line-height:var( --e-global-typography-vamtam_h4-line-height );letter-spacing:var( --e-global-typography-vamtam_h4-letter-spacing );word-spacing:var( --e-global-typography-vamtam_h4-word-spacing );}.elementor-33 .elementor-element.elementor-element-90e3b7f{width:100%;max-width:100%;}}@media(min-width:768px){.elementor-33 .elementor-element.elementor-element-00e0dea{--width:50%;}.elementor-33 .elementor-element.elementor-element-4ee2d82{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-33 .elementor-element.elementor-element-03080f3{--width:230px;}}/* Start custom CSS for html, class: .elementor-element-bcc2e86 *//* =========================
HERO – COMMERCIAL PRE-CONSTRUCTION
MOBILE FIRST
========================= */
.commercial-hero{
position: relative;
background-image: url("https://antitermitetreatment.co.in/wp-content/uploads/2025/12/Commercial-Pre-Construction-Termite-Treatment-by-ATT.co_.in_.webp");
background-size: cover;
background-position: center right;
border-radius: 28px;
overflow: hidden;
margin: 40px 0;
}
/* overlay */
.commercial-hero::before{
content: "";
position: absolute;
inset: 0;
background: linear-gradient(
90deg,
rgba(255,255,255,0.02) 0%,
rgba(255,255,255,0.02) 45%,
rgba(0,0,0,0.25) 75%
);
z-index: 1;
}
.commercial-hero__wrap{
position: relative;
z-index: 2;
max-width: 1200px;
margin: 0 auto;
display: flex;
justify-content: center;
padding: 20px;
}
/* CARD */
.commercial-hero__card{
width: 100%;
background: #f9f9f4;
border-radius: 20px;
padding: 22px;
box-shadow: 0 18px 40px rgba(12,20,12,0.08);
}
/* H1 */
.commercial-hero__card h1{
font-size: 22px;
line-height: 1.25;
margin: 0 0 10px;
font-weight: 700;
color: #0b0b0b;
}
/* 🔥 H2 FORCED TO LOOK LIKE 🔥 */
.commercial-hero__tagline{
all: unset; /* removes ALL default h2 styles */
display: block;
font-size: 14px; /* EXACT paragraph size */
line-height: 1.6;
font-weight: 400;
color: #333;
margin: 0 0 14px;
}
/* FORM */
.commercial-hero__form{
margin: 12px 0 18px;
}
/* PARAGRAPH */
.commercial-hero__desc{
font-size: 14px;
line-height: 1.6;
margin-bottom: 20px;
color: #444;
}
/* TRUST BADGES */
.commercial-hero__trust{
list-style: none;
padding: 0;
margin: 0;
display: grid;
grid-template-columns: 1fr;
gap: 10px;
}
.commercial-hero__trust li{
font-size: 13px;
padding-left: 22px;
position: relative;
}
.commercial-hero__trust li::before{
content: "✔";
position: absolute;
left: 0;
color: #2ca44f;
font-weight: 700;
}
/* =========================
TABLET
========================= */
@media (min-width: 768px){
.commercial-hero__card{
max-width: 560px;
padding: 32px;
}
.commercial-hero__card h1{
font-size: 28px;
}
.commercial-hero__trust{
grid-template-columns: 1fr 1fr;
}
}
/* =========================
DESKTOP – CARD ON RIGHT
========================= */
@media (min-width: 1024px){
.commercial-hero{
min-height: 620px;
}
.commercial-hero__wrap{
min-height: 620px;
align-items: center;
justify-content: flex-end;
padding-right: 6%;
}
.commercial-hero__card{
width: 520px;
padding: 40px;
margin-right: 40px;
}
.commercial-hero__card h1{
font-size: 34px;
}
.commercial-hero__desc{
font-size: 15px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-08e13af *//* =========================
COMMERCIAL IMPERATIVE SECTION
========================= */
.commercial-imperative {
padding: 100px 20px;
background: #F5F8FF;
}
.commercial-imperative__container {
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: 1fr;
gap: 50px;
}
/* LEFT CONTENT */
/* H2 — SEO heading, visually paragraph-sized (ALL VIEWS) */
.commercial-imperative__content h2 {
font-size: 16px; /* same as paragraph */
line-height: 1.6;
font-weight: 600; /* slightly stronger than
, but not headline */
margin-bottom: 18px;
color: #111;
}
.commercial-imperative__intro {
font-size: 16px;
margin-bottom: 26px;
color: #333;
}
.commercial-imperative__list {
padding-left: 0;
list-style: none;
}
.commercial-imperative__list li {
font-size: 15px;
line-height: 1.65;
margin-bottom: 18px;
padding-left: 26px;
position: relative;
}
.commercial-imperative__list li::before {
content: "✔";
position: absolute;
left: 0;
color: #2ca44f;
font-weight: 700;
}
/* RIGHT VISUAL */
.commercial-imperative__visual img {
width: 100%;
border-radius: 22px;
display: block;
box-shadow: 0 20px 40px rgba(0,0,0,0.12);
}
/* CTA */
.commercial-imperative__cta {
margin-top: 22px;
background: #ffd400;
border: none;
padding: 14px 34px;
border-radius: 40px;
font-weight: 600;
cursor: pointer;
transition: transform .15s ease, box-shadow .15s ease;
}
.commercial-imperative__cta:hover {
transform: translateY(-2px);
box-shadow: 0 10px 24px rgba(0,0,0,0.18);
}
/* =========================
DESKTOP LAYOUT
========================= */
@media (min-width: 992px) {
.commercial-imperative__container {
grid-template-columns: 1.2fr 0.8fr;
align-items: center;
}
}
/* =========================
POPUP MODAL (SCOPED)
========================= */
.commercial-imperative__modal {
position: fixed;
inset: 0;
background: rgba(250,252,247,0.95);
display: none;
align-items: center;
justify-content: center;
z-index: 99999;
}
.commercial-imperative__modal-inner {
background: #fff;
padding: 30px;
border-radius: 22px;
max-width: 520px;
width: 90%;
position: relative;
box-shadow: 0 30px 60px rgba(0,0,0,0.25);
}
.commercial-imperative__close {
position: absolute;
top: 10px;
right: 14px;
font-size: 24px;
background: none;
border: none;
cursor: pointer;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-33c7aeb *//* =========================
COMMERCIAL PROCESS SECTION
========================= */
.commercial-process{
background:#F5F8FF;
padding:90px 20px 120px;
color:#111;
}
.commercial-process__container{
max-width:1100px;
margin:0 auto;
}
/* Header */
.commercial-process__header{
text-align:center;
margin-bottom:40px;
}
.commercial-process__eyebrow{
font-size:12px;
letter-spacing:1px;
color:#6b7cff;
display:block;
margin-bottom:6px;
}
.commercial-process__header h2{
font-size:28px;
line-height:1.2;
margin-bottom:10px;
}
.commercial-process__header p{
font-size:15px;
color:#555;
}
/* Pills */
.commercial-process__pills{
display:flex;
gap:18px;
justify-content:center;
flex-wrap:wrap;
margin-bottom:40px;
}
.pill{
background:linear-gradient(180deg,#fff38a,#ffe24d);
border-radius:14px;
padding:14px 18px;
width:210px;
display:flex;
gap:10px;
font-weight:600;
}
.pill--highlight{ transform:translateY(-4px); }
.pill-check{
background:#fff;
color:#2fbf3b;
border-radius:50%;
width:22px;height:22px;
text-align:center;
line-height:22px;
font-weight:700;
}
/* Flow */
.commercial-process__flow{
display:grid;
grid-template-columns:1fr 80px 1fr;
gap:24px;
max-width:920px;
margin:0 auto;
}
.flow-col{
display:flex;
flex-direction:column;
gap:120px;
}
.flow-path svg{
height:720px;
width:60px;
}
/* Steps */
.flow-step{
display:flex;
gap:14px;
}
.step-icon{
width:52px;height:52px;
border-radius:12px;
background:#eaf8e9;
display:flex;
align-items:center;
justify-content:center;
}
.step-body h3{
font-size:17px;
margin-bottom:6px;
}
.step-body p{
font-size:14px;
color:#555;
}
.step-outcome{
font-size:13px;
color:#333;
}
/* CTA */
.commercial-process__cta{
text-align:center;
margin-top:50px;
}
.commercial-process__cta button{
background:#ffd400;
border:none;
padding:12px 28px;
border-radius:28px;
font-weight:700;
cursor:pointer;
}
/* Modal */
.commercial-process-modal{
position:fixed;
inset:0;
background:rgba(245,248,255,.96);
display:none;
align-items:center;
justify-content:center;
z-index:99999;
}
.commercial-process-modal__inner{
background:#fff;
padding:28px;
border-radius:18px;
max-width:560px;
width:92%;
}
.modal-close{
position:absolute;
top:10px;right:14px;
background:none;
border:none;
font-size:22px;
}
/* Responsive */
@media(max-width:900px){
.commercial-process__flow{ grid-template-columns:1fr; }
.flow-path{ display:none; }
.flow-col{ gap:20px; }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-84d10d3 *//* =========================
COMMERCIAL TRUST SECTION
========================= */
.commercial-trust-section {
background: #F5F8FF;
padding: 100px 20px;
}
.commercial-trust-container {
max-width: 1200px;
margin: auto;
display: grid;
grid-template-columns: 1.6fr 1fr;
gap: 60px;
}
/* LEFT CONTENT */
.commercial-trust-content h2 {
font-size: 36px;
line-height: 1.2;
margin-bottom: 26px;
}
.trust-point {
margin-bottom: 26px;
}
.trust-point h3 {
font-size: 20px;
margin-bottom: 6px;
}
.trust-point p,
.trust-point li {
font-size: 15px;
line-height: 1.7;
color: #444;
}
.trust-point ul {
padding-left: 18px;
margin-top: 8px;
}
/* SIDEBAR */
.commercial-trust-sidebar {
display: flex;
flex-direction: column;
gap: 28px;
}
.sidebar-card {
background: #fff;
border-radius: 22px;
padding: 26px;
box-shadow: 0 20px 40px rgba(0,0,0,0.08);
}
.service-list-card h3 {
font-size: 20px;
margin-bottom: 12px;
}
.service-list-card li {
margin-bottom: 8px;
}
/* IMAGE CARD */
.image-card img {
width: 100%;
border-radius: 16px;
margin-bottom: 16px;
}
.cta-btn {
background: #ffd400;
padding: 14px 28px;
border-radius: 40px;
font-weight: 600;
border: none;
cursor: pointer;
width: 100%;
}
/* =========================
MODAL — SCOPED & CENTERED
========================= */
.commercial-trust-modal {
position: fixed;
inset: 0;
background: rgba(0,0,0,0.45);
display: none;
align-items: center;
justify-content: center;
z-index: 99999;
}
.commercial-trust-modal[aria-hidden="false"] {
display: flex;
}
.commercial-trust-modal-inner {
background: #fff;
padding: 28px;
border-radius: 20px;
width: 92%;
max-width: 560px;
max-height: calc(100vh - 60px);
overflow: auto;
position: relative;
}
.modal-close {
position: absolute;
top: 10px;
right: 14px;
font-size: 22px;
background: none;
border: none;
cursor: pointer;
}
/* =========================
RESPONSIVE
========================= */
@media (max-width: 992px) {
.commercial-trust-container {
grid-template-columns: 1fr;
}
}
@media (max-width: 600px) {
.commercial-trust-section {
padding: 70px 15px;
}
.commercial-trust-content h2 {
font-size: 28px;
}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fa300ac *//* =========================
COMMERCIAL PROCESS SECTION
========================= */
.commercial-process-section{
background:#fafcf7;
padding:80px 20px 120px;
color:#111;
}
.commercial-process-container{
max-width:1100px;
margin:0 auto;
}
/* Header */
.process-header{
text-align:center;
margin-bottom:36px;
}
.process-header h2{
font-size:30px;
line-height:1.15;
}
/* Trust pills */
.process-trust-pills{
display:flex;
gap:18px;
justify-content:center;
margin-bottom:36px;
flex-wrap:wrap;
}
.pill{
background:linear-gradient(180deg,#fff38a 0%,#ffe24d 60%);
border-radius:14px;
padding:14px 18px;
width:210px;
box-shadow:0 8px 20px rgba(0,0,0,.06);
display:flex;
gap:12px;
font-weight:600;
}
.pill-check{
background:#fff;
color:#2fbf3b;
border-radius:50%;
width:22px;
height:22px;
text-align:center;
line-height:22px;
}
.pill.highlight{
transform:translateY(-4px);
}
/* Process flow */
.process-flow{
display:grid;
grid-template-columns:1fr 90px 1fr;
gap:24px;
max-width:920px;
margin:0 auto;
}
.flow-left,.flow-right{
display:flex;
flex-direction:column;
gap:120px;
}
.flow-path{
display:flex;
justify-content:center;
}
.process-svg{
height:720px;
width:60px;
}
/* Steps */
.process-step{
display:flex;
gap:14px;
}
.step-icon{
background:#eaf8e9;
border-radius:12px;
width:54px;
height:54px;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
}
.step-body h3{
font-size:18px;
margin:0 0 6px;
}
.step-body .muted{
font-size:14px;
color:#666;
}
/* CTA */
.process-cta{
text-align:center;
margin-top:48px;
}
.cta-btn{
background:#ffd400;
padding:12px 28px;
border-radius:28px;
font-weight:700;
border:none;
cursor:pointer;
}
/* =========================
MODAL (SCOPED)
========================= */
.commercial-process-modal{
position:fixed;
inset:0;
background:rgba(250,252,247,.95);
display:none;
align-items:center;
justify-content:center;
z-index:99999;
}
.commercial-process-modal[aria-hidden="false"]{
display:flex;
}
.commercial-process-modal-inner{
background:#fff;
padding:28px;
border-radius:18px;
width:92%;
max-width:560px;
position:relative;
}
.modal-close{
position:absolute;
top:10px;
right:12px;
background:none;
border:none;
font-size:22px;
cursor:pointer;
}
/* Responsive */
@media(max-width:720px){
.process-flow{
grid-template-columns:1fr;
}
.flow-path{display:none;}
.flow-left,.flow-right{gap:18px;}
.process-header h2{font-size:24px;}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-3c35f36 *//* =========================
FAQ SECTION — Scoped Styles
========================= */
.faq-section{
background:#ffffff;
padding:90px 20px;
font-family: "Inter", "Helvetica Neue", Arial, sans-serif;
color:#111;
}
.faq-container{ max-width:1200px; margin:0 auto; text-align:center; }
.faq-eyebrow{ display:block; font-size:12px; color:#888; letter-spacing:1px; margin-bottom:8px; }
.faq-title{ font-size:44px; margin:0 0 42px; }
/* Grid: two columns on wide screens, single column on small */
.faq-grid{ display:grid; grid-template-columns:1fr 1fr; gap:28px; align-items:start; text-align:left; }
/* Column wrapper */
.faq-column{ display:flex; flex-direction:column; gap:18px; }
/* Single FAQ item */
.faq-item{
background:#fff;
border:1px solid #eee;
border-radius:20px;
overflow:hidden;
box-shadow: 0 8px 22px rgba(15,20,20,0.03);
}
/* Toggle button (question) */
.faq-toggle{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:18px;
padding:20px 22px;
background:none;
border:none;
text-align:left;
cursor:pointer;
font-size:16px;
font-weight:600;
color:#111;
line-height:1.2;
}
.faq-toggle:focus{ outline:3px solid rgba(45,160,70,0.12); outline-offset:3px; border-radius:12px; }
/* question text */
.faq-question-text{ flex:1; display:block; }
/* toggle icon circle */
.faq-toggle-icon{
width:40px;
height:40px;
min-width:40px;
border-radius:50%;
display:inline-flex;
align-items:center;
justify-content:center;
background:#f5f6f2;
font-size:22px;
transition: transform .22s ease;
color:#111;
}
/* Panel (answer) — use max-height animation */
.faq-panel{
max-height:0;
overflow:hidden;
padding:0 22px;
transition: max-height .36s cubic-bezier(.2,.9,.2,1), padding .28s ease;
}
/* opened state — large max-height to accomodate long answers */
.faq-item.faq-item--open .faq-panel{
max-height:1200px; /* safely large */
padding:14px 22px 20px;
}
/* rotate icon when open (+ -> ×) */
.faq-item.faq-item--open .faq-toggle-icon{
transform: rotate(45deg);
}
/* answer text */
.faq-panel p{ margin:0; color:#444; font-size:15px; line-height:1.7; }
/* Responsive adjustments */
@media (max-width:992px){
.faq-grid{ grid-template-columns:1fr; }
.faq-title{ font-size:32px; margin-bottom:28px; }
.faq-section{ padding:60px 16px; }
}
/* Small style reset to avoid collisions with theme */
.faq-section .faq-item, .faq-section .faq-toggle, .faq-section .faq-panel { box-sizing:border-box; }/* End custom CSS */