:root{
  --primary-color:#0E0E0E;
  --green-color:#055D38;
}

body {   font-family:"Montserrat", sans-serif; background-color: var(--cc-cream); color: #0E0E0E; font-size: 16px; line-height: 1.6;
   overflow-x: hidden; -webkit-font-smoothing: antialiased; }
h1, 
h2,
h3,
h4,
h5,
h6 { margin:0px 0px 15px; font-family: "Montserrat"; line-height: 1.2; color: #0E0E0E; }
img { max-width: 100%; height: auto; display: block; }
a { text-decoration: none; transition: var(--cc-ease); }
h1 { font-weight: 700;font-size:34px; }
h2 { font-size: 32px; font-weight: 700; line-height: 1.2; }
h3 { font-size: 24px;line-height:1.4; }
p { margin:0px 0px 20px; color: #0E0E0E; line-height: 1.8; }
.container { max-width: 1300px; width: 100%; }

/** header **/
/*.logo { float:left; max-width: 350px;min-width: 195px; text-align: left; width: 245px; } */
.nav-container { position: relative; display: flex; justify-content: center;  }
.nav-container ul { margin:0px; padding:0px; display: flex; flex-wrap: wrap; column-gap: 4px; }
.nav-container ul li { list-style:none; padding:8px 10px; position:relative; }
.nav-container ul li a { color:#0E0E0E; display:block; text-decoration:none; outline: none; position: relative;
font-weight: 700;  }
.nav-container ul li a:hover,.nav-container ul li.active a /*.nav-container ul li.current-menu-item > a*/ {  color: var(--green-color); }
.nav-container ul li a.parent:after { content: "\f107"; font-family: FontAwesome; padding-left: 3px; }
.header-top { display: flex; align-items: center; justify-content: space-between;  column-gap: 20px; }
.header-right-btn ul { margin: 0; padding: 0; display: flex; align-items: center; gap:15px; 
justify-content: flex-end; }
.header-right-btn ul li { margin: 0; padding: 0; list-style: none; }
.header-top .container:before,
.header-top .container:after { display: none; }
.header-right { display: flex; align-items: center;gap: 20px;  }
.nav-container li .sub-menu { display:none; position:absolute; left:0px; top:100%; min-width:250px; background:var(--black-color); z-index:9; box-shadow: 0 8px 20px rgba(0,0,0,0.1);
padding:0px; }
.nav-container li .sub-menu li { display:block; padding:0; text-align: left; border-bottom: 1px solid rgba(255,255,255,0.32); }
.nav-container li .sub-menu li:hover { background: rgba(255,255,255,0.1); }
.nav-container li .sub-menu li:after { display: none; }
.nav-container ul li.parent:hover { background: var(--secondary-color); }
.nav-container li .sub-menu li a { color:var(--white-color); padding: 12px 20px; }
.nav-container li .sub-menu li:last-child { margin-bottom: 0; border-bottom: 0; }
.nav-container li .sub-menu li:hover a { color: #fff; }
.mob-menu { display: none; }
.header a { outline: none; text-decoration: none; }
.header ul { margin:0px; }
.header { padding:1.1rem 0; width: 100%; display: inline-block; position: relative;background: rgba(255, 255, 255, 0.50);
  border-bottom: 1px solid rgba(30, 27, 75, 0.07);/*position: sticky;top: 0; z-index: 1030;*/ }
.header-left { min-width: 340px; }
.header-right-btn ul li .login { font-weight: 500; padding: 8px 0px; text-decoration: none;
color: var(--secondary-color); display: block; }
.header-right-btn ul li .login:hover { color: var(--primary-color); }

.primary-btn { background: var(--green-color); padding: 14px; line-height: 18px;align-items: center;display: inline-flex;font-weight: 500;text-decoration: none;
    border-radius: 8px; border: 1px solid #E2E2E2;text-align: center;justify-content: center;color: #FAFAFA;transition: all 0.3s ease;
   height: 46px;  }
.primary-btn:hover { background: #fff;color: var(--green-color);border: 1px solid var(--green-color);font-weight: 500;  }

.secondary-btn { background: linear-gradient(91deg, #FFF 0%, #F0F0F0 100%);; padding: 14px; line-height: 18px;align-items: center;display: inline-flex;font-weight: 500;text-decoration: none;
    border-radius: 8px; border: 1px solid #A1A1A1;text-align: center;justify-content: center;color: #232323;transition: all 0.3s ease;
   height: 46px;  }
.secondary-btn:hover { background: var(--green-color);color: #FAFAFA;border: 1px solid var(--green-color);font-weight: 500;  }

/** home page **/
.banner-section { padding:120px 0px 70px 0px;background:url(../images/new-home-banner.svg) no-repeat center  center;color:#fff;background-size: cover; }
.banner-content h1 { color:#FAFAFA; }
.banner-content p { color:#FAFAFA;font-weight: 600; }
.banner-content {  padding-left: 70px; }
.explore-btn { margin-top: 40px; }
.banner-innex-text p { font-weight:400; }
.banner-innex-text p a { text-decoration:underline;font-weight:700;color:#FAFAFA; }
.banner-innex-text { margin-top:20px; }
.new-bg-section ,.home .what-makes-section { background: var(--background-verde, linear-gradient(166deg, #ECF8F2 0%, #E6E6E6 99.32%)); }
.what-makes-section.about { background:none; }
.what-makes-section {padding:80px 0; /*background: var(--background-verde, linear-gradient(166deg, #ECF8F2 0%, #E6E6E6 99.32%));; */}
.what-makes-section .section-title { text-align:center;margin-bottom:35px; }
.what-makes-box { width: 100%;height: 100%;border-radius: 8px;background: var(--background-light, linear-gradient(91deg, #FFF 0%, #F0F0F0 100%));
box-shadow: 4px 4px 10px 0 rgba(0, 0, 0, 0.08);padding:30px;display: flex;
    flex-direction: column;  }
.what-makes-title { display:flex;gap:20px;margin-bottom: 15px;align-items: center; justify-content: flex-start;  }
.what-makes-box h3 { font-size:18px;font-weight:700;margin: 0px 0px 5px 0px; }
.what-makes-right-tagline h5 { font-size:16px;margin-bottom: 0px;font-weight: 400; } 
.what-section-title ,.problem-statement-title { margin-bottom: 30px; }
.how-works-section { padding:80px 0;background: var(--background-light, linear-gradient(91deg, #FFF 0%, #F0F0F0 100%)); }
.how-works-section .section-title { text-align:center;margin-bottom:40px; }
.how-works-grid { display: flex; gap: 40px; }
.how-works-info { display: flex; gap: 15px;align-items: center;margin-bottom: 20px; }
.how-works-info p { margin-bottom:0px; }
.how-works-col h3 { font-weight:600;margin-bottom: 25px; }
.how-works-info:last-child { margin-bottom:0px; }
.what-makes-box p { margin-bottom:0px; }

.problem-statement-section { padding:80px 0;background: var(--color-background-light, #EDEDED); }
.problem-statement-section .col-md-4 { display: flex;margin-bottom: 30px;  }

.the-solution-section { padding:80px 0;background: var(--background-verde, linear-gradient(166deg, #ECF8F2 0%, #E6E6E6 99.32%));   }
.the-solution-title { text-align:center;margin-bottom:35px; }
.the-solution-box { border-radius: 8px;border: 1px solid #055D38;background: var(--color-background-lightest, #FEFEFE);padding:20px 30px;
display: flex; gap: 20px;margin-bottom: 25px; }
.solution-right-title h3 { margin-bottom:5px;font-size: 17px;font-weight: 700; }
.solution-right-title p { margin-bottom:0px; }
.the-solution-box:last-child { margin-bottom: 0; }
.contacthome{padding: 80px 0px;}

/** 404 page **/
.error-404-section { padding: 150px 0px;background: var(--background-verde, linear-gradient(166deg, #ECF8F2 0%, #E6E6E6 99.32%)); }
.error-404 img { margin:0px auto 30px auto; }
.error-404-section .col-md-4 img { margin:0px auto; }
.go-back-btn { display: flex;gap: 15px; }
.privacy-policy-section { padding: 80px 0px;background: var(--background-verde, linear-gradient(166deg, #ECF8F2 0%, #E6E6E6 99.32%)); }

/** contact **/
.contact-banner-section { padding: 80px 0px;background: var(--background-verde, linear-gradient(166deg, #ECF8F2 0%, #E6E6E6 99.32%)); }
.contact-form .gform_wrapper.gravity-theme .gfield input.large {  border-radius: 4px;border:8px 8px 0 0;outline: none;color: #636363;
    font-size: 16px;font-weight: 500;line-height: 21px;padding: 17px;border-radius: 8px 8px 0 0; border: transparent;
   border-bottom: 1px solid var(--color-border-soft, #A1A1A1);background: var(--background-light, linear-gradient(91deg, #FFF 0%, #F0F0F0 100%)); }
.contact-form .gform_wrapper.gravity-theme .gfield textarea.large { border-radius: 4px;border:8px 8px 0 0;outline: none;color: #636363;
    font-size: 16px;font-weight: 500;line-height: 21px;padding: 17px;border-radius: 8px 8px 0 0;height: 120px !important; border: transparent;
   border-bottom: 1px solid var(--color-border-soft, #A1A1A1);background: var(--background-light, linear-gradient(91deg, #FFF 0%, #F0F0F0 100%)); }
.contact-form .gform_wrapper.gravity-theme .gfield select.large {  outline: none; 
    color: #636363; font-size: 16px; font-weight: 500;line-height: 21px;
    padding: 17px;padding-right: 40px !important;
    border-radius: 8px 8px 0 0; border: none;border-bottom: 1px solid var(--color-border-soft, #A1A1A1);
    
    background-image:  url(../images/contact-arrow-down.svg), linear-gradient(91deg, #FFF 0%, #F0F0F0 100%);
    background-repeat: no-repeat, no-repeat;background-position: right 15px center, center;
    appearance: none; -webkit-appearance: none;-moz-appearance: none; }

/*   
.contact-form .gform_wrapper.gravity-theme .gfield select.large {  outline: none; color: #636363; font-size: 16px; font-weight: 500;
    line-height: 21px;padding: 17px;border-radius: 8px 8px 0 0; border: none;border-bottom: 1px solid var(--color-border-soft, #A1A1A1);
    appearance: none;-webkit-appearance: none; -moz-appearance: none;
    background-image: url("../images/contact-arrow-down.svg");background-repeat: no-repeat;background-position: right 14px center;background-size: 12px; } */

.contact-form .gform_button { background: var(--green-color); padding: 16px 90px; line-height: 18px;align-items: center;display: inline-flex;font-weight: 500;text-decoration: none;
    border-radius: 8px; border: 1px solid #E2E2E2;text-align: center;justify-content: center;color: #FAFAFA;transition: all 0.3s ease; }
.contact-form .gform_button:hover { background: #fff;color: var(--green-color);border: 1px solid var(--green-color);font-weight: 500;  }
.contact-form .gform_wrapper.gravity-theme .gform_fields { grid-row-gap: 30px; }
.contact-banner-section p { margin-bottom:35px; }
#gform_confirmation_message_1 { font-weight: 600;font-size: 18px; }

.home .contact-form .gform_button { background:#A1A1A1;border: 1px solid #A1A1A1; }
.home .contact-form .gform_button:hover { border: 1px solid #A1A1A1;background: #fff;color: #000; }

/** faq page **/
.home .faq-banner-section { padding:40px 0; }
.faq-banner-section { padding:80px 0;background: var(--background-verde, linear-gradient(166deg, #ECF8F2 0%, #E6E6E6 99.32%)); }
.faq-banner-section.newfaq { background: none; }
.faq-banner-section h2 { margin-bottom:30px; }
.faq-item { padding:20px 20px;border-radius: 8px; border: 1px solid var(--color-border-base, #E2E2E2);
    background: var(--background-light, linear-gradient(91deg, #FFF 0%, #F0F0F0 100%));margin-bottom: 30px; }
.faq-item:last-child { /*border-bottom:none;*/ }
.faq-header{ display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-weight:700;font-size: 20px; }
.faq-icon { width:20px;height:20px;background:url("../images/faq-open-arrow.svg") no-repeat center;background-size:contain; }
.faq-item.active .faq-icon { background:url("../images/faq-close-arrow.svg") no-repeat center; background-size:contain; }
.faq-content { max-height:0;overflow:hidden;transition:max-height .3s ease; }
.faq-item.active .faq-content {  max-height:500px; margin-top:10px; }
.faq-content-inner p { font-size: 17px;margin: 15px 0px 0px 0px; }


/* FOOTER */
#cc-footer { background: rgba(255, 255, 255, 0.50); border-top: 1px solid rgba(30, 27, 75, 0.1); padding: 60px 25px; }
.footer-logo-wrap { display: flex; align-items: center; gap: 8px; font-weight: 900; font-size: 1.15rem; color: var(--cc-primary); }
.footer-nav  { display: flex;flex-wrap: wrap;column-gap: 35px; }
.footer-nav li a { font-weight: 700; font-size: 0.92rem; color: #0E0E0E; transition: var(--cc-ease); }
.footer-nav  li a:hover { color: var(--cc-purple); }
.footer-bottom-bar { margin-top: 1.5rem; padding-top: 1.2rem; border-top: 1px solid rgba(30, 27, 75, 0.08); font-size: 0.85rem;
   color: var(--cc-muted); }
.footer-nav  li { list-style:none; }

@media(max-width: 1023px){
/*menu*/
.mob-menu { display:block; background:url(../images/mob-icon.png) center center no-repeat; padding:10px 12px; color:#000; border-radius:0px; cursor:pointer; text-align:left; 
font-size: 0; line-height: 0; width: 40px; height: 30px; position: absolute; top: 50%; right: 20px; transform: translateY(-50%); }
.header-right { position: absolute; top: 100%; right: 0px; text-align: left; z-index: 9; display: none; 
background: var(--black-color); width: 100%; max-width: 500px; box-shadow: 0px 10px 10px rgba(0,0,0,0.1); }
.nav-container ul li.active a::before { display: none; }
.nav-container ul { margin:0px; padding:0px 0px; width: 100%; }
.nav-container ul li { display:block; padding:0px 0px; margin:0px; font-size:16px; width:100%; background:var(--blue01-color); margin:0px !important; }
.nav-container ul li a { border-radius:0px; padding:12px 20px; border-bottom:1px solid rgba(255,255,255,0.2); 
  color:#fff;background:var(--green-color); }
.nav-container ul li a:hover { color:var(--green-color);background:#FAFAFA; }
.nav-container ul li a.parent::after { display: none; }
.nav-container ul li .sub-menu { padding:0px; display:none; position:static; width:100%; }
.nav-container ul li .sub-menu li a { padding:10px 0px 10px 32px; }
.nav-container .nav-icon { position: absolute;  right: 0px; top: 0px; width: 45px;  height: 48px; background-repeat: no-repeat; cursor:pointer; z-index:99;}
.nav-container .nav-icon.open {  background: url(../images/menu-plus.png) center center no-repeat; }
.nav-container .nav-icon.close {  background: url(../images/menu-minus.png) center center no-repeat; opacity:1; }
.nav-container li .sub-menu li { border-bottom:0px; padding:0px; background:#111; border-radius: 0; } 
.nav-container li .sub-menu li a { padding-bottom:8px; }
.nav-container .menu-main-menu-container { display:none; text-align:left;  }
.header-right-btn ul { flex-direction: column; padding: 15px 20px 20px; gap:15px; }
.header-right-btn ul li .login { display: block; padding: 4px 0; color: #fff; width: auto; }
.header-right-btn ul li { width: 100%; }
.header-right-btn ul li a { text-align: center; justify-content: center; width: 100%; }
.header-right-btn { min-width: 50px;background: var(--background-verde, linear-gradient(166deg, #ECF8F2 0%, #E6E6E6 99.32%)); }
.nav-container ul li.current-menu-item > a,
.nav-container ul li.current_page_item > a,
.nav-container ul li.current-menu-parent > a,
.nav-container ul li.active > a { color:var(--green-color); background:#FAFAFA; }

}

@media(min-width: 1024px) and (max-width: 1279px) {
.what-makes-box h3 { font-size: 17px; }  
.header-left { min-width: 250px; }  

}    

@media(min-width: 768px) and (max-width: 1023px) { 
body { font-size: 16px; line-height: 1.5; }
p { line-height: 1.8; }
h2 { font-size: 30px; }
h3 { font-size: 20px; }
.banner-section .col-md-6 { width:70%; }
.banner-section ,.what-makes-section ,.how-works-section ,.what-makes-section ,.problem-statement-section ,.the-solution-section { padding:60px 0px; }
.what-makes-section .col-md-4 { width:100%;margin-bottom: 25px; }
.what-makes-section .col-md-4:last-child { margin-bottom:0px; }
.how-works-grid { display:block; }
.how-works-col.second { margin-top:30px; }
.solution-right-title p { line-height:1.5; }
.the-solution-box { padding:20px;margin-bottom: 15px; }
.contact-banner-section .col-md-7 { width:70%; }
.faq-header { gap:15px; }

}

@media(max-width:767px){
.header-left img { width:60%; }
body { font-size: 15px; line-height: 1.5; }
h1 { font-size:30px; }
p { line-height: 1.8; }
h2 { font-size: 28px; }
h3 { font-size: 23px; }
.banner-section ,.what-makes-section ,.how-works-section ,.problem-statement-section ,.the-solution-section {  padding:50px 0;}
.banner-content {  padding-left: 0px; }
.banner-content h1 { font-size:30px; }
.what-makes-section .col-md-4  { margin-bottom: 30px;}
.what-makes-section .col-md-4:last-child ,.problem-statement-section .col-md-4:last-child { margin-bottom:0px; }
.how-works-grid { display:block; }
.info-icon img { width:60px;height:60px; }
.how-works-col h3 { margin-bottom:15px; }
.how-works-col.second { margin-top: 30px; }
.how-works-section .section-title { margin-bottom:25px; }
.the-solution-section .col-md-6.first-img img { margin-bottom:30px; } 
.error-404-content { padding-bottom: 30px; }
.error-404-section { padding:80px 0; }
.faq-content-inner p { font-size:15px; }
.faq-header { font-size: 17px; }
.faq-item { margin-bottom: 20px; }

}

@media (max-width: 360px) { 
.what-makes-box ,.the-solution-box { padding:20px; } 
.faq-icon { width: 25px; height: 25px; }
.header-left img { width:60%; }
.faq-banner-section { padding:50px 0;}

}