/*
Theme Name: Twenty Twenty-One Child
Theme URI: https://dev1.brainpulse.org/twentytwenty-child/
Description: Twenty Twenty-One Child Theme
Author: Your Name
Author URI: https://dev1.brainpulse.org/assets/cunnekt-app/
Template: Twenty Twenty-One
Version: 1.0.0
*/
@font-face {
  font-family: "Poppins";
  src: url('fonts/Poppins-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
} 
@font-face {
  font-family: "Poppins";
  src: url('fonts/Poppins-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url('fonts/Poppins-Bold.ttf') format('truetype'); 
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Poppins";
  src: url('fonts/Poppins-Black.ttf') format('truetype');
  font-weight: 900; 
  font-style: normal;
  font-display: swap;
}
:root{
    --vallygreen: #12BF7C; 
    --vallygreenhover:  #11a76d;
    --accent-color: #7672FF;
    --text-black: #000;
    --poppins:'Poppins', sans-serif;
    --text-gray: #777;
}
*{
    font-family: 'Poppins', sans-serif !important;
}
body{
     background: #fff!important;
}
p:empty, p:blank {
  display: none;
}
.container{
    /* max-width: 1300px !important; */
    /* max-width: 1497px !important; */
    max-width: 1200px !important;
}
.gray-bg{
    background: #FAFAFF;
}
.read-more{color: var(--vallygreen); font-weight: 500;}
.read-more:hover{transition: all 0.3s ease; color: var(--vallygreenhover);}
.light-green-bg{
    background: #E8FFF6;
}
.gap-between{display: flex; flex-direction: column; justify-content: space-between;}
.section-head{background: url(images/banner2.jpg) center top no-repeat; padding: 70px 0px;}
.section-head h1{  color: #fff;  font-size: 40px;  font-weight: 700; text-transform: uppercase;
    text-align: center;}
.information-text h2{    color: var(--text-black);  font-weight: 600; font-size: 30px; margin-bottom: 12px;}
.information-text h3{    color: var(--text-black);  font-weight: 600; font-size:22px; margin-bottom: 12px;}
.information-text ul{ padding: 0; margin:0 0 30px 22px;}
.information-text ul li{font-size: 16px; color: #000;  font-weight: 400; margin-bottom: 10px;}
.ft-meta{ width: 70px;}
.bottom_border{border-bottom: 1px solid #ededed;}
/* right side sticky btn  */
.sticky-btns{
    position: fixed; right: 0px;top: 50%; 
    z-index: 99;transform: translateY(-50%);
    display: flex; flex-direction: column;align-items: end;
}
/* .sticky-btn a{font-size: 14px; background:#fff; padding: 9px 10px; display: block; width: fit-content;
                margin: 8px 0px; border-radius: 10px;transition: ease all 0.4s; box-shadow: 0px 2px 4px 0px #e7e7e7;}
.sticky-btn a span {padding-right: 8px; line-height: 24px; display: none;}
.sticky-btn a:hover span{display: inline;}
.sticky-btn a.call{border: 1px solid #D0CEFD; color:#7672FF}
.sticky-btn a.wts{border: 1px solid #B8EBD8; color: #12BF7C}
.sticky-btn img{width: 26px;} */

.sticky-btns a{font-size: 14px; background:#fff; padding-left:10px; display: flex; align-items: center; height: 46px; 
                margin: 8px 0px; border-radius: 10px; box-shadow: 0px 2px 4px 0px #e7e7e7;}
.sticky-btns a span {visibility: hidden; opacity: 0; width: 0; transition: all ease-out 0.3s; white-space: nowrap;}
.sticky-btns a.call{border: 1px solid #D0CEFD; color:#7672FF}
.sticky-btns a.wts{border: 1px solid #B8EBD8; color: #12BF7C}
.sticky-btns img{width: 35px;  background: #fff;z-index: 2; padding-right: 10px;}
.sticky-btns a:hover span{visibility: visible; opacity: 1; width: auto; margin-right: 8px;}
section p{
    font-size: 16px;
    color:#000;
    /* line-height:26px; */
    font-weight: 400;
    margin-bottom: 10px;
}
a{text-decoration: none;}
.site-logo{ margin: 0;}
.site-logo,.nav_buttons { position: relative; z-index: 12;}
.green-solid-btn{
    font-size: 18px;
    padding: 14px 40px;
    font-weight: 500;
    border-radius: 8px;
    text-decoration: none !important;
    display: inline-block;
    line-height: 30px;
    background: var(--vallygreen) !important;
    color: #fff !important;
}
.green-solid-btn:hover{
    background: var(--vallygreenhover) !important;
    transition: all 0.3s ease;
}
.green-regular-btn{
    border: 1px solid var(--vallygreen) !important;
    font-size: 18px;
    font-weight: bold;
    color: var(--vallygreen) ;
    padding: 14px 40px;
    font-weight: 500;
    border-radius: 8px;
    text-decoration: none !important;
    display: inline-block;
    line-height: 30px;
}
.green-regular-btn:hover{
    background: var(--vallygreenhover) !important;
    transition: all 0.3s ease;
    color: #fff;
}

header.scrolled {    background: #fff;
    box-shadow: 0px 0px 3px #dbd9d9;}
/* navbar */
.nav-container{
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    padding:7px 0px; 
}
 .links-data{
    list-style: none;
    display: flex;
    align-items: center;
    gap: 28px;
    padding: 0;
    margin: 0;
}
 .links-data li a{
    font-size: 17px;
    font-weight: 500;
    color: var(--text-black);
    white-space: nowrap;
}
.links-data li a:hover{
    color: var(--vallygreenhover);
}
.navbarlinks .arrow {
        width: 8px;
    height: 8px;
    border-right: 2px solid #000;
    border-bottom: 2px solid #000;
    display: inline-block;
    transform: translate(0px, -3px);
    rotate: 45deg;
}

.navigation ul li { position: relative;}
.navigation > ul > li > a:hover {  color: var(--vallygreenhover);}
.navigation ul li ul li a:hover{ padding-left: 15px; color: var(--vallygreenhover); transition: all 0.3s ease; }    
.navigation ul li ul li{ width: 100%;}
.navigation ul li ul li a{ min-width: 14rem; line-height: 34px; font-weight: 500; font-size: 15px; max-width: 100%; display: flex; align-items: center; justify-content: space-between; color: #000; transition: all 200ms ease 0s;padding: 0 16px; text-decoration: none;}
.navigation ul li ul{ position: absolute;
    list-style: none;
  left: 0px; display: block;
   padding: 15px 0px;
  background: #ebf5eb;;
  border-radius: 5px;
  opacity: 0;
  pointer-events: none;    transition: all 200ms ease 0s;
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  -ms-transform: translateY(-20px);
  transform: translateY(-20px);
  -webkit-transform-origin: 0 0;
  -moz-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;}
.navigation ul li:hover ul {
opacity: 1;
  pointer-events: auto;
  z-index: 2;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
 
.navigation > div ul> li a:hover {   color: #000;  }

.navigation > ul ul ul{display: none;}
.navigation ul ul li:hover ul{display: block;transform: translate(224px, -44px);}
.nav_buttons a{
    padding: 6px 20px;
    font-weight: 500;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    line-height: 35px; font-size: 16px!important;
}

.nav_buttons .login_btn{
    border: 1px solid var(--vallygreen);
    font-size: 17px;
    font-weight: 500;
    color: var(--text-black);
    margin-left: 10px;
}
.nav_buttons .login_btn:hover,.nav_buttons a:focus{
    background: var(--vallygreenhover)!important;
    color: #fff;
    transition: all 0.3s ease;
}
.mobile_nav .mobileToggle{display: none;}
/* banner */
.hero-banner{
    background-image: url('images/banner.jpg');
    background-size: 100% 100%;
    margin: 0px 80px;
    border-radius: 36px;
    padding-top: 89px;
}
.banner-box{
    max-width: 986px;
    margin: 0 auto;
}
.banner-box h1{
    font-size: 50px;
    font-weight: 700;
    line-height: 74px;
    font-family: 'Poppins', sans-serif;
    color: var(--text-black);
    text-align: center;
}
.banner-box h1 span{
    color: var(--vallygreen);
}

.banner-box .sub-heading{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #555;
    text-align: center;
    max-width: 700px;
    margin: 24px auto 0 auto;

}

/* banner button */
.hero-banner .banner-box .banner-btns{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
    margin: 45px 0px;
}

.dashboard-img{
    margin-top: 92px;
}
.section-padding{
    padding: 80px 0px;
}
.section-heading{
    color: var(--text-black);
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    text-align: center;
    margin: 0 auto 35px auto;
    max-width: 650px;
}
.text-vgreen{
    color: var(--vallygreen);
}
.section-heading span{
    color: var(--vallygreen);
}
.section-heading.side-heading{
    font-size: 34px; line-height: 48px;
    margin-bottom: 24px;
    text-align: left;
}
.broadcast-section p{
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 32px;
    color:#555
}
.broadcast-section ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 28px;
    margin-top: 30px;
    margin-bottom: 35px;
}
.broadcast-section ul li{
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height: 32px;
    color: var(--text-black);
    padding-left: 46px;
    background: url(images/broadcast-checkmark.png) 0px 0px no-repeat;
    background-size: 32px;
}
.broadcast-section.automate-section ul li{
    background: url(images/automate-checkmark.png) 0px 0px no-repeat;
    background-size: 32px;
}
.know-more a{
    text-decoration:  none;
    color: var(--vallygreen);
    font-size: 20px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}
.know-more a:hover{
    color: var(--vallygreenhover);   
}

/* Automate section */
.automate-section{
    background-color: #F5F5F5;
}
/* trusted by section  */
.trusted-by{
    padding: 78px 0px 102px;
}
.trusted-by.hm{
       background: #f2f2f2;
}
.trusted-by .widget  h2{
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    text-align: center;
    font-family: var(--poppins);
    color: #000;
    margin-bottom: 35px;
}
#media_gallery-2 .gallery-item .gallery-icon img{width: 120px !important;}

.features-card-container{
    margin-top: 46px;
}
.features-card{
    border: 1px solid #FFE4EB;
    border-radius: 12px;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    background: #FFFBFC;
}
.features-card .card-heading{
    margin-top: 24px;
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
    font-family: 'Poppins', sans-serif;
    color: var(--text-black);
    text-align: center;
}
.features-card .card-subheading{
    margin-top: 8px;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #444444;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}
.features-card.catalogue{
    border: 1px solid #D4F5F5;
    background: #FAFFFF;
    
}
.features-card.drop-chatbot{
    border: 1px solid #FFF1BC;
    background: #FFFBED;
    
}
.whatsapp-features .features-void{
    height: 280px;
}
/* ai chatbots */
.ai-chatbots .ai-chatbots-cont{
    border: 1px solid #E0DFFF;
    border-radius:18px ;
    background: white;
    margin-top: -280px;
    padding: 50px 60px 0px;
}
.ai-chatbots .text-content{
    font-size: 18px;
    font-weight: 400;
    line-height: 28px;
    color: #555;
}
.ai-chatbots .automate-list{
    list-style: none;
    padding-left: 0;
    margin-top: 32px;
}
.ai-chatbots .automate-list li .list-content{
    padding: 15px;
    background: #F9F9FF;
    border: 1px solid #F0EFFF;
    border-radius: 8px;
    line-height: 28px;
    font-size: 14px;
    font-weight:500;
    color: #000;
    font-family: var(--poppins);
}
.aichatbots-btns{
    padding: 40px 0px 70px 0px;
    display: flex;
    gap: 25px;
    flex-wrap: wrap;
    align-items: center;
}

/* seamlessly section  */
.seamlessly-section .sub-text, .tailored-section .sub-text{
    max-width: 865px;
    color: #787878;
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    margin: 0 auto;
    text-align: center;
}
.seamlessly-section .logos{margin-top: 80px;}
.Knowmore_btn{
    background: var(--vallygreen);
    color: #fff;
    padding: 7px 15px;
    display: inline-block;
    border-radius: 5px;
    font-weight: 500;
    margin-top: 20px; border: 1px solid  var(--vallygreen);
}
.Knowmore_btn:hover{ background: #fff; color: var(--vallygreen);}

/* Tailored section  */
.tailored-section{
    background: #FAFAFF;
}
.tailored-section .sub-text{
    max-width: 680px;
}
.tailored-cards{margin: 70px 0;}
.tailored-cards .tailored-card{
    padding: 10px 10px 0px;
    background: #fff;
    border-radius: 16px;
    height: 100%;
}
.tailored-card img{border-radius: 16px;}
.tailored-card .card-head{
    margin-top: 23px;
    font-family: 'Poppins', sans-serif;
    font-size: 24px;
    line-height: 30px;
    color: #000;
    font-weight: 500;
}
.tailored-card .card-content{
    margin-top: 23px;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    line-height: 26px;
    font-weight: 400;
    color: #414141;
}
/* Ready to scale section  */

.scale-img-cont{
    margin-top: 80px;
}
.scale-img-cont, .scale-check-cont{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}
.scale-img-cont li, .scale-check-cont li{
    border: 1px solid #F2F2F2;
    font-weight: 400;
    font-size: 18px;
    line-height: 40px;
    font-family: 'Poppins', sans-serif;
    color: #343434;
    padding: 16px 18px;
    border-radius: 12px;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);

}
.scale-img-cont .meta-partner{
    background: url(images/meta-partner.png) 16px 18px no-repeat;
    background-size: 65px;
    padding-left: 97px;
}
.scale-img-cont .blue-tick{
    background: url(images/free-blue-tick.png) 12px 16px no-repeat;
    background-size: 40px;
    padding-left: 63px;
}
.scale-img-cont .onboard-support{
    background: url(images/onboarding-support.png) 12px 14px no-repeat;
    background-size: 44px;
    padding-left: 70px;
}
.scale-check-cont li{
    background: url(images/green-check.png) 12px 16px no-repeat;
    background-size: 40px;
    padding-left: 70px;
}
/* scale and faq btns */
.scale-btns,.faq-btns{margin-top: 80px;}
.scale-btns .book-demo-btn, .faq-section .book-demo-btn{
    border: 2px solid var(--vallygreen);
    border-radius: 8px;
    color: var(--text-black);
    font-family: 'Poppins', sans-serif;
    font-size: 20px;
    line-height: 30px;
    padding: 14px 40px;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}
.scale-btns .book-demo-btn:hover, .faq-section .book-demo-btn:hover{
    background: var(--vallygreenhover);
    color: #fff;
}
.ready-to-scale .chatbot-plans{
    font-family: 'Poppins', sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
    color: #343434;
    margin-top: 18px;
    text-align: center;
}
/* Ready to scale section end */

/* faq section  */
.faq-section{
    background: #FAFAFF;
}
.faq-accordion{
    margin-top: 68px;
    padding: 0 20px;
}

.faq-section .accordion{
    margin-top: 68px;
}
.faq-section .at-item{
    background: #fff;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.05);
    margin-bottom: 10px;
    border-radius: 6px;
    border: 1px solid #F2F2F2;
}

.faq-section .at-title {
    cursor: pointer;
    position: relative;
    transition: all 0.3s ease;
    padding: 28px;
}
.faq-section .at-tab {
    display: none;
    padding: 0 28px 28px 28px;
    color: #555;
    font-size: 17px;
  }
.faq-section .at-title:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 28px;
    width: 24.37px; /* Set your desired size */
    height: 24.37px;
    background-image: url('images/faq-pluse.png');
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}
.faq-section  .at-title.active:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 28px;
    width: 24.37px; /* Set your desired size */
     width: 24.37px;
    background-image: url('images/faq-minus.png');
    background-size: contain;
    background-repeat: no-repeat;
    transition: all 0.3s ease;
}
.faq-section  .at-title h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin: 0px !important;
    color: var(--text-black);
    padding-right: 30px;
}
/* faq section end */

.accordion-image  .accordion-with-img-content {
      display: none;
    }

.faq-section.accordion-image .at-title:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 28px;
    width: 32px; /* Set your desired size */
    height: 32px;
    background:  url('images/sq-arrow.png') no-repeat center/contain; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.2); 
    transition: all 0.3s ease; border-radius: 8px;

}
.faq-section.accordion-image  .at-title.active:after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 28px;
    width: 32px; /* Set your desired size */
     width: 32px;
    background:  url('images/sq-arrow-light.png') no-repeat center/contain; 
    box-shadow: 0 4px 12px rgba(0,0,0,0.1); 
    transition: all 0.3s ease; border-radius: 8px;
}
.faq-section.accordion-image .accordion-with-img-btn{border-radius: 15px;}

/* footer */
.footer-banner{
    background-image: url('images/footer.jpg');
    background-size: 100% 100%;
}
.footer-content{
    padding: 92px 0;
}
.footer-content .logo-col p{
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #222222;
    margin-top: 30px;
}
.footer-bt{
    border-top: 1px solid #EAEAEA;
}
.footer-copyright{
    padding: 23px 0;
    display: flex;
    flex-wrap: wrap-reverse;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
}
.footer-copyright ul{
    list-style: none;
    display: flex; flex-wrap: wrap;
    align-items: center;
    gap: 23px;
}
.footer-copyright ul a, .footer-copyright .textwidget{
    text-decoration: none;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #333333;
    transition: all 0.3s ease;
    font-family: var(--poppins);
}
.footer-copyright ul a:hover{
    color: var(--vallygreenhover);
}

.footer-content .footer-heading{
    font-size: 20px;
    font-weight: 500;
    line-height: 36px;
    color: #000;
    margin-block: 22px;
        
}
.footer-content .footer-list {  
    list-style: none;
    padding-left: 0;
}
.footer-content .footer-list li {  
    background: url(images/footer-arrow.png) 0px 10px no-repeat;
    background-size: 8px;
    padding-left: 21px;
}
.footer-content .footer-list li a{
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    color: #222222;
    text-decoration: none;
    font-family: var(--poppins);
}
.footer-content .footer-list li a:hover{
    color: var(--vallygreenhover);
    transition: all 0.3s ease;
}
.footer-content .contact-details{
    list-style-type: none;
    padding-left: 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.footer-content .contact-details li a{
    font-size: 14px;
    font-weight: 500;
    line-height: 32px;
    text-decoration: none;
    color: #222222;
    font-family: var(--poppins);
}
.footer-content .contact-details li a:hover{
    color: var(--vallygreen);
}
.footer-content .get-the-app{
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.footer-content .get-the-app img{
    width: 160px;
}
/* footer end  */
.mobile-menu,.d-custom-md-none{
    display: none;
}

/* common page css */
.single-banner{
    padding: 80px 0px;
    background: url('images/common-banner.png');
    background-size: cover;
    background-position: center;
}
.single-banner h1{
    font-family: var(--poppins);
    font-weight: 700;
    font-size: 52px;
    line-height: 64px;
    color: var(--text-black);
    margin-bottom: 20px;
}
.single-banner h1 span{
    color: var(--vallygreen);
}
.single-banner h1 .curve-line{
    background: url("images/curve-line.png") 106px 65px no-repeat;
    background-size: 100px;
}
.single-banner h2{ font-size: 24px;
    font-weight: 600;
    margin-bottom: 14px; color: #222;}
.single-banner .sub-text{
    font-size: 18px;
    font-weight: 500;
    color: #555;
    line-height: 35px;
    font-family: var(--poppins);
    margin-bottom: 0;
}
.single-banner ul{
    list-style: none; padding-left: 0; margin-bottom: 0;display: flex;
    flex-wrap: wrap;row-gap: 8px; column-gap: 20px; margin-top: 20px;
}
.single-banner ul li{
    background: url('images/green-sq-check.png') 0px 6px no-repeat;
    background-size: 20px;
    padding-left: 36px;
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    color: var(--text-black);
}
.single-dashboard-sec .dashboard-list ul{
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-bottom: 0;
    padding-left: 0px;
}
.single-dashboard-sec .dashboard-list .media{
    border: 1px solid #E6E6E6;
    border-radius: 8px;
    padding: 14px 20px;
    font-size: 18px;
    line-height: 20px;
    font-weight: 500;
    font-family: var(--poppins);
    color: #000;
    display: flex;
    align-items: center; gap: 10px;
}
.single-dashboard-sec .dashboard-list .media img{
    width: 34px;
    height: 34px;
}
.single-dashboard-sec .dashed-box-line{
    max-width: 75%;
    border: 1px dashed #ccc;
    height: 33px;
    border-top: none;
    margin: 0 auto;
    position: relative;
    margin-bottom: 50px;
}
.single-dashboard-sec .dashed-box-line .dashedline{
    position: absolute; 
    height: 32px;  
    border-left: 1px dashed #ccc;
}
.single-dashboard-sec .dashed-box-line .dashed-1{
    top: 0px;
    left: 30%;
}
.single-dashboard-sec .dashed-box-line .dashed-2{
    top: 0px;
    left: 65%;
}
.single-dashboard-sec .dashed-box-line .dashed-3{
    bottom: -33px;
    left: 50%;
    transform: translateX(-50%);
}
.single-dashboard-sec .dashed-box-line .dashed-4{
    bottom: -126px;
    left: 50%;
    transform: translateX(-50%);
}
.single-dashboard-sec h3{
    font-size: 20px;
    font-weight: 500;
    color: var(--vallygreen);
    text-align: center;
    display: flex; align-items: center; gap: 10px;
    justify-content: center;
    margin-bottom: 50px;
}
.dashed-box-line .arrow{
    position: absolute;
    background: url(images/gray-arrow.png) 0px 0px no-repeat;
    background-size: 12px;width: 15px;height: 15px;
}
.dashed-box-line .arrow-left{
    top: 24px; left: 16%;
    transform: rotate(270deg);
}
.dashed-box-line .arrow-right{
    top: 27px; right: 16%;
    transform: rotate(90deg);
}
.dashed-box-line .arrow-bottom{
    top: 60px;
    left: 50.25%;
    transform: translateX(-50%);
}
.dashed-box-line .arrow-top{
    top: 120px;
    left: 50.25%;
    transform: translateX(-50%);
}

.single-banner .btns{
    margin-top: 100px;
    display: flex;
    flex-wrap: wrap;
    gap: 20px; align-items: center;
}

.single-subtext{
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #777;
    margin-bottom: 20px;
}
.automate-responses ul{
    padding-left: 0;
    list-style-type: none;
}
.automate-responses  li{
    background: url('images/green-sq-check.png') 0px 6px no-repeat;
    background-size: 20px;
    padding-left: 36px;
    font-weight: 400;
    font-size: 18px;
    line-height: 36px;
    color: var(--text-black);
}
.automate-responses h2{
 font-size: 32px;
 line-height: 48px;
}
.case-study-sec .case-study-card{
    border: 1px solid #E9E7E7;
    border-radius: 15px;
    padding: 20px; height: 100%;

}
.case-study-sec .card-image{
    border-radius: 15px;
    background: #EEF9FF;
    padding: 34px;
    text-align: center;
}
.case-study-sec .card-image.pink{
    background:#FFEAE0;
}
.case-study-sec .card-image.blue{
    background: #E9EFFF;
}
.case-study-sec .case-study-card p{color: #555; font-size: 15px; margin: 10px 0px; }
.case-study-sec .case-study-card h3{
    font-size: 24px;
    line-height: 40px;
    color: #000;
    font-weight: 500;
    margin-top: 25px;
}
.case-study-sec .case-study-card ol{
    padding-left: 20px;
    padding-bottom: 5px;
}
.case-study-sec .case-study-card li{
    font-size: 16px;
    color:#555;
    font-weight: 400;
    line-height: 30px;
}
.businesses-sec .box{
    border-radius: 20px;
    padding: 40px;
}
.businesses-sec .box .left-img{
    width: 80%;
}
.businesses-sec h2{
    font-weight: 700;
    font-size: 38px;
    line-height: 58px;
    margin: 0px 0px 14px 0px;
    position: relative;
}
.businesses-sec h2::before{
    position: absolute;
    content: "";
    top: -34px;
    left: 50%;
    width: 50px;
    height: 45px;
    background: url('images/king.png') no-repeat;
    background-size: 40px;
}
.businesses-sec ul{
    list-style: none;
    padding-left: 0;
    margin-bottom: 25px;
    
}
.businesses-sec li{
    background: url('images/green-sq-check.png') 0px 6px no-repeat;
    background-size: 20px;
    padding-left: 36px;
    font-weight: 400;
    font-size: 16px;
    line-height: 36px;
    color: var(--text-black);
}
.spiral{
    position: relative;
}
.spiral::before{
    position: absolute;
    content: '';
    top: 14%;
    left: 0;
    width: 170px;
    height: 72px;
    background: url('images/spiral-arrow.png') no-repeat;
}
.spiral::after{
    position: absolute;
    content: '';
    bottom: 20%;
    right: 0;
    width: 77px;
    height: 70px;
    background: url('images/spiral.png') no-repeat;
    background-size: 78px;
}
.site .mean-nav a:focus:not(.wp-block-button__link):not(.wp-block-file__button) {
    outline: none!important;
    text-decoration: none!important;
    text-decoration-skip-ink: none!important;
    background: transparent!important;
}
/* 3steps */
.campn-steps .steps{display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px;}
.campn-steps .step{
    background: #fff; display:flex; align-items: center; padding: 15px 20px; border: 1px solid #F2F2F2;
    border-radius: 14px; gap: 18px; box-shadow: rgba(149, 157, 165, 0.1) 0px 3px 26px; position: relative;
}
.campn-steps .step .count{text-transform: capitalize; color: #12BF7C; font-size: 14px; line-height: 20px; font-weight: 500; margin-bottom: 8px;}
.campn-steps .step p, .campn-steps .step h3{font-size: 20px; line-height: 20px; margin-bottom: 0px; color: #000; font-weight: 400;}
.campn-steps .step h3{line-height: 26px;}
.campn-steps .step .subtext{font-size: 14px; line-height: 21px; color: #555; margin-top: 8px;}
.campn-steps .step .img-box{
    width: 54px; height: 53px; background: #7672FF;  border-radius: 10px;
    display: grid; place-items: center; box-shadow: 0 8px 20px rgba(107, 99, 255, 0.3);
}
/* 3steps */
.campn-steps .steps .arrow::after{
    content: ""; background: url(images/comp-arrow.png) 0px 0px no-repeat;
    width: 22%; position: absolute; right: -70px; height: 10px;
    top: 50%; transform: translateY(-50%);
    
}

.section-accordion.faq-section .accordion {margin-top: 0px;}
.section-accordion.faq-section .at-title{padding: 20px;}
.section-accordion.faq-section .at-tab{font-size: 16px; padding: 0 20px 20px 20px;}
.section-accordion.faq-section .at-item{margin-bottom: 20px;}
.section-accordion.faq-section .at-title.active:after, .section-accordion.faq-section .at-title:after{right: 15px;}

.cap{position: relative;}
.cap::before {position: absolute;content: "";top: -34px;left: 50%; transform: translateX(-50%); width: 50px; height: 45px;  background: url(images/king.png) no-repeat; background-size: 40px;}

.benefits-card{ border: 1px solid #E5E5E5; padding: 45px 20px 20px 25px;  border-radius: 4px; background: #FDFDFD;  position: relative; height: 100%;}
.benefits-card h3{ font-size: 20px; font-weight: 600; margin: 0 0 11px 0;}
.benefits-card p{font-size: 14px; color: #777;}
.benefits-card  .img-circle{ position: absolute; top: -34px; border: 1px solid #E5E5E5;background: #fff;  padding: 8px; border-radius: 8px;}
.benefits-card  .img-circle img{ height: 40px;}
.benefits-not-miss .section-heading{ margin: 0 auto 79px auto;}

.leftimg-and-content{margin-top: 24px;  background: url(images/green-sq-check.png) 0px 7px no-repeat;
    background-size: 20px;
    padding-left: 34px;}
.leftimg-and-content h3{ font-size: 18px; line-height: 32px; color: var(--text-black); font-weight: 500;}
.leftimg-and-content p{font-size: 14px; line-height: 22px; color: #555;}

/* .leads-dashboard .leads-percent-card{ display: flex ;flex-direction: column;align-items: center;text-align: center;}
.leads-dashboard .leads-percent-card img{ width: 160px; height: 160px;}
.leads-dashboard .leads-percent-card h3{font-size: 20px; color: var(--text-black); font-weight: 500; margin: 10px 0px 5px 0px;} */

.bottom-link{max-width: 950px; margin: 10px auto auto auto; text-align: center;}
.bottom-link a{ color: var(--vallygreen); font-weight: 500;}
.bottom-link a:hover{color: var(--vallygreenhover);}

.boost-sales{position: relative;}
.boost-sales::before{ position: absolute; content: "";  background: #D8D8D8;   height: 1px;  width: 85%; left: 50%; top: 0;  transform: translateX(-50%);}
.boost-sales .section-heading{ max-width: 1000px;}
.boost-sales h3{font-size: 24px; font-weight: 500; color: var(--text-black); }
.boost-sales ul{ list-style: none; padding-left: 0;  display: flex;flex-direction: column; gap: 30px;  margin-top: 20px; position: relative;}
.boost-sales ul::before{ position: absolute;  content: "";  border-left: 1px dashed #8B8B8B; height: 88%; top: 10px; left: 15px;}
.boost-sales ul li{font-size: 18px;  color: #333333;  line-height: 30px;    position: relative;    padding-left: 54px;}
.boost-sales ul li .num-circle{  position: absolute;  top: 0px;left: -5px;  width: 40px; height: 40px; display: grid; place-items: center;    border: 1px solid #DFDFDF;  background: #fff;border-radius: 50%;  font-size: 18px;font-weight: 500; color: #000;}

.cataloging-businesses .catalog-card{border: 1px solid;padding: 30px 20px;text-align: center;}
.cataloging-businesses .light-pink{border-color: #F0EADF; border-bottom-left-radius: 20px; border-top-left-radius: 20px; background: #FFFCF8;}
.cataloging-businesses .light-blue{border-color: #E0EAF0; background: #F6FBFE;}
.cataloging-businesses .light-purple{border-color: #E7E2F2; background: #FAF8FF;}
.cataloging-businesses .light-green{border-color: #E1F2E6; border-bottom-right-radius: 20px; border-top-right-radius: 20px; background: #F6FFF9;}
.cataloging-businesses .catalog-card img{width: auto; height: 65px;}
.cataloging-businesses .catalog-card h3{font-size: 20px; font-weight: 500;color: var(--text-black);margin-top: 16px;line-height: 36px;}
.cataloging-businesses .catalog-card h4{  font-size: 18px; margin-bottom: 8px; font-weight: 500; color: #222;}
.cataloging-businesses .catalog-card p{font-size: 15px; color: #555;line-height: 24px;}
.cataloging-businesses .catalog-card .num{font-size: 40px;font-weight: 700;margin-bottom: 20px; color: var(--vallygreen);}

.cataloging-spectrum h3{text-align: center;font-size: 22px;font-weight: 500;color: #000; margin-bottom: 35px;}
.cataloging-spectrum .boxes{display: flex;flex-direction: column;gap: 150px; position: relative;}
.cataloging-spectrum .boxes::before{content: ""; position: absolute; border-left: 1px dashed #B5B5B5;height: 40%;top: 28%;left: 50%; transform: translateX(-50%);}
.cataloging-spectrum .content-box{z-index: 1;position: relative; display: flex; gap: 10px; padding: 14px;border: 1px solid #F5F5F5; border-radius: 12px; box-shadow: rgb(176 176 176 / 20%) 0px 8px 20px;  background: #fff;}
.cataloging-spectrum .content-box.h-line::before{content:""; border-bottom: 1px dashed #B5B5B5; bottom: -67%; position: absolute; width: 57%;left: -7%;}
.cataloging-spectrum .content-box.h-line::after{content: "";height: 13px; width: 13px; background: var(--vallygreen); border-radius: 50%; position: absolute; bottom: -71.5%;left: -8%;}
.cataloging-spectrum .content-box .dot { width: 10px;height: 10px;border-radius: 50%;background: var(--vallygreen); position: absolute;left:50%;transform: translateX(-50%);}
.cataloging-spectrum .content-box .green-t-dot{ bottom: -6px;}
.cataloging-spectrum .content-box .green-b-dot{  top: -6px;}
.cataloging-spectrum .content-box img{width: 100px;object-fit: contain;}
.cataloging-spectrum .content-box strong{color: #000; font-weight: 500;}

.analytics-cunnekt .content-box{  position: relative;  border: 1px solid #EDEDED; padding: 15px 15px 15px 80px; margin-top: 20px;  border-radius: 14px;}
.analytics-cunnekt .content-box img{  position: absolute;    left: 15px; top: 25px; width: 50px; object-fit: contain;}
.analytics-cunnekt .content-box h3{font-size: 20px; line-height: 32px; color: var(--text-black); font-weight: 500;}

.features-cont-boxes .feature-box{height: 100%; padding: 28px 20px 0px 20px; ; border: 1px solid; border-radius: 20px;}
.features-cont-boxes .feature-box h3{font-size: 21px;font-weight: 500; margin-bottom: 10px;}
.features-cont-boxes .feature-box p{font-size: 16px; line-height: 24px; color: #333; margin-bottom: 24px;}
.features-cont-boxes .feature-box img{display: block; margin: 0 auto;}
.features-cont-boxes .light-yellow{border-color: #EBE1CE; background: #FFF9EF;}
.features-cont-boxes .light-yellow h3{color: #CA8A16;}
.features-cont-boxes .light-cyan{border-color: #D1E6F3; background: #EDF8FF;}
.features-cont-boxes .light-cyan h3{color: #1390D9;}
.features-cont-boxes .light-blue{border-color: #D2DFFD; background: #F0F5FF;}
.features-cont-boxes .light-blue h3{color: #174CCC;}
.features-cont-boxes .light-pink{border-color: #F2D5CB; background: #FFF4F0;}
.features-cont-boxes .light-pink h3{color: #DA4614;}
.features-cont-boxes .light-green{border-color: #CAF3D4; background: #F4FFF7;}
.features-cont-boxes .light-green h3{color: #12BF7C;}
.features-cont-boxes .light-purple{border-color: #E6D9FF; background: #F8F5FF;}
.features-cont-boxes .light-purple h3{color: #5519CC;}

.whatsapp-automation .section-heading{margin-bottom: 20px;}
.whatsapp-automation .single-subtext{ max-width: 1000px; margin: auto auto 60px auto;}

.whatsapp-payment .boxes{    gap: 20px;}
.whatsapp-payment .boxes::before{display: none;}
.whatsapp-payment h3{  text-align: left;margin-bottom: 10px;}
.whatsapp-payment .content-box img {width: 80px;}

.deliver-chatbots .benefit-card h3{font-size: 20px;line-height:40px; margin-top: 14px;}

/* solutions */
.astrology-features .key-features-card{border: 1px solid #F2F2F2;background: #fff; border-radius: 30px; padding: 24px 20px;box-shadow: rgba(149, 157, 165, 0.1) 0px 5px 24px; height: 100%;}
.astrology-features .key-features-card .icon-box{width: 60px; height: 60px; background-color: #7672FF; border-radius: 10px;display: grid; place-items: center;box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 23px -5px, rgba(0, 0, 0, 0.2) 0px 5px 10px -8px;}
.astrology-features .key-features-card h3{font-size: 20px; font-weight: 500; color: #222; line-height: 28px; margin: 20px 0 8px 0; text-transform: capitalize;}
.astrology-features .key-features-card p{font-size: 16px; line-height: 26px; color: var(--text-gray);margin-bottom: 0;}

.astrology-solutions{background: url(images/astrology-solutions-bg.jpg); background-size: cover;}
.astrology-solutions h2, .astrology-solutions h3{font-size: 27px; font-weight: 600; line-height: 40px; margin-bottom: 24px; color: var(--text-black);}
.astrology-solutions ul{list-style: none; padding-left: 0;}
.astrology-solutions ul li{background: url(images/green-sq-check.png) 0px 6px no-repeat;background-size: 20px;padding-left: 34px; font-weight: 400;
    font-size: 17px; line-height: 32px;  margin-bottom: 18px; color: var(--text-black);}
.wapp-pay-int h2{font-size: 30px; line-height: 42px;}


        .wp-block-search__label{display: none;}
     ._sidebar-blog .search-field,
     ._sidebar-blog .search-submit {
         border: 1px solid #ddd;
         padding: 7px 16px;
     }
     ._blog-banner-content h1{font-size: 44px;font-weight: 700;    margin-bottom: 14px;
}
._blog-banner-content a{text-decoration: none;}
._blog-banner-content a:hover{color: #12bf7c;}
._blog-list.bg{background-color: #c1eada36;}
._card-blog h3{font-size: 18px;font-weight: 500;margin: 16px 0;}
._card-blog {border-radius: 10px;background: #fff;padding: 15px;margin: 16px 0;box-shadow: rgb(235 235 235) 0px 1px 4px;height: 95%;border: 1px solid #e3e3e3;}
.read_more{background: #12bf7c;color: #fff;font-size: 16px;padding: 4px 11px;border-radius: 6px;text-decoration: none;
    font-weight: 500;margin-top: 10px;display: inline-block;background: linear-gradient(to left, #12bf7c 50%, #fff 50%) right;
    background-size: 200%;transition: .5s ease-out;border: 1px solid #fff;}

 .read_more:hover {background-position: left;color: #12bf7c;border: 1px solid #12bf7c;}
.view_all{color: #12bf7c;background: #fff;font-size: 16px;padding: 6px 24px;text-decoration: none;
    font-weight: 500;margin: 15px 0;display: inline-block;border: 2px solid #12bf7c;}
.wp-block-search__input{border: 1px solid #ccc !important;padding: 4px !important;}
.wp-block-search__button{    background: #12bf7c !important;font-size: 18px !important;color: #fff !important;padding: 4px 23px !important;}
    .wp-block-search__button:hover{ border: none !important; }
.blog_bx .title_{text-decoration: none;transition: all ease 0.5s;}
.blog_bx .title_:hover{color: #12bf7c;}
._sidebar-blog ul li{margin: 4px 0px !important;transition: all ease 2s;}
._sidebar-blog ul li a{font-size: 16px;color: #000;font-weight: 500;text-decoration: none;border-bottom: 1px solid #ccc;padding-bottom: 8px;margin-bottom: 7px !important;display: inherit;}
._sidebar-blog{box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;border-radius: 10px;background: #fff;padding: 20px;margin-bottom: 30px;}
._sidebar-blog .wp-block-group h2{    margin: 16px 0 !important;font-size:  22px !important;font-weight: 500 !important;}
._sidebar-blog .wp-block-group ul{margin-top: 10px !important;}
._card-blog.blog_bx img ,._card-blog img{min-height: 192px;object-fit: cover;width: 100%;}

._sidebar-blog ul li:hover a{color: #12BF7C; font-weight: 500; }
._bloglisting-content {padding: 0px 120px;text-align: center;}
._blog-table-body {max-width: 750px;margin: 0 auto;}
._cstmx-content h3 {
    font-size: 24px;
    margin: 19px 0 17px 0;
    color: #000;font-weight: 700;
}
._cstmx-content p {
    line-height: 28px;
    font-size: 16px;
    margin-bottom: 9px;
}._cstmx-content h2 {
    font-size: 30px !important;
    color: #12bf7c;
    margin-top: 39px;
    margin-bottom: 24px;
    font-weight: 700;
}
._cstmz-category ul li {
    padding: 7px 10px;
    background: #fafafa;
    border: 1px solid #ddd;
    border-radius: 6px;
    transition: 
ease all 0.3s;
    margin: 0 10px 9px 0;
    display: flex;
    align-items: center;
    justify-content: center;
}
._cstmz-category ul li a {
    color: #333;
    font-size: 14px;
    display: block;
    line-height: 20px;
    text-decoration: none;
    text-align: center;
}
._cstmz-category ul {
    list-style: none;
    padding: 10px 0 0 0;
    margin: 0;
    display: flex
;
    flex-wrap: wrap;
    gap: 20px;
}
 
._blog-heading h2 {
    background: #000000;
    color: #fff;
    font-size: 18px;
    width: fit-content;
    padding: 10px;
    font-family: unset;
    border-radius: 5px;
}
/* ._blog-heading {
    position: absolute;
    top: -45px;
    z-index: 1;
} */
 .submenu-toggle{display: none;}
.wts_page ul li, .wts_page ol li, ._cstmx-content ul li, ._cstmx-content ol li {
    margin: 6px 0px;
    font-size: 16px;
}
.wts_page ul, .wts_page ol, ._cstmx-content ul, ._cstmx-content ol
 {
    
    margin-top: 20px;
    margin-bottom: 25px;
}
._card-blog a:hover h3{color: #12BF7C;}


.sub-menu {
  display: none;
}

.sub-menu.open {
  display: block!important;
}
._blog-section {
    background: url(../assets/images/bloglisting-bg.jpg) no-repeat;
    background-size: cover;
    padding: 30px 0 53px;
}

/* pricing page */
.pricing-banner{
    background: url('../assets/images/pricing-banner.jpg');
    background-size: cover;
    height: 550px;

}
.pricing-banner .pricing-tag,.tag .pricing-tag{border: 1px solid #BFBDFF; border-radius: 6px; background: #fff; color: #7672FF;
                               width: fit-content; margin: 0px auto 25px auto;font-size: 16px; font-weight: 500; padding: 2px 10px ;}
.pricing-banner h1{max-width: 905px; margin: 0px auto; text-align: center;}
.pricing-page{margin-top: -220px;}
.pricing-page .tabs{background: #fff; padding: 8px; border-radius: 30px; margin: 0px auto; border: 1px solid #eee;}
.pricing-page .tabs .nav-item .nav-link{border-radius: 30px; background: #fff; color: #000; font-size: 16px; font-weight: 400;}
.pricing-page .tabs .nav-item .nav-link span{ color: #F29831; font-size: 13px;}
.pricing-page .tabs .nav-item .nav-link.active span, .pricing-page .tabs .nav-item .nav-link.active{background: var(--vallygreen); color: #fff;}
.pricing-page .tab-content{margin-top: 30px;}
.pricing-page .price-card{border: 1px solid #E7E6E6;box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; background: #fff; border-radius: 25px; padding: 50px 40px;}
.pricing-page .price-card h2{font-size: 20px; font-weight: 500; line-height: 28px; 
    color: #000; background: url('../assets/images/black-arrow.png') 0px 0px no-repeat; 
    padding-left: 40px; background-size: 28px;}
.pricing-page .price-card h3{font-size: 42px; font-weight: 600; color: #1E2A38; margin: 25px 0px;}
.pricing-page .price-card h3 span{ color: #a3a3a3; font-weight: 400; font-size: 16px;}
.pricing-page .price-card .card-btn{border: 1px solid #E9E9E9; color: #000;display: block; background:linear-gradient(to bottom, #F1F1F1, #E2E2E2,#F1F1F1); border-radius: 10px; padding: 16px 23px; font-size: 16px; font-weight: 500; color: #000; margin-bottom: 25px;}
.pricing-page .price-card .card-btn:hover{ transition: all 0.3s ease-in-out; transform: scale(1.03);}
.pricing-page .price-card ul{list-style: none; margin-bottom: 0; padding-left: 0;display: flex; flex-direction: column; gap: 7px;}
.pricing-page .price-card ul li{font-size: 14px;color: #000; font-weight: 300; background: url('../assets/images/pricing-check.png') 0px 4px no-repeat; background-size: 13px 14px; padding-left: 24px;}
.pricing-page .price-card.standard ul {gap: 9px;}
.pricing-page .price-card.standard ul li{color: #000;background: url('../assets/images/dark-pricing-check.png') 0px 4px no-repeat;}
.pricing-page .price-card.standard{border-color: #7672FF; background: #F9F9FF;}
.pricing-page .price-card.standard .card-btn{ background:linear-gradient(to bottom, #8F8CFF, #7672FF,#8F8CFF); color: #fff;}
.services-support .img-box{width: 68px; height: 68px; border-radius: 12px; overflow: hidden; box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px; display: grid; place-items: center;}
.services-support h2{font-size: 18px; color: #222; line-height: 24px; font-weight: 500;}
.pricing-table table td,.pricing-table table th,.pricing-table .wp-block-table td,.pricing-table .wp-block-table th{ border-left: none; border-right: none; border-top: none; border-bottom: 1px solid #eee;}
.pricing-table .table-responsive {
    border: 1px solid #eee; box-shadow: rgb(0 0 0 / 5%) 0px 4px 12px; border-radius: 20px;
}
.pricing-table .plan-header{background: #F9FBFC;}
.pricing-table .plan-header h3 {
    font-size: 18px;font-weight: 500; color: #000;
    text-align: left;
}
.pricing-table .plan-header h4{font-size: 18px; font-weight: 500; }
.pricing-table .plan-header .h4{font-size: 28px; font-weight: 500;color: #1E2A38;}
.pricing-table .feature-category {
    font-size: 14px; color: #000;font-weight: 600; text-align: left;
    padding-left: 20px;
}
.pricing-table .feature-name {
    font-size: 14px; color: #000;font-weight: 400; text-align: start;
}
.pricing-table .lightgray-text{font-size: 14px; color: #555; font-weight: 400;}

/* pricing model */
.pricing-model-table table td,.pricing-model-table table th,.pricing-model-table .wp-block-table td,.pricing-model-table .wp-block-table th{border: 1px solid #eee;}
.pricing-model-table .heading_table{background: #f5f5f5;}
.pricing-model-table .heading_table th{font-size: 16px; color: #000; font-weight: 500;}
.pricing-model-table tbody tr td{font-size: 15px; color: #333; font-weight: 400;}
.pricing-model-table tbody tr td:nth-child(1){color: #000; font-weight: 500; text-align: left;}


.request-call-fields{
    position: fixed;
    bottom: -400px; opacity: 0;
    right: 0px; transition: all 0.5s ease-in-out;
    z-index: 10;
    background: #fff4f4;
    max-width: 400px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.request-call-fields.active {
  bottom: 0px; /* Slide-up position */
  opacity: 1;
}
.request-call-fields h2{font-size: 20px; color: var(--vallygreen); font-weight: 600; margin-bottom: 10px;}
.request-call-fields p{font-size: 14px; color: #555; margin-bottom: 10px;} 
.request-call-fields .phone-input-box{display: flex;}
.request-call-fields .phone-input{border: 1px solid #ccc; font-size: 14px; width: 100%; margin: 0px !important;}
.request-call-fields .phone-input:focus,.request-call-fields select:focus{outline: none;}
.request-call-fields select{ border: 1px solid #ccc; font-size: 14px;  padding: 10px; border-right: 0px;}
.request-call-fields .callback-btn{
    background: var(--vallygreen);
    color: #fff; border: none; display: block;  width: 100%; margin-top: 12px;  padding: 13px;
    border-radius: 6px; font-size: 16px; transition: all 0.3s ease-in-out;
}
.request-call-fields .callback-btn:hover{background: var(--vallygreenhover);}

.cataloging-benefits .benefit-card{border: 1px solid #E5E5E5; background: #fff; border-radius: 14px; padding: 20px; height: 100%;}
.cataloging-benefits .benefit-card h3{font-size: 22px; color: #000; font-weight: 500; margin-top: 28px;}
.cataloging-benefits .benefit-card img{width: 90px;}
.cataloging-benefits .benefit-card p{font-size: 16px; color: #555; margin-bottom: 0px; margin-top: 5px;}

.bulk-marketing-tabs .nav-item .nav-link{ background: #fff !important;color: #333 !important;font-size: 16px; padding: 14px 20px !important;}
.bulk-marketing-tabs .nav-item .nav-link:hover, .bulk-marketing-tabs .nav-item .nav-link.active{ background: #f5f5f5 !important; transition: all 0.3s ease-in-out;}
.bulk-marketing-tabs .tab-content{ background: #f5f5f5; padding: 40px 20px; border-radius: 8px;}
.bulk-marketing-tabs .tab-content h3{font-size: 22px; font-weight: 600; color: #000; margin-bottom: 10px;}
.bulk-marketing-tabs .tab-content h3 span{color: var(--vallygreen);}
.bulk-marketing-tabs .tab-content p{font-size: 15px; color: #333; line-height: 24px; margin-bottom: 0px;}

.faq-page .faq-subheading{font-size: 22px; color: var(--vallygreenhover); font-weight: 600;}
.faq-page .at-tab{font-size: 16px; line-height: 26px;}
.faq-page ul{  padding-left: 20px;list-style: circle;  margin: 16px 0px; display: flex; flex-direction: column; gap: 10px;}
.faq-page p{color: #555; line-height: 26px; margin-bottom: 0px; }


/* Lead Generation */
.lead-gen-banner{
    background: url('images/lead-gen.jpg');
    background-size: 100% 100%;
}

.lead-gen-banner h1{ font-size: 48px;line-height: 58px;}
.lead-gen.section-accordion .at-title h3 {
    font-size: 18px;
    line-height: 24px;
}
.lead-gen.section-accordion .at-title h3 .step{font-size: 13px; font-weight: 500; line-height: 10px; border: 1px solid #E3E3E3; border-radius: 6px; padding: 4px 8px; margin-right: 10px;}
.lead-gen.section-accordion .at-title.active  h3 .step{border-color: var(--vallygreen);}
.lead-gen.section-accordion .at-title.active h3{color: var(--vallygreen);font-weight: 600;}
.lead-gen.section-accordion .at-title::after{display: none;}
.lead-gen.section-accordion .at-tab {
    font-size: 16px;
}
.lead-gen.section-accordion .at-item{
    margin-bottom: 12px;
}

.lead-gen-banner ul li {
    background: url(images/green-sq-check.png) 0px 8px no-repeat;
    background-size: 20px;
    padding-left: 30px;
    font-size: 16px;

}

.scale-img-cont .blue-tick.google-ads {
    background: url(images/google-ads.png) 12px 16px no-repeat;
    background-size: 34px;
    padding-left: 63px;
}

.lead-gen-tab{margin-top: 0px;}
.lead-gen-tab .tabs .nav-item .nav-link.active span, .lead-gen-tab .tabs .nav-item .nav-link.active{background: var(--accent-color); color: #fff;}

.tsds {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    list-style: none;
    gap: 25px; padding-left: 0px;
    margin: 40px 0px 30px;
}
.tsds li {
    background: url(images/green-sq-check.png) no-repeat 20px 21px;
    background-size: 20px;
    font-size: 16px;
    background-color: #fff;
    padding: 20px 20px 20px 50px;
    border-radius: 20px;
    color: #2C2C2C;
    box-shadow: rgb(200 207 215 / 11%) 0px 8px 24px;
}

.sdsss {
    border: 1px solid #f2f2f2;
    background: #fff;
    padding: 20px;
    text-align: center;
    border-radius: 10px;
    height: 100%;
}
.sdsss h3 {
    font-size: 32px;
    color: #000;
    margin: 10px 0px;
    font-weight: 500;
}
.sdsss span {
    font-size: 14px;
    color: #979797;
    display: block;
}

/* case study */
.cs-banner{ background: linear-gradient(90deg, rgba(254, 247, 232, 1) 0%, rgba(255, 255, 255, 1) 50%,  rgba(230, 243, 254, 1) 100%); border-radius: 30px;padding: 60px; position: relative;}
.cs-banner h1{font-size: 30px; line-height: 40px; font-weight: 700; color: #000;}
.cs-banner p{font-size: 20px; color: #333; font-weight: 400; margin-top: 16px;}
.cs-banner .cs-img-box{padding: 16px; border: 1px solid #e9e9e9; background: #fff; border-radius: 30px; width: fit-content;}
.cs-banner .cs-img-box img{border-radius: 20px; overflow: hidden;}
.cs-banner .breadcrumbs{background: #fff; padding: 15px 20px;  border-radius: 30px; position: absolute; right: 60px; width: fit-content; bottom: -15px; font-size: 14px; font-weight: 500; color: #333;}
.cs-banner .breadcrumbs a{color:var(--vallygreen);}
.cs-banner .breadcrumbs a:hover{color: var(--accent-color);}
.cs-main-cont .left-cont .cont-title{background: var(--accent-color); font-size: 24px; font-weight: 700; color: #fff; border-radius: 15px;border: 1px solid #e2e2e2; padding: 12px 10px; max-width: 300px; margin: 0 auto; z-index: 10; position: relative; text-align: center;}
.cs-main-cont .left-cont .cont-box{ padding: 55px 30px 30px 30px; margin-top: -30px;border: 1px solid #EDEDED; border-radius: 30px;box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.cs-main-cont .left-cont .cont-box h3{    border-top: 1px dashed #D8D8D8; color: var(--text-black); font-size: 16px; line-height: 26px; font-weight: 600; padding-top: 12px;margin-top: 14px;}
.cs-main-cont .left-cont .cont-box p{margin-bottom: 0px; line-height: 24px; color: #333;}
.cs-main-cont .right-cont .conthead{font-size: 24px; font-weight: 700; color: #000; margin-bottom: 18px;}
.cs-main-cont .right-cont .subtext{color: #333; margin-bottom: 18px;}
.cs-main-cont .right-cont .cs-list{padding-left: 0px; margin-bottom: 0px; list-style: none; display: flex; flex-direction: column; gap: 18px;}
.cs-main-cont .right-cont .cs-list li{ background: url(images/green-sq-check.png) 0px 4px no-repeat; background-size: 19px; padding-left: 30px; font-size: 16px; font-weight: 400; color: #333;}
.cs-main-cont p{color: #333;}
.cs-main-cont .right-cont .cs-list li strong{display: block; font-weight: 500; font-size: 18px; color: #000; margin-bottom: 3px;}
.cs-main-cont .right-cont .border-t{ border-top: 1px dashed #D8D8D8; padding-top: 40px; margin-top: 40px;}
.cs-main-cont .right-cont .subhead{font-size:  20px; color: #222; font-weight: 500; margin-bottom: 4px;}
.cs-main-cont .right-cont .cs-card{border: 1px solid #EFEFEF; background: #FDFDFD; border-radius: 20px; padding: 30px; margin-top: 40px; position: relative;}
.cs-main-cont .right-cont .cs-card .cardtitle{font-size: 20px; font-weight: 500; color: #000; margin-bottom: 10px;}
.cs-main-cont .right-cont .cs-card p{margin-bottom: 0px;}
.cs-main-cont .right-cont .cs-card .tag{    background: var(--accent-color);font-size: 14px;   font-weight: 600; color: #fff; padding: 7px 15px; border-radius: 10px; position: absolute;top: -17px;   text-transform: uppercase; width: fit-content;}
.cs-main-cont .right-cont .achi-card{border: 1px solid #EFEFEF;  border-radius: 30px;padding: 20px;}
.cs-main-cont .right-cont .achi-card p{line-height: 23px; font-size: 16px; color: #222222; font-weight: 500; margin-top: 16px; margin-bottom: 0px;}
.cs-main-cont .headline { font-size: 60px;line-height: 50px; font-weight: 500;}
.cs-main-cont .headline--background-clip { -webkit-text-stroke-color: transparent; -webkit-text-stroke-width: 3px; -webkit-text-fill-color: hsl(0, 0%, 100%); background-clip: text;}
.cs-main-cont .headline--linear-gradient {background-image: linear-gradient( 120deg, #7672FF, #12BF7C);}
.cs-contact {background: url('/wp-content/uploads/2025/11/cs-contact-banner.jpg');background-size: cover; padding: 30px;border-radius: 30px; }
.cs-contact .contact-form{ max-width: 580px; border-radius: 25px;background: #fff; padding: 30px;  margin: 0px 0px 0px auto;}
.cs-contact .contact-form h2{font-size: 24px; line-height: 26px; color: #000; font-weight: 600; margin-bottom: 10px;}


/* ----------------------- mobile ----------------------------------*/
@media screen and (max-width:1000px) {

    #mainNav{display: none;}
    .submenu-toggle{display: block;}
    ._blog-banner-content h1 {font-size: 28px;}
    /* mobile nav menu */
    .container.mobile_nav{padding-left: 0px !important ;}
    .mobile_nav .mobileToggle{ display: block;}
    .mobile_nav .mobileToggle .icon{ display: block; background: url(../assets/images/menu-bar.jpg) 0px 4px no-repeat;  background-size: 22px;  width: 23px;height: 36px;}
    .mobile_nav .mobileToggle.active{
            position: absolute;   background: #000000b0 !important;
            z-index: 9999;  width: 100%;  height: 300vh;
    }
    #mobile-menu .menu-item{position: relative; width: 100%;}
    /* Optional: submenu toggle button */
    #mobile-menu .menu-item .submenu-toggle{position: absolute; right: 0px; top: 0px; font-size: 24px;
        background: #fff; color: var(--vallygreenhover); height: 54px; border: 0; padding: 10px 20px;
    }
    #mobile-menu .menu-item a{border-bottom: 1px solid #ccc; padding: 15px 20px; color: #fff;}
    #mobile-menu  .links-data{
    flex-direction: column;
    gap: 0px;width: 100%;
    }

    #mobile-menu .sub-menu {
    display: block;             /* keep block so it can animate */
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    transition: max-height 0.4s ease, opacity 0.4s ease;
    }
    #mobile-menu .sub-menu a{font-size: 15px; color: var(--vallygreenhover);}

    /* Submenu when visible */
    #mobile-menu .sub-menu.show {
    max-height: 100%; /* enough height for your content */
    opacity: 1;
    background: #fff;
    margin-left: 10px;
    }
    /* Mobile menu container */
    #mobile-menu {
    position: fixed;
    top: 0;
    right: -300px; /* hidden by default */
    width: 300px;
    height: 100vh;
    background: #fff;
    box-shadow: 2px 0 5px rgba(0,0,0,0.2);
    transition: right 0.3s ease;
    z-index: 9999;
    overflow-y: auto;
    }

    /* When menu is open */
    #mobile-menu.active {
    right: 0;height: 100%;
    background: var(--vallygreenhover);
    
    }


    /* Mobile menu links */
    #mobile-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
    }


    #mobile-menu a {
    text-decoration: none;
    color: #333;
    font-weight: 500;
    display: block;
    }



    /* mobile nav menu  end*/


    .nav-container{
        padding: 0px 0px;
        gap: 10px; 
    }
    .site-logo a img{
        width: 85%;
    }
    .nav_buttons .book_demo {
        font-size: 14px;
        margin-right: 6px;
    }
    .nav_buttons a {
        padding: 2px 10px;
        border-radius: 6px;
        line-height: 30px;
        white-space: nowrap;
    }
  
    .hero-banner{
        margin: 0px 5px;
        border-radius: 36px;
        padding-top: 30px;
    }
    .banner-box h1{
        font-size: 28px;
        font-weight: 500;
        line-height: normal;
    }
    .section-padding{
        padding: 40px 0px;
    }
    .section-heading,.section-heading.side-heading,.wapp-pay-int h2 {
        font-size: 24px;
        line-height: 38px;
        text-align: center;
    }
    .green-regular-btn,.green-solid-btn{
        font-size: 16px;
        padding: 8px 24px;
    }
     .scale-btns .book-demo-btn, .faq-section .book-demo-btn{
          font-size: 16px;
        padding: 8px 24px;
    }

    .ai-chatbots .ai-chatbots-cont {
        padding: 20px;
    }

    .trusted-by .logos img{
        width: 120px;
    }
    .footer-copyright ul{
        align-items: start;
        /* flex-direction: column; */
        row-gap: 12px;
    }
    .footer-content{
        padding: 40px 0;
    }
    .single-dashboard-sec .dashed-box-line{
        display: none;}
    .single-dashboard-sec h3{
        margin: 20px 0px;
    }
    .single-banner {
        padding: 30px 0px;
    }
    .single-banner h1 {
        font-size: 28px;
        line-height: 40px;
    }
    .single-banner .sub-text{
        font-size: 16px;
        line-height: 26px;
    }
    .single-banner .btns {
        margin-top: 40px;
    }
    .spiral::after, .spiral::before{
        background: none;
    }
    .businesses-sec .box{
        padding: 10px;
    }
    .businesses-sec h2{
        font-size: 26px;
        line-height: 46px;
        margin-top: 40px;
    }
    .campn-steps .steps .arrow::after{display: none;}
    .campn-steps .steps{display: grid; grid-template-columns: repeat(1, 1fr); gap: 20px;}

    .cataloging-spectrum .boxes{gap: 30px;}
    .cataloging-spectrum .boxes::before,.cataloging-spectrum .content-box.h-line::before,.cataloging-spectrum .content-box .dot  {
        display: none;
    }
    .tsds {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
    .lead-gen.section-accordion .at-title h3 .step{display: none;}
    .pricing-banner{height: 435px;}
    .cs-banner{padding: 10px;}
    .cs-banner .breadcrumbs{position: static;}
    .cs-contact{padding: 10px;}
   
   

    
}