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

:root {--dark:#272727; --white:#fff; --green:#3DB400;}
body {scroll-behavior:smooth; font-family:"Inter", sans-serif !important;}
html, body{scroll-behavior: smooth;}
ul, li {list-style-type:none; padding:0; margin:0;}
p {font-family:"Inter", sans-serif !important; padding:0; margin:0; font-weight:400 !important; font-size:16px; line-height:24px;}
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:55px; 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); font-size: 16px; line-height: 24px; font-family: "Inter", sans-serif !important;}
a:focus {outline: none;}
/* ===common css start here== */

/* header css start here */ 
.cust-site-header .main-navigation ul li.services-dropdown:hover::before {transform:rotate(180deg); transition:transform 0.3s ease;}
.cust-site-header .main-navigation ul li.services-dropdown::before {content:""; width:28px; height:28px; position:absolute; background:url('/wp-content/uploads/2026/06/arrow-down.svg') no-repeat center center; transition:all ease-in-out 300ms; background-size:100%;}
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:fixed; background:transparent; top:0; right:0; left:0; width:100%; z-index:99;}
.cust-site-header {transition:all .4s ease;}
.cust-site-header.sticky {position:fixed; top:0; left:0; width:100%; background: #332E2E !important; box-shadow:0 5px 20px rgba(0,0,0,.15);}
.cust-site-header .custom-logo-link img {transition: all .4s ease; width: 100%; height: 45px; object-fit: contain; overflow: hidden;}
.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;}
.services-dropdown {padding-right: 20px !important;}
.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;}
/* Submenu links white */
.cust-site-header .center-menu-area ul.sub-menu li a,
.cust-site-header .center-menu-area ul.sub-menu li.current-menu-item > a,
.cust-site-header .center-menu-area ul.sub-menu li.current_page_item > a,
.cust-site-header .center-menu-area ul.sub-menu li.current-menu-parent > a,
.cust-site-header .center-menu-area ul.sub-menu li.current-menu-ancestor > a {color: var(--white) !important;}
.cust-site-header .center-menu-area ul.sub-menu li a:hover {color: #ffffffbd !important;}
.main-navigation .sub-menu, .main-navigation .children {
   
    width: 285px;
   
   
}
.case-study-box .case--detaiil .cs-description {
    min-height: 240px;
}

.case-study-box .case--detaiil .cs-description {
    min-height: 240px;
}.case--detaiil {
    padding: 20px;
    text-align: left;
    color: #fff;
}.case-headline {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    margin: 10px 0px;
    min-height: 50px;
}.case-industry-tags {
    margin-bottom: 15px;
}.case--detaiil .case-industry-tags span {
    font-weight: 500;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
    color: #fff;
    padding: 2px 12px;
    display: inline-block;
    border: 1px solid var(--green);
    border-radius: 50px;
    transition: all ease-in-out 300ms;
}
.case--detaiil .case-top-info {
    padding: 0;
    background: transparent;
}
.case-study-box .case-bottom-info img {
    transition: 0.5s ease-in-out;
}
.case-study-box .case-bottom-info:hover img {
    transition: 0.5s ease-in-out;
}
.case-study-box .case-bottom-info img {
    transition: 0.5s ease-in-out;
    transform: scale(1.05);
}   
/* 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; text-transform: capitalize}
.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: 25px 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%); gap: 15px;}
.trust-info li {display:flex; align-items:center; margin:0; gap:13px; font-weight:500; font-size:14px; line-height:22px; color:var(--white);}
.trust-info li img { width: 20px; height: auto; object-fit: contain;}
.trust-info.crm-trust-info p {color: var(--white);text-align: center; display: flex; align-items: center;justify-content: center; width: 100%;padding-top: 20px;}
.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);}
h1 strong, h2 strong  {color:var(--green); font-weight:700;}
.seperator-img img {margin:20px 0px 40px; 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:80px 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:100px !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-sec-wrapper .faq-item:last-of-type {margin-bottom: 0;}
.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%; background-color: var(--green);}
.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;}
.faq-sec-wrapper .meta-ads-faq.faq-area {margin-top: 0px !important;}
.branding-faq-wrap.faq-sec-wrapper .faq-area {margin-top: 0px !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; background: linear-gradient(180deg, #EEF2ED 0%, #FFFFFF 25%); z-index:2; }
.common-box-info .icons { width: 45px;  height: 45px; object-fit: cover; position: absolute;  left: 20px; top: 50%;transform: translatey(-50%);border-radius: 50%;}

.common-box-info .icons img { width: 100%;  height: 100%;  object-fit: cover; border-radius: 50%; background: var(--green);}
.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 80px; 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; position: relative;}
.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-logo img {width: 250px;height: auto; object-fit: contain; display: block;}

footer {position:relative; width:100%; padding:60px 0 20px; overflow:hidden; background: var(--dark);}
/* 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:normal; 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:14px; 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-contact-info ul li {margin-bottom: 18px;}
.footer-contact-info ul li:last-child {margin-bottom: 0;}
/* footer end here */

/*===== logo slider start here =====*/

.logo-slider {padding:0px 50px;}
.logo-slider .owl-nav button {width:45px; height:45px; border-radius:50% !important; background:var(--white) !important; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25); display:flex; align-items:center; justify-content:center; text-align:center; transition:all ease-in-out 300ms;}
.logo-slider .owl-nav button:hover {background:var(--green) !important;}
.logo-slider .owl-nav button:hover span {color:var(--white);}
.logo-slider .owl-nav button span {font-size:35px; line-height:35px; position:relative; top:-2px; transition:all ease-in-out 300ms; color: var(--green);}
.logo-slider .owl-nav {display:flex; align-items:center; width:100%; justify-content:space-between; position:absolute; top:50%; transform:translate(-50%, -50%); left:50%;}

/*===== logo slider 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; max-width: 100% !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: 75px; line-height: 50px; text-transform:capitalize; color:rgba(221, 221, 221, 0.15) !important; position:absolute; left:50px; bottom:0; z-index:-1;}
.inner-pages-h1, .inner-pages-h1 h1 {font-size:45px; line-height:55px; max-width: 100%;}
.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:50px; height:50px; background-size:contain; background-repeat:no-repeat;}
.section-stars::after {content:""; position:absolute; bottom:19px; left:30px; background:url('/wp-content/uploads/2026/06/star-shape.svg'); width:50px; height:50px; 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:20px; right:30px; background:url('/wp-content/uploads/2026/06/star-shape.svg'); width:50px; height:50px; 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; overflow: hidden;}
.our-values-wrapper h3 {font-weight:700 !important; font-size:21px; 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:25px 20px; 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 {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);}

/*======== 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);}
.text-dark{color: var(--dark);}
* {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: 50px !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;}
.bottom-para {margin:40px 0 0 0 !important;}
.work-card-wrap.gray-box h5 {border:1px solid var(--dark) !important;}
.work-sec-dark-wrapper h2 {color:var(--white);}
.logo-slider {margin-bottom:60px;}
.trusted-sec-wrapper .logo-slider {margin:60px 0 0 0;}

/*======= trades service sec end here =======*/

/*====== service page start here ============*/

.trust-margin-top {margin-top:70px !important;}
.inner_pages_banner h5.vc_custom_heading.vc_do_custom_heading {max-width:70%;}
.inner_pages_banner {position:relative !important; overflow:hidden; z-index:2;}
.inner_pages_banner::before {content:"" !important; position:absolute; inset:0; background: rgb(0 0 0 / 50%); z-index:-1; display:block !important;}
.inner-banner-content p.bottom-para-text {margin: 30px 0 0 0;}

/*====== service page end here ============*/

/* =====Packages and pricing page start here===== */

.inner-banner-content {padding-top:140px; padding-bottom:140px;}
.inner-banner-content .vc_do_btn {margin-bottom:0;}
.inner-banner-content .seperator-img img {margin:25px 0px 25px;}
.inner-banner-content p {margin-bottom:30px; max-width:70%;}
.simple-clear-wrapper .vc_do_custom_heading {margin-bottom:20px;}
.simple-clear-listing ul li {margin:0px 0px 15px 0px; color:var(--dark); font-weight:500; position:relative; padding-left:25px;}
.simple-clear-wrapper.why-these-results-sec .simple-clear-listing ul li {padding-left:30px;}
.simple-clear-wrapper .simple-clear-listing ul li:before {content:"✓"; position:absolute; left:0; top:0; color:var(--green); font-weight:bold; font-size:22px; position:absolute; top:50%; transform:translatey(-50%);}
.simple-clear-wrapper.why-these-results-sec .simple-clear-listing ul li:before {content:''; background:url('/wp-content/uploads/2026/06/check-icon.svg'); width:24px; height:24px; background-repeat:no-repeat; background-size:100%;}
.simple-clear-wrapper .simple-clear-listing ul {padding:0;}
.simple-clear-wrapper .simple-clear-left {padding-right:60px;}
.simple-clear-wrapper .simple-clear-img .vc_single_image-wrapper {width:100%; max-width:100%; height:600px; border-radius:20px; overflow:hidden;}
.simple-clear-wrapper .simple-clear-img img {width:100%; height:100% !important; object-fit:cover;}
.simple-clear-wrapper .vc_do_custom_heading:last-of-type {margin:20px 0 0 0; font-style:italic !important;}

/*==== packages sec start here ====*/

 /* LEFT TABS */

.packages-tabbing-inner {display:flex; gap:40px;}
.packages-sec-wrapper .tabs { width: 35%; position: sticky;top: 90px; height: 100%;}
.packages-sec-wrapper .tab {cursor:pointer; transition:0.3s; font-weight:700; font-size:22px; line-height:25px; color:var(--dark); padding:15px 15px; margin:10px 0; border-left:5px solid transparent;}
.packages-sec-wrapper .tab:hover {color:var(--green); border-left:5px solid var(--green);}
.packages-sec-wrapper .tab.active {color:var(--green); border-left:5px solid var(--green);}
.packages-sec-wrapper .right {flex:1;}
.packages-sec-wrapper .text-parea {padding-bottom:40px; text-align:left;}
.packages-sec-wrapper .stack-section {display:none;}
.packages-sec-wrapper .stack-section.active {display:block;}
.packages-sec-wrapper .stack-wrapper {position:relative;}
.packages-sec-wrapper .card {position:sticky; top: 100px; width:100%; display:flex; gap:20px; align-items:center; margin-bottom:40px; background:var(--white); border:1px solid #DDDDDD; border-radius:20px; padding:30px;}
.packages-sec-wrapper .card:last-of-type {margin-bottom:0;}
.packages-sec-wrapper .img-wrap { display:none;   overflow: hidden; width:280px; height:100%; overflow:hidden; /*display:block;*/ position:absolute; right:0; border-radius:0px 20px 20px 0px;}
.packages-sec-wrapper .img-wrap img {width:100%; height:100%; object-fit:cover;}
.packages-sec-wrapper .content {/*padding-right:280px; */text-align:left;width: 100%;}
.packages-sec-wrapper .content h3 {font-weight:700; font-size:30px; line-height:38px; text-transform:capitalize; color:var(--dark); margin-bottom:12px !important;}
.packages-sec-wrapper .content p {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #DDDDDD;}
.packages-sec-wrapper .content h3 {font-weight:700; font-size:30px; line-height:38px; text-transform:capitalize; color:var(--dark); margin-bottom:12px !important;}
.packages-sec-wrapper .content p {padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #DDDDDD;}
.packages-sec-wrapper .price {font-weight:700; font-size:55px; line-height:38px; text-transform:capitalize; color:var(--green); margin-bottom:35px;} 
.packages-sec-wrapper .price span {font-size:18px; line-height:normal; color:var(--dark);}

.packages-sec-wrapper .price span:empty::before {
    content: ""; display:none;
}
.packages-sec-wrapper .price span:before {content: "/"; display: block; position: absolute; width: 4px;height: 20px; left: 0px; transform-origin: center; top: 0px;}

 .packages-sec-wrapper .price span {font-size: 18px; line-height: normal; color: var(--dark);position: relative; padding-left: 13px;}
.packages-sec-wrapper ul {padding:0;}
.packages-sec-wrapper ul li {position:relative;}
.packages-sec-wrapper ul li {margin:0px 0px 10px 0px; color:var(--dark); font-weight:500; position:relative; padding-left:25px; line-height:normal; margin-bottom:15px;}
.packages-sec-wrapper ul li:before {content:"✓"; position:absolute; left:0; top:0; color:var(--green); font-weight:bold; font-size:22px; position:absolute; top:50%; transform:translatey(-50%);}
.packages-sec-wrapper ul {padding:0; margin-bottom:25px;}
.most-popular {position:absolute; top:0; width:max-content; background:var(--green); color:var(--white); border-radius:50px; font-size:16px; line-height:27px; padding:3px 22px; display:inline-block; transform:translateY(-50%); font-weight: 700 !important;}
.packages-sec-wrapper .content .card-bottom-text p {padding-bottom:0px; margin-bottom:0px; border-bottom:none;}
.packages-sec-wrapper .content .card-bottom-text p strong {margin-bottom: 15px;display: block;font-weight: 700;}
.packages-sec-wrapper .content .card-bottom-text h5 {font-size:18px; line-height:normal; margin-bottom:15px !important; font-weight:600; color:var(--dark);}
.theme-btn-filled.with-arrow-icon {width:max-content; position:relative; margin-top: 40px;}
.theme-btn-filled.with-arrow-icon a, .theme-btn-filled.with-arrow-icon button {border-radius:50px; background:var(--green); color:var(--white); padding:12px 55px 12px 30px !important; display:inline-block;}
.theme-btn-filled.with-arrow-icon a:hover, .theme-btn-filled.with-arrow-icon button:hover {color:var(--dark);}
.theme-btn-filled.with-arrow-icon a:hover::after, .theme-btn-filled.with-arrow-icon button:hover::after {filter:invert(1);}
.theme-btn-filled.with-arrow-icon a:after, .theme-btn-filled.with-arrow-icon button:after {position:absolute; content:""; right:10px; background:url('/wp-content/uploads/2026/06/arrow-1.svg'); width:24px; height:12px; background-repeat:no-repeat; transform:translate(-50%, -50%); top:54%; background-size:100%; transition:all ease-in-out 300ms;}
.our-service-package-section {position:relative; z-index:2;}
.our-service-package-section::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; z-index:-1;}
.our-service-package-section::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; z-index:-1;}
.simple-clear-wrapper.why-these-results-sec .vc_do_custom_heading:last-of-type {margin: 40px 0 0 0;}

	
/* =====Packages and pricing page end here======= */


/*===== case study sec start here =====*/

.case-study-sec .case-study-inner {display:flex; justify-content:space-between; flex-wrap:wrap; gap:25px 20px;}
.case-study-sec .case-study-card {width:calc(33.33% - 20px); border-radius:20px; overflow:hidden; background:#F0F0F0; border:1px solid #3DB400; box-shadow:0px 4px 4px rgba(0, 0, 0, 0.25); border-radius:20px;}
.case-study-sec .case-study-info {padding:25px;}
.case-study-sec .case-study-card .img-wrap {width:100%; height:280px; overflow:hidden; display:block; position:relative;}
.case-study-sec .case-study-card .img-wrap img {width:100%; height:100%; object-fit:cover;}
.case-study-sec .price-info h4 {font-weight:600; font-size:14px; line-height:24px; text-align:center; color:var(--white); background:var(--dark); border-radius:50px; position:absolute; padding:5px 20px; top:20px; right:20px;}
.industry-badge h5 {background:var(--green); border:1px solid var(--green); border-radius:50px; font-weight:600; font-size:14px; line-height:24px; color:var(--white); position:absolute; bottom:20px; left:20px; padding:5px 20px;}
.case-study-sec .case-study-info h3 {font-weight:700; font-size:25px; line-height:24px; color:var(--dark); margin-bottom: 20px !important;}
.case-study-sec .services-info a {font-weight:500; font-size:14px; line-height:24px; text-transform:capitalize; color:var(--dark); padding:5px 10px; border:1px solid var(--green); border-radius:50px; transition:all ease-in-out 300ms;}
.case-study-sec .services-info a:hover {background:var(--dark); color:var(--white); border:1px solid var(--dark);}
.entry-content ul, .entry-content ol {padding:0; margin:0;}
.entry-content li {margin:0;}
.case-study-sec .services-info {display:flex; align-items:center; flex-wrap:wrap; gap:5px; margin:22px 0;}
.case-study-sec .case-study-info p { margin-bottom: 50px;  display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;}
.load-more-btn-wrapper {display:flex; align-items:center; justify-content:center; margin-top:50px;}
.vc_do_icon {margin-bottom:0 !important;}
.case-study-stats strong {
    font-size: 24px;
    font-weight: 700;
} .case-study-stats p { 
    margin-bottom: 15px;
    margin-top: 10px;
} 
/*===== case study sec end here =====*/
/*===== Testimonials & Case Studies page end here =====*/

/*======= contact page start here =======*/

.contact_icon {width:48px; height:48px; line-height:100%; display:flex; align-items:center; justify-content:center;}
.contact_icon img {display: flex; margin: 0 auto;}
.contact-form-info .form-row {display:flex; gap:16px;}
.contact-form-wrapper.wpb_gmaps_widget .wpb_wrapper {padding:0 !important;}
.contact-form-info .form-row .half {width:50%;}
.contact-form-info input {width:100%;}
.form-info-left p {margin:30px 0;}
.form-info-left .contact-info-row p {margin:0; display:block; padding-left:16px;}
.form-info-left .contact-info-row p a {text-decoration:none; color:var(--dark); transition:all ease-in-out 300ms; box-shadow:none;}
.form-info-left .contact-info-row p a:hover {text-decoration:none; color:var(--green); box-shadow:none;}
.form-info-left .contact-info-row {margin:0 0 24px 0 !important;}
.vc_do_btn {margin-bottom:0 !important;}
.form-info-left .vc_do_btn {margin-bottom:30px !important;}
.form-info-left .theme-btn-filled a:hover {background:var(--dark) !important; border:1px solid var(--dark) !important;}
.contact-form-wrapper .form-info-left .wpb_wrapper {padding:0;}
.contact-form-wrapper {overflow:hidden;}
.form-info-right {padding-left:65px !important;}
.strategy-btn {font-weight:600; font-size:18px; line-height:24px; text-align:center; transition:all ease-in-out 300ms; border:1px solid var(--green); padding:14px 30px 15px 30px; text-transform:capitalize; background:var(--green); color:var(--white); border-radius:50px; margin-top:32px;}
.strategy-btn br {display:none;}
.strategy-btn:hover {background:var(--dark); color:var(--white); border:1px solid var(--dark);}
.form-info-right .strategy-form {padding:40px; border:1px solid var(--green); border-radius:20px;}
.form-info-right .strategy-form label {font-size:18px; color:var(--dark); margin-bottom:8px;}
.form-info-right input, .form-info-right select {padding:8px 16px; height:40px; background:rgba(255, 255, 255, 0.6); border:1px solid #D3C2BA; border-radius:4px; margin-bottom:16px !important;}
.form-info-right textarea {height:120px;}
.form-info-right input:focus-visible, .form-info-right select:focus-visible {border:1px solid #D3C2BA; outline:none; box-shadow:none;}
.wpcf7 form.sent .wpcf7-response-output {border-color:var(--green); color:var(--green); font-weight:600;}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output {border-color:red; color:red;}
.wpcf7-not-valid-tip {position:relative; top:-10px; font-size:14px;}
.form-info-right select {background:url('/wp-content/uploads/2026/06/arrow-2.svg'); background-repeat:no-repeat; background-position:98% 50%;}

/*======= contact form start here =======*/


 /* why-businesses-choose-viridi sec start here */

.why-businesses-choose-viridi .simple-clear-right h2 {color:var(--white);}
.why-businesses-choose-viridi .simple-clear-listing ul li {color:var(--white); font-size:16px;}
.why-businesses-choose-viridi .simple-clear-right .vc_do_custom_heading:last-of-type {margin:0px 0 20px 0; font-style:normal !important;}
.why-businesses-choose-viridi {position:relative; overflow:hidden;}
.why-businesses-choose-viridi::before {content:""; position:absolute; top:0; left:0; background:url('/wp-content/uploads/2026/06/why-business-img-1.png'); width:289px; height:690px; background-size:contain; background-repeat:no-repeat;}
.why-businesses-choose-viridi::after {content:""; position:absolute; bottom:0; right:0; background:url('/wp-content/uploads/2026/06/why-business-img-2.png'); width:330px; height:165px; background-size:contain; background-repeat:no-repeat;}

 /* why-businesses-choose-viridi sec end here */
 
 /* step sec start here */
 
 .step-sec-wrapper {position:relative;}
.step-sec-wrapper::after {content:''; position:absolute; bottom:0; left:0; background:url('/wp-content/uploads/2026/06/section-arrow-shap.png'); width:150px; height:200px; background-repeat:no-repeat; background-size:contain;}
.step-sec-wrapper .step-circle {text-align:center; background:var(--green); width:65px; height:65px; display:flex; align-items:center; justify-content:center; flex-direction:column; border-radius:50%; position:relative; margin:0 auto 22px;}
.step-sec-wrapper .step-circle::before {content:""; position:absolute; inset:0; border-radius:50%; background:rgba(61, 180, 0, 0.40); animation:pulse-ring 2s infinite; z-index:0;}

@keyframes pulse-ring {
0% {transform:scale(1); opacity:1;}
100% {transform:scale(1.8); opacity:0;}
}

.step-sec-wrapper .step-info-wrapper {padding:40px 40px 0px 40px; position:relative;}
.step-sec-wrapper .step-circle span, .step-sec-wrapper .step-circle strong {font-weight:700; font-size:12px; line-height:111%; text-align:center; text-transform:uppercase; color:var(--white);}
.step-sec-wrapper .step-circle strong {font-weight:700; font-size:18px;}
.step-sec-wrapper .step-items h3 {font-weight:700 !important; font-size:20px; line-height:120%; letter-spacing:-0.04em; color:var(--dark); margin-bottom:8px !important;}
.step-sec-wrapper .step-items p {font-weight:500; font-size:16px; line-height:130%; letter-spacing:-0.02em; color:#000000; opacity:0.5; margin-bottom:0;}
.step-sec-wrapper .step-info-wrapper::before {display: none; content:''; position:absolute; width:80%; height:1px; background:#00000033; top:40%; transform:translate(-50%, -50%); left:50%;}
.step-sec-wrapper .step-items {padding:25px 25px 0px 25px;}
 
 /* step sec end here */
 
 /* talk directly sec start here */
 
 .why-businesses-choose-viridi.talk-directly-wrapper::before {content:""; position:absolute; top:0; left:0; background:url('/wp-content/uploads/2026/06/talk-directly-img.png'); width:100%; height:100%; background-size:contain; background-repeat:no-repeat;}
.talk-directly-wrapper .simple-clear-left {padding-right:0; padding-left:60px;}

/* talk directly sec end here */


/* contact page faq sec start here */

.contact-page-faq {position:relative;}
.contact-page-faq::before {content:''; position:absolute; top:60%; left:0; background:url('/wp-content/uploads/2026/06/contact-sec-shap.png'); width:150px; height:200px; background-repeat:no-repeat; background-size:contain;}
.contact-page-faq::after {content:''; position:absolute; top:35%; right:35px; background:url('/wp-content/uploads/2026/06/star.svg'); width:73px; height:75px; background-repeat:no-repeat; background-size:contain;}
.faq-sec-wrapper.contact-page-faq h2, .faq-sec-wrapper.contact-page-faq p {color:var(--dark);}
.faq-sec-wrapper.contact-page-faq .faq-item .vc_toggle_title {border:1px solid var(--dark);}
.faq-sec-wrapper.contact-page-faq .faq-item .vc_toggle_title:hover {border:1px solid var(--green);}

/* contact page faq sec end here */

/* proudly sec start here */

.proudly-based-wrapper {position:relative;}
.proudly-based-wrapper::before {content:''; position:absolute; top:0%; right:0; background:url('/wp-content/uploads/2026/06/proudly-shape.png'); width:202px; height:310px; background-repeat:no-repeat; background-size:contain;}
.proudly-based-wrapper::after {content:''; position:absolute; top:35%; left:70px; background:url('/wp-content/uploads/2026/06/star.svg'); width:73px; height:75px; background-repeat:no-repeat; background-size:contain;}

/* proudly sec end here */

/*======= contact page end here =======*/


/*======= Career page start here =======*/

/* career banner start here */

.career-info {display:flex; align-items:center; gap:25px; padding-left:10px !important; padding-bottom:30px !important;}
.career-info li {position:relative; font-weight:600; font-size:18px; line-height:30px; text-transform:capitalize; color:var(--white); padding-left:15px;}
.career-info li::before {content:''; position:absolute; left:0; background:url('/wp-content/uploads/2026/06/check-icon.svg') no-repeat center center; width:22px; height:22px; background-size:contain; top:50%; transform:translate(-50%, -50%);}

/* career banner end here */

.team-build-wrapper {position:relative;}
.team-build-wrapper::before {content:''; position:absolute; bottom:0px; top:unset; left:20px; right:unset; background:url('/wp-content/uploads/2026/06/section-arrow-shap.png'); width:178px !important; height:152px !important; background-repeat:no-repeat; background-size:contain;}
.team-build-wrapper::after {content:''; position:absolute; top:40px; left:unset; right:50px; background:url('/wp-content/uploads/2026/06/star.svg'); width:70px; height:70px; background-repeat:no-repeat; background-size:contain;}
.whate-you-get-wrap h2 {color:var(--white);}

/* what you get sec start here */

.whate-you-get-wrap .what-you-get-items {background:var(--white); border-radius:10px; padding:22px;}
.whate-you-get-wrap .what-you-get-items .wpb_single_image {width:50px; height:50px; margin:0 0 15px 0 !important;}
.whate-you-get-wrap .what-you-get-items .wpb_single_image img {width:100%; height:100%;}
.whate-you-get-wrap .what-you-get-items h3 {font-weight:600 !important; font-size:22px; line-height:30px; text-transform:capitalize; color:var(--dark) !important; font-family:"Inter", sans-serif !important; margin-bottom:15px !important;}
.whate-you-get-wrap .what-you-get-items p {font-weight:normal !important; margin:0;}
.whate-you-get-wrap .what-you-get-items.vc_col-sm-3 {width:calc(25% - 30px);}
.whate-you-get-wrap .what-you-get-items:hover {box-shadow:0 5px 0 var(--green);}
.whate-you-get-wrap .what-you-get-row {display:flex; gap:30px; flex-wrap:wrap; justify-content: center;}
.whate-you-get-wrap .what-you-get-row::before {display:none;}
.whate-you-get-wrap .what-you-get-row {margin:0px 0px !important;}
.whate-you-get-wrap .what-you-get-row.first-row {margin-bottom:30px !important;}

/* what you get sec end here */

.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper::before {content:""; position:absolute; top:70px; left:70px; background:url('/wp-content/uploads/2026/06/star.svg'); width:73px; height:73px; background-size:contain; background-repeat:no-repeat;}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper::after {content:""; position:absolute; bottom:70px; right:70px; background:url('/wp-content/uploads/2026/06/star.svg'); width:73px; height:73px; background-size:contain; background-repeat:no-repeat;}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper h2 {color:var(--dark);}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper .vc_do_custom_heading:last-of-type {margin:0px 0 0px 0; color:var(--dark) !important;}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper .simple-clear-right {padding-right:60px;}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper .simple-clear-left {padding-left:0px;}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper .simple-clear-img .vc_single_image-wrapper {height:575px;}


/*===== Current Open Positions sec start here =====*/

.current-open-positions-wrap.whate-you-get-wrap .what-you-get-items p {margin-bottom:50px;}
.apply-btn {position:absolute; bottom:22px;}
.apply-btn a {font-weight:600; font-size:18px !important; line-height:26px !important; text-transform:capitalize; color:var(--green) !important; padding:10px 45px 10px 0px !important; background:transparent !important; border:none !important; transition:all ease-in-out 300ms !important;}
.apply-btn a:hover {color:var(--dark) !important;}
.apply-btn a i {transform:rotate(-40.81deg) !important; top:36% !important; transition:all ease-in-out 300ms !important;}
.apply-btn a:hover i {transform:rotate(0) !important; color:var(--dark);}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper.how-we-work .simple-clear-right {padding-right:0px; padding-left:60px;}
.apply-in-one-simple-step h2 {color:var(--white);}
.apply-in-one-simple-step p {color:var(--white);}

/*==== apply in one step sec start here ====*/

.apply-in-one-simple-step .apply-in-one-simple-step-left {padding-right:40px;}
.apply-in-one-simple-step .apply-in-one-simple-step-right {position:relative; background:#1A1A1A; border-radius:20px; padding:40px 40px;}
.apply-in-one-simple-step .apply-in-one-simple-step-right h5 {font-weight:600 !important; font-size:20px; line-height:30px; text-transform:capitalize; margin-bottom:4px !important;}
.apply-in-one-simple-step .apply-in-one-simple-step-right h4 {font-weight:600 !important; font-size:20px; line-height:30px; margin-bottom:25px !important;}
.apply-in-one-simple-step .apply-in-one-simple-step-right .mail-img-wrap img {width:180px; height:180px; object-fit:contain; overflow:hidden; display:block;}
.apply-in-one-simple-step .apply-in-one-simple-step-right .mail-img-wrap {position:absolute; top:0; right:0;}

/*==== apply in one step sec end here ====*/
/*===== Current Open Positions sec end here =====*/


/*======= Career page end here =======*/


/*===== After Lead Submission page start here =======*/
.video-banner-wrapper.thankyou-banner {
    padding-top: 50px !important;
}
.video-banner-wrapper {padding:150px 0 100px !important;}
.video-banner-wrapper .seperator-img img {margin:21px 0px 30px;}
.banner-video .custom-video-wrap {width:100%; height:470px; border-radius:20px; overflow:hidden; position:relative;}
.video-banner-wrapper .video-banner-content .vc_do_custom_heading {margin-bottom:30px;}
.sub-head:last-of-type {margin-bottom:0 !important;}
.htmegavc-player-container {position:relative;}
.htmegavc-player-container {position:relative;}
.video-banner-video .vc_do_custom_heading {margin:30px 0 0 0;}
.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;}
.icon-with-text {position:relative; padding-left:30px;}
.icon-with-text::before {content:""; position:absolute; left:0; top:2px; background:url('/wp-content/uploads/2026/06/check-icon-1.svg') no-repeat center center; width:22px; height:22px; background-size:contain;}
.video-banner-wrapper .video-banner-content {padding-right:50px;}


/* step sec start here */

.what-happens-next {position:relative;}
.what-happens-next::before {content:""; position:absolute; top:40px; left:40px; background:url('/wp-content/uploads/2026/06/shap.png'); width:130px; height:130px; background-size:contain; background-repeat:no-repeat;}
.what-happens-next::after {content:""; position:absolute; bottom:0; right:0; background:url('/wp-content/uploads/2026/06/shap-2.png'); width:250px; height:250px; background-size:contain; background-repeat:no-repeat;}
.what-happens-next .step-info-itms {background:rgba(241, 250, 237, 0.43); border-width:1px 1px 4px 1px; border-style:solid; border-color:var(--green); border-radius:20px; padding:130px 25px 65px; position:relative; transition:all ease-in-out 300ms;}
.what-happens-next .step-info-itms:hover {box-shadow:rgb(61 180 0 / 21%) 0px 10px 4px 0px; transform:translateY(-5px);}
.what-happens-next .step-info-itms .step_img {width:100px; height:100px; background:var(--green); border-radius:50px; display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:50%; transform:translate(-50%, -50%);}

/* Reusable Pulse Animation Start here*/

.pulse-animation::before {content:""; position:absolute; inset:0; border-radius:inherit; background:rgba(61, 180, 0, 0.4); animation:pulse-ring 2s infinite; z-index:-1;}

@keyframes pulse-ring {
0% {transform:scale(1); opacity:1;}
100% {transform:scale(1.8); opacity:0;}
}

/* Reusable Pulse Animation end here*/

.vc_row.vc_row-flex.what-happens-next-row {width:100%; max-width:90%; gap:50px; justify-content:center;}
.step-info-itms.vc_col-sm-4 {width:calc(33.33% - 50px);}
.what-happens-next .step-info-itms h3 {font-weight:700 !important; font-size:50px; line-height:28px; text-transform:capitalize; color:var(--green); margin-bottom:58px !important;}
.what-happens-next .step-info-itms h4 {font-weight:700 !important; font-size:20px; line-height:28px; color:var(--dark);}
.what-happens-next .seperator-img img {margin:32px 0px 90px; object-fit:contain;}

/* step sec end here */

.businesses-we-helped .vc_tta-tabs-list {display:flex !important; justify-content:center; align-items:center; margin-bottom:30px !important;}
.businesses-we-helped .vc_tta-tabs-list a::before, .businesses-we-helped .vc_tta-tabs-list a::after {display:none !important;}
.businesses-we-helped .vc_tta-panels {background:#ff000000 !important; border:none !important;}
.businesses-we-helped .vc_tta-title-text {font-weight:500; font-size:20px; line-height:28px; text-transform:capitalize; color:var(--white);}
.businesses-we-helped .vc_tta-tab.vc_active a {background:transparent !important; border:1px solid var(--green) !important; border-radius:50px !important; padding:10px 22px !important;}
.businesses-we-helped .vc_tta-tab a {background:transparent !important; border:1px solid #3db40000 !important; border-radius:50px !important; padding:10px 22px !important; transition:all ease-in-out 300ms;}
.businesses-we-helped .vc_tta-tab a:hover {border:1px solid var(--green) !important;}
.businesses-we-helped .vc_tta-tab a i {color:var(--white) !important; transition:all ease-in-out 300ms;}
.businesses-we-helped .vc_tta-tab.vc_active a i {color:var(--green) !important;}
.businesses-we-helped .vc_tta-tab a:hover i {color:var(--green) !important;}
.what-happens-next .step-info-itms img { display: flex;margin: 0 auto;}
/*========== After Lead Submission page end here ==============*/

/* Policy page start here */

.policy-banner-wrap {padding:160px 0px 85px !important;}
.policy-sec-wrap p:first-child {margin-bottom:20px !important;}
.policy-sec-wrap a {color:var(--dark) !important; box-shadow:none !important; transition:all ease-in-out 300ms;}
.policy-sec-wrap a:hover {color:var(--green) !important;}
.policy-content-wrap h2 {font-weight:700; font-size:32px; line-height:56px; text-transform:capitalize; margin-bottom:10px !important;}
.policy-content-wrap ul li {list-style-type:disc;}
.policy-content-wrap ul {padding-left:20px;}
.policy-content-wrap {margin-bottom:40px !important;}
.policy-content-wrap.contact_info {margin-bottom:0 !important;}

/* Policy page end here */

/*============== Web design page start here ==============*/

.video-banner-wrapper.left-video-right-text .video-banner-content {padding-right:0;}
.video-banner-wrapper.left-video-right-text .video-banner-video {padding-right:50px;}
.video-banner-wrapper.left-video-right-text .video-banner-content .sub-head {margin-bottom:30px !important;}
.video-banner-wrapper.left-video-right-text .video-banner-content h2 {color:var(--white);}
.video-banner-wrapper.left-video-right-text .video-banner-video .custom-video-wrap {height:550px;}
.trust-icon-with-text .trust-info {padding:40px 0px !important; border-top:none;}
.build-numbers-row {display:flex; justify-content:center; gap:30px; margin:0px -20px !important; flex-wrap: wrap;}
.build-numbers-row::before, .build-numbers-row::after{display: none !important;}
.website-build-numbers .build-numbers-items {background:#F0F0F0; border-width:1px 1px 4px 1px; border-style:solid; border-color:var(--green); border-radius:20px; padding:30px 20px;}
.website-build-numbers .build-numbers-items h3 {font-weight:700 !important; font-size:35px; line-height:40px; text-transform:capitalize; margin-bottom:24px !important;}
.website-build-numbers .vc_col-sm-3 {width:calc(25% - 30px);}
.trust-info.crm-trust-info { padding: 20px 0 !important;}
/* buid numbers sec end here */






/*============== Web design page end here ==============*/


/* website problems solution sec start here */

.website-problems-solutions .website-problems-solutions-row {gap:30px; display:flex; margin:50px -30px !important;}
.website-problems-solutions .problems-solutions-box {background:#382929; border-width:1px 1px 4px 1px; border-style:solid; border-color:#F05252; border-radius:20px; padding:30px;}
.website-problems-solutions .problems-solutions-box h3 {color:var(--white); font-size:24px; line-height:34px; font-weight:700 !important; margin-bottom:30px !important;}
.website-problems-solutions .problems-solutions-box ul li {position:relative; color:var(--white) !important; margin-bottom: 15px; padding-left:30px;}
.website-problems-solutions .problems-solutions-box p {color:var(--white);}
.result-box-inner.red-box {background:rgba(240, 82, 82, 0.24); border-radius:20px; padding:30px; margin-top:30px;}
.result-box-inner.red-box p {margin-top:20px;}
.website-problems-solutions .problems-solutions-box ul li::before {content:""; position:absolute; left:0; top:2px; background:url('/wp-content/uploads/2026/06/cros.svg') no-repeat center center; width:22px; height:22px; background-size:contain;}
.result-box-inner.red-box ul li::before {background:url('/wp-content/uploads/2026/06/check_icon.svg') no-repeat center center; width:15px; height:11px; top:8px; background-size: contain;}
.website-problems-solutions .problems-solutions-box.green {border-color:var(--green);}
.website-problems-solutions .problems-solutions-box .vc_custom_heading.vc_do_custom_heading {color:var(--white); font-weight:700 !important; margin:35px 0 !important;}
.website-problems-solutions .problems-solutions-box .vc_custom_heading.vc_do_custom_heading:first-of-type {margin-top: 0 !important;}
.website-problems-solutions .problems-solutions-box.green ul li::before {background:url('https://viridi.martian.website/wp-content/uploads/2026/06/check-icon-2.svg'); background-size:contain; background-repeat:no-repeat;}
.website-problems-solutions .problems-solutions-box .green-box h5 {font-weight:700 !important; font-size:24px; line-height:36px; text-transform:capitalize; color:var(--white);}
.result-box-inner.green-box {border-radius:20px; padding:30px; margin-top: 42px; background:rgba(61, 180, 0, 0.24);}
.cust-height {height:330px; display:flex; justify-content:center; flex-direction:column;}
.website-problems-solutions h2 {color:var(--white);}

/* website problems solution end start here */



/* key benefits sec start here */

.our-values-wrapper .key-benefits-wrapper .value-box-wrap:nth-child(4), .our-values-wrapper .key-benefits-wrapper .value-box-wrap:nth-child(5) {width:calc(33.33% - 20px);}
.our-values-wrapper .key-benefits-wrapper .value-box-wrap {background:var(--green); border-width:1px 1px 4px 1px; border-style:solid; border-color:#272727;}
.key-benefits-outer.our-values-wrapper h2 {color:var(--dark);}
.our-values-wrapper .key-benefits-wrapper .value-box-wrap img { margin: 0 auto;display: flex;}
.key-benefits-outer.our-values-wrapper .value-icon {width:45px; height:45px; background:var(--dark);}
.our-values-wrapper .key-benefits-wrapper .value-box-wrap:hover {background:#F0F0F0;}
.our-values-wrapper .key-benefits-wrapper .value-box-wrap h3, .our-values-wrapper .key-benefits-wrapper .value-box-wrap p {transition:all ease-in-out 300ms;}
.our-values-wrapper .key-benefits-wrapper .value-box-wrap:hover h3, .our-values-wrapper .key-benefits-wrapper .value-box-wrap:hover p {color:var(--dark) !important;}
.key-benefits-outer.our-values-wrapper::before {display:none;}
.key-benefits-outer.our-values-wrapper {position:relative;}
.key-benefits-outer.our-values-wrapper::after {content:''; position:absolute; left:20px; width:150px; height:230px; background:url('/wp-content/uploads/2026/06/contact-sec-shap.png') no-repeat center center; bottom:0; background-size:contain;}
.key-benefits-row .outline-btn a {border:1px solid var(--dark) !important; color:var(--dark) !important;}
.key-benefits-row .theme-btn-filled.outline-btn a:hover {color:var(--white) !important;}
.key-benefits-row .theme-btn-filled a:hover {color:var(--dark) !important;}
.key-benefits-row .theme-btn-filled.outline-btn {margin-left:0; margin-right:20px;}
.key-benefits-row .wpb_wrapper {display:flex; align-items:center; justify-content:center; margin-top:40px;}

/* key benefits sec end here */


/* build website sec start here */

.build_website-wrap.key-benefits-outer.our-values-wrapper h2 {color:var(--white);}
.build_website-wrap.key-benefits-outer.our-values-wrapper .value-box-wrap {background:#F0F0F0; border-color:var(--green);}
.build_website-wrap.key-benefits-outer.our-values-wrapper .value-box-wrap:hover {background:var(--green);}
.build_website-wrap.key-benefits-outer.our-values-wrapper .value-box-wrap:hover h3, .build_website-wrap.key-benefits-outer.our-values-wrapper .value-box-wrap:hover p {color:var(--white) !important;}
.build_website-wrap.key-benefits-outer.our-values-wrapper .value-box-wrap h3, .build_website-wrap.key-benefits-outer.our-values-wrapper .value-box-wrap p {color:var(--dark) !important;}

/* build website sec end here */

/* Why Australian sec start here */

.why-australian-trades-sec {position:relative;}
.why-australian-trades-sec::after {content:''; position:absolute; left:20px; width:150px; height:230px; background:url('/wp-content/uploads/2026/06/contact-sec-shap.png') no-repeat center center; bottom:0; background-size:contain;}
.why-australian-trades-sec .what-you-get-items {padding:22px 14px; background:#F0F0F0; border-width:1px 1px 4px 1px; border-style:solid; border-color:#3DB400; border-radius:10px;}
.why-australian-trades-sec h2 {color:var(--darl);}
.center-para {margin-bottom:40px !important;}
.whate-you-get-wrap .what-you-get-row::after {display:none;}

/* Why Australian sec end here */

/* packages sec start here */

.websites-packages-wrap .packages-box { padding: 30px 20px 100px; border-radius: 10px; transition: all ease-in-out 300ms; position: relative; background: #F0F0F0; border-width: 1px 1px 4px 1px; border-style: solid; border-color: #3DB400; }
.websites-packages-wrap .packages-box .theme-btn-filled {width:90%; position:absolute; bottom:0; left:50%; transform:translate(-50%, -50%) !important;}
.packages-box h3, .packages-box h4, .packages-box p, .packages-box ul li {color: var(--dark) !important;}
.packages-box .theme-btn-filled a:hover {background-color: var(--dark) !important;border: 1px solid var(--dark) !important;}
.websites-packages-wrap .packages-box .theme-btn-filled a {padding:12px 60px 12px 34px !important;}
.packages-box .box_icon {display: none !important;}
/* .websites-packages-wrap .packages-box .theme-btn-filled a i {top:54%; transform:translateY(-50%); right:33px !important;} */
.websites-packages-wrap .packages-box h3 {font-weight:700 !important; font-size:30px; line-height:normal; text-transform:capitalize;}
.websites-packages-wrap .packages-box .box_icon {width:50px; height:50px; background:#5A5252; border-radius:10px; display:flex; align-items:center; justify-content:center; position:absolute; right:20px; top:20px;}
.websites-packages-wrap .packages-box .box_icon img {width: auto;height: 30px; display: flex; margin: 0 auto;}
.websites-packages-wrap .packages-box h4 {margin:35px 0 16px !important; font-size:22px; line-height:normal; font-weight:700 !important;}
.websites-packages-wrap .packages-box ul li {color:var(--white); margin-bottom:15px; position:relative;}
.starter-packages-sec .starter-box-left {padding-right: 30px;}
.websites-packages-wrap .packages-box ul li {padding-left:30px; font-size: 16px;}
.websites-packages-wrap .packages-box ul li::before {content:""; position:absolute; left:0; top:2px; width:22px; height:22px; background:url('https://viridi.martian.website/wp-content/uploads/2026/06/check-icon-2.svg'); background-size:contain; background-repeat:no-repeat;}
.websites-packages-wrap .packages-box ul {margin-top:30px;}
.websites-packages-wrap .packages-inner {display:flex; gap:30px; justify-content:space-between; flex-wrap:wrap;}
.websites-packages-wrap .packages-box {width:calc(33.33% - 20px);}
.websites-packages-wrap .packages-box:hover {background: #F0F0F0;}
.websites-packages-wrap .packages-inner::before, .websites-packages-wrap .packages-inner::after {display:none;}
.websites-packages-wrap .packages-box .most-popular {left:50%; transform:translate(-50%, -50%); font-weight:700 !important;}
/* .websites-packages-wrap .seperator-img img {margin-bottom:50px;} */
.packages-box .most-popular {color: var(--white)!important;}
.websites-packages-wrap .packages-box:hover {box-shadow:0 5px 0 var(--green); transform:translatey(-5px);}
.bottom_info_row {display:block; padding:30px 30px !important; background:#382929; border-width:1px 1px 4px 1px; border-style:solid; border-color:var(--green); border-radius:10px; transition:all ease-in-out 300ms; width:100%; margin:30px auto 0 !important;}
.bottom_info_row .wpb_wrapper {text-align:end;}
.bottom_info_row .theme-btn-filled a, .bottom_info_row .theme-btn-filled button {padding:12px 55px 12px 30px !important;}
.bottom_info_row .wpb_wrapper h4 {font-size:25px; font-weight:700 !important; margin-bottom:20px !important;}
.bottom_info_row .wpb_wrapper p {font-size:16px;}

/* packages sec end here */

/* Websites Case Study Sec start here */

.websites-case-study-info .case-study-sec .case-study-card {width:calc(50% - 20px);}
.websites-case-study-info .case-study-sec .services-info {gap:10px; justify-content:unset;}
.case-study-sec .case-study-card .img-wrap .location img {width:16px; height:20px; object-fit:contain;}
.price-info.location h4 {display:flex; align-items:center; gap:10px;}
 .case-study-btns .outline-btn a {background:transparent !important; border:1px solid var(--green) !important; color:var(--green) !important;}
 .case-study-btns .outline-btn a:hover {background:var(--green) !important; color:var(--white) !important;}
.case-study-btns .theme-btn-filled a:hover {color:var(--green) !important;}
.case-study-btns .theme-btn-filled.outline-btn {margin-left: 0;}
.case-study-btns .theme-btn-filled.outline-btn a:hover {color: var(--white) !important;}
.case-study-btns .wpb_wrapper {display:flex; align-items:center; justify-content:center; margin-top:40px; gap:20px;}

/* Websites Case Study end start here */


/* branding and business page start here */

.why-this-page-exists-sec .simple-clear-left {padding-right:0; padding-left:60px;}
.why-this-page-exists-sec {position:relative;}
.why-this-page-exists-sec::before {content:""; position:absolute; top:auto; left:45px; background:url('/wp-content/uploads/2026/06/star-shape.svg'); width:60px; height:60px; background-size:contain; background-repeat:no-repeat;}
.why-this-page-exists-sec::after {content:""; position:absolute; bottom:40px; right:50px; background:url('/wp-content/uploads/2026/06/star-shape.svg'); width:60px; height:60px; background-size:contain; background-repeat:no-repeat;}
.section-tabing {background:var(--dark);}
.section-tabing ul {display:flex; align-items:center; justify-content:space-between;}
.section-tabing ul li a {display:flex; align-items:center; gap:12px; color:var(--white); font-size:20px; line-height:normal; font-weight:500; padding:40px 0; border-bottom: 4px solid var(--dark); transition: all ease-in-out 300ms;}
.section-tabing ul li a:hover {border-bottom: 4px solid var(--green);}
.page-branding {position:relative;}
.page-branding::before {content:""; position:absolute; top:auto; right:45px; background:url('/wp-content/uploads/2026/06/star-shape.svg'); width:60px; height:60px; background-size:contain; background-repeat:no-repeat;}
.page-branding.page-branding3.websites-packages-wrap .packages-box {width:calc(25% - 20px);}
.page-branding.page-branding3.websites-packages-wrap .packages-inner {flex-wrap:nowrap;}
/* .page-branding.page-branding3.websites-packages-wrap .packages-inner .theme-btn-filled a {padding:12px 40px 12px 20px !important;} */
.starter-packages-sec .seperator-img img {margin:20px 0px 30px;}
.starter-box-left ul li {font-weight:500; font-size:14px; line-height:24px; text-transform:capitalize; color:var(--white); padding:5px 15px; border:1px solid var(--green); border-radius:50px; transition:all ease-in-out 300ms; width:max-content; cursor:pointer; transition:all ease-in-out 300ms;}
.starter-box-left ul li:hover {background:var(--green); color:var(--white);}
.starter-box-left ul {display:flex; flex-wrap:wrap; gap:10px; margin:35px 0 !important;}
.starter-packages-sec .starter-row {display:flex !important; align-items:center;}
.starter-box-left {padding-right: 30px;}
.starter-packages-sec .starter_box {padding:30px 24px; background:#382929; border-width:1px 1px 4px 1px; border-style:solid; border-color:var(--green); border-radius:10px; transition:all ease-in-out 300ms;}
.starter-packages-sec .starter_box h3 {font-size:45px; font-weight:700 !important; line-height:normal;}
.starter-packages-sec .starter_box h4 {font-size:28px; font-weight:700 !important; line-height:normal; margin:35px 0 !important;}
/* .page-branding.page-branding3.websites-packages-wrap .packages-inner .theme-btn-filled a i {right:12px !important;} */
.starter-packages-sec .starter_box .theme-btn-filled, .starter-packages-sec .starter_box .theme-btn-filled {width:100%; margin-top:50px;}
.starter-packages-sec .starter_box .theme-btn-filled a, .starter-packages-sec .starter_box .theme-btn-filled button {padding:12px 90px 12px 50px !important; width:100%;}
.starter-packages-sec .starter_box .theme-btn-filled a i, .starter-packages-sec .starter_box .theme-btn-filled button i {right:220px !important; top:53%;}
.starter-packages-sec .starter_box .box_icon {width:50px; height:50px; background:#5A5252; border-radius:10px; display:flex; align-items:center; justify-content:center; position:absolute; right:20px; top:32px;}
.starter-packages-sec .starter_box .most-popular {left:50%; transform:translate(-50%, -50%);}

/* branding and business page end here */



/* Custom Quote Services sec start here */
.quote-services-box {padding:30px 25px !important; background:#382929; border-width:1px 1px 4px 1px; border-style:solid; border-color:var(--green); border-radius:10px; transition:all ease-in-out 300ms;}
.custom-quote-services .seperator-img img {margin:20px 0px 30px; object-fit:contain;}
.quote-services-inner {margin-top:32px !important; display:flex; gap:30px;}
.quote-services-inner::before, .quote-services-inner::after {display:none;}
.quote-services-inner .quote-services-icon {width:50px; height:50px; background:#5A5252; border-radius:10px; display:flex; align-items:center; justify-content:center; margin-bottom:25px !important;}
.quote-services-inner .quote-services-icon img { display: flex; margin: 0 auto;}
.quote-services-inner h4 {font-weight:700 !important; font-size:22px; margin-bottom:25px !important;}
.quote-services-inner::before, .quote-services-inner::after {display:none !important;}
.quote-services-box ul li {color:var(--white); margin-bottom:15px; position:relative;}
.quote-services-box ul li {padding-left:30px;}
.quote-services-box ul li::before {content:""; position:absolute; left:0; top:2px; width:22px; height:22px; background:url('https://viridi.martian.website/wp-content/uploads/2026/06/check-icon-2.svg'); background-size:contain; background-repeat:no-repeat;}
.theme-btn-filled.outline-btn a i {top:53% !important;}

/* Custom Quote Services sec end here */


/* =====Google ads page start here======== */

.google-ads-counter.google-ads-numbers.website-build-numbers .build-numbers-items {background:#382929;}
.google_ads_wrap .result-box-inner.green-box {margin-top: 75px;}
.google_ads_wrap .cust-height {height:375px;}
.google_ads_wrap.website-problems-solutions .website-problems-solutions-row {margin:50px -30px 0 !important;}
.google-ads-info.starter-packages-sec .starter_box .box_icon {position:unset; margin:0 auto;}
.starter-packages-sec .starter_box .box_icon img { display: flex; margin: 0 auto;}
.google-ads-info.starter-packages-sec .starter_box .theme-btn-filled {display:flex; justify-content:center;}
.google-ads-info.starter-packages-sec .starter_box .theme-btn-filled a {width:90%;}
.google-ads-info.starter-packages-sec .starter_box .theme-btn-filled a i {right:80px !important;}
.google-ads-info.starter-packages-sec .vc_do_custom_heading.if-use-viridi {margin-top:15px; margin-bottom:15px;}
.google-ads-info.starter-packages-sec .google-ads-list li {color:var(--white); position:relative; margin-bottom:15px; padding-left:30px; font-size:17px;}
.google-ads-info.starter-packages-sec .google-ads-list li::before {content:""; position:absolute; left:0; top:1px; width:22px; height:22px; background:url('https://viridi.martian.website/wp-content/uploads/2026/06/check-icon-2.svg'); background-size:contain; background-repeat:no-repeat;}
.cutom-list-wrap ul li {text-align: left;color: var(--white); line-height: normal;  margin-bottom: 10px; list-style: disc; list-style-position: inside;}
.cutom-list-wrap p {text-align: left; margin-top: 20px;color: var(--white);}
/* =====Google ads page end here======== */

/* actually work sec start here */

.actually-works-sec .para {margin-bottom: 15px;}
.actually-works-sec .actually-works-row {border:1px solid var(--green); overflow:hidden; background:var(--dark); border-top:0;}
.first-row {border-radius:20px 20px 0 0;}
.actually-works-sec .actually-works-row.first-row {border-top:1px solid var(--green); margin-top:40px !important;}
.last-row {border-radius:0 0 20px 20px;}
.actually-works-sec .left-area {background:rgba(217, 244, 203, 0.1); border-right:1px solid #3DB400; padding:30px;}
.actually-works-sec h4 {font-size:24px; line-height:26px; font-weight:700 !important;}
.actually-works-sec .right-area {padding:30px 30px;}
.actually-works-sec .right-area h4 {margin-bottom:20px !important;}
.actually-works-sec .left-area .icon {margin-bottom:40px !important;}
.actually-works-sec .right-area ul {margin-top: 7px;}
.actually-works-sec .right-area ul li {color:var(--white); margin-bottom:15px; position:relative; padding-left:30px; font-weight: 400;}
.actually-works-sec .right-area ul li::before {content:""; position:absolute; left:0; top:2px; width:22px; height:22px; background:url('https://viridi.martian.website/wp-content/uploads/2026/06/check-icon-2.svg'); background-size:contain; background-repeat:no-repeat;}
.actually-works-sec .right-area .listing-area p {color:var(--white); margin-top:20px;}

/* actually work sec end here */
.websites-packages-wrap .packages-box .price_info h3 {color:var(--white);}
 code {font-size:20px; font-weight:700; font-family: "Inter", sans-serif !important; text-transform: initial;}
.google-ads-case-study.featured-case-studies-wrapper .case-study-sec .case-study-card {width:calc(50% - 20px);}
.single-star-icon {position:relative;}
.single-star-icon::before {content:""; position:absolute; top:40px; right:50px; background:url('/wp-content/uploads/2026/06/star-shape.svg'); width:60px; height:60px; background-size:contain; background-repeat:no-repeat;}
.faq-sec-wrapper .google-ads-faq.faq-area {margin-top:0px !important;}
.faq-btns-wrap .wpb_wrapper {display:flex; justify-content:center; margin-top:28px; flex-wrap: wrap;}

/* Calculater sec start here */

.calculater-left {width:50%; padding:40px; background:#382929;}
.calculater-row h3 {color:var(--white); font-size:26px; line-height:36px; font-weight:700; margin-bottom:20px !important;}
.calculater-left .calculator-form label {color:var(--white); margin:15px 0;}
.calculater-right {width:50%; padding:40px; background:#3A5D1A;}
.calculater-left .calculator-form .form-control {background:transparent; width:100%; height:46px; border-radius:4px; border:1px solid var(--green); color:var(--white);}
.calculater-left .calculator-form .form-control:focus {border:1px solid var(--green); outline:none; box-shadow:none;}
.calculater-left .calculator-form .form-control::placeholder {color:var(--white);}
.calculater-row .result-boxes {display:flex; gap:24px; margin-bottom:24px;}
.calculater-row .result-boxes .result-box {width:50% !important;}
.calculater-row .result_box {background:#382929; border-radius:10px; transition:all ease-in-out 300ms; padding:18px; width:50%;}
.calculater-row .result_box.full {width:100%;}
.revenue-result {margin-bottom:24px;}
.calculater-row .result_box .result-label {display:block; margin-bottom:10px; font-weight:500; font-size:18px; line-height:22px; text-transform:capitalize; color:rgba(255, 255, 255, 0.5);}
.calculater-row .result_box h4 {font-size:30px; line-height:40px; font-weight:700; color:var(--white);}
.calculator-description p:last-child {margin-top:18px;}
.calculator-description p {color:var(--white);}
.calculater-row {display:flex; flex-wrap:wrap; border:1px solid var(--green); border-bottom:4px solid var(--green); border-radius:20px; overflow:hidden; margin-top:36px;}
.text-green {color:var(--green);}

/* Calculater sec end here */

/* social media page start here */

.social-media-counters.website-build-numbers .vc_col-sm-3 {width:calc(20% - 30px);}
.social-media-comparison.google_ads_wrap .cust-height {height:280px;}
.social-media-comparison.google_ads_wrap .cust-height {height:280px;}
.social-media-comparison.google_ads_wrap .result-box-inner.green-box {margin-top:58px;}
.wth-one-connection {font-size:26px; line-height:36px; font-weight:700 !important; margin-bottom:20px !important;}
.no-more-text {margin:35px 0 25px;}
.no-more-text p {color:var(--white); font-weight:600 !important;}
.booked-jobs-box img {width:100%; height:735px; object-fit:cover; border-radius:20px; overflow:hidden; border:1px solid var(--green); border-bottom:4px solid var(--green);}
.viridi-action-btn .wpb_wrapper {display:flex; align-items:center; justify-content:center; margin-top:40px;}
.social-media-packages.websites-packages-wrap .packages-box {width:calc(33% - 20px);}
/* .social-media-packages.websites-packages-wrap .packages-box .theme-btn-filled a {width:max-content; padding:12px 120px 12px 80px !important;} */
/* .social-media-packages.websites-packages-wrap .packages-box .theme-btn-filled a i {right:80px !important;} */
.social-media-packages.websites-packages-wrap .packages-box h4 {margin:15px 0 15px !important; font-size:20px;}
.value-icon img { display: flex;margin: 0 auto;}
.social-media-packages.websites-packages-wrap .packages-box:last-child {
    width: calc(33% - 20px) !important;
    padding: 30px 20px 100px !important;
}
.social-media-packages.websites-packages-wrap .social--package .packages-box:last-child .theme-btn-filled {
    top: auto !important;
    right: auto !important;
    width: 90%;
    bottom: 0;
    position: absolute;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
}
.services-package.branding-package-list {}

.services-package.branding-package-list .packages-box:last-child {
    width: 100%;
    text-align: center;
    background: none;
    border: none;
    padding: 20px;
}

.services-package.branding-package-list .packages-box:last-child h4 {
    color: #fff !important;
    margin: 0 0 24px !important;
}

.services-package.branding-package-list .packages-box:last-child .theme-btn-filled.js-book-call {
    position: unset;
    transform: none !important;
    text-align: center !important;
    display: flex;
    justify-content: center;
    width: auto;
}

.services-package.branding-package-list .packages-box:last-child:hover {
    box-shadow: none !important;transform: none!important;
}

.services-package.branding-package-list .packages-box:last-child .theme-btn-filled.js-book-call a:hover {
    background: transparent;
    border-color: #3DB400 !important;
}
/* social media page end here */


/* Meta ads page start here */


.social-media-comparison.google_ads_wrap .meta-ads-result-box.cust-height {height: 380px;}
.social-media-comparison.google_ads_wrap .meta-ads-result-box.cust-height p:first-of-type {margin-top: 0;}
.social-media-comparison.google_ads_wrap .meta-ads-result-box.result-box-inner.green-box {margin-top: 155px;}
/* Meta ads page end here */

/* actually work sec white start here */

.actually-works-sec-white.actually-works-sec .actually-works-row {border: 1px solid var(--green); overflow: hidden; background: var(--white);border-top: 0;}
.actually-works-sec-white.actually-works-sec p, .actually-works-sec-white.actually-works-sec li {
    color: var(--dark) !important;
}
.actually-works-sec-white.actually-works-sec .right-area h4{color: var(--dark) !important;}
.actually-works-sec-white.actually-works-sec .actually-works-row.first-row {border-top: 1px solid var(--green);}
/* actually work sec white end here */
.actually-works-sec-seo.actually-works-sec-white.actually-works-sec .text-white {color: var(--white) !important;}

/* =====Packge page start here======= */
.packages-banner {padding:160px 0px 50px !important; background:var(--dark); position:relative; background-image:url('/wp-content/uploads/2026/07/Line-Pattern-1-1-1.png'); width:100%; height:100%; background-repeat:no-repeat; background-size:cover; background-position:center; margin-bottom: 40px;}
.package-content {background:var(--white); border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,.08); border:1px solid #3db40059; padding:20px; position:relative; width: 50%; z-index: 2;}
/* .package-content::after {content:""; position:absolute; top:-50%; left:-120%; width:60%; height:200%; background:linear-gradient( 90deg, transparent, rgba(61,180,0,.18), transparent ); transform:rotate(20deg); animation:shine 4s linear infinite; z-index: -1;} */

/* @keyframes shine { */
/* 0% {left:-120%;} */
/* 100% {left:160%;} */
/* } */

.package-content h2 {margin-bottom:8px; font-size:25px; color:#000;}
.package-price {font-size:20px; font-weight:700;}
.package-content .intro {color:#000; font-size:16px; line-height:1.7; margin-bottom:30px;}
.package-content h3 {font-size:24px; color:var(--green); font-weight:700; margin-bottom:10px !important;}
.feature {margin-bottom:22px; padding-bottom:22px; border-bottom:1px solid #ececec;}
.feature:last-child {border-bottom:none;}
.feature h4 {font-size:18px; color:#000; margin-bottom:5px !important; font-weight:700;}
.feature p {color:#555; line-height:1.7; font-size:15px;}
.not-included {margin-top:20px; background:#fff5f5; border:1px solid #ffd7d7; padding:20px; border-radius:10px;}
.not-included h4 {color:#d62828; margin-bottom:10px;}
.not-included ul {padding-left:20px;}
.not-included li {color:#000; margin-bottom:8px; list-style-type:disc;}
/* =====Packge page end here======= */

/*====== crm page start here ======*/

/* real resutls slider start here */
.real-results-info {background:#F0F0F0; border-radius:20px; padding:20px;}
.real-results-info .logo-img img {width:185px !important; height:auto; object-fit:contain;}
.real-results-info .star-rating {display:flex; align-items:center; gap:5px; margin:15px 0;}
.real-results-info .star-rating img {width:20px !important; height:20px;}
.real-results-info .read-more-btn {font-size:18px; font-weight:500; color:var(--green); margin:20px 0 0 0; display:block; transition:all ease-in-out 300ms;}
.real-results-info .read-more-btn:hover {color:var(--dark);}
.real-result-sec .owl-nav {display:flex; align-items:center; justify-content:space-between; position:absolute; top:50%; transform:translate(-50%, -50%); left:50%; width:103%;}
.real-result-sec .owl-nav button {width:45px; height:45px; border-radius:50% !important; background:var(--white) !important; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25); display:flex; align-items:center; justify-content:center; text-align:center; transition:all ease-in-out 300ms;}
.real-result-sec .owl-nav button span {font-size:35px; line-height:35px; position:relative; top:-2px; transition:all ease-in-out 300ms; color:var(--green);}
.real-result-sec .owl-nav button:hover {background:var(--green) !important;}
.real-result-sec .owl-nav button:hover span {color:var(--white);}
.real-results-info .more-text {display:none;}
.read-more-btn {cursor:pointer;}
/* real resutls slider end here */


/* Real screenshot sec start here */
.real-screenshots-slider {margin-top:40px;}
.real-screenshots-wrapper .screenshot-img {width:100%; height:400px; overflow:hidden; display:block; border:1px solid var(--green); border-bottom:4px solid var(--green); border-radius:10px; padding:10px; background:var(--white);}
.real-screenshots-wrapper .screenshot-img img {width:100%; height:100%; object-fit:cover;}
.real-screenshots-wrapper .real-screenshots-slider .owl-nav {display:flex; align-items:center; justify-content:space-between; position:absolute; top:50%; transform:translate(-50%, -50%); left:50%; width:103%;}
.real-screenshots-wrapper .real-screenshots-slider .owl-nav button {width:45px; height:45px; border-radius:50% !important; background:var(--white) !important; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.25); display:flex; align-items:center; justify-content:center; text-align:center; transition:all ease-in-out 300ms;}
.real-screenshots-wrapper .real-screenshots-slider .owl-nav button span {font-size:35px; line-height:35px; position:relative; top:-2px; transition:all ease-in-out 300ms; color:var(--green);}
.real-screenshots-wrapper .real-screenshots-slider .owl-nav button:hover {background:var(--green) !important;}
.real-screenshots-wrapper .real-screenshots-slider .owl-nav button:hover span {color:var(--white);}
/* Real screenshot sec end here */


/* immediate problem recognition sec start here */
.current-ads-img img {width:100%; height:400px; object-fit:cover; overflow:hidden; border-radius:10px; border:1px solid var(--green);}
.immediate-problem-recognition ul li {list-style-type:disc;  margin:0px 0px 10px 20px; color:var(--dark); font-weight:500;}
.imagine-your-leads-sec .key-benefits-row .wpb_wrapper {justify-content:left; flex-wrap: wrap; gap: 15px 0px;}
.imagine-your-leads-sec .different-right-box .custom-video-wrap {height:450px;}
.viridi-ai-right p, .viridi-ai-right ul li {color:var(--white);}
.comparison-info {background:#382929; border-width:1px 1px 4px 1px; border-style:solid; border-color:#F05252; border-radius:20px; padding:20px !important; width:calc(50% - 20px) !important;}
.comparison-info h4 {color:var(--white); margin-bottom:15px !important; font-size:20px;}
.comparison-info ul li {list-style:disc; margin-left:20px; margin-bottom:10px;}
.comparison-info .title p {font-size:18px; margin-top:25px;}
.comparison-info .title p {display:flex; align-items:center; gap:5px;}
.comparison-info.bg-green {background:var(--green); background:rgba(61, 180, 0, 0.24); border:1px solid var(--green); border-bottom:4px solid var(--green);}
.comparison-wrapper {display:flex; gap:20px; margin-top:30px !important; flex-wrap: wrap;}
.comparison-wrapper::before, .comparison-wrapper::after {display:none !important;}
.chat-box-img img {width:100%; height:auto !important; display:block; border-radius:20px; border:1px solid var(--green); object-fit:cover;}
.chat-box-img {position:relative;}
.chat-box-img::before {content:""; position:absolute; width:100%; height:87%; bottom:-10px; left:10px; background:linear-gradient(283.74deg, #326b14 1.9%, #326C14 50.92%, #316615 72.77%); border-radius:20px; z-index:-1;}
.viridi-ai-sec .viridi-ai-right {padding-left:50px !important;}

/* immediate problem recognition sec end here */

/*====== service package css ======*/
.services-package .packages-box h3 span {font-size: 20px; font-weight: 700;    padding-left: 5px; font-family: "Inter", sans-serif !important; text-transform: initial;
    position: relative;}
.services-package .packages-box h3 span:empty::before { content: ""; display:none;}
.services-package .packages-box h3 span:before {content: "/"; display: block; position: absolute; width: 4px;height: 20px; left: -5px; transform-origin: center; top: 0px;}
.services-package .packages-box h4 {    color: #fff;}
.services-package .packages-box p {
    color: #fff;
}.services-package .package-features {
    padding-top: 15px;
} 
.services-package .packages-box .theme-btn-filled a {
  padding: 12px 34px 12px 34px !important;
    background-color: #3DB400;
    color: #FFFFFF;
    display: inline-flex;
    align-items: center;
    border-radius: 2rem;
    gap: 10px;
    position: relative;
	display: flex;
	align-items: center;
	width: max-content;
}
/* .websites-packages-wrap .packages-box .theme-btn-filled a i { */
    /* position: absolute; */
/* } */
.crm-package.services-package .packages-box:last-child ul {
    margin-bottom: 15px;
}
.crm-package.services-package .packages-box:last-child {
    width: calc(100% - 0px);    padding: 30px 250px 30px 20px;
}.crm-package.services-package .packages-box:last-child .theme-btn-filled {
    width: max-content;
    left: auto;
    right: 0;
    top: 50%;
    display: flex;
    transform: translate(-10%, -50%) !important;
    align-items: center;
}.crm-package.services-package .packages-box:last-child .package-features {
    padding-top: 0;
}.crm-package.services-package .packages-box:last-child .box_icon {
    display: none;
}
.crm-package.services-package .packages-box:last-child h4 {
    margin-top: 0 !important;
}.crm-package.services-package .packages-box:last-child ul li:last-child {
    margin-bottom: 0;
}

/*====== service package css end ======*/

/*====== crm page end here ======*/

/* ===========Case study sec start here================ */
.view-more-case-studies-btn {margin-top:50px !important;}
.case-study-box {background: var(--dark); border-radius:20px; overflow:hidden; width:calc(33.33% - 15px);}
.case-top-info {background:var(--dark); color:var(--white); padding:20px; text-align:left;}
.case-bottom-info {width:100%; height:245px; overflow:hidden; display:block;}


.case-bottom-info {
    width: 100%;
    overflow: hidden;
    display: block;
    padding-top: 56.25%;
    position: relative;
}.case-bottom-info img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    display: block;
}.case-study-box .cs-description {
    min-height: 296px;
    padding-top: 15px;
    padding-bottom: 15px;
}
.separator-img img {width:100%; height:1px; object-fit:cover;}
.case-study-box h2 {font-weight:700; font-size:23px; line-height:30px; text-transform:capitalize; margin:0px 0; min-height:62px;}
/*.case-study-box p {margin:25px 0px 30px 0;}*/
.case-study-box a {font-weight:600; font-size:16px; line-height:24px; text-align:center; transition:all ease-in-out 300ms; border:1px solid var(--green); padding:12px 30px; background:var(--green); color:var(--white); border-radius:50px; margin:0 0px 0 0; display:inline-block;}
.case-study-box a:hover {color:var(--white); border:1px solid var(--white); background:transparent;}
.home-case-study .cust-row {display:flex; gap:15px; flex-wrap:wrap;}
.view-all-btn-wrap a {font-weight:600; font-size:16px; line-height:20px; text-align:center; transition:all ease-in-out 300ms; border:1px solid var(--green); padding:15px 34px; background:var(--green); color:var(--white); border-radius:50px; margin:0 0px 0 0; display:inline-block; margin-top:50px;}
.view-all-btn-wrap a:hover {color:var(--dark); border:1px solid var(--green); background:transparent;}

/* ===========Case study sec end here================== */
  

 /* case study single page start here */
 #page {padding-top:unset;}
.case-study-single .site-container {border:1px solid #3db4003b; padding:30px; margin-top:50px; margin-bottom:50px; box-shadow:rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; border-radius:10px;}
.case-study-image {width:450px; height:280px; overflow:hidden; border-radius:10px; margin-bottom:20px;}
.case-study-image img {width:100%; height:100%; object-fit:cover;}
.case-study-content strong {font-size:18px; color:var(--dark); font-weight:700 !important;}
.case-study-content {color:var(--dark); font-weight:500;}
.case-study-short-description {max-width:70%; margin:10px 0;}
.case-study-content h2 {margin-bottom:10px !important;}
.case-study-description-content p {margin:10px 0;}
.branding-packages {margin-top:50px !important;}
.features-sec-info.our-values-wrapper .key-benefits-wrapper .value-box-wrap img {width:30px; height:auto; object-fit:contain;}
 /* case study single page end here */

 
/* CRM Calculator start here */

.bottom-section-note strong {color:var(--white); font-weight:700; font-size:20px; margin-top:25px; display:block; line-height:1.3;}
.crm-calculater-left {width:50%; padding:40px; background:#382929;}
.crm-calculater-row h3 {color:var(--white); font-size:26px; line-height:36px; font-weight:700; margin-bottom:20px !important;}
.crm-calculater-left .crm-calculater-form label {color:var(--white); margin:15px 0;}

.crm-calculater-right {width:50%; padding:40px; background:#3A5D1A;}
.crm-calculater-left .crm-calculater-form .form-control {background:transparent; width:100%; height:46px; border-radius:4px; border:1px solid var(--green); color:var(--white);}
.crm-calculater-left .crm-calculater-form .form-control:focus {border:1px solid var(--green); outline:none; box-shadow:none;}
.crm-calculater-left .crm-calculater-form .form-control::placeholder {color:var(--white);}
.crm-calculater-row .crm-result-boxes {display:flex; gap:24px; margin-bottom:24px;}
.crm-calculater-row .crm-result-boxes .crm-result_box {width:50% !important;}
.crm-calculater-row .crm-result_box {background:#382929; border-radius:10px; transition:all ease-in-out 300ms; padding:18px; width:50%;}
.crm-calculater-row .crm-result_box.full {width:100%;}
.revenue-result {margin-bottom:24px;}
.crm-calculater-row .crm-result_box .result-label {display:block; margin-bottom:10px; font-weight:500; font-size:13px; line-height:22px; text-transform:capitalize; color:rgba(255, 255, 255, 0.5);}
.crm-calculater-row .crm-result_box h4 {font-size:30px; line-height:40px; font-weight:700; color:var(--white);}
.crm-calculator-description p:last-child {margin-top:15px;}
.crm-calculator-description p {color:var(--white);}
.crm-calculater-row {display:flex; flex-wrap:wrap; border:1px solid var(--green); border-bottom:4px solid var(--green); border-radius:20px; overflow:hidden; margin-top:36px;}
.crm-calculator-description h4 {font-size:20px; font-weight:700; color:var(--white); margin-bottom:15px !important;}
.cta-last-para {margin:20px 0 30px !important;}
.crm-calculater-form input::placeholder, .calculator-form  input::placeholder {
    color: #999 !important;
    font-style: italic !important;
    opacity: 1 !important;
}
 
/* Firefox */
.crm-calculater-form input::-moz-placeholder, .calculator-form  input::-moz-placeholder {
    color: #999 !important;
    font-style: italic !important;
    opacity: 1 !important;
}

/* Chrome, Safari, Edge */
.crm-calculater-form input::-webkit-input-placeholder, .calculator-form  input::-moz-placeholder {
    color: #999 !important;
    font-style: italic !important;
}
/* CRM Calculator end here */

/* desktop toggle start here */

/* Overlay */

.menu-overlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;
    visibility:hidden;
    transition:.45s;
    z-index:9998;
}

.menu-overlay.active{
    opacity:1;
    visibility:visible;
}


/* Side Menu */

.side-menu {
    position: fixed;
    left: 0;
    top: 0;
    width: 380px;
    max-width: 90%;
    height: 100vh;
    background: var(--white);
    z-index: 9999;
    transform: translateX(-100%);
    transition: transform .5s cubic-bezier(.77,0,.175,1);
    display: flex;
    flex-direction: column;
    padding: 35px;
    box-shadow: 8px 0 40px rgba(0,0,0,.12);

    /* Scroll */
    overflow-y: auto;
    overflow-x: hidden;

    /* Firefox */
    scrollbar-width: thin;
    scrollbar-color: var(--dark) transparent;
}

/* Chrome, Edge, Safari */
.side-menu::-webkit-scrollbar {
    width: 5px;
}

.side-menu::-webkit-scrollbar-track {
    background: transparent;
}

.side-menu::-webkit-scrollbar-thumb {
    background: var(--dark);
    border-radius: 10px;
}

.side-menu.active{
    transform:translateX(0);
}


/* Header */

.side-menu-header{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:80px;
}

.side-menu-header img{
    max-height:50px;
}

.close-menu {
    width: 40px;
    height: 40px;
    border: none;
    background: #27272700;
    color: var(--dark);
    font-size: 35px;
    border-radius: 50%;
    cursor: pointer;
    transition: .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 10px;
    right: 10px;
}
.close-menu:hover{
	background: transparent;
	color: var(--green);
	box-shadow: none;
}

/* Menu */


.side-menu-links li{
    margin-bottom:22px;
}

.side-menu-links a {
    text-decoration: none;
    color: var(--dark);
    font-size: 16px;
    font-weight: 500;
    transition: .3s;
    display: inline-block;
}

.side-menu-links a:hover{
    color: var(--green);
    transform:translateX(2px);
}


/* Social */

.side-social {
    margin-top: auto;
    display: flex;
    gap: 18px;
    padding-top: 40px;
    border-top: 1px solid #27272721;
}

.side-social a{
    width:46px;
    height:46px;
    border-radius:50%;
    background: var(--dark);
    display:flex;
    justify-content:center;
    align-items:center;
    text-decoration:none;
    color: var(--white);
    font-size:18px;
    transition:.3s;
}

.side-social a:hover{
    background: var(--green);
    color: var(--white);
    transform:translateY(-5px);
}


/* Toggle */

.desktop-toggle-menu{
    cursor:pointer;
}
.bar1, .bar2, .bar3 {
    width: 35px;
    height: 3px;
    background-color: var(--white);
    margin: 7px 0;
    transition: 0.4s;
}
.side-menu h3 {
    font-size: 25px;
    font-weight: 800 !important;
    margin-bottom: 30px !important;
    color: var(--green);
}
.side-menu-links li a{
    position: relative;
}
.side-menu-links li a::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background: var(--green);
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .60s ease;
}
.side-menu-links li.active a {
    color: var(--green) !important;
}

.side-menu-links li:hover a::after {
    transform: scaleX(1);
}
.side-menu-links li > a {
    position: relative;
    color: var(--dark);
    text-decoration: none;
    transition: .3s;
}

.side-menu-links li > a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 100%;
    height: 2px;
    background: var(--green);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .6s ease;
}

.side-menu-links li:hover > a,
.side-menu-links li > a:hover {
    color: var(--green);
}

.side-menu-links li:hover > a::after,
.side-menu-links li > a:hover::after {
    transform: scaleX(1);
}

.side-menu-links li > a.active {
    color: var(--green) !important;
}

.side-menu-links li > a.active::after {
    transform: scaleX(1);
}
#primary {
    width: 100%;
    max-width: 100%;
}
/* desktop toggle end here */

/* packages signle page start here */

.package-content .package-image {
    width: 100%;
    height: 330px;
    overflow: hidden;
    display: block;
    border-radius: 10px;
    margin-bottom: 20px;
}

.package-content .package-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.package-content .package-description {
    margin-bottom: 20px;
}
.package-content ul li {
    position: relative;
    padding-left: 30px;
    font-weight: 500;
    color: var(--dark);
    margin-bottom: 15px;
}
.package-content ul li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    background: url('https://viridi.martian.website/wp-content/uploads/2026/06/check-icon-2.svg');
    background-size: contain;
    background-repeat: no-repeat;
}
.package-features strong {
    margin-bottom: 10px;
    display: block;
}
/* packages signle page start here */





/* =========================================
   VIRIDI CASE STUDIES
========================================= */

.viridi-case-studies {
  width: 100%;

  margin: 0 auto;
 
  box-sizing: border-box;

}


/* HEADER */

.vcs-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 30px;
}

.vcs-eyebrow {
  display: block;
  color: #35c900;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 1.8px;
  margin-bottom: 8px;
}

.vcs-header h2 {
  margin: 0;
  color: #202020;
  font-size: 38px;
  line-height: 1.15;
  font-weight: 800;
}

.vcs-header p {
  margin: 14px auto 0;
  color: #666;
  font-size: 15px;
  line-height: 1.6;
}


/* FILTERS */

.vcs-filters {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 auto 32px;
}

.vcs-filter {
  border: 1px solid #d8d8d8;
  background: #fff;
  color: #333;
  border-radius: 30px;
  padding: 9px 20px;
  font-size: 13px;
  font-weight: 600;
  cursor: pointer;
  transition: all .25s ease;
}

.vcs-filter:hover {
  border-color: #36c900;
  color: #36c900;
}

.vcs-filter.active {
  background: #36c900;
  color: #fff;
  border-color: #36c900;
}


/* GRID */

.vcs-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}


/* CARD */

.vcs-card {
  background: #fff;
  border: 1px solid #3DB400;
  border-radius: 9px;
  overflow: hidden;
  box-shadow: 0 2px 7px rgba(0,0,0,.07);
  transition: transform .25s ease, box-shadow .25s ease, opacity .25s ease;
}

.vcs-card:hover {
  transform: translateY(-4px);
  box-shadow: 0 9px 25px rgba(0,0,0,.11);
}


/* HIDDEN FILTER CARD */

.vcs-card.hidden {
  display: none;
}


/* IMAGE */

.vcs-image-wrap {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
  background: #eee;
}

.vcs-image-wrap img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  transition: transform .45s ease;
}

.vcs-card:hover .vcs-image-wrap img {
  transform: scale(1.04);
}


/* SPEND BADGE */

.vcs-spend {
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: var(--white);
    background: var(--dark);
    border-radius: 50px;
    position: absolute;
    padding: 5px 20px;
    top: 20px;
    right: 20px;
}


/* CONTENT */

.vcs-card-content {
    padding: 25px 24px 90px;
    position: relative;
    min-height: 350px;
}

/* INDUSTRY */

.vcs-meta {
  margin-bottom: 5px;
}

.vcs-industry {
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
    line-height: 24px;
    text-transform: capitalize;
    margin-bottom: 5px;
    color: var(--dark);
    border-radius: 50px;
    transition: all ease-in-out 300ms;
}

/* TITLE */

.vcs-card h3 {
    font-weight: 700;
    font-size: 22px;
    line-height: 24px;
    color: var(--dark);
    margin-bottom: 20px !important;
}

/* SERVICE TAGS */

.vcs-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 11px;
}

.vcs-tags span {
    font-weight: 500;
    font-size: 12px;
    line-height: 24px;
    text-transform: capitalize;
    color: var(--dark);
    padding: 2px 12px;
    border: 1px solid var(--green);
    border-radius: 50px;
    transition: all ease-in-out 300ms;
}

/* DESCRIPTION */

.vcs-card p {
    margin-bottom: 50px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;    font-family: "Inter", sans-serif !important;
    padding: 0;
    margin: 0;
    font-weight: 400 !important;
    font-size: 16px;
    line-height: 24px;
}


/* BUTTON */

a.vcs-button {
    font-size: 16px !important;
    line-height: 24px !important;
    padding: 12px 34px !important;
    border-radius: 50px;
    background: var(--green);
    color: var(--white);
    display: inline-flex!important;
    text-align: center !important;
    transition: all ease-in-out 300ms !important;
    border: 1px solid var(--green) !important;
    align-items: center;
    gap: 15px !important;position: absolute;
    bottom: 24px;
}
.vcs-button span {
  font-size: 15px;
  line-height: 10px;
}

.vcs-button:hover {
   
 
    color: var(--dark);
    background: transparent !important;
}
.vcs-button:hover img{filter: brightness(0) saturate(100%) invert(0%) sepia(0%) saturate(21%) hue-rotate(26deg) brightness(92%) contrast(105%);}
/*================= media query end here =================*/

.vc_row.wpb_row.vc_inner.vc_row-fluid.for-mobile-view.website-problems-solutions-row {
    display: none;
}

.mobile-google-ads-comparison {
    width: 100%;
}

.mobile-comparison-pair {
    width: 100%;
    margin-bottom: 24px;
}

.mobile-comparison-box {
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
}

.mobile-comparison-box h3 {
    margin: 0 0 10px;
  
    font-weight: 400;
    font-size: 24px;
    line-height: 1.2;
}

.mobile-comparison-box p {
    margin: 0;
    font-size: 16px;
    line-height: 1.6;
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {



  .vcs-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .vcs-header h2 {
    font-size: 32px;
  }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {



  .vcs-header {
    margin-bottom: 25px;
  }

  .vcs-header h2 {
    font-size: 27px;
  }

  .vcs-header p {
    font-size: 13px;
  }

  .vcs-filters {
    justify-content: flex-start;
    overflow-x: auto;
    flex-wrap: nowrap;
    padding: 4px 0 12px;
    margin-bottom: 20px;

    scrollbar-width: none;
  }

  .vcs-filters::-webkit-scrollbar {
    display: none;
  }

  .vcs-filter {
    flex: 0 0 auto;
    white-space: nowrap;
    padding: 8px 15px;
    font-size: 12px;
  }

  .vcs-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .vcs-image-wrap {
    height: 240px;
  }

  .vcs-card-content {
    padding: 18px;
  }

}


/* SMALL MOBILE */

@media (max-width: 380px) {

  .vcs-image-wrap {
    height: 200px;
  }

  .vcs-card h3 {
    font-size: 16px;
  }

}



/*************single testimonial*****/

/* =========================================
   BASE
========================================= */
.single-testimonial div#content {
    padding-bottom: 0;
}
.viridi-single-case-study {
  width: 100%;
 
  color: #242424;
}

.vcs-single-container {
  box-sizing: border-box;
}


/* =========================================
   HERO
========================================= */

.vcs-single-hero {

  padding: 400px 0 0 0 !important;
  background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}
.site-container.vcs-single-container {
    z-index: 1;
    position: relative;
}


.vcs-single-eyebrow {
  display: inline-block;
  color: #35c900;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
  text-transform: uppercase;
  margin-bottom: 12px;
}

.vcs-single-hero h1 {
  color: #fff;

  
}


.vcs-single-hero-image {
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0,0,0,.3);
}

.vcs-single-hero-image img {
  width: 100%;
  height: 560px;
  display: block;
  object-fit: cover;
}
.vcs-single-hero-content p.vcs-single-hero-text {
    margin-bottom: 0;
}.vcs-single-hero-content {
    padding-bottom: 60px;
}

/* =========================================
   GENERAL CONTENT
========================================= */

.vcs-content-section,
  .vcs-image-section,
  .vcs-results-section,
  .vcs-testimonial-section {
    padding: 80px 0;
  }
.vcs-light-section { 
  background: #f6f8f5;
}

.vcs-two-column {
  display: grid;
  grid-template-columns: 300px 1fr;
  gap: 70px;
}
 
.vcs-section-label {
  position: relative;
}

.vcs-section-label span {
  color: #35c900;
  font-size: 14px;
  font-weight: 800;
}
.vcs-section-content.vcs-testimonial-wrapper:after {
    content: "\f10d";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #3fb200;
    position: absolute;    top: -15px;
    top: 0;
    font-size: 90px;
}
.vcs-section-label p {
  margin: 8px 0 0;
color: #272727;
  font-size: 17px;
  font-weight: 700;
}
.vcs-what-we-did ul {
    padding: 0;
    margin: 0;
}

.vcs-what-we-did ul li {
    position: relative;
    margin-bottom: 15px;
    padding-left: 30px;
    color: #272727;
    font-size: 16px;
    font-weight: 400;
} 
.vcs-what-we-did ul li:last-child{ margin-bottom: 0px;}
.vcs-what-we-did ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 2px;
    width: 22px;
    height: 22px;
    background-size: contain;
    background: url(/wp-content/uploads/2026/06/check-icon-2.svg);
    background-size: contain;
    background-repeat: no-repeat;
}



.vcs-section-content p {
color: #272727;
  font-size: 16px;
  line-height: 1.8;
  margin: 0 0 20px;
}


/* =========================================
   WHAT WE DID LIST
========================================= */

.vcs-check-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

.vcs-check-list li {
  display: flex;
  align-items: flex-start;
  gap: 15px;
  margin-bottom: 19px;
}

.vcs-check-list li > span {
  flex: 0 0 25px;
  width: 25px;
  height: 25px;
  background: #35c900;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 800;
  margin-top: 1px;
}

.vcs-check-list li p {
  margin: 0;
  color: #444;
  font-size: 15px;
  line-height: 1.65;
}


/* =========================================
   IMAGE 2
========================================= */

.vcs-image-section {
  padding: 80px 0;
  background: #fff;
}

.vcs-image-heading {
  text-align: center;
  margin-bottom: 35px;
}

.vcs-image-heading span {
  color: #35c900;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 800;
}

.vcs-image-heading h2 {
  margin: 10px 0 0;
font-family: "Montserrat", sans-serif !important;
    font-weight: 700 !important;
  line-height: 1.2;
}

.vcs-large-image {
    max-width: 560px;
    border-radius: 14px;
    overflow: hidden;
    border: 1px solid #e3e3e3;
    box-shadow: 0 10px 35px rgba(0,0,0,.08);
    margin: auto;
}

.vcs-large-image img {
  width: 100%;
  height: auto;
  min-height: 500px;
  display: block;
  object-fit: cover;
}

.vcs-image-caption {
  color: #777;
  text-align: center;
  font-size: 13px;
  margin: 15px 0 0;
}

.actually-works-row img {
    width: 70px;
    border-radius: 15px;
}
/* =========================================
   RESULTS
========================================= */

.vcs-results-section {
  background: #202020;
  padding: 80px 0;
}

.vcs-results-header {
  text-align: center;
  max-width: 750px;
  margin: 0 auto 50px;
}

.vcs-results-header h2 {
  color: #fff;

 
  line-height: 1.15;
}

.vcs-results-header p {
  color: #ccc;
  font-size: 16px;
  line-height: 1.7;
}


/* =========================================
   STATS
========================================= */

.vcs-stats-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
}

.vcs-stat-card {
  background: #fff;
  border-radius: 12px;
  padding: 38px 25px;
  text-align: center;
  border-bottom: 4px solid #35c900;
}

.vcs-stat-card strong {
  display: block;
  color: #35c900;
  font-size: 48px;
  line-height: 1;
  font-weight: 900;
  margin-bottom: 14px;
}

.vcs-stat-card span {
  display: block;
  color: #333;
  font-size: 15px;
  line-height: 1.5;
  font-weight: 600;
}


/* RESULTS DESCRIPTION */

.vcs-results-description {
  max-width: 850px;
  margin: 45px auto 0;
  text-align: center;
}

.vcs-results-description p {
    color: #fff;
    font-size: 16px;
    margin: 0 0 14px;
    font-size: 16px;
    line-height: 24px;
}

/* =========================================
   TESTIMONIAL
========================================= */

.vcs-testimonial-section {
  background: #fff;
  padding: 80px 0;
}
.icon-web img {
    width: 60px;
}
.icon-web{
    background: #caeac7;
    width: 70px;
    border-radius: 15px;
    padding: 15px;
    margin-bottom: 15px;
}
.vcs-testimonial-wrapper {
    margin: 0 auto;
    text-align: left;
    background: #fff;
    border-radius: 16px;
    padding: 35px 35px 30px;
    box-shadow: 0 10px 40px rgba(0,0,0,.07);
    position: relative;
}
.vcs-testimonial-icon {
  width: 55px;
  height: 55px;
  margin: 0 auto 22px;
  background: #35c900;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 38px;
  line-height: 1;
}

.vcs-testimonial-wrapper h2 {
    font-size: 24px;
    margin: 24px 0 10px !important;
}
.vcs-testimonial-wrapper blockquote {
    margin: 0;
    color: #444;
    font-size: 18px;
    line-height: 1.8;
    font-weight: 400;
    border: none;
    padding: 0;
}.icon-testmonial img {
    width: 70px;
}
.vcs-testimonial-author {
  display: flex;
  flex-direction: column;
  margin-top: 30px;
}

.vcs-testimonial-author strong {
  color: #222;
  font-size: 16px;
}

.vcs-testimonial-author span {
  color: #777;
  font-size: 13px;
  margin-top: 5px;
}
.single-testimonial div#content {
    padding-bottom: 0;
}

.common-cta-sec .common-btn-wrapper {
    display: flex;
    gap: 20px;
}


.vcs-work-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    width: 100%;
}

.vcs-work-image-item {
    width: 100%;
}

.vcs-image-label {
    margin-bottom: 12px;
    font-size: 13px;
    line-height: 1.2;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #181D4E;
}

.vcs-work-image-item .vcs-large-image {
    width: 100%;
    overflow: hidden;
}

.vcs-work-image-item .vcs-large-image img {
    display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
.inc_pdf_viewer_wrpr iframe {
    height: 100vh;
}
/* Tablet */
@media (max-width: 991px) {
    .vcs-work-images {
        grid-template-columns: 1fr;
        gap: 30px;
    }
}

/* Mobile */
@media (max-width: 767px) {
	section.vcs-single-hero.hero-banner-wrapper{        padding: 150px 0 0 0 !important;}
    .vcs-work-images {
        gap: 24px;
    }

    .vcs-image-label {
        font-size: 12px;
        margin-bottom: 10px;
    }
}

/*
============================
  vcs FINAL CTA
========================================= */

.vcs-final-cta {
  background:
    radial-gradient(
      circle at 90% 100%,
      rgba(53,201,0,.18),
      transparent 35%
    ),
    #eef7ed;
  padding: 80px 0;
}

.vcs-cta-inner { 
    display: flex;
    gap: 40px;
    align-items: flex-start;
}
section.common-cta-sec .cta-left {
    width: calc(80% - 20px);
}section.common-cta-sec .cta-right {
    width: calc(20% - 20px);
}

section.common-cta-sec .cta-right .common-cta-btn-wrap a {
    background: var(--green) !important;
    border-radius: 50% !important;
    width: 120px;float: right;
    height: 120px;
    transition: all ease-in-out 300ms;
    font-size: 14px;
    padding: 14px 20px;
    display: flex;
    position: relative;
}
.vcs-cta-content {
  max-width: 760px;
}

.vcs-cta-content > span {
  color: #35c900;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 2px;
}

.vcs-cta-content h2 {
  margin: 8px 0 15px;
  color: #222;
  font-size: 43px;
  line-height: 1.1;
  font-weight: 800;
}

.vcs-cta-content p {
  color: #555;
  font-size: 15px;
  line-height: 1.6;
  margin: 0;
}

.vcs-cta-button {
  display: inline-flex;
  align-items: center;
  gap: 14px;
  white-space: nowrap;
  background: #35c900;
  color: #fff !important;
  text-decoration: none !important;
  padding: 15px 25px;
  border-radius: 30px;
  font-size: 14px;
  font-weight: 800;
  transition: .25s ease;
}

.vcs-cta-button span {
  font-size: 20px;
}

.vcs-cta-button:hover {
  background: #28a900;
  transform: translateY(-2px);
}
.vcs-section-content p:last-child {
    margin: 0;
}

/* =========================================
   vcs TABLET
========================================= */

@media (max-width: 900px) {
.vcs-content-section,
  .vcs-image-section,
  .vcs-results-section,
  .vcs-testimonial-section {
    padding: 60px 0;
  }
.icon-web {
  background: #caeac7;
    width: 45px;
    border-radius: 15px;
    padding: 10px;
    margin-bottom: 0;
    height: 45px;
}
  .vcs-single-hero {
    padding: 60px 0;
  }
 

  .vcs-single-hero-image img {
    height: 450px;
  }

  .vcs-two-column {
    grid-template-columns: 1fr;
    gap: 30px;
  }
.vcs-stat-card strong {
    
    font-size: 32px;

}.vcs-section-content.vcs-testimonial-wrapper:after {
   
    font-size: 50px;
}
  .vcs-section-label {
    display: flex;
    align-items: center;
    gap: 12px;
  }

  .vcs-section-label p {
    margin: 0;
  }


  .vcs-cta-inner {
    flex-direction: column;
    align-items: flex-start;
  }

}


/* =========================================
   vcs MOBILE
========================================= */

@media (max-width: 600px) {
  .vcs-stats-grid {
    grid-template-columns: 1fr;
  }

  .vcs-single-container {
    padding-left: 18px;
    padding-right: 18px;
  }

  .vcs-single-hero {
    padding: 45px 0 50px;
  }

  


  .vcs-single-hero-image {
    border-radius: 10px;
  }

  .vcs-single-hero-image img {
    height: 300px;
  }

  

  .vcs-section-content h2 {
    font-size: 30px;
  }

  .vcs-section-content p {
    font-size: 14px;
  }

  .vcs-check-list li p {
    font-size: 14px;
  }



  .vcs-large-image img {
    min-height: 250px;
  }

  

  .vcs-stat-card {
    padding: 30px 20px;
  }

  .vcs-stat-card strong {
    font-size: 40px;
  }

  .vcs-testimonial-wrapper {
    padding: 40px 22px;
  }

  .vcs-testimonial-wrapper h2 {
    font-size: 30px;
  }

  .vcs-testimonial-wrapper blockquote {
    font-size: 15px;
    line-height: 1.7;
  }

  .vcs-cta-content h2 {
    font-size: 32px;
  }

  .vcs-cta-button {
    width: 100%;
    justify-content: center;
  }

}




.fail-fix-table-wrap {margin-top:30px;}
.fail-fix-table {width:100%; border-collapse:collapse; background:#ffffff; border-radius:12px; overflow:hidden;margin-bottom: 0;}
.fail-fix-table th, .fail-fix-table td {font-size: 16px; padding:10px 24px; text-align:left; color:#fff; border-bottom:1px solid rgba(255,255,255,0.1); width:50%;}
.fail-fix-table thead th:first-child {background:#afbfbe; #272727}
.fail-fix-table thead th:last-child {background:#3db400;}
.fail-fix-table tbody td:first-child {color:#272727;}
.fail-fix-table tbody td:last-child {color:#272727;}
.fail-fix-closing {margin-top:30px; font-size:22px;}

@media (max-width: 767px) {
.fail-fix-table th, .fail-fix-table td {padding:12px; font-size:14px;}
}

@media (max-width: 767px) {
.fail-fix-table, .fail-fix-table tbody, .fail-fix-table tr, .fail-fix-table td {display:block; width:100%;}
.fail-fix-table thead {display:none;}
.fail-fix-table tbody tr { border-radius:0px; overflow:hidden; background:#1A1919;}
.fail-fix-table td {padding:12px 16px; font-size:16px; border-bottom:none;}
.fail-fix-table td::before {display:block; font-size:16px; text-transform:uppercase; letter-spacing:0.5px; opacity:0.7; margin-bottom:4px;}
.fail-fix-table td:first-child {background:#fff; color:#fff;}
.fail-fix-table td:first-child::before {content:"Common Mistakes";}
.fail-fix-table td:last-child {background:rgba(61, 180, 0, 0.24);  color: #fff !important;}
.fail-fix-table td:last-child::before {content:"The Viridi Fix";}
}









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


@media screen and (min-width: 1920px) {
.service-left-area {padding-bottom:50px;}
.starter-packages-sec .starter_box .theme-btn-filled a i, .starter-packages-sec .starter_box .theme-btn-filled button i {right: 250px !important;}
/* .websites-packages-wrap .packages-box .theme-btn-filled a i {right: 120px !important;} */
.seo-problems-and-solutions.google_ads_wrap.website-problems-solutions .result-box-inner.green-box {margin-top: 59px;}



}

@media screen and (min-width: 1440px) and (max-width:1919px) {
.site-container {max-width:1280px;}
.service-left-area {padding-bottom:50px;}
h2 {font-size:38px; line-height:43px;}
h1, .inner-pages-h1, .inner-pages-h1 h1 {font-size:40px; line-height:50px;}
.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:38px !important; line-height:45px !important;}
.htmegavc-counter-title {font-size:16px !important; line-height:1.3;}
.marquee-wrap {padding:35px 0 35px 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;}
.our-service-package-section::after, .our-service-package-section::before {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) {
.service-left-area {padding-bottom:50px;}
.site-container {max-width:1270px;}
h2 {font-size:40px; line-height:45px;}
h1, .inner-pages-h1, .inner-pages-h1 h1 {font-size:40px; line-height:50px;}
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:35px 0 35px 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;}
.our-service-package-section::after, .our-service-package-section::before {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: 1600px){
	.result-box-inner.red-box {margin-top: 55px;}
	.google_ads_wrap .result-box-inner.green-box {margin-top: 130px;}
	.seo-problems-and-solutions.google_ads_wrap.website-problems-solutions .result-box-inner.green-box {margin-top: 44px;}
	
	
	
}
@media(max-width: 1440px) {
.contact-page-faq::before {left:10px; width:60px; height:100px;}
.contact-page-faq::after {width:50px; height:50px;}
.single-star-icon::before {width:50px; height:50px;}
.key-benefits-outer.our-values-wrapper::after {left:10px; width:70px; height:100px;}
.seperator-img img {margin:20px 0px 40px;}
.social-media-comparison.google_ads_wrap .meta-ads-result-box.result-box-inner.green-box {margin-top: 175px;}
.social-media-comparison.google_ads_wrap .meta-ads-result-box.cust-height {height: 350px;}



}

@media(max-width: 1280px) {
.packages-sec-wrapper .price {font-size:50px; line-height:35px;}
.banner-page-title {left:20px;}
.step-sec-wrapper::after {width:100px; height:130px;}
.contact-page-faq::before {width:100px; height:110px; bottom:0; top:unset;}
.contact-page-faq::after {top:30px; right:55px;}
.proudly-based-wrapper::before {width:120px; height:250px;}
.team-build-wrapper::before {width:115px !important; height:100px !important;}
.whate-you-get-wrap .what-you-get-row {gap:20px;}
.whate-you-get-wrap .what-you-get-row {margin:0px -20px !important;}
.whate-you-get-wrap .what-you-get-row.first-row {margin-bottom:20px !important;}
.whate-you-get-wrap .what-you-get-items.vc_col-sm-3 {width:calc(25% - 20px);}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper::before {top:20px; left:30px; width:40px; height:40px;}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper::after {bottom:20px; right:30px; width:40px; height:40px;}
.apply-in-one-simple-step .apply-in-one-simple-step-right .mail-img-wrap img {width:150px; height:150px;}
.common-cta-sec h2 {font-size:55px; line-height:65px;}
.banner-img-wrap .star-img-3 {right:0;}
.behind-viridi-shape img {width:80px; left:10px; height:auto !important;}
.section-stars2::after, .section-stars2::before, .work-sec-wrapper::before, .work-sec-wrapper::after {width:50px; height:50px;}
.work-sec-wrapper::before {top:40px; left:40px;}
.work-sec-wrapper::after {bottom:40px; right:40px;}
.banner-img-wrap .star-img-1, .banner-img-wrap .star-img-2, .banner-img-wrap .star-img-3 {width:50px;}
.trades-services-box h3 {padding-left:0; margin-bottom:20px !important; margin-top:20px !important;}
.trade-services-icon {position:unset;}
.real-result-wrapper h3, .real-result-wrapper h4, .real-result-wrapper p {padding:0px 15px 0px 15px;}
.our-values-wrapper h3 {font-size:20px;}
.section-stars::before {top:20px; right:30px; width:35px; height:30px;}
.behind-viridi-shape img {width:50px;}
.section-stars::after {width:35px; height:30px;}
.section-stars2::after, .section-stars2::before, .work-sec-wrapper::before, .work-sec-wrapper::after {width:35px; height:35px;}
.section-stars2::before {top:20px; left:20px;}
.our-values-wrapper::before {width:35px; height:35px;}
.banner-img-wrap .star-img-1, .banner-img-wrap .star-img-2, .banner-img-wrap .star-img-3 {width:35px;}
.what-happens-next::before {width:100px; height:100px;}
.what-happens-next::after {width:170px; height:150px;}
.video-banner-wrapper {padding:120px 0 100px !important;}
.key-benefits-outer.our-values-wrapper::after, .why-australian-trades-sec::after {width:55px; height:100px;}
.why-this-page-exists-sec::before {top:25px; left:25px; width:40px; height:40px;}
.why-this-page-exists-sec::after {bottom:25px; right:25px; width:40px; height:40px;}
.page-branding::before, .page-branding::before {top:25px; right:25px; width:40px; height:40px;}
.starter-packages-sec::before {right:25px; width:40px; height:40px;}
.starter-packages-sec .starter-box-left h2 br {display: none;}
.estimated-sec p br {display: none;}
.result-box-inner.red-box {margin-top: 26px;}
.google_ads_wrap .result-box-inner.green-box { margin-top: 100px;}



}

@media(max-width: 1024px) {
.case-study-sec .case-study-inner {gap:40px 25px;}
.case-study-sec .services-info {gap:10px; justify-content:start;}
.case-study-sec .case-study-card {width:calc(50% - 20px);}
.banner-page-title {font-size:50px; line-height:38px; left:20px;}
.our-service-package-section::after, .our-service-package-section::before {background-size:80%; width:110px; height:110px;}
.simple-clear-wrapper .simple-clear-left {padding-right:40px;}
.packages-sec-wrapper .tab {font-size:18px; line-height:22px; padding:12px 12px; margin:8px 0;}
.packages-sec-wrapper .price {font-size:45px; line-height:30px;}
.packages-sec-wrapper .content h3 {font-size:25px; line-height:30px;}
.inner-banner-content p {margin-bottom:20px;}
.form-info-right {padding-left:40px !important;}
.form-info-right .strategy-form label {font-size:16px;}
.form-info-left .wpb_gmaps_widget .wpb_map_wraper iframe {height:220px;}
.packages-sec-wrapper ul li {font-size:16px;}
.inner-banner-content {padding-top:160px !important; padding-bottom:100px !important;}
.service-left-area {padding-bottom:0px;}
.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, .inner-pages-h1, .inner-pages-h1 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: center !important;}
.section-spacing {padding:60px 0 !important;}
.box-bg {background:#E0E0E0;}
.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, .inner-pages-h1, .inner-pages-h1 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:80px 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; padding:25px 20px 25px 20px;}
.common-box-info .icons {position:unset; transform:unset;}
.common-cta-box .wpb_wrapper p {font-size:16px; line-height:25px; text-align:center !important}
.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 20px 15px 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;}
.packages-tabbing-inner {flex-direction:column !important;}
.packages-sec-wrapper .tabs {display:flex; width:100%; flex-wrap:wrap;}
.simple-clear-wrapper .simple-clear-img .vc_single_image-wrapper {height:450px;}
.step-sec-wrapper .step-info-wrapper::before {width:75%; top:32%; display:block !important;}
.form-info-left .contact-info-row p {padding-left:25px;}
.form-info-right .strategy-form {padding:30px;}
.whate-you-get-wrap .what-you-get-items.vc_col-sm-3 {width:calc(33.33% - 20px);}
.whate-you-get-wrap .what-you-get-row {flex-wrap:wrap;}
.whate-you-get-wrap .what-you-get-row {margin:0px -0px !important; justify-content:center;}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper .simple-clear-img .vc_single_image-wrapper {height:400px;}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper.how-we-work .simple-clear-right {padding-left:0;}
.apply-in-one-simple-step .apply-in-one-simple-step-right .mail-img-wrap img {width:120px; height:140px;}
.apply-in-one-simple-step .apply-in-one-simple-step-right h4 {font-size:18px; line-height:28px;}
.apply-in-one-simple-step .apply-in-one-simple-step-right {padding:30px 30px;}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper .simple-clear-right {padding-right:40px;}
.our-story-wrapper .our-mission-box {padding:20px;}
.our-values-wrapper .our-value-row .vc_row {margin:0px 0px !important; gap:20px !important;}
.our-values-wrapper .value-box-wrap.vc_col-sm-3 {width:calc(50% - 20px);}
.our-values-wrapper .our-value-row .vc_row {flex-wrap:wrap;}
.our-values-wrapper .our-value-row .vc_row::after {display:none;}
.what-happens-next .step-info-itms .step_img {width:80px; height:80px;}
.what-happens-next .step-info-itms img {width:45px;}
.what-happens-next .step-info-itms h4 {font-size:18px; line-height:25px;}
.what-happens-next .step-info-itms {padding:130px 15px 65px;}
.vc_row.vc_row-flex.what-happens-next-row {gap:25px;}
.step-info-itms.vc_col-sm-4 {width:calc(33.33% - 25px);}
.what-happens-next .step-info-itms {padding:100px 15px 40px;}
.policy-banner-wrap {padding:140px 0px 75px !important;}
.policy-content-wrap h2 {font-size:25px; line-height:35px;}
.policy-content-wrap p, .policy-content-wrap ul li {font-size:16px; line-height:26px;}
.policy-content-wrap {margin-bottom:20px !important;}
.build-numbers-row:after {display:none !important;}
.build-numbers-row {margin:0px 0px !important;}
.website-problems-solutions .problems-solutions-box.vc_col-sm-6 {width:100%;}
.website-problems-solutions .website-problems-solutions-row {flex-wrap:wrap;}
.websites-packages-wrap .packages-box {width:calc(50% - 20px);}
.crm-package.services-package .packages-box:last-child {
    width: calc(50% - 20px);
       padding: 30px 20px 100px;
}.crm-package.services-package .packages-box:last-child .theme-btn-filled {
    right: 0;
    top: auto;
    display: flex;
    align-items: center;
    width: 90%;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, -50%) !important;
}
.website-problems-solutions .website-problems-solutions-row {margin:40px 0px 0 0!important;}
.video-banner-inner-row .video-banner-video.banner-video {width:100%; padding-bottom:30px; padding-right:0;}
.video-banner-inner-row .video-banner-content {width:100%;}
.video-banner-inner-row {flex-direction:column;}
.cust-height {height:auto;}
.website-problems-solutions .problems-solutions-box .green-box h5 {font-size:20px; line-height:26px;}
/* .websites-packages-wrap .packages-box .theme-btn-filled a i {right:30px !important;} */
.bottom_info_row .theme-btn-filled a i {top:55% !important;}
.faq-item .vc_toggle_title::after {width:30px; height:30px;}
.why-this-page-exists-sec::before {top:15px; left:30px; width:30px; height:30px;}
.why-this-page-exists-sec::after {bottom:20px; right:80px; width:40px; height:40px;}
.section-tabing ul li a {flex-wrap:wrap; text-align:center; justify-content:center; align-items:center;}
.page-branding.page-branding3.websites-packages-wrap .packages-box {width:calc(50% - 20px);}
.page-branding.page-branding3.websites-packages-wrap .packages-inner {flex-wrap:wrap;}
.google_ads_wrap.website-problems-solutions .website-problems-solutions-row {margin:40px 0px 0 !important;}
.google_ads_wrap .cust-height {height:auto;}
.google_ads_wrap .result-box-inner.green-box {margin-top:30px;}
.starter-packages-sec::before {top:20px; width:35px; height:35px;}
.starter-packages-sec .starter_box h4 {font-size:22px; margin:25px 0 !important;}
.google-ads-info.starter-packages-sec .starter_box .theme-btn-filled a {width:100%; padding:12px 60px 12px 25px !important;}
.google-ads-info.starter-packages-sec .starter_box .theme-btn-filled a i {right:45px !important;}
.video-banner-wrapper .video-banner-content .vc_do_custom_heading br {display: none;}
.social-media-counters.website-build-numbers .vc_col-sm-3 { width: calc(33.33% - 30px);}
.website-build-numbers .build-numbers-items h3 { font-size: 40px;line-height: 50px;}
.social-media-comparison.google_ads_wrap .cust-height { height: auto;}
.social-media-comparison.google_ads_wrap .result-box-inner.green-box { margin-top: 30px;}
.single-star-icon::before {width: 30px; height: 30px;top: 20px;right: 50px;}
h2 br{display: none;}
.social-media-comparison.google_ads_wrap .meta-ads-result-box.result-box-inner.green-box {margin-top: 30px;}
.social-media-comparison.google_ads_wrap .meta-ads-result-box.cust-height {height: auto;}
.what-happens-next::after { width: 100px;height: 100px;}
.what-happens-next::before { width: 60px;  height: 60px;}
.comparison-info {width: calc(100% - 0px) !important;}
.crm-calculater-row .crm-result_box h4 {font-size: 22px;}
.package-content {width: 60%;}


}

@media(max-width: 1000px) {
.drawer {display:block !important; position:fixed; top:0; left:0; width:100%; max-width:100%; 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;}
.drawer .drawer-navigation ul li a {color:var(--white); opacity:1;}
.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; z-index: 999999;}
.mobile-navigation button {font-size:30px;}
footer .footer-widgets {padding-top:0; margin-bottom:0;}
.step-sec-wrapper .step-info-wrapper::before {top:32%;}
.step-sec-wrapper .step-info-wrapper {padding:40px 15px 0px 15px;}
.button-toggle span {
    font-size: 0;
}

.button-toggle i {
    font-size: 35px;
}


}

@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 30px;}
.marquee-wrap {padding:35px 0 35px 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;}
.our-service-package-section::after, .our-service-package-section::before {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%;}
.case-bottom-info {height: 200px;}
.website-build-numbers .build-numbers-items h3 { font-size: 30px; line-height: 40px;}


}

@media(max-width: 884px) {
.hero-banner-wrapper{  padding: 140px 0 0 0 !important;}	
.cta-left.wpb_column.vc_column_container.vc_col-sm-10 {width:100%;}
.packages-sec-wrapper .tabs {width:100%; display:flex; flex-wrap:wrap;}
.cta-right.wpb_column.vc_column_container.vc_col-sm-2 {width:100%;}
h1, .inner-pages-h1, .inner-pages-h1 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;}
.inner-banner-content p {max-width:90%;}
.inner-banner-content {padding-top:120px !important; padding-bottom:100px !important;}
.case-study-sec .case-study-card {width:calc(50% - 15px);}
.case-study-sec .case-study-inner {gap:28px 25px;}
.case-study-sec .price-info h4 {font-size:12px; line-height:20px; top:10px; right:10px;}
.industry-badge h5 {font-size:12px; line-height:20px; bottom:10px; left:10px;}
.case-study-sec .case-study-info {padding:20px;}
.step-sec-wrapper .step-info-wrapper::before {top:30%;}
.apply-in-one-simple-step .apply-in-one-simple-step-right .mail-img-wrap {bottom:0; right:0; top:unset;}
.apply-in-one-simple-step .apply-in-one-simple-step-right .mail-img-wrap img {width:120px; height:110px;}
.team-build-wrapper::after {top:20px; right:30px; width:40px; height:40px;}
.website-build-numbers .vc_col-sm-3 {width:calc(50% - 30px);}
.build-numbers-row {flex-wrap:wrap;}
/* .websites-packages-wrap .packages-box .theme-btn-filled a i {right:305px !important;} */
.bottom_info_row .vc_col-sm-9, .bottom_info_row .vc_col-sm-3 {width:100%;}
.bottom_info_row .wpb_wrapper {text-align:left;}
.bottom_info_row .wpb_wrapper .theme-btn-filled a {margin-top:25px;}
.inner-banner-content .seperator-img img {margin:15px 0px 25px;}
.section-tabing ul {flex-wrap:wrap; gap:0px 20px; justify-content:unset;}
.section-tabing ul li a {padding:12px 0;}
.section-tabing ul li a {border-bottom:2px solid var(--dark);}
.section-tabing ul li a:hover {border-bottom:2px solid var(--green);}
.section-tabing {background:var(--dark); padding:10px 0;}
.starter-packages-sec .starter-box-left {padding-right:0; padding-bottom:40px; width:100%;}
.starter-packages-sec .starter-row {flex-direction:column;}
.starter-packages-sec .starter_box {width:100%;}
.starter-packages-sec .starter_box .theme-btn-filled a i, .starter-packages-sec .starter_box .theme-btn-filled button i {right:280px !important;}
/* .page-branding.page-branding3.websites-packages-wrap .packages-inner .theme-btn-filled a i {right:14px !important;} */
.quote-services-inner {flex-wrap:wrap; gap:25px;}
.quote-services-box {width:100% !important;}
h1, .inner-pages-h1, .inner-pages-h1 h1 {max-width:95%;}
.trust-icon-with-text .trust-info {padding:30px 0px !important;}
.website-problems-solutions h2 br {display:none !important;}
.starter-packages-sec .starter-box-left {padding-right:0; width:100%;}
.starter-packages-sec .starter_box {width:100%;}
.google-ads-info.starter-packages-sec .starter_box .theme-btn-filled a {width:max-content; padding:12px 80px 12px 45px !important;}
/* .websites-packages-wrap .packages-box .theme-btn-filled a i {right:30px !important;} */
.bottom_info_row .vc_col-sm-9, .bottom_info_row .vc_col-sm-3 {width:100% !important;}
.website-problems-solutions h2 br {display:none;}
.actually-works-sec h4 {font-size: 22px;}
.actually-works-sec .left-area {padding: 20px;}
.single-star-icon::before { width: 30px; height: 30px; top: 20px;right: 40px;}
.calculater-right, .calculater-left { width: 100%;}
.estimated-sec p br, .estimated-sec h2 br {display: none;}
.booked-Jobs-info .booked-jobs-box { width: 100%;}
.wpb_single_image .vc_figure { width: 100%;}
.vc_single_image-wrapper { width: 100%;}




}

@media(max-width: 768px) {
	        .results-sec-wrapper::before, .results-sec-wrapper::after {
            width: 80px;
            height: 80px;
        }
.simple-clear-wrapper .simple-clear-left {padding-right:0;}
.simple-clear-row {flex-direction:column; gap:30px;}
.simple-clear-row .vc_col-sm-6 {width:100%;}
.simple-clear-row .wpb_single_image .vc_figure {width:100%;}
.packages-tabbing-inner {flex-direction:column !important; gap:10px;}
.form-info-right.vc_col-sm-7 {padding-left:0px !important; width:100%;}
.form-info-left.vc_col-sm-5 {width:100%; margin-bottom:40px;}
.form-info-left .wpb_gmaps_widget .wpb_map_wraper iframe {height:350px;}
.step-sec-wrapper .step-info-wrapper::before {display:none !important;}
.step-sec-wrapper .step-items {padding:20px;}
.step-sec-wrapper .step-items.vc_col-sm-4 {width:100%; margin-bottom:20px;}
.form-info-left .contact-info-row p {padding-left:10px;}
.talk-directly-wrapper .simple-clear-left {padding-left:0; order:1;}
.talk-directly-wrapper .simple-clear-right {order:2;}
.whate-you-get-wrap .what-you-get-items.vc_col-sm-3 {width:calc(50% - 20px);}
.whate-you-get-wrap .what-you-get-row:after {display:none;}
.apply-in-one-simple-step .apply-in-one-simple-step-left {padding-right:0;}
.apply-in-one-simple-step .vc_col-sm-6 {width:100%; margin-bottom:30px;}
.apply-in-one-simple-step .vc_col-sm-6:last-of-type {margin-bottom:0;}
.apply-in-one-simple-step .apply-in-one-simple-step-right .mail-img-wrap {bottom:20px; right:20px; top:unset;}
.common-cta-sec h2 br {display:none;}
.about-page-banner .vc_col-sm-6 {width:100%; margin-bottom:30px;}
.about-page-banner .vc_col-sm-6:last-of-type {margin-bottom:0;}
.our-story-wrapper .vc_col-sm-6 {width:100%;}
.our-story-wrapper .our-mission-box {margin-left:0px !important; margin-top:30px !important;}
.our-values-wrapper .value-box-wrap {padding:20px;}
.what-makes-viridi-different .vc_row .value-box-wrap {width:calc(50% - 20px);}
.result-box {width:calc(50% - 30px) !important;}
.our-values-wrapper h2 br {display:none;}
.helping-tradies-row .vc_row.vc_row-flex .trades-services-box {width:calc(50% - 30px) !important; padding:20px !important;}
.trades-services-box .trade-services-btn button {padding:5px 10px; font-size:13px;}
.businesses-we-helped .vc_tta-tabs-container {display:block !important;}
.businesses-we-helped .vc_tta-panels-container {display:block !important;}
.businesses-we-helped .vc_tta-panel-heading {display:none !important;}
.businesses-we-helped .vc_tta-tabs-list {display:flex !important; justify-content:center; flex-wrap:wrap; gap:10px;}
.businesses-we-helped .vc_tta-tab {display:inline-block !important;}
.businesses-we-helped .vc_tta-panel-body {background:#ff000000 !important; border:none !important;}
.vc_row.vc_row-flex.what-happens-next-row {max-width:100%;}
.what-happens-next .step-info-itms .step_img {width:70px; height:70px;}
.what-happens-next .step-info-itms img {width:40px;}
.what-happens-next .step-info-itms h3 {font-size:30px; margin-bottom:40px !important;}
.what-happens-next .step-info-itms {padding:80px 15px 40px;}
.what-happens-next .step-info-itms h4 {font-size:16px; line-height:22px;}
.what-happens-next::before {width:60px; height:60px;}
.what-happens-next::after {width:100px; height:90px;}
.banner-video .custom-video-wrap {height:350px;}
.video-banner-wrapper .video-banner-content {padding-right:20px;}
.video-banner-wrapper.left-video-right-text .vc_col-sm-6 {width:100% !important;}
.video-banner-wrapper.left-video-right-text .video-banner-video {padding-right:0px; margin-bottom:0px;}
.video-banner-wrapper.left-video-right-text .video-banner-content .theme-btn-filled.outline-btn {margin-left:20px; margin-top:0;}
.video-banner-wrapper.left-video-right-text .video-banner-video .custom-video-wrap {height:450px;}
.website-problems-solutions h2 br {display:none;}
.seperator-img img {margin:20px 0px 30px;}
.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);}
.websites-case-study-info .case-study-sec .case-study-card {width:calc(100% - 0px);}
.banner-page-title {font-size:40px; line-height:35px;}
.why-this-page-exists-sec .simple-clear-left {padding-left:0;}
.why-this-page-exists-sec::after {bottom:10px; right:45px;}
h1, .inner-pages-h1, .inner-pages-h1 h1 { font-size: 35px; line-height: 40px;}
.starter-packages-sec .starter-box-left br {display: none;}
.actually-works-sec .vc_col-sm-3, .actually-works-sec .vc_col-sm-9 { width: 100%;}
.actually-works-sec .left-area .icon { margin-bottom: 25px !important;}
/* .websites-packages-wrap .packages-box .theme-btn-filled a i {right: 30px !important;} */
.websites-packages-wrap .packages-box ul li {font-size: 14px; margin-bottom: 10px;}
.social-media-packages.websites-packages-wrap .packages-box h4 {font-size: 18px;}
.social-media-packages.websites-packages-wrap .packages-box {width: calc(100% - 0px);}
.banner-area-with-image.section-spacing {padding: 140px 0 0 !important;}
.actually-works-sec .left-area { padding: 30px;}
.packages-banner { padding: 100px 0px 50px !important;}
.case-study-box {width: calc(50% - 15px);}
.website-build-numbers .build-numbers-items {padding: 25px 15px;}
.viridi-ai-sec .viridi-ai-right {padding-left: 0px !important; width: 100%; padding-top: 35px;}
.viridi-ai-sec .viridi-ai-left {width: 100%;}
.social-media-counters.website-build-numbers .vc_col-sm-3 {width: calc(50% - 30px);}
.immediate-problem-recognition .vc_col-sm-6 {width: 100%;}
.immediate-problem-recognition .the-engine-img {margin-left: 0;margin-top: 35px;}
.crm-calculater-left, .crm-calculater-right {width: 100%;}
.package-content {width: 100%;}

}

@media(max-width: 767px) {
	.case-study-box .cs-description {
    min-height: auto;
 
}.case-study-box h2 {
 
    min-height: auto;
} 
.inner-banner-content p {margin-bottom:15px;}
.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, .inner-pages-h1, .inner-pages-h1 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, .inner-pages-h1, .inner-pages-h1 h1 {font-size:36px; line-height:42px; max-width:100%;}
h2 {font-size:30px; line-height:35px;}
.hero-banner-wrapper p {color:var(--white); margin:55px 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;}
.packages-sec-wrapper .card {padding:20px;}
.form-info-left .contact-info-row p {padding-left:0;}
.contact_icon {width:40px; height:40px; margin-bottom:10px !important;}
.form-info-left p {margin:20px 0;}
.step-sec-wrapper .step-info-wrapper {padding:20px 10px 0px 10px;}
.the-engine-img {margin-left:0; margin-top:30px;}
.the-engine-img {margin-left:0; margin-top:30px;}
h2 br {display:none !important;}
.our-service-package-section::before {width:70px; height:100px;}
.our-service-package-section::after {bottom:unset; width:70px !important; height:159px !important;}
.video-banner-wrapper .video-banner-content {padding-right:0; margin-bottom:30px;}
.sub-head {margin-bottom:10px !important; font-size:14px; line-height:24px;}
.video-banner-wrapper .seperator-img img {margin:15px 0px 20px;}
.video-banner-wrapper .video-banner-content .vc_do_custom_heading {margin-bottom:15px;}
.video-banner-wrapper {padding:120px 0 80px !important;}
.policy-banner-wrap {padding:120px 0px 50px !important;}
.video-banner-inner-row .video-banner-video.banner-video {padding-bottom:0;}
.website-problems-solutions .problems-solutions-box .vc_custom_heading.vc_do_custom_heading:first-of-type {margin-top:0 !important;}
/* .websites-packages-wrap .packages-box .theme-btn-filled a i {right:30px !important;} */
.websites-packages-wrap .seperator-img img {margin-bottom:30px;}
.video-banner-wrapper.left-video-right-text .video-banner-video { margin-bottom: 25px;}
.google-ads-case-study.featured-case-studies-wrapper .case-study-sec .case-study-card {width: calc(100% - 0px);}
.case-study-box {width: calc(100% - 0px);}
.case-bottom-info { height: 200px;}

.websites-packages-wrap .packages-box {width:calc(100% - 00px);}
.crm-package.services-package .packages-box:last-child {
    width: calc(100% - 00px);

}.social-media-packages.websites-packages-wrap .packages-box:last-child {
    width: calc(100% - 0px) !important;

}
}
@media screen and (max-width: 479px) {
.site-container {padding:0 15px;}
header .custom-logo-link {width:80%;}
.mobile-navigation {right:20px;}
h1, .inner-pages-h1, .inner-pages-h1 h1 {font-size:28px; line-height:35px; max-width:100%;}
h2 {font-size:25px; line-height:30px;}
.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 30px 15px 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:16px !important;}
.common-box-info {gap:20px;}
.common-cta-box .wpb_wrapper {margin-right:0;}
.common-cta-sec h2 {font-size:30px; line-height:35px;}
.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;}
.results-sec-wrapper::before, .results-sec-wrapper::after {width:80px; height:80px;}
.our-service-package-section::after, .our-service-package-section::before {width:80px; height:80px;}
.footer-contact-info ul li {margin-bottom:15px;}
.footer-contact-info ul li:last-child {margin-bottom:0;}
.common-cta-btn-wrap a {width:70px; height:70px;}
.inner_pages_banner .theme-btn-filled.outline-btn {margin-left:0 !important;}
.banner-page-title {font-size:22px; line-height:18px; left:5px;}
.inner-banner-content p {max-width:100%;}
.inner-banner-content {padding-top:100px !important; padding-bottom:70px !important;}
.simple-clear-wrapper .simple-clear-img .vc_single_image-wrapper {height:auto;}
.packages-sec-wrapper .tab {font-size:16px; padding:5px 5px; margin:5px 0;}
.packages-sec-wrapper .tabs {flex-direction:column; position:unset;}
.packages-sec-wrapper .img-wrap {display:none;}
.hero-banner-wrapper {padding:60px 0 0 0 !important; position:relative;}
.trust-margin-top {margin-top:40px !important;}
.booked-jobs-wrapper .htmegavc-counter-area {padding:0px 5px;}
.case-study-sec .case-study-card {width:calc(100% - 0px);}
.inner-banner-content .seperator-img img {margin:15px 0px 25px;}
.banner-btn-wrap .vc_column-inner .wpb_wrapper {display:flex; flex-direction:column;}
.form-info-left .wpb_gmaps_widget .wpb_map_wraper iframe {height:200px;}
.contact-form-info .form-row .half {width:100%;}
.contact-form-info .form-row {gap:0; flex-direction:column;}
.contact-page-faq::after {top:10px; right:20px; width:30px; height:30px;}
.faq-sec-wrapper .faq-area {margin-top:30px !important;}
.faq-sec-wrapper h2 br {display:none;}
.proudly-based-wrapper::before {width:50px; height:130px;}
h2 br {display:none !important;}
.proudly-based-wrapper::after {top:unset; bottom:20px; left:20px; width:40px; height:40px;}
.step-sec-wrapper::after {width:60px; height:90px;}
.contact-page-faq::before {width:50px; height:80px; left: 0;}
.form-info-right .strategy-form {padding:20px;}
.career-info {flex-wrap:wrap; gap:10px 20px;}
.team-build-wrapper::after {top:20px !important; left:unset !important; right:20px !important;}
.team-build-wrapper::before {width:100px !important; height:80px !important; left:0;}
.whate-you-get-wrap .what-you-get-items.vc_col-sm-3 {width:calc(100% - 0px);}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper::before {top:20px; left:30px; width:25px; height:25px;}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper::after {bottom:20px; right:20px; width:30px; height:30px;}
.thrive-at-viridi-wrap.why-businesses-choose-viridi.talk-directly-wrapper .simple-clear-right {padding-right:0;}
.seperator-img img {margin:20px 0px 25px;}
.apply-in-one-simple-step .apply-in-one-simple-step-right .mail-img-wrap img {width:70px; height:70px;}
.apply-in-one-simple-step .apply-in-one-simple-step-right h4 {font-size:16px; line-height:26px;}
.about-page-banner .theme-btn-filled.outline-btn {margin-left:10px; margin-top:0;}
.our-values-wrapper .value-box-wrap.vc_col-sm-3 {width:calc(100% - 0px);}
.what-makes-viridi-different .vc_row .value-box-wrap {width:calc(100% - 0px);}
.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(100% - 0px);}
.result-box {width:calc(100% - 0px) !important;}
.helping-tradies-row .vc_row.vc_row-flex .trades-services-box {width:calc(100% - 0px) !important;}
.helping-tradies-row .vc_row.vc_row-flex {gap:20px;}
.banner-area-with-image.section-spacing {padding:100px 0 0 !important;}
.hero-banner-wrapper .theme-btn-filled.outline-btn {margin-left:0;}
.packages-sec-wrapper .tabs {position:unset;}
.packages-sec-wrapper .content {padding-right:0; width:100%;}
.theme-btn-filled.with-arrow-icon {width:100%; max-width:max-content;}
.theme-btn-filled.with-arrow-icon a, .theme-btn-filled.with-arrow-icon button {padding:12px 50px 12px 25px !important; font-size:14px !important;}
.theme-btn-filled.with-arrow-icon a:after, .theme-btn-filled.with-arrow-icon button:after {right:5px;}
.step-info-itms.vc_col-sm-4 {width:calc(100% - 0px);}
.vc_row.vc_row-flex.what-happens-next-row {gap:50px 0px;}
.what-happens-next .seperator-img img {margin:20px 0px 65px;}
.video-banner-wrapper.left-video-right-text .video-banner-content .theme-btn-filled.outline-btn {margin-left:0; margin-top:20px;}
.video-banner-wrapper.left-video-right-text .video-banner-video .custom-video-wrap {height:350px;}
.website-build-numbers .vc_col-sm-3 {width:calc(100% - 0px);}
.build-numbers-row {gap:20px;}
.video-banner-wrapper {padding:100px 0 80px !important;}
.website-problems-solutions .problems-solutions-box {padding:20px 15px;}
.website-problems-solutions .problems-solutions-box ul li::before {width:18px; height:18px;}
.result-box-inner.red-box {padding:20px 15px;}
.website-problems-solutions .problems-solutions-box ul li {margin-bottom:15px;}
.website-problems-solutions .problems-solutions-box h3 {font-size:20px; line-height:25px;}
.website-problems-solutions .problems-solutions-box .vc_custom_heading.vc_do_custom_heading:first-of-type {margin-top:0 !important; margin-bottom:15px !important;}
.result-box-inner.green-box {padding:20px 15px;}
.key-benefits-row .wpb_wrapper {margin-top:30px; flex-wrap:wrap; gap:15px;}
.key-benefits-outer.our-values-wrapper::after, .why-australian-trades-sec::after {width:30px; height:50px; left:0;}
.case-study-btns .wpb_wrapper {margin-top:30px; gap:15px; flex-wrap:wrap;}
.why-this-page-exists-sec::after {right:25px; width:30px;}
.why-this-page-exists-sec::before {left:25px;}
.section-tabing ul li a img {width:25px; height:auto; object-fit:contain;}
.page-branding.page-branding3.websites-packages-wrap .packages-box {width:calc(100% - 0px);}
/* .page-branding.page-branding3.websites-packages-wrap .packages-inner .theme-btn-filled a i {right: 15px !important;} */
/* .starter-packages-sec .starter_box .theme-btn-filled a i, .starter-packages-sec .starter_box .theme-btn-filled button i, .websites-packages-wrap .packages-box .theme-btn-filled a i {right: 110px !important; top: 55%;} */
.starter-packages-sec .starter_box h3 {font-size:35px;}
.calculater-left {padding: 20px 20px;}
.calculater-right {padding: 20px;}
.calculater-row h3 {font-size: 20px;line-height: 25px;margin-bottom: 10px !important;}
.calculater-row .result-boxes { margin-top: 25px;}
.calculater-row .result_box { width: 100%;}
.calculater-row .result-boxes { gap: 15px; flex-wrap: wrap; margin-bottom: 15px;}
.calculater-row .result_box .result-label { margin-bottom: 5px; font-size: 14px;line-height: 18px;}
.calculater-row .result_box h4 {font-size: 20px;line-height: 25px;}
.social-media-counters.website-build-numbers .vc_col-sm-3 {width: calc(100% - 0px);}
.social-media-comparison.google_ads_wrap .result-box-inner.green-box h3 { font-size: 16px; line-height: normal;margin: 0 !important;}
.starter-packages-sec .starter_box h4 {font-size: 18px;}
.mobile-navigation button {font-size: 22px;}
.form-info-right input, .form-info-right select {padding: 8px 25px 8px 16px;}
.what-happens-next::before { width: 50px;height: 50px; left: 10px;top: 10px;}
.what-happens-next::after {width: 60px; height: 60px;}
.actually-works-sec .right-area {padding: 30px 15px;}
.actually-works-sec .left-area { padding: 20px 15PX;}
.imagine-your-leads-sec .different-right-box .custom-video-wrap {height: 230px;}
.crm-calculater-left {padding: 25px 20px;}
.crm-calculater-right {padding: 25px 20px;}
.crm-calculater-row .crm-result-boxes {gap: 20px;margin-bottom: 20px;flex-wrap: wrap;}
.crm-calculater-row .crm-result-boxes .crm-result_box {width: 100% !important;}
.package-content .package-image {height: 200px;}


}

@media screen and (max-width: 375px) {
.about-page-banner .theme-btn-filled.outline-btn {margin-left:0px; margin-top:20px; display:block !important;}
.hero-banner-wrapper .theme-btn-filled.outline-btn {margin-left:0;}


}



 


@media (max-width: 767px) {
	.vc_row.wpb_row.vc_inner.vc_row-fluid.website-problems-solutions-row.desktop-view {
    display: none;
}
	.vc_row.wpb_row.vc_inner.vc_row-fluid.for-mobile-view.website-problems-solutions-row {
    display: block;
}

	
  
   .mobile-comparison-box.mistake {
    border-radius: 12px 12px 0 0;
    background: #462f2f;
}

   .mobile-comparison-box.fix {
    border-radius: 0 0 6px 12px;
    padding-bottom: 30px !important;
    background: #272727;
}
	
	.vc_row.wpb_row.vc_inner.vc_row-fluid.for-mobile-view.website-problems-solutions-row h3 {
    margin-bottom: 5px !important;
}

}