/* ===common css start here== */

:root {--dark:#272727; --white:#fff; --green:#3DB400;}
body {scroll-behavior:smooth; font-family:"Inter", sans-serif !important;}
ul, li {list-style-type:none; padding:0; margin:0;}
p {font-family:"Inter", sans-serif !important; padding:0; margin:0; font-weight:500 !important; font-size:18px; line-height:26px;}
h1, h2, h3, h4, h5, h6 {text-transform:capitalize; margin:0 !important; font-family:"Montserrat", sans-serif !important;}
h1 {font-size:55px; line-height:65px; color:var(--white); font-family:"Montserrat", sans-serif !important; font-weight:700 !important; max-width:70%;}
h2 {font-size:48px; line-height:48px; font-family:"Montserrat", sans-serif !important; font-weight:700 !important;}
.vc_row {margin:0 auto !important;}
.container {max-width:100%; margin:0 auto; padding:0; display:block;}
body, button {color:var(--dark);}

/* ===common css start here== */

/* header css start here */

header.entry-header {display:none;}
.site-container {max-width:1440px; margin:0 auto; padding:0 20px; display:block;}
.site-container-xl {width:100%; margin:0 auto; max-width:95%;}
.section-spacing {padding:80px 0 !important;}
header .titles-wrap {display:none;}
.cust-site-header {position:absolute; background:transparent; top:0; right:0; left:0; width:100%; z-index:99;}
.cust-site-header .header-inner {display:flex; align-items:center; justify-content:space-between; padding:20px 0px;}
.cust-site-header .site-title-wrap {display:flex; vertical-align:middle; max-width:100%; width:100%; position:relative;}
.cust-site-header .main-navigation ul li a {display:flex; margin:0; font-weight:600; font-size:18px; line-height:24px; color:var(--white); position:relative;}
.cust-site-header .top-navigation {display:unset;}
.cust-site-header .main-navigation ul li {padding:14px 0;}
.cust-site-header .center-menu-area ul.sub-menu li {padding:0;}
.main-navigation ul li {position:relative;}
.main-navigation ul li .sub-menu {display:block !important; opacity:0; visibility:hidden; pointer-events:none; transform:translateY(-15px); transition:opacity .60s ease, transform .60s ease, visibility .60s ease; position:absolute; top:100%; left:0; z-index:999; background:var(--green);}
.main-navigation ul li:hover>.sub-menu {opacity:1; visibility:visible; pointer-events:auto; transform:translateY(0);}
.cust-site-header .center-menu-area ul {display:flex; align-items:center; gap:40px;}
.cust-site-header .center-menu-area ul.sub-menu li a {transition:all ease-in-out 300ms;}
.cust-site-header .center-menu-area ul.sub-menu li a::after {display:none;}
.cust-site-header .center-menu-area ul.sub-menu li a:hover {color:var(--dark);}
.cust-site-header .center-menu-area ul.sub-menu {flex-direction:column; gap:0; margin-top:0; margin-left:unset !important;}
.cust-site-header .main-navigation ul li a::after {content:''; position:absolute; left:0; bottom:-5px; width:100%; height:2px; background:var(--white); transform:scaleX(0); transform-origin:left center; transition:transform .60s ease;}
.cust-site-header .main-navigation ul li:hover a::after {transform:scaleX(1);}
.cust-site-header .main-navigation ul li.current-menu-item a {color:var(--green) !important;}
.cust-site-header .main-navigation ul li.current-menu-item a::after {background:var(--green) !important; transform:scaleX(1) !important;}
.vc_column-inner {padding:0px !important;}
.hero-banner-wrapper .vc_row {margin:0 auto !important;}
.get-in-touch-btn {border:1px solid var(--white); border-radius:50px; padding:12px 26px; display:inline-block; font-weight:600; font-size:18px; line-height:24px; text-align:center; color:var(--white); transition:all ease-in-out 300ms;}
.get-in-touch-btn:hover {background:var(--green); color:var(--white); border:1px solid var(--green);}
.btn-and-toggle {display:flex; align-items:center; gap:20px;}

/* header css end here */

/* hero banner sec start here */

.hero-banner-wrapper {padding:140px 0 0 0 !important; position:relative;}
.hero-banner-wrapper h5.vc_custom_heading.vc_do_custom_heading {font-weight:500; font-size:20px; line-height:28px; color:var(--white); margin:30px 0px 40px !important; font-family:"Inter", sans-serif !important; max-width:40%;}
.theme-btn-filled a, .theme-btn-filled button {font-weight:600; font-size:18px !important; line-height:24px !important; text-align:center !important; transition:all ease-in-out 300ms !important; border:1px solid var(--green) !important; padding:14px 30px 15px 60px !important;}
.theme-btn-filled a:hover, .theme-btn-filled button:hover {background:transparent !important;}
.theme-btn-filled.outline-btn a:hover, .theme-btn-filled.outline-btn button:hover {background-color:var(--green) !important; border:1px solid var(--green) !important;}
.theme-btn-filled.outline-btn a, .theme-btn-filled.outline-btn butoon {border:1px solid var(--white) !important;}
.theme-btn-filled.outline-btn {margin-left:20px;}
.theme-btn-filled.outline-btn a {background:transparent !important;}
.hero-banner-wrapper p {color:var(--white); margin:3px 0px 70px; max-width:44%;}
.trust-info {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; padding:18px 0px !important; border-top:1px solid rgb(255, 255, 255, 15%);}
.trust-info li {display:flex; align-items:center; margin:0; gap:13px; font-weight:500; font-size:16px; line-height:22px; color:var(--white);}
.hero-banner-wrapper .wpb_raw_code.wpb_raw_html.wpb_content_element {margin:0;}
.vc_section.vc_section-has-fill, .vc_section.vc_section-has-fill+.vc_row-full-width+.vc_section, .vc_section.vc_section-has-fill+.vc_section {padding-top:0;}
.wpb_button, .wpb_content_element, ul.wpb_thumbnails-fluid>li {margin-bottom:0 !important;}

/* hero banner sec end here */

/* booked jobs sec start here */

.booked-jobs-wrapper h2 {color:var(--white);}
h2 strong {color:var(--green); font-weight:700;}
.seperator-img img {margin:32px 0px 50px; object-fit:contain;}
.htmegavc-counter-content span, .htmegavc-counter-content h2 {color:var(--white) !important; margin:0 !important; padding:0 !important;}
.htmegavc-counter-content span {margin-bottom:20px !important; font-size:48px !important; line-height:56px !important; font-weight:700 !important; color:var(--green) !important;}
.htmegavc-counter-title {font-weight:400 !important; font-size:18px !important; line-height:26px;}
.htmegavc-counter-style-1 .htmegavc-counter-content h2::before {display:none;}
.booked-jobs-wrapper .htmegavc-counter-area {padding:0px 20px;}
.counter-row {margin-bottom:43px !important;}

/* booked jobs sec end here */

/* trusted sec start here */

.trusted-sec-wrapper .vc_carousel-control {display:block; border-radius:50px; opacity:1 !important; text-shadow:unset !important; width:45px !important; height:45px !important; background:var(--white); box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25); transition:all ease-in-out 500ms;}
.trusted-sec-wrapper .vc_carousel-control span {color:var(--green); font-family:"Inter", sans-serif !important; transition:all ease-in-out 500ms;}
.trusted-sec-wrapper .vc_carousel-control:hover {background:var(--green);}
.trusted-sec-wrapper .vc_carousel-control:hover span {color:var(--white);}
.image-carouser-wrapper {margin-top:40px;}

/* trusted sec end here */

/* Different sec start here */

.bottom-box-row .wpb_column {background:var(--white); border:1px solid rgba(221, 221, 221, 0.5); box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1); border-radius:10px; padding:20px 12px; width:calc(33.33% - 20px);}
.bottom-box-row {display:flex; justify-content:start; gap:20px; margin:45px -15px 45px !important;}
.different-left-box {padding-right:60px !important;}
.different-left-box p {margin:0px !important;}
.site-btn-filled a, .site-btn-filled button {font-weight:600; font-size:18px !important; line-height:24px !important; text-align:center !important; transition:all ease-in-out 300ms !important; border:1px solid var(--green) !important; padding:15px 34px !important; background:var(--green) !important; color:var(--white) !important; border-radius:50px !important; margin:0 0px 0 0 !important;}
.site-btn-filled a:hover, .site-btn-filled button:hover {background:transparent !important; color:var(--dark) !important;}
.site-btn-outline a, .site-btn-outline button {font-weight:600; font-size:18px !important; line-height:24px !important; text-align:center !important; transition:all ease-in-out 300ms !important; border:1px solid var(--green) !important; padding:15px 34px !important; background:transparent !important; color:var(--dark) !important; border-radius:50px !important; margin:0 20px 0 0 !important;}
.site-btn-outline a:hover, .site-btn-outline button:hover {background:var(--green) !important; color:var(--white) !important;}
.site-btn-filled, .site-btn-outline {margin:0 !important;}
.different-right-box .custom-video-wrap {width:100%; height:645px; border-radius:20px; overflow:hidden; position:relative;}
.htmegavc-player-container {position:relative;}
.htmegavc-player-container {position:relative;}
.htmegavc-player-container .magnify-video-active.has_icon {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%) !important; width:90px; height:90px; display:flex; align-items:center; justify-content:center; background:var(--white) !important; color:var(--green) !important; border-radius:50%; text-decoration:none; font-size:40px; z-index:10;}
.htmegavc-player-container .magnify-video-active.has_icon::before {content:""; position:absolute; top:-15px; left:-15px; right:-15px; bottom:-15px; border-radius:50%; background:rgba(255, 255, 255, 0.45); animation:videoPulse 2s infinite; z-index:-1; pointer-events:none;}
.htmegavc-player-container .magnify-video-active.has_icon::after {content:""; position:absolute; top:-15px; left:-15px; right:-15px; bottom:-15px; border-radius:50%; background:rgba(255, 255, 255, 0.35); animation:videoPulse 2s infinite 1s; z-index:-1; pointer-events:none;}
@keyframes videoPulse {
0% {transform:scale(0.8); opacity:1;}
70% {transform:scale(1.5); opacity:0;}
100% {transform:scale(1.5); opacity:0;}
}
.htmegavc-player-container .magnify-video-active.has_icon:hover {background:var(--white); color:var(--green); transform:translate(-50%, -50%) !important;}
.htmegavc-player-container {overflow:visible !important;}
.sub-head {font-weight:500; font-size:18px; line-height:27px; font-family:"Inter", sans-serif !important; margin-bottom:15px !important;}

/* Different sec end here */

/* service sec start here */

.marquee-wrap {overflow:hidden; width:100%; padding:40px 0 62px 0;}
.marquee-track {display:flex; width:max-content; animation:marquee 50s linear infinite;}
.marquee-track:hover {animation-play-state:paused;}
.marquee-track span img {margin:0px 50px;}
.marquee-track span {display:flex; align-items:center; white-space:nowrap; font-weight:700; font-size:140px; line-height:100px; text-align:center; text-transform:capitalize; color:rgba(221, 221, 221, 0.53); font-family:"Montserrat", sans-serif !important;}

@keyframes marquee {
from {transform:translateX(0);}
to {transform:translateX(-50%);}
}

.service-row-wrap {padding:90px 20px 0 20px !important;}
.service-sec-wrapper h3 {font-weight:700 !important; font-size:36px; line-height:40px; text-transform:capitalize; color:var(--white); font-family:"Montserrat", sans-serif !important;}
.service-sec-wrapper h2 {margin:30px 0 45px !important;}
.service-sec-wrapper p {margin:0 0 20px 0;}
.service-sec-wrapper .site-btn-filled a:hover, .service-sec-wrapper .site-btn-filled button:hover {background:transparent !important; color:var(--white) !important; border:1px solid var(--white) !important;}
.service-sec-wrapper .site-btn-filled a, .service-sec-wrapper .site-btn-filled button {margin-top:25px !important;}
.service-left-area {padding-right:150px !important;}
.service-img-wrap img {width:100%; height:520px; object-fit:cover; border-radius:20px 20px 0 0; overflow:hidden;}
html, body, .service-sec-wrapper, .service-sec-wrapper .vc_row, .service-sec-wrapper .vc_column-inner, .service-sec-wrapper .wpb_wrapper, .service-sec-wrapper .vc_row-full-width {overflow:visible !important; overflow-x:clip !important;}
.service-sec-wrapper .vc_row, .service-sec-wrapper .vc_column-inner, .service-sec-wrapper .wpb_wrapper {transform:none !important; will-change:auto !important;}
.service-inner-row {position:-webkit-sticky !important; position:sticky !important; top:5px !important; z-index:1; display:flex !important; align-items:center; margin:0 !important;}
.service-card-1 {z-index:1 !important;}
.service-card-2 {z-index:2 !important;}
.service-card-3 {z-index:3 !important;}
.service-card-4 {z-index:4 !important;}
.service-card-5 {z-index:5 !important;}
.service-card-6 {z-index:6 !important;}
.service-card-7 {z-index:7 !important;}
.service-inner-row .service-row-wrap {border-radius:30px; overflow:hidden !important;}

/* service sec end here */

/* work sec start here */
.work-sec-wrapper{position: relative;}
.work-sec-wrapper.section-spacing {padding-bottom:160px !important;}
.work-sec-wrapper::before {content:""; position:absolute; top:auto; left:45px; background:url('/wp-content/uploads/2026/06/star-shape.svg'); width:73px; height:75px; background-size:contain; background-repeat:no-repeat;}
.work-sec-wrapper::after {content:""; position:absolute; bottom:auto; right:45px; background:url('/wp-content/uploads/2026/06/star-shape.svg'); width:73px; height:75px; background-size:contain; background-repeat:no-repeat;}
.work-card-wrap h5 {font-weight:700 !important; font-size:16px; line-height:24px; text-transform:capitalize; font-family:"Montserrat", sans-serif !important; border:1px solid var(--white); width:max-content; border-radius:50px; padding:3px 21px; display:inline-block;}
.work-card-wrap .vc_column-inner {padding:25px 15px !important; border-radius:20px;}
.work-card-wrap img {display:inline-block; margin:30px 0 25px; object-fit:contain;}
.work-card-wrap h3 {font-weight:700 !important; font-size:24px; line-height:32px; text-transform:capitalize; font-family:"Montserrat", sans-serif !important; margin-bottom:17px !important;}
.work-card-wrap p {margin:0;}
.work-card-row-inner>.work-card-wrap:nth-child(2) {transform:translateY(40px);}
.work-card-row-inner>.work-card-wrap:nth-child(3) {transform:translateY(80px);}
.work-card-row-inner>.work-card-wrap:nth-child(4) {transform:translateY(40px);}
.work-card-wrap .vc_column-inner {position:relative; overflow:hidden; transition:all 0.4s ease;}
.work-card-wrap .vc_column-inner::before {content:""; position:absolute; top:0; left:-120%; width:60%; height:100%; background:linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08), rgba(255, 255, 255, 0.08), transparent); transform:skewX(-25deg); transition:all 0.8s ease; z-index:2; pointer-events:none;}
.work-card-wrap .vc_column-inner:hover::before {left:150%;}
.work-card-wrap .vc_column-inner:hover {box-shadow:0 15px 35px rgb(0 0 0 / 11%); transform:translateY(-5px);}
.why-choose-inner {margin-top:55px !important;}
.vc_do_toggle {position:relative;}
.vc_do_toggle::before {content""; position:absolute; top:0; left:0;}
.why-choose-inner .guarantee-icon::before {content:''; position:absolute; top:0; left:0; background:url('/wp-content/uploads/2026/06/Vector.svg'); width:30px; height:31px; background-size:contain; background-repeat:no-repeat;}
.why-choose-inner h3 {font-weight:700 !important; font-size:36px; line-height:27px; text-transform:capitalize; color:rgba(221, 221, 221, 0.7); font-family:"Montserrat", sans-serif !important; transition:all ease-in-out 300ms;}
.why-choose-inner h3:hover {color:var(--white);}
.why-choose-inner .vc_toggle_active h3 {color:var(--white);}
.why-choose-inner i {display:none !important;}
.why-choose-img-left img {width:100%; height:650px; overflow:hidden; display:block; border-radius:20px;}
.why-choose-inner .vc_do_toggle {margin-bottom:50px; padding-left:25px;}
.why-choose-right .vc_toggle_content p {color:var(--white); max-width:100%;}
.why-choose-inner .why-choose-right {padding-left:60px;}
.why-choose-inner .site-btn-filled a:hover, .why-choose-inner .site-btn-filled button:hover {color:var(--white) !important; border:1px solid var(--white) !important;}
.contracts-img::before, .pricing-icon::before, .trades-icon::before, .support-icon::before, .solution-icon::before, .matter-icon::before {content:''; position:absolute; top:0; left:0; background:url('/wp-content/uploads/2026/06/Vector.svg'); width:30px; height:31px; background-size:contain !important; background-repeat:no-repeat !important;}
.why-choose-us-wrapper h2 {color:var(--white);}
.why-choose-us-wrapper p {max-width:76%; margin:0 auto;}
.contracts-img::before {background:url('/wp-content/uploads/2026/06/Vector-1.svg');}
.pricing-icon::before {background:url('/wp-content/uploads/2026/06/Vector-2.svg');}
.trades-icon::before {background:url('/wp-content/uploads/2026/06/Vector-3.svg');}
.support-icon::before {background:url('/wp-content/uploads/2026/06/Vector-4.svg');}
.solution-icon::before {background:url('/wp-content/uploads/2026/06/Vector-5.svg');}
.matter-icon::before {background:url('/wp-content/uploads/2026/06/Vector-6.svg');}

/* work sec end here */

/* result sec start here */

.results-content-box {padding:25px; border-radius:20px 20px 0 0;}
.results-content-box h3 {font-weight:700 !important; font-size:26px; line-height:34px; text-transform:capitalize; margin:20px 0 !important;}
.results-content-box .vc_do_custom_heading {margin-bottom:25px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.result-box-wrap .result-box-wrap img {width:100%;}
.bottom-img-wrap {height:auto; overflow:hidden;}
.result-box-wrap .bottom-img-wrap img {width:100%; height:100%; object-fit:cover; border-radius: 0px 0px 20px 20px;}
.result-box-wrap .vc_column-inner {border-radius:20px; overflow:hidden;}
.result-box-wrap .site-btn-filled a:hover, .result-box-wrap .site-btn-filled button:hover {color:var(--white) !important; border:1px solid var(--white) !important;}
.results-content-box p {height:110px;}
.btn-wrapper {text-align:center; margin-top:25px !important;}
.results-sec-wrapper::before {content:""; position:absolute; top:0; left:0; background:url('/wp-content/uploads/2026/06/shape-1.png'); width:238px; height:258px; background-size:contain; background-repeat:no-repeat;}
.results-sec-wrapper::after {content:""; position:absolute; bottom:0; right:0; background:url('/wp-content/uploads/2026/06/shape-img-2.png'); width:238px; height:258px; background-size:contain; background-repeat:no-repeat;}
.results-sec-wrapper {position:relative;}

/* result sec end here */

/* about sec start here */

.about-img-wrap {width:100%; height:645px; overflow:hidden; display:block; border-radius:20px;}
.about-img-wrap img {width:100%; height:100%; object-fit:cover; border-radius: 20px;}
.about-right-area .vc_do_custom_heading {margin-bottom:45px;}
.about-right-area {padding-left:53px !important;}
.home-about-sec-wrapper {position:relative;}
.home-about-sec-wrapper::before {content:""; position:absolute; top:10px; left:24px; background:url('/wp-content/uploads/2026/06/about-shape-1.png'); width:161px; height:172px; background-size:contain; background-repeat:no-repeat;}
.home-about-sec-wrapper::after {content:""; position:absolute; bottom:0; right:0; background:url('/wp-content/uploads/2026/06/about-shape-2.png'); width:311px; height:354px; background-size:contain; background-repeat:no-repeat;}
.faq-sec-wrapper h2, .faq-sec-wrapper p {color:var(--white);}
.faq-sec-wrapper .faq-item {position:relative;}
.faq-item .vc_toggle_title {border:1px solid var(--white); padding:21px; border-radius:10px; position:relative; transition:all ease-in-out 300ms;}
.faq-item .vc_toggle_title:hover {border:1px solid var(--green);}
.faq-sec-wrapper .faq-item i {display:none !important;}
.faq-item .vc_toggle_title::after {content:""; position:absolute; top:50%; transform:translate(-50%, -50%); right:21px; background:url('/wp-content/uploads/2026/06/arrow.svg'); width:35px; height:35px; background-size:100%; background-repeat:no-repeat; transition:transform 0.3s ease; border-radius: 50%;}
.faq-sec-wrapper .faq-item.vc_toggle_active .vc_toggle_title::after {transform:translate(-50%, -50%) rotate(180deg);}
.faq-sec-wrapper .faq-area {margin-top:50px !important;}
.common-cta-sec h2 {font-size:70px; line-height:80px; margin-bottom:30px !important;}

/* about sec end here */

/* common css start here */

.common-cta-sec {padding:165px 0 !important; position:relative;}
.common-cta-sec::after {content:""; position:absolute; bottom:0; right:0; background:url('/wp-content/uploads/2026/06/decogreen-1.png'); width:1224px; height:193px; background-repeat:no-repeat; background-size:100%; z-index:-1;}
.common-cta-sec h2 {font-size:70px; line-height:80px;}
.common-box-info {margin:30px 0 !important;}
.common-cta-btn-wrap a {background:var(--green) !important; border-radius:50% !important; width:120px; height:120px; transition:all ease-in-out 300ms;}
.common-cta-btn-wrap a:hover {background:var(--dark) !important;}
.common-cta-btn-wrap a:hover::before {transform:translate(-50%, -50%) rotate(40deg);}
.common-cta-btn-wrap a::before {content:""; position:absolute; background:url('/wp-content/uploads/2026/06/Group.svg'); width:70px; height:70px; background-repeat:no-repeat; top:50%; left:50%; transform:translate(-50%, -50%); background-size:100%; transition:transform 0.4s ease;}
.cta-right {text-align:end;}
.common-cta-box .wpb_wrapper {display:flex; align-items:center; gap:20px; padding:25px 20px 25px 20px; background:var(--white); border-bottom:5px solid var(--green); border-top:5px solid var(--white); box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1); border-radius:10px; height:100%; margin-right:30px; transition:all ease-in-out 300ms;}
.common-cta-box .wpb_wrapper:hover {border-top:5px solid var(--green);}
.common-cta-box .wpb_wrapper p {margin:0; font-size:20px; line-height:28px; font-weight:500;}
.common-cta-box figure.wpb_wrapper.vc_figure {padding:0; background:unset; box-shadow:none; border:none; margin:0;}
.common-btn-wrapper .vc_do_btn {margin-bottom:0;}
.common-btn-wrapper .theme-btn-filled a:hover, .common-btn-wrapper .theme-btn-filled button:hover {background:transparent !important; color:var(--dark) !important;}
.common-btn-wrapper .theme-btn-filled.outline-btn a {background:#ff000000 !important; color:var(--dark) !important; border:1px solid var(--green) !important;}
.common-btn-wrapper .theme-btn-filled.outline-btn a:hover {background:var(--green) !important; color:var(--white) !important;}
.common-btn-wrapper .theme-btn-filled.outline-btn a:hover i {color:var(--white) !important;}
.common-btn-wrapper .theme-btn-filled.outline-btn a i {color:var(--green) !important; transition:all ease-in-out 300ms;}
footer .footer-widgets .footer-column {padding-top:0;}

/* common css end here */

/* testimonial sec start here */

.testimonial-sec-wrapper h2 {color:var(--white);}
.testimonial-sec-wrapper .stars-testimonials .st-style17 .profile {display:block; width:50px !important; height:50px !important; border-radius:50px !important; box-shadow:none; left:20px; top:-47px;}
.testimonial-sec-wrapper .st-style17 {padding-top:60px; border-radius:20px; margin:0;}
.testimonial-sec-wrapper .st-style17 h3 {top:20px; left:90px; text-align:left; font-size:18px; font-weight:700;}
.testimonial-sec-wrapper .st-style17 {background-color:#f0f0f0;}
.testimonial-sec-wrapper .st-style17 div.blockquote:after {display:none;}
.testimonial-sec-wrapper .blockquote.st-testimonial-content {padding:0 !important; margin:10px 0 0 0 !important;}
.testimonial-sec-wrapper .st-testimonial-company {font-size:16px !important; line-height:22px !important; font-weight:500; color:var(--dark) !important;}
.testimonial-sec-wrapper .st-style17 .starrating {left:24px; display:flex; align-items:center; gap:4px;}
.testimonial-sec-wrapper .st-style17 .starrating i {font-size:19px;}
.testimonial-sec-wrapper .st-testimonial-content p {margin-top:20px; opacity:1; font-style:normal;}
.testimonial-sec-wrapper .stars-testimonials .slick-prev {left:-10px;}
.testimonial-sec-wrapper .stars-testimonials .slick-next {right:-10px;}
.testimonial-sec-wrapper .slick-arrow {background:var(--white) !important; width:45px !important; height:45px !important; border-radius:50%;}
.testimonial-sec-wrapper .stars-testimonials .slick-next:before, .stars-testimonials .slick-prev:before {font-size:25px; color:var(--green) !important;}
.testimonial-sec-wrapper .stars-testimonials .slick-prev::before, .testimonial-sec-wrapper .stars-testimonials .slick-next::before {display:none;}
.testimonial-sec-wrapper .stars-testimonials .slick-prev::after {content:''; position:absolute; background:url('/wp-content/uploads/2026/06/left-arrow.svg'); width:10px; height:15px; background-repeat:no-repeat; background-size:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
.testimonial-sec-wrapper .stars-testimonials .slick-next::after {content:''; position:absolute; background:url('/wp-content/uploads/2026/06/arrow-right.svg'); width:10px; height:15px; background-repeat:no-repeat; background-size:100%; top:50%; left:50%; transform:translate(-50%, -50%);}
.testimonial-sec-wrapper .slick-arrow:hover {background:var(--green) !important;}
.testimonial-sec-wrapper .slick-arrow:hover::after {filter:brightness(0) saturate(100%) invert(100%);}

/* testimonial sec end here */


/* footer start here */

footer {position:relative; width:100%; padding:60px 0 20px; overflow:hidden;}
footer::before {content:""; position:absolute; inset:0; background:url('/wp-content/uploads/2026/06/footer-bg.webp') center/cover no-repeat; mix-blend-mode:luminosity; z-index:-1;}
footer .footer-widgets section+section {margin-top:0;}
footer #block-8 p {color:var(--white); margin:35px 0px 30px;}
footer #block-8 p {color:var(--white); margin:35px 0px 30px;}
.footer-social-info ul {display:flex; align-items:center; gap:15px;}
.footer-social-info ul li a {width:40px; height:40px; background:var(--green); display:flex; align-items:center; justify-content:center; border-radius:50%; transition:all ease-in-out 300ms;}
.footer-social-info ul li a:hover {background:var(--white);}
.footer-social-info ul li a:hover img {filter:brightness(0) saturate(100%) invert(38%) sepia(100%) saturate(1326%) hue-rotate(67deg) brightness(94%) contrast(101%);}
.footer-social-info ul li a img {width:20px; height:auto; object-fit:contain; transition:all ease-in-out 300ms;}
.footer-social-info ul li {padding:0; margin:0;}
footer h4.wp-block-heading {font-size:24px; line-height:24px; font-weight:600; color:var(--white); margin-bottom:25px !important;}
footer h4.wp-block-heading {font-size:24px; line-height:24px; font-weight:600; color:var(--white); margin-bottom:25px !important;}
footer #menu-footer-menu li a {margin:0; padding:0; font-size:18px; line-height:40px; color:var(--white); transition:all ease-in-out 300ms;}
footer #menu-footer-menu li a:hover {color:var(--green);}
footer #menu-footer-menu li {margin:0; padding:0; position:relative; padding-left:15px;}
footer #menu-footer-menu li::before {content:""; position:absolute; background:url('/wp-content/uploads/2026/06/footer-arrow.svg'); width:23px; height:23px; top:50%; left:4px; transform:translate(-50%, -50%); background-size:100%; background-repeat:no-repeat;}
.footer-contact-info ul li {display:flex; align-items:center; gap:10px;}
.footer-contact-info ul li img {width:23px; height:auto;}
.footer-contact-info ul li, .footer-contact-info ul li a {display:flex; align-items:center; gap:10px; margin:0; padding:0; font-size:18px; line-height:40px; color:var(--white); transition:all ease-in-out 300ms;}
.footer-contact-info ul li a:hover {color:var(--green);}
.footer-bottom-inner {display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; border-top:1px solid rgb(255 255 255 / 50%); padding-top:16px; margin-top:60px;}
.footer-bottom-inner p, .footer-bottom-inner ul li, .footer-bottom-inner ul li a {font-size:16px; line-height:18px; color:var(--white);}
.policy-info ul {display:flex; align-items:center; gap:16px;}
.policy-info ul li a {text-transform:uppercase; transition:all ease-in-out 300ms;}
.policy-info ul li a:hover {color:var(--green);}
footer .footer-widgets {margin-bottom:0;}

/* footer end here */




/*====== Banner area start here ======*/

.banner-area-with-image{
	position: relative;
}
.banner-area-with-image .sub_head {
    font-size: 18px;
    line-height: 28px;
    font-weight: 500 !important;
    margin-bottom: 15px !important;
}
.banner-area-with-image h1 {
    max-width: 100%;
}
.banner-area-with-image.section-spacing {
    padding: 90px 0 0 !important;
}
.banner-page-title {
    font-size: 100px;
    line-height: 70px;
    text-transform: capitalize;
    color: rgba(221, 221, 221, 0.15) !important;
    position: absolute;
    left: 50px;
    bottom: 0;
}
.inner-pages-h1 {
    font-size: 45px;
    line-height: 55px;
}
.banner-img-wrap {position: relative;}
.banner-img-wrap .star-img-1 {
    position: absolute;
    top: 30%;
    left: 50px;
}
.banner-img-wrap .star-img-2 {
    position: absolute;
    right: 0;
    top: 30px;
}
.banner-img-wrap .star-img-3 {
    position: absolute;
    bottom: 30px;
    right: -50px;
}

/*======== Banner area end here ========*/

/*====== our story sec start here ======*/

.our-story-wrapper{
	position: relative;
}
.our-story-wrapper p {
    margin-bottom: 20px;
}

.our-story-wrapper p:last-of-type {
    margin-bottom: 0;
}
.our-story-wrapper .our-mission-box {
    background: linear-gradient(283.74deg, #272727 1.9%, #326C14 50.92%, #272727 72.77%);
    border-radius: 20px;
    padding: 35px;
    margin-left: 25px !important;
}
.our-mission-box{
	position: relative;
}

.our-mission-box h3 {
    font-size: 36px;
    line-height: 65px;
    font-weight: 700 !important;
}
.our-mission-box .star-icon {
    position: absolute;
    top: 0;
    right: 0;
}

.our-mission-box .star-icon img {
    width: 80%;
}
.our-story-wrapper {
    background: url('/wp-content/uploads/2026/06/story-sec-bg-shape.png');
    background-size: 50% !important;
    background-position: 90% 50% !important;
	background-repeat: no-repeat;
}
.section-stars,.section-stars2{
	position: relative;
}
.section-stars::before {
    content: "";
    position: absolute;
    top: 40px;
    right: 40px;
    background: url('/wp-content/uploads/2026/06/star-shape.svg');
    width: 73px;
    height: 75px;
    background-size: contain;
    background-repeat: no-repeat;
}

.section-stars::after {
    content: "";
    position: absolute;
    bottom: 40px;
    left: 40px;
    background: url('/wp-content/uploads/2026/06/star-shape.svg');
    width: 73px;
    height: 75px;
    background-size: contain;
    background-repeat: no-repeat;
}

.section-stars2::before {
    content: "";
    position: absolute;
    top: 40px;
    left: 40px;
    background: url('/wp-content/uploads/2026/06/star-shape.svg');
    width: 73px;
    height: 75px;
    background-size: contain;
    background-repeat: no-repeat;
}

.section-stars2::after {
    content: "";
    position: absolute;
    bottom: 40px;
    right: 40px;
    background: url('/wp-content/uploads/2026/06/star-shape.svg');
    width: 73px;
    height: 75px;
    background-size: contain;
    background-repeat: no-repeat;
}


/*====== our story sec end here ========*/

/* Our value sec start here ============*/
.our-values-wrapper{
	position: relative;
}
.our-values-wrapper::before{
	content: "";
    position: absolute;
    top: 40px;
    right: 40px;
    background: url('/wp-content/uploads/2026/06/star-shape.svg');
    width: 73px;
    height: 75px;
    background-size: contain;
    background-repeat: no-repeat;
}
.our-values-wrapper h2 {
    color: var(--white);
}
.our-values-wrapper .value-icon {
    width: 70px;
    height: 70px;
    background: #5A5252;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}
.our-values-wrapper  h3 {
    font-weight: 700 !important;
    font-size: 24px;
    line-height: normal;
    margin: 20px 0 !important;
}
.our-values-wrapper .value-box-wrap {
    background: #382929;
    border-width: 1px 1px 4px 1px;
    border-style: solid;
    border-color: var(--green);
    border-radius: 20px;
    padding: 30px;
    transition: all ease-in-out 300ms;
}
.our-values-wrapper .our-value-row .vc_row {
    display: flex !important;
    gap: 30px !important;
    margin: 0px -30px !important;
	justify-content: center;
}
.behind-viridi-sec .different-left-box p {
    margin-bottom: 20px !important;
}

.behind-viridi-sec .different-left-box p:last-of-type {
    margin-bottom: 0 !important;
}
.behind-viridi-shape img {
    position: absolute;
    bottom: -80px;
    width: 140px;
    height: auto;
    object-fit: contain;
}
.behind-viridi-sec{
	position: relative;
}
.behind-viridi-sec {
    background: url('/wp-content/uploads/2026/06/story-sec-bg-shape.png');
    background-size: 50% !important;
    background-position: 90% 50% !important;
	background-repeat: no-repeat;
}
/* shine effect start here */
.shine-effect {
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
}

.shine-effect::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 60%;
    height: 100%;
    background: linear-gradient(
        120deg,
        transparent,
        rgba(255, 255, 255, 0.08),
        rgba(255, 255, 255, 0.08),
        rgba(255, 255, 255, 0.08),
        transparent
    );
    transform: skewX(-25deg);
    transition: all 0.8s ease;
    z-index: 2;
    pointer-events: none;
}

.shine-effect:hover::before {
    left: 150%;
}

.shine-effect:hover {
    box-shadow: 0 15px 35px rgb(0 0 0 / 11%);
    transform: translateY(-5px);
}

/* shine effect end here */
/* Our value sec end here ==============*/

/*======== whate makes virid different sec start here ======*/
.what-makes-viridi-different .vc_row {
    flex-wrap: wrap;
	margin: 0px 0px !important;
}
.what-makes-viridi-different .vc_row .value-box-wrap {
    width: calc(33.33% - 20px);
}.what-makes-viridi-different .vc_row .value-box-wrap:nth-child(4),
.what-makes-viridi-different .vc_row .value-box-wrap:nth-child(5) {
    width: calc(50% - 20px);
}
.what-makes-viridi-different.our-value-row .vc_row {
    margin: 0px 0px !important;
}
.what-makes-viridi-different .vc_row:after, .what-makes-viridi-different .vc_row:before{display: none;}

/*======== whate makes virid different sec end here ======*/


/*========== the engine sec start here ==========*/
.the-engine-img img {
    width: 100%;
    height: auto !important;
    display: block;
    border-radius: 20px;
    border: 1px solid var(--green);
    object-fit: cover;
}
.the-engine-img .vc_single_image-wrapper{
	width: 100%;
}
.the-engine-img{position: relative; z-index: 2; padding-left: 20px; margin-left: 30px;}
.the-engine-img::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 87%;
    bottom: -20px;
    left: 0;
    background: linear-gradient(283.74deg, #272727 1.9%, #326C14 50.92%, #272727 72.77%);
    border-radius: 20px;
    z-index: -1;
}
.the-engine-row .vc_do_custom_heading {
    margin-bottom: 20px;
}

.the-engine-row .vc_do_custom_heading:last-of-type {
    margin-bottom: 45px;
}
.text-white{color: var(--white);}
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
/*========== the engine sec end here ==========*/

/*=========== Result sec start here ===========*/
.real-result-wrapper h4 {
    font-style: italic !important;
    font-weight: 600 !important;
    font-size: 16px;
    line-height: normal;
    font-family: "Inter", sans-serif !important;
    margin-bottom: 20px !important;
}
.real-result-wrapper h3, .real-result-wrapper h4, .real-result-wrapper p {
    padding: 0px 20px 0px 20px;
}
.result-box {
    background: #382929;
    border-width: 1px 1px 4px 1px;
    border-style: solid;
    border-color: var(--green);
    border-radius: 20px;
    transition: all ease-in-out 300ms;
    width: calc(33.33% - 30px) !important;
    padding-bottom: 20px;
}
.result-img-wrap {
    width: 100%;
    height: 290px;
    overflow: hidden;
    display: block;
}

.result-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.result-box .wpb_single_image.vc_align_left {
    height: 100% !important;
}
.top--para {
    margin-bottom: 60px !important;
}
/*=========== Result sec end here =============*/

/*======= trades service sec start here =======*/

.trades-services-box {
    background: #382929;
    border-width: 1px 1px 4px 1px;
    border-style: solid;
    border-color: var(--green);
    border-radius: 20px;
    padding: 30px !important;
    transition: all ease-in-out 300ms;
}
.trade-services-icon {
    width: 70px;
    height: 70px;
    background: #5A5252;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
	position: absolute;
	top: 30px;
}
.trades-services-box h3 {
    margin-bottom: 35px !important;
    margin-top: 25px !important;
    padding-left: 95px;
    font-weight: 700 !important;
    font-size: 20px;
    line-height: normal;
}

.trades-services-box .trade-services-btn button {
    align-items: center;
    padding: 5px 15px;
    border: 1px solid var(--green) !important;
    border-radius: 50px;
    background: transparent !important;
    font-weight: 500;
    font-size: 15px;
    line-height: 24px;
    color: var(--white) !important;
    transition: all ease-in-out 300ms;
}
.trades-services-box .trade-services-btn button:hover{
	background: var(--green) !important;
	color: var(--white) !important;
}
.trades-services-box .vc_do_btn {
    margin-top: 10px;
	margin-bottom: 0;
    margin-right: 10px;
}
.helping-tradies-row .vc_row.vc_row-flex {
    gap: 30px;
    justify-content: center;
}
.helping-tradies-row .vc_row.vc_row-flex .trades-services-box{
	width: calc(50% - 30px) !important;
}
/*======= trades service sec end here =======*/










































/*================ media query start here ================*/



@media screen and (min-width: 1920px) {}


@media screen and (min-width: 1440px) and (max-width: 1919px) {
    .site-container {
        max-width: 1280px;
    }

    h2 {
        font-size: 40px;
        line-height: 45px;
    }

    h1 {
        font-size: 50px;
        line-height: 60px;
    }

    p {
        font-size: 16px;
        line-height: 24px;
    }

    .cust-site-header .main-navigation ul li a {
        font-size: 16px;
        line-height: 24px;
    }

    .hero-banner-wrapper h5.vc_custom_heading.vc_do_custom_heading {
        font-size: 18px;
        line-height: 28px;
    }

    .theme-btn-filled a,
    .theme-btn-filled button,
    .site-btn-filled a,
    .site-btn-filled button {
        font-size: 16px !important;
        line-height: 24px !important;
        padding: 12px 34px !important;
    }

    .htmegavc-counter-content span {
        margin-bottom: 20px !important;
        font-size: 40px !important;
        line-height: 45px !important;
    }

    .htmegavc-counter-title {
        font-size: 16px !important;
        line-height: 1.3;
    }

    .seperator-img img {
        margin: 25px 0px 40px;
    }

    .marquee-wrap {
        padding: 30px 0 50px 0;
    }

    .marquee-track span {
        font-size: 120px;
    }

    .service-sec-wrapper h2 {
        margin: 20px 0 35px !important;
    }

    .work-card-wrap h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .work-card-wrap h5 {
        font-size: 14px;
        line-height: 22px;
    }

    .why-choose-inner h3 {
        font-size: 30px;
        line-height: 27px;
    }

    .why-choose-inner .vc_do_toggle {
        margin-bottom: 40px;
        padding-left: 20px;
    }

    .results-sec-wrapper::before,
    .results-sec-wrapper::after {
        background-size: 80%;
        width: 180px;
        height: 160px;
    }

    .results-content-box h3 {
        font-size: 23px;
        line-height: 30px;
    }

    .home-about-sec-wrapper::before {
        background-size: 80%;
        width: 140px;
        height: 140px;
    }

    .home-about-sec-wrapper::after {
        width: 240px;
        height: 260px;
        background-size: 100%;
    }

    .common-cta-sec {
        padding: 115px 0 !important;
    }

    .common-cta-sec h2 {
        font-size: 60px;
        line-height: 70px;
    }

    .theme-btn-filled a,
    .theme-btn-filled button {
        padding: 12px 34px 12px 55px !important;
    }

}


@media screen and (min-width: 1200px) and (max-width: 1439px) {


    .site-container {
        max-width: 1270px;
    }

    h2 {
        font-size: 40px;
        line-height: 45px;
    }

    h1 {
        font-size: 50px;
        line-height: 60px;
    }

    p {
        font-size: 16px;
        line-height: 24px;
    }

    .cust-site-header .main-navigation ul li a {
        font-size: 16px;
        line-height: 24px;
    }

    .hero-banner-wrapper h5.vc_custom_heading.vc_do_custom_heading {
        font-size: 18px;
        line-height: 28px;
    }

    .theme-btn-filled a,
    .theme-btn-filled button,
    .site-btn-filled a,
    .site-btn-filled button {
        font-size: 16px !important;
        line-height: 24px !important;
        padding: 12px 34px !important;
    }

    .htmegavc-counter-content span {
        margin-bottom: 20px !important;
        font-size: 40px !important;
        line-height: 45px !important;
    }

    .htmegavc-counter-title {
        font-size: 16px !important;
        line-height: 1.3;
    }

    .seperator-img img {
        margin: 25px 0px 40px;
    }

    .marquee-wrap {
        padding: 30px 0 50px 0;
    }

    .marquee-track span {
        font-size: 120px;
    }

    .service-sec-wrapper h2 {
        margin: 20px 0 35px !important;
    }

    .work-card-wrap h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .work-card-wrap h5 {
        font-size: 14px;
        line-height: 22px;
    }

    .why-choose-inner h3 {
        font-size: 30px;
        line-height: 27px;
    }

    .why-choose-inner .vc_do_toggle {
        margin-bottom: 40px;
        padding-left: 20px;
    }

    .results-sec-wrapper::before,
    .results-sec-wrapper::after {
        background-size: 80%;
        width: 180px;
        height: 160px;
    }

    .results-content-box h3 {
        font-size: 23px;
        line-height: 30px;
    }

    .home-about-sec-wrapper::before {
        background-size: 80%;
        width: 140px;
        height: 140px;
    }

    .home-about-sec-wrapper::after {
        width: 240px;
        height: 260px;
        background-size: 100%;
    }

    .common-cta-sec {
        padding: 115px 0 !important;
    }

    .common-cta-sec h2 {
        font-size: 60px;
        line-height: 70px;
    }

    .theme-btn-filled a,
    .theme-btn-filled button {
        padding: 12px 34px 12px 55px !important;
    }

    .why-choose-us-wrapper p {
        max-width: 100%;
    }

    .cust-site-header .center-menu-area ul {
        gap: 30px;
    }

    .get-in-touch-btn {
        font-size: 16px;
        line-height: 22px;
    }



}

@media(max-width: 1024px) {
    .get-in-touch-btn {
        display: none;
    }
	  .service-left-area {
        padding-right: 20px !important;
    }
	 .service-inner-row {
        top: 5px !important;
    }

    .cust-site-header .center-menu-area ul {
        gap: 20px;
    }

    .site-container {
        max-width: 100%;
        padding: 0 40px;
    }

    h1 {
        max-width: 100%;
    }

    .hero-banner-wrapper h5.vc_custom_heading.vc_do_custom_heading {
        max-width: 90%;
    }

    .hero-banner-wrapper p {
        color: var(--white);
        max-width: 90%;
    }

    .trust-info {
    gap: 20px;
    justify-content: start !important;
}

    .section-spacing {
        padding: 60px 0 !important;
    }

    .counter-row .wpb_column.vc_column_container.vc_col-sm-2 {
        width: 25%;
    }

    .vc_row.wpb_row.vc_inner.vc_row-fluid.counter-row {
        display: flex;
        flex-wrap: wrap;
        gap: 30px 0;
        justify-content: center;
    }

    .different-right-box .custom-video-wrap {
        height: 450px;
    }

    h2 {
        font-size: 35px;
        line-height: 40px;
    }

    .different-left-box {
        padding-right: 35px !important;
    }

    h1 {
        font-size: 40px;
        line-height: 45px;
        max-width: 90%;
    }

    .different-left-box .vc_row:after,
    .vc_row:before {
        display: none !important;
    }

    .bottom-box-row {
        margin: 30px 0px !important;
    }

    .bottom-box-row .wpb_column p {
        line-height: normal;
    }

    .different-left-box .site-btn-outline a,
    .different-left-box .site-btn-outline button {
        margin: 0 20px 20px 0 !important;
    }

    .service-sec-wrapper h3 {
        font-size: 25px;
        line-height: 25px;
    }

    .service-row-wrap {
        padding: 90px 20px 20px 30px !important;
    }

    .work-card-row-inner .work-card-wrap {
        width: 25%;
    }

    .work-sec-wrapper.section-spacing {
        padding-bottom: 60px !important;
    }

    .work-sec-wrapper::after {
        bottom: 20px;
    }

    .work-sec-wrapper::before {
        top: 20px;
    }

    .why-choose-inner h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .why-choose-inner .why-choose-right {
        padding-left: 30px;
    }

    .contracts-img::before,
    .pricing-icon::before,
    .trades-icon::before,
    .support-icon::before,
    .solution-icon::before,
    .matter-icon::before,
    .why-choose-inner .guarantee-icon::before {
        width: 25px;
        height: 26px;
    }

    .why-choose-inner .vc_do_toggle {
        margin-bottom: 30px;
        padding-left: 20px;
    }

    .marquee-track span {
        font-size: 90px;
    }

    .results-content-box p {
        height: auto;
    }

    .results-content-box {
        padding: 15px;
    }

    .results-content-box h3 {
        font-size: 19px;
        line-height: 25px;
    }

    .about-img-wrap {
        height: 450px;
    }

    .faq-item .vc_toggle_title::after {
        right: 0;
    }

    .common-cta-sec h2 {
        font-size: 45px;
        line-height: 50px;
    }

    .common-cta-sec {
        padding: 80px 0 !important;
    }

    .common-cta-btn-wrap a {
        width: 100px;
        height: 100px;
    }

    .common-cta-box .wpb_wrapper {
        flex-direction: column;
    }

    .common-cta-box .wpb_wrapper p {
        font-size: 16px;
        line-height: 25px;
        text-align: center
    }

    .footer-bottom-inner p,
    .footer-bottom-inner ul li,
    .footer-bottom-inner ul li a {
        font-size: 14px;
        line-height: 15px;
        color: var(--white);
    }

    .faq-sec-wrapper .faq-item h3 {
        font-size: 20px !important;
        line-height: normal;
    }

    .faq-item .vc_toggle_title {
        padding: 15px;
    }

    p {
        font-size: 16px;
        line-height: 24px;
    }

    .theme-btn-filled a,
    .theme-btn-filled button,
    .site-btn-filled a,
    .site-btn-filled button {
        font-size: 16px !important;
        line-height: 24px !important;
        padding: 12px 34px !important;
    }

    .theme-btn-filled a,
    .theme-btn-filled button {
        padding: 12px 34px 12px 55px !important;
    }

}

@media(max-width: 1000px) {

    /* Offcanvas Menu */
    .drawer {
    display: block !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 320px;
    max-width: 85%;
    height: 100vh;
    background: var(--green);
    z-index: 99999;
    overflow-y: auto;
    transform: translateX(-100%);
    opacity: 0;
    visibility: hidden;
    transition: transform 0.4s ease,
            opacity 0.4s ease,
            visibility 0s linear 0.4s;
}
 .drawer .menu-item-has-children .toggle-sub {
    background: #42485100;
}
.drawer .drawer-navigation ul li {
    border-bottom: solid 1px #ffffff78;
}
 
    /* Open State */
    .mobile-navigation.toggle-active+.drawer-wrap .drawer {
        transform: translateX(0);
        opacity: 1;
        visibility: visible;

        transition:
            transform 0.4s ease,
            opacity 0.4s ease,
            visibility 0s linear 0s;
    }

    .btn-and-toggle {
        display: none;
    }

 .mobile-navigation {
    background-color: transparent !important;
    position: absolute;
    right: 40px;
    width: max-content;
    top: 50%;
    transform: translatey(-50%);
    padding: 0;
}

    .mobile-navigation button {
        font-size: 30px;
    }

    footer .footer-widgets {
        padding-top: 0;
        margin-bottom: 0;
    }

}

@media screen and (min-width: 992px) and (max-width: 1199px) {


    .site-container {
        max-width: 100%;
    }

    p {
        font-size: 16px;
        line-height: 24px;
    }

    .cust-site-header .main-navigation ul li a {
        font-size: 16px;
        line-height: 24px;
    }

    .hero-banner-wrapper h5.vc_custom_heading.vc_do_custom_heading {
        font-size: 18px;
        line-height: 28px;
    }

    .theme-btn-filled a,
    .theme-btn-filled button,
    .site-btn-filled a,
    .site-btn-filled button {
        font-size: 16px !important;
        line-height: 24px !important;
        padding: 12px 34px !important;
    }

    .htmegavc-counter-content span {
        margin-bottom: 20px !important;
        font-size: 40px !important;
        line-height: 45px !important;
    }

    .htmegavc-counter-title {
        font-size: 16px !important;
        line-height: 1.3;
    }

    .seperator-img img {
        margin: 25px 0px 40px;
    }

    .marquee-wrap {
        padding: 30px 0 50px 0;
    }

    .service-sec-wrapper h2 {
        margin: 20px 0 35px !important;
    }

    .work-card-wrap h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .work-card-wrap h5 {
        font-size: 14px;
        line-height: 22px;
    }

    .results-sec-wrapper::before,
    .results-sec-wrapper::after {
        background-size: 80%;
        width: 180px;
        height: 160px;
    }

    .home-about-sec-wrapper::before {
        background-size: 80%;
        width: 140px;
        height: 140px;
    }

    .home-about-sec-wrapper::after {
        width: 240px;
        height: 260px;
        background-size: 100%;
    }

    .theme-btn-filled a,
    .theme-btn-filled button {
        padding: 12px 34px 12px 55px !important;
    }

    .why-choose-us-wrapper p {
        max-width: 100%;
    }

}


@media(max-width: 991px) {

    .results-sec-wrapper::before,
    .results-sec-wrapper::after {
        width: 128px;
        height: 140px;
    }

    .home-about-sec-wrapper::before,
    .home-about-sec-wrapper::after {
        width: 170px;
        height: 160px;
    }

    .seperator-img img {
        margin: 20px 0px 40px;
    }

    .footer-bottom-inner {
        margin-top: 0;
    }

    .why-choose-us-wrapper p {
        max-width: 100%;
    }

    .counter-row .wpb_column.vc_column_container.vc_col-sm-2 {
        width: 50%;
    }

}

@media(max-width: 884px) {
    .cta-left.wpb_column.vc_column_container.vc_col-sm-10 {
        width: 100%;
    }

    .cta-right.wpb_column.vc_column_container.vc_col-sm-2 {
        width: 100%;
    }

    h1 {
        max-width: 100%;
    }

    .trust-info {
        justify-content: left !important;
    }

    .hero-banner-wrapper h5.vc_custom_heading.vc_do_custom_heading {
        font-size: 18px;
        line-height: 25px;
        margin: 20px 0px 30px !important;
        max-width: 90%;
    }

    .htmegavc-counter-content span {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    .counter-row .wpb_column.vc_column_container.vc_col-sm-2 {
        width: 33.33%;
    }

    .htmegavc-counter-title {
        font-size: 16px !important;
        line-height: 24px;
    }

    .different-sec-wrapper .vc_row.wpb_row.vc_row-fluid.site-container {
        flex-direction: column;
        display: flex;
    }

    .different-sec-wrapper .vc_col-sm-6 {
        width: 100%;
    }

    .different-left-box {
        padding-right: 0px !important;
        margin-top: 30px;
        order: 2;
    }

    .marquee-wrap {
        padding: 20px 0 20px 0;
    }

    .service-left-area {
        padding-right: 20px !important;
    }

    .service-row-wrap {
        padding: 40px 20px 40px 30px !important;
    }

    .service-sec-wrapper h2 {
        margin: 20px 0 30px !important;
    }

    .service-sec-wrapper .site-btn-filled a,
    .service-sec-wrapper .site-btn-filled button {
        margin-top: 15px !important;
    }

    .work-card-row-inner .work-card-wrap {
        width: 33.33%;
    }

    .work-card-row-inner>.work-card-wrap:nth-child(1),
    .work-card-row-inner>.work-card-wrap:nth-child(2),
    .work-card-row-inner>.work-card-wrap:nth-child(3),
    .work-card-row-inner>.work-card-wrap:nth-child(4),
    .work-card-row-inner>.work-card-wrap:nth-child(5) {
        transform: translateY(0px);
    }

    .work-card-wrap h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .work-sec-wrapper .vc_custom_1780992036530 {
        margin-bottom: 35px !important;
    }

    .results-content-box img {
        width: 100%;
        height: 1px;
    }

    .results-content-box h3 {
        height: 55px;
    }

    .faq-sec-wrapper .faq-item h3 {
        max-width: 92%;
    }

    .common-cta-sec {
        padding: 60px 0 !important;
    }

}

@media(max-width: 767px) {
    .cta-left.wpb_column.vc_column_container.vc_col-sm-10 {
        width: 100%;
    }

    .cta-right.wpb_column.vc_column_container.vc_col-sm-2 {
        width: 100%;
    }

    h1 {
        max-width: 100%;
    }

    .trust-info {
        justify-content: left !important;
    }

    .hero-banner-wrapper h5.vc_custom_heading.vc_do_custom_heading {
        font-size: 18px;
        line-height: 25px;
        margin: 20px 0px 30px !important;
        max-width: 90%;
    }

    .htmegavc-counter-content span {
        font-size: 35px !important;
        line-height: 40px !important;
    }

    .counter-row .wpb_column.vc_column_container.vc_col-sm-2 {
        width: 33.33%;
    }

    .htmegavc-counter-title {
        font-size: 16px !important;
        line-height: 24px;
    }

    .different-sec-wrapper .vc_row.wpb_row.vc_row-fluid.site-container {
        flex-direction: column;
        display: flex;
    }

    .different-sec-wrapper .vc_col-sm-6 {
        width: 100%;
    }

    .different-left-box {
        padding-right: 0px !important;
        margin-bottom: 30px;
    }

    .marquee-wrap {
        padding: 20px 0 20px 0;
    }

    .service-left-area {
        padding-right: 0px !important;
        margin-bottom: 40px;
    }

    .service-row-wrap {
        padding: 55px 20px 20px 30px !important;
    }

    .service-sec-wrapper h2 {
        margin: 15px 0 15px !important;
    }

    .service-sec-wrapper p {
        margin: 0 0 15px 0;
    }

    .service-sec-wrapper .site-btn-filled a,
    .service-sec-wrapper .site-btn-filled button {
        margin-top: 15px !important;
    }

    .work-card-row-inner .work-card-wrap {
        width: 33.33%;
    }

    .work-card-row-inner>.work-card-wrap:nth-child(1),
    .work-card-row-inner>.work-card-wrap:nth-child(2),
    .work-card-row-inner>.work-card-wrap:nth-child(3),
    .work-card-row-inner>.work-card-wrap:nth-child(4),
    .work-card-row-inner>.work-card-wrap:nth-child(5) {
        transform: translateY(0px);
    }

    .work-card-wrap h3 {
        font-size: 20px;
        line-height: 25px;
    }

    .work-sec-wrapper .vc_custom_1780992036530 {
        margin-bottom: 35px !important;
    }

    .results-content-box img {
        width: 100%;
        height: 1px;
    }

    .results-content-box h3 {
        height: auto;
    }

    .faq-sec-wrapper .faq-item h3 {
        max-width: 92%;
    }

    .common-cta-sec {
        padding: 60px 0 !important;
    }

    .common-box-info {
        gap: 30px;
    }

    .counter-row .wpb_column.vc_column_container.vc_col-sm-2 {
        width: 50%;
    }

    .htmegavc-counter-style-1,
    .htmegavc-counter-style-2,
    .htmegavc-counter-style-3,
    .htmegavc-counter-style-4,
    .htmegavc-counter-style-5,
    .htmegavc-counter-style-6 {
        margin-bottom: 0px;
    }

    h1 {
        font-size: 36px;
        line-height: 42px;
        max-width: 95%;
    }

    h2 {
        font-size: 30px;
        line-height: 35px;
    }

    .hero-banner-wrapper p {
        color: var(--white);
        margin: 3px 0px 50px;
        max-width: 95%;
    }

    .hero-banner-wrapper h5.vc_custom_heading.vc_do_custom_heading {
        font-size: 16px;
        line-height: 25px;
        margin: 15px 0px 25px !important;
        max-width: 100%;
    }

    .trust-info {
        justify-content: start !important;
    }

    .htmegavc-counter-content span {
        margin-bottom: 10px !important;
        font-size: 30px !important;
        line-height: 35px !important;
        font-weight: 700 !important;
    }

    .marquee-track span {
        font-size: 70px;
    }

    .service-inner-row {
        top: 5px !important;
    }

    .service-right-area .wpb_single_image .vc_figure,
    .wpb_single_image .service-right-area .vc_single_image-wrapper {
        width: 100%;
    }

    .why-choose-img-left img {
        margin-bottom: 30px;
    }

    .about-right-area {
        padding-left: 0px !important;
    }
	.booked-jobs-wrapper .htmegavc-counter-area {
		margin: 0;
	}
	.different-left-box .site-btn-outline a, .different-left-box .site-btn-outline button {
    margin: 0 20px 0px 0 !important;
}

}

@media screen and (max-width: 479px) {
    .site-container {
        padding: 0 15px;
    }

    header .custom-logo-link {
        width: 80%;
    }

    .mobile-navigation {
        right: 20px;
    }

    h1 {
        font-size: 32px;
        line-height: 38px;
        max-width: 100%;
    }

    h2 {
        font-size: 26px;
        line-height: 32px;
    }

    .hero-banner-wrapper p {
        max-width: 100%;
    }

    .vc_section {
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .trust-info {
        justify-content: start !important;
        flex-direction: column;
        align-items: flex-start;
    }

    .bottom-box-row {
        flex-direction: column;
    }

    .bottom-box-row .wpb_column {
        width: calc(100% - 0px);
    }

    .different-left-box .site-btn-outline a,
    .different-left-box .site-btn-outline button {
        margin: 0 20px 20px 0 !important;
    }

    .marquee-track span {
        font-size: 60px;
        line-height: normal;
    }

    .work-card-row-inner .work-card-wrap {
        width: 100%;
    }

    .work-sec-wrapper::before {
        width: 40px;
        height: 40px;
    }

    .work-card-wrap {
        padding: 7.5px 0 7.5px 0 !important;
    }

    .work-sec-wrapper::before {
        top: 20px;
        left: 20px;
    }

    .work-sec-wrapper::after {
        bottom: 20px;
        right: 20px;
        width: 40px;
        height: 40px;
    }
	.service-row-wrap {
    padding: 40px 20px 40px 20px !important;
}
	.why-choose-inner .why-choose-right {
		padding-left: 0px;
	}
	.result-box-wrap {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.about-left-area {
		padding-left: 0 !important;
		padding-right: 0 !important;
	}
	.home-about-sec-wrapper::before, .home-about-sec-wrapper::after {
    width: 100px;
    height: 100px;
}
	.about-img-wrap {
		height: auto;
		margin-bottom: 15px !important;
	}
	.faq-item .vc_toggle_title {
    padding: 15px !important;
}
.faq-sec-wrapper .vc_toggle_content {
    padding-left: 15px !important;
}
.faq-sec-wrapper .faq-item h3 {
    max-width: 90%;
    line-height: normal !important;
    font-size: 18px !important;
}
.common-box-info {
    gap: 20px;
}
.common-cta-box .wpb_wrapper {
    margin-right: 0;
}
.common-cta-sec h2 {
    font-size: 40px;
    line-height: 45px;
}
.theme-btn-filled.outline-btn {
    margin-left: 0;
    margin-top: 20px;
}
 .vc_do_btn {
    margin-bottom: 0 !important;
}
.common-cta-btn-wrap a {
    width: 80px;
    height: 80px;
}
.common-cta-btn-wrap a::before {
    width: 50px;
    height: 50px;
}
.hero-banner-wrapper p {
    margin: 15px 0px 35px;
}
.hero-banner-wrapper .theme-btn-filled.outline-btn{
    margin-top: 0px;
    margin-left: 10px;
}
	.hero-banner-wrapper .theme-btn-filled a {
    margin-bottom: 15px;
}
	.footer-bottom-inner {
    gap: 15px;
}

}



/*================= media query end here =================*/