/* 
Theme Name:		 twentytwentyfive-child
Theme URI:		 http://childtheme-generator.com/
Description:	 twentytwentyfive-child is a child theme of twentytwentyfive, created by ChildTheme-Generator.com
Author:			 NMG
Author URI:		 http://childtheme-generator.com/
Template:		 twentytwentyfive
Version:		 1.0.0
Text Domain:	 twentytwentyfive-child
*/


/*
    Add your custom styles here
*/
*{margin: 0; padding: 0;}
html{font-size: 62.5%;}
body{font-family: "Plus Jakarta Sans", sans-serif;font-weight: 400;font-style: normal;font-size: 18px;line-height: 28px; color: #052932;}

.fw-container{padding: 0 5%; margin: 0 auto;} 
.container{max-width:1280px; margin: 0 auto;} 

body:before, body:after{position: fixed; height: 100%; width: 1px; z-index: 99999991; background: rgb(33 88 31 / 5%);
    left: 5%; top: 0; content: "";}
body:after{right: 5%; left:auto; }    

p{font-size: 18px; line-height: 28px; margin-bottom: 20px}
p:last-child{margin-bottom: 0px}

.section-title{color:#052932;margin-bottom:1rem; font-size: 5.6rem;font-weight: 700;line-height: normal;}
.subtitle{font-weight: 700; font-size: 16px;}

.horizontal-line2, .horizontal-line3{position: fixed; height: 100%; width: 1px; z-index: 99999991; background: rgb(33 88 31 / 5%);
    left: 30%; top: 0;}
.horizontal-line3{ left: auto; right: 30%;}
/*hedder*/ 
.page-header{padding: 20px 0; background:#478A45; position: relative;  width: 100%;  z-index: 999; transition: all 0.3s ease-in-out; }
.hedder-inner {display: flex; align-items: center; justify-content: space-between;    height: 90px;}
.page-header.sticky {position: fixed; top: 0;  box-shadow: 0 2px 8px rgba(0,0,0,0.1); padding: 8px 0;}
.page-header.sticky .hedder-inner{height: 70px;}
.page-header.sticky .brand-logo{margin-bottom: 0px;}
.page-header.sticky .brand-logo img{width: 60px;}
.brand-logo {
    display: inline-flex
;
    position: absolute;
    left: 50%;transform: translateX(-50%);
}
.brand-logo img{display: flex;}
.menu{display: flex; max-width: 100%; padding: 0; list-style: none;}
.menu li{padding: 0 15px;display: inline-flex;}
.menu li a{ display: flex; font-size: 16px;font-style: normal;font-weight: 700;line-height: 24px; color:rgba(254, 254, 254, 1); text-decoration: none; position: relative;}
.menu li:first-child{padding-left: 0;}
.menu li a::after {content: "";position: absolute;left: 0;bottom: 0;width: 0;height: 2px;background:#8BCA89;transition: width 0.3s ease;}
.menu li a:hover::after, .menu li.current-menu-item a:after {width: 100%;}
.menu-toggle {display: none;}

.menu li a:hover,
.menu li.current-menu-item a {color: #8BCA89}

.menu .app-btns, .menu .socialmedia, .menu .btn-heading{display: none;}

header .app-btns a {margin-left:10px;}
.app-btns{display: flex; align-items: center; justify-content: flex-start; }
.app-btns a{display:inline-flex;transition: .45s;}
.app-btns a:hover{transform: translateY(-3px);}

.hero-banner{height: calc(100vh - 90px);}
.hero-banner .banner-cnt{max-width: 800px; color: #fff;position: absolute; z-index: 2; display: flex; justify-content: center; align-items: center; flex-direction: column; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); text-align: center;font-family: "Plus Jakarta Sans", sans-serif;}
.hero-banner img{width: 100%; height: 100%; object-fit: cover; object-position: center; display: flex; position: relative; z-index: 1;}
.hero-banner h1{padding:10px 0 20px; margin: 0; color: #fff; font-size: 7.2rem;font-style: normal;font-weight: 700;line-height: 7.2rem;}
.hero-banner .subtitle{color: rgba(139, 202, 137, 1);letter-spacing: 0.8px; font-size: 16px;font-weight: 700; text-transform: uppercase;}

.team-potential{padding: 8rem 0; background: #FFF; color: #000;}
.team-potential .section-heading{max-width: 535px; padding:0px 0;font-size: 3.6rem; line-height: 4rem; font-style: normal;font-weight: 700;line-height: 4.0rem;color: #052932 }

.team-potential ul{list-style: none; margin:4rem 0  0; gap:20px ; padding: 0; display: flex;}
.team-potential ul li{padding: 10px 0 10px 24px; width: calc(33% - 40px); border-left: 1px solid rgba(139, 202, 137, 1); display: flex; flex-direction: column;}
.team-potential ul li i{margin-bottom: 8px; display: flex;}


.ai-planners{background:  #0F3A42; display: flex;  color:#FEFEFE; position: relative;}
.ai-planners:before{position: absolute; content: ""; top: 0; left: 0; width:18px; height: 18px; border: 2px solid rgba(254, 254, 254, 0.37);
border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.ai-planners .title{padding-bottom:10px;font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 40px; color: #FEFEFE;}
.ai-planners .left{width: 50%;padding: 8rem 0; padding-left: 5%; position: relative; align-self: center;}

.ai-planners .left p{max-width: 70%;}
.ai-planners .right{width: 50%;padding: 8rem 0; padding-right: 5%;background: #478A45 url(assets/images/free-iPhone-mockup-bg.png) no-repeat center; background-size: cover; justify-content: center; align-items: center; display: inline-flex;}
.ai-planners ul{max-width: 60%; list-style: none; margin:3.8rem 0 0 0px; padding: 0; display: flex; flex-wrap: wrap;}
.ai-planners ul li{padding:0px 60px 20px 0; width: calc(48% - 60px); display: flex; flex-direction: column;}
.ai-planners ul li i{margin-bottom: 12px; display: flex;}

.bottom-shape{position: absolute; bottom: 0; right: 0}
.bottom-shape:before{position: absolute; content: ""; width: 100px; height: 100px;border-radius:8px; }

.bottom-shape{position: absolute;bottom: -132px;right: -18px;width: 100px;height: 100px;}
.bottom-shape:before{position: absolute;content: "";top: 13px;right: 36px;width:40px;height: 40px;border-radius: 5.895px;border: 2.947px solid rgba(254, 254, 254, 0.37);z-index:1}
.bottom-shape:after{position: absolute;content: "";top: -44px;right: 50px;width: 75px;height: 75px;border-radius: 8.842px;border: 2px solid #FEFEFE;z-index:2}

.page-header-section{padding:10.2rem 0 10rem; max-width: 800px; margin: 0px auto; text-align: center;}
.page-header-section .subtitle{padding-bottom: 10px; font-size: 16px;font-weight: 700;line-height: 28px;letter-spacing: 0.8px; color: #8BCA89; text-transform: uppercase;}
.page-header-section .section-title{margin: 0 0 24px; font-size: 5.6rem;font-style: normal;font-weight: 700;line-height: 6.2rem; }
/*.page-header-section p{padding-bottom: 24px;}*/
.page-header-section .section-title span{color: #8BCA89;}

.team-training{background: rgba(15, 58, 66, 1); display: flex; align-items: center; color:rgba(254, 254, 254, 1);}
.team-training .title{font-size: 3.6rem     ;font-style: normal;font-weight: 700;line-height: 40px; color: #FEFEFE;}

.team-training .left{width: 50%;padding: 8rem 0; background:#478A45 url(assets/images/free-iPhone-mockup-4.png) no-repeat center; background-size: cover; justify-content: center; align-items: center; display: inline-flex;}
.team-training ul{max-width: 60%; list-style: none; margin:25px 0 0 0px; padding: 0; display: flex; flex-wrap: wrap;}
.team-training ul li{padding: 10px 60px 10px 0; width: 100%; display: flex; align-items: center;}
.team-training ul li i{margin-right: 10px; margin-bottom:0px; display: flex;}

.team-training .right{width: calc(50% - 5%); padding: 8rem 0;}
.team-training .right .cnt{ padding-right: 5%; padding-left: 10%;}
.team-training .right p{max-width: 70%;}

.testimonials {padding: 8rem 0 3rem; color: #fff; background: #0E3941;}
.testimonials .title{font-size: 3.6rem;font-style: normal;font-weight: 700;line-height: 4.0rem;}
.testimonials .cnt{max-width: 40%;}
.testimonial-slider{padding: 0; margin:6rem 0 3rem;}
.testimonial-slider .slick-slide {
padding: 0 25px;
height: auto !important;
display: flex;
}
.testimonial-slider .slide-item {
flex: 1;
background: #478A45; border: 4px solid #FEFEFE;
padding: 20px;
border-radius: 4px;
color: #fff;
font-size: 15px;
line-height: 1.6;
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
box-sizing: border-box; margin: 35px 0;
}

.stars {
color: #F6BD00; 
font-size: 16px;
margin-bottom: 10px;
display: block;
}

    .author {
      margin-top: 12px;
      font-size: 13px;
      font-style: italic;
      color: #ccc;
      display: block;
    }

    /* Slick dots */
    .slick-dots li button:before {
      color: #fff !important;
      font-size: 10px;
    }
.text-green{color: rgba(139, 202, 137, 1);}
.white-bg{background:  #fff !important}
.text-black{color:#052932}

.get-touch{background:#21581F; padding:8rem 0; color: #fff;}
.get-touch .section-heading{margin: 10px 0 15px; font-size: 7.2rem;font-style: normal;font-weight: 700;line-height: 7.2rem;}
.get-touch p{max-width: 800px;}
.get-touch .subtitle {font-weight: 700;}
.form-section {margin: 4rem 0 0;}

.form-section .form-col{width: 49%; margin: 0 0 30px; position: relative;}
.form-section input, .form-section textarea, .subscription-bx input{padding: 16px; background:#fff ; border: 1px solid #052932; width:calc(100% - 32px); outline: none; color: rgba(5, 41, 50, 1);font-size: 16px;font-style: normal;letter-spacing: 0.8px;font-family: "Plus Jakarta Sans", sans-serif;}
.form-section input:focus, .form-section textarea:focus{outline: none; box-shadow: none;}
.form-section textarea{height: 102px; resize: vertical;}
.form-section input:focus, .form-section textarea:focus, .subscription-bx input:focus{ border:1px solid rgba(139, 202, 137, 1)}

.form-section input[type="submit"]{padding: 0; margin-top: 15px; text-transform: uppercase; cursor: pointer;}
.get-touch .form-group p{max-width: 100%;}
.form-group.w-100{margin-bottom: 30px;}


input::placeholder,
textarea::placeholder {
  color: rgb(5 41 50 / 41%);
  opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgb(5 41 50 / 41%);
  opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color:rgb(5 41 50 / 41%);
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgb(5 41 50 / 41%);
}
span.wpcf7-not-valid-tip {
    font-size: 15px;
}
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
        border: 0; color: #052932;text-align: center; font-size: 16px;padding: 0; display: none;}



.form-group {display: flex; align-items: flex-start; justify-content: space-between; width: 100%;
    position: relative; margin: 0;}
.form-group p{width: 100%;}
.w-100{width: 100%;}


.footer-banner img{width: 100%; object-fit: cover; display: flex;}
.parallax {
background-image: url('assets/images/footer-banner.jpg'); /* your image */
height: 700px; /* section height */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.parallax2 {
background-image: url('assets/images/features-banner.jpg'); /* your image */
height: 700px; /* section height */
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
a.border-btn-green, a.border-btn-black, .orang-btn,
a.border-btn2, .form-section input[type="submit"], .subscription-bx input[type="submit"]{    transition: .45s; color: #fff; display:inline-flex; width:238px; justify-content:center; line-height:56px; position:relative; z-index:2; background:rgba(5, 41, 50, 1);transition: 0.5s ease-in-out; box-shadow:none; text-decoration: none;
/*box-shadow:rgb(255, 255, 255) 2px 2px 0px 0px, #FEFEFE 3px 3px;*/ padding-left: 5px;padding-right: 5px;border:0; color: #fff;}
a.border-btn-green{border:0;background: #478A45;/* box-shadow: #052932 4px 4px, #052932 5px 5px;*/}
a.border-btn-black{border:0;/*background: #052932; box-shadow: #8BCA89 4px 4px, #8BCA89 5px 5px;*/}
.orang-btn{border:0;background: #DD412C; box-shadow:none; padding: 0 26px;  width: auto;
    line-height: 45px; width: auto !important; text-transform: uppercase;}
.orang-btn:hover,
a.border-btn-green:hover, 
a.border-btn2:hover, 
 a.border-btn-black:hover,
.form-section input[type="submit"]:hover, 
.subscription-bx input[type="submit"]:hover{box-shadow:none;color: #fff;transform: translateY(-3px);}
.page-template-template-contact .form-section input[type="submit"] {}

{background: rgb(5 41 50 / 91%);}

.text-center{text-align: center;}
.mt-2{margin-top: 5rem;}
.plan-detail .orang-btn{ box-shadow: #8BCA89 4px 4px, #8BCA89 5px 5px;}
.plan-detail .orang-btn{transform: inherit;}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: rgba(5, 41, 50, 1);
}
::-moz-placeholder { /* Firefox 19+ */
  color: rgba(5, 41, 50, 1);
}
:-ms-input-placeholder { /* IE 10+ */
  color: rgba(5, 41, 50, 1);
}
:-moz-placeholder { /* Firefox 18- */
  color: rgba(5, 41, 50, 1);
}

.d-flex{display: flex;}
.justify-center{justify-content: center;}
.justify-between{justify-content: space-between;}
.align-center{align-items: center;}
.flex-column{flex-direction: column;}
.h-100{height: 100%;}
.text-white{color: #fff !important}
.pb-0{padding-bottom: 0 !important;}

/*inner page*/
.page-banner {position: relative;}
.page-banner img{position: relative; width: 100%; height:590px; display: flex; object-fit: cover; z-index: 1}
.page-banner .banner-cnt{position: absolute; width: 100%; bottom: 80px; color: #fff; z-index: 2}
.page-banner .title{margin: 0 0 26px; font-size: 3.6rem;font-weight: 700;line-height: 4rem;}
.page-banner .cnt{max-width: 500px}

.your-vision{padding-top: 10rem; display: flex; align-items: center; justify-content: center;color: #052932;}
.your-vision .lft-col{width: 45%; margin-right: 5%}
.your-vision .subtitle{color: #478A45;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 28px;
letter-spacing: 0.8px;}
.your-vision .section-title{color:#052932;
font-size: 7.2rem; line-height: 7rem;
font-style: normal;
font-weight: 700;
line-height: normal;}

ul.our-service{margin:7rem 0px 0; padding: 0px; list-style: none;}
ul.our-service li{display: flex; justify-content: space-between;}
ul.our-service li .icon{width: 66px; margin-right: 30px; display: inline-flex;}
ul.our-service li .icon i{display: flex;width: 66px;
height: 66px;
justify-content: center;
align-items: center;border-radius: 50%;
background: rgba(71, 138, 69, 0.20);}

ul.our-service li .cnt-bx{margin: 2.5rem 0 6rem; padding: 28px 0 0; width: calc(100% - 96px); border-top:1px solid rgba(71, 138, 69, 1)}
ul.our-service li .cnt-bx h2{color: #052932; margin-bottom: 15px;
font-size: 3.6rem;
font-style: normal;
font-weight: 700;
line-height: 4rem;}
ul.our-service li .cnt-bx p{max-width: 500px}

.your-vision .rgt-col{width: calc(100% - 50%);}
.your-vision .rgt-col .frame{padding: 0px 15px 0 0; position: relative; height: 432px;}
.your-vision .rgt-col .frame img{width: 100%; height: 100%; object-fit: cover; position: relative;}
.your-vision .rgt-col .frame:after, .your-vision .rgt-col .frame:before{ height:92%; width:15px;position: absolute; right: 0; bottom:0; content:""; background:#8BCA89; z-index: 1}
.your-vision .rgt-col .frame:after{bottom: 0; width: 100%; height: 15px}

.our-members{padding-top:6rem;}
.our-members h2{padding-bottom:32px;font-size: 36px;padding-top: 30px;font-style: normal;font-weight: 700;line-height: 40px;}
.our-members ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: 1fr; /* default single column */
  gap: 16px;
  max-width: 100%;
  margin: auto;
}
.our-members li {display: inline-flex; position: relative;}
.our-members li:first-child {
      grid-column: 1 / -1; /* span all columns */
    }
.our-members ul{
      grid-template-columns: repeat(3, 1fr);
    }
.our-members ul .first-column{align-items: flex-start;  display: flex; justify-content: space-between; border-top: 1px solid rgba(19, 57, 59, 1);border-bottom: 1px solid rgba(19, 57, 59, 1);}
.our-members ul .lft{width: 48%; margin-right: 2%;padding: 16px 0;}
.our-members ul .lft img{width: 100%; height: 100%; object-fit: cover;}
.our-members ul .icon{position: absolute; top:-16px; left: 0px;    width: 40px; height: 40px; margin:0px 5px 5px 0 ; background: #000; display: inline-flex; justify-content: center; align-items: center;}
.our-members ul .rgt .icon{top: 0px}
.our-members ul .rgt{padding: 16px 0; width: calc(100% - 50%); position: relative;}
.our-members ul .rgt .cnt-bx{font-size: 24px;line-height: 32px;}
.our-members ul .cnt-bx{color: #052932; padding: 0px;font-size: 20px;font-weight: 400;line-height: 28px;}
.our-members .description{padding: 0px 0 0 50px}
.our-members ul a, .our-members ul strong{color: #8BCA89;}

.faq-section{color: #fff; min-height: 800px; padding: 10rem 0 8rem; background:#0F3A42 url(assets/images/faq-bottom.png) no-repeat bottom right;}
.faq-section h2{font-size: 7.2rem;font-weight: 700;line-height: normal;}
.faq-box{padding: 3.8rem; margin-top: 6rem; background:#2a646f54; max-width: 630px;}
.faq-box .title{font-size: 24px; margin-bottom: 24px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-decoration-line: underline;
text-decoration-style: solid;
text-decoration-skip-ink: auto;
text-decoration-thickness: auto;
text-underline-offset: auto;
text-underline-position: from-font;}


.faq-section h3 + div{margin: 0 0 20px; padding-left: 15px}
.faq-section h3{position: relative;padding-left: 15px; margin:  0 0 6px; color: rgba(138, 201, 136, 1);font-size: 16px;font-style: normal;font-weight: 700;}
.faq-section h3:before{width: 6px;height: 6px; background: rgba(138, 201, 136, 1); border-radius: 50%;top: 5px; left: 0;position: absolute;content: "";}

.our-plans {padding: 8rem 0 0}

.premium-plans{padding: 8rem 0}
.premium-plans ul{list-style: none; margin: 0; padding:5rem 0 0; gap: 50px; display: flex; align-items: center;}
.premium-plans li{display: inline-flex; color: #052932;  width: 33.3%;}
.premium-plans .icon{width: 70px;height: 70px; margin-right: 16px; background: rgba(71, 138, 69, 1); display: inline-flex; justify-content: center; align-items: center;}
.premium-plans .description{width: calc(100% - 86px);}
.premium-plans .description span{font-size: 18px;font-style: normal;font-weight: 700;line-height: normal;}
.premium-plans p{font-size: 14px; line-height: normal;}

.impact-section{background: rgba(71, 138, 69, 1); padding:10rem 0 12rem}
.impact-section .section-title{margin: 0 auto; padding:0px 0 30px; max-width: 60%;}
.ptb{padding: 10rem 0 !important;}
.feature-plans section{padding: 6rem 0 0; background: #fff;flex-direction: row-reverse;}
.feature-plans section:nth-child(2n+1){background: #F5FFF5; border-bottom: 1px solid rgba(71, 138, 69, 1);}
.feature-plans section:nth-child(2n) .container{flex-direction: row-reverse;}
.feature-plans .container{display: flex; align-items: center; justify-content: space-between;}
.feature-plans .rgt{display: inline-flex; justify-content: baseline; align-items: baseline;}
.feature-plans .title{ margin-bottom: 16px;
color: #052932;
font-size: 5.6rem;
font-weight: 700;
line-height: normal;}

.feature-plans .lft, .feature-plans .rgt{width: 45%}
.feature-vision .section-title{font-size: 5.6rem; line-height: normal;}
.feature-vision .lft-col, .feature-vision .rgt-col{width: 45%; margin: 0px;}
.feature-vision .container{justify-content: space-between;}
.feature-vision .container:nth-child(2n) {flex-direction: row-reverse;}
.feature-vision ul{margin: 0px;padding: 0; list-style: none;}
.feature-vision ul li{position: relative;font-size: 16px; color: #052932;
font-style: normal; padding-left: 18px;
font-weight: 400;
line-height: 26px;}
.feature-vision ul li:before{content: '';
    display: block;
    position: absolute;
    top: 4px;
    left: 0;
    width: 5px;
    height: 10px;
    border: solid #478A45;
    border-width: 0 2px 2px 0;
    transform: rotate(39deg);
    -webkit-transform: rotate(39deg);
    -moz-transform: rotate(39deg);;}

.subscription-bx{margin:8rem 0 0; padding: 6rem 0; background: #478A45; color: #fff; display: flex; flex-direction: column;}
.subscription-bx .section-summary{max-width: 70%;}
.subscription-bx form p{padding: 0; margin: 0;margin-bottom: 20px;}
.section-summary{margin: 0 0 24px;}
 .subscription-bx input[type="submit"]{padding:0}

.plan-detail{display: flex; align-items: center; padding-top: 5rem; padding-bottom: 2rem; justify-content: center;}
.plan-detail .card{padding: 7.5rem 2.5rem; background: #8BCA89; color:#052932; width:25%; position: relative;}
.plan-detail .plan-name{font-size: 3.2rem;font-style: normal;font-weight: 700;line-height: normal;}
.plan-detail .price{padding: 3rem  0 9px;font-size: 4.8rem;font-style: normal;font-weight: 700;line-height: 4.8rem;}
.plan-detail .price sub { font-size: 16px; vertical-align: baseline;    color: #0F3A42;font-weight: 400;}

.plan-detail .coach{font-size: 16px;font-style: normal;font-weight: 400;line-height: 24px;text-transform: capitalize;}

.plan-detail ul{margin:3.2rem 0 0; padding:3.2rem 0 0; list-style: none; border-top: 1px solid #478A45;}
.plan-detail ul li{padding: 0 0 0 30px; margin-bottom: 16px; line-height: 24px; position: relative; z-index: 1;}
.plan-detail ul li:before { position: absolute; content: ""; left: 0; top:2px;
    width: 22px;
    height: 22px;
    background-image: url('assets/images/check.png'); /* relative to CSS file */
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
}
.plan-detail .card:nth-child(2n){background: #478A45; margin-top: -23px; margin-right: -1.5rem; margin-left: -1.5rem; color: #fff; z-index: 2;}
.plan-detail .card .orang-btn {
     position: absolute;
    top: -13px;
    /* left: 0; */
    width: 140px;
    padding: 0 10px;
    line-height: 27px;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
}


.gallery-images { padding-top: 9rem; display: flex; justify-content: space-between; /*overflow-x: hidden;*/}
.gallery-images .left-bx{width: 100%;}
.gallery-images .center-bx{width:100%;  margin: 0;  align-items: center;
    display: inline-flex
;
    justify-content: center;}
.gallery-images .rgt-bx{width: 100%;}
.gallery-images .left-bx, .gallery-images .rgt-bx {
display: grid;
grid-template-columns: repeat(3, 1fr); 
/*  grid-auto-rows: 120px;  gap:20px;*/              

justify-items: center;                
align-items: center;


box-sizing: border-box;
}
.gallery-images .slick-track{margin: 0 -20px;}
.gallery-images .slick-slide{margin: 0 20px;}

.gallery-images img {width: 100%; height: 100%;

  object-fit: cover;
}

/* Small images */
.gallery-images .small {
  width: 50%;
  height: 124px;
}

/* Medium images */
.gallery-images .medium {
  width: 90%;
  height: 200px;/*margin-bottom: 30px;*/
}

/* Large center image */
.gallery-images .large {
  width: 100%;
  height: 400px;
}

/* Horizontal section container */
  .screen-portfolio {
    display: flex;
    overflow-x: hidden; height: calc(100vh - 120px);
   margin: 1rem 0 3rem;
  }
.gallery-images img{width: 100%;}


  .screen-portfolio section {
    flex: 0 0 100vw; 
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3em;
    color: #fff;
  }


.first-intro .inner{padding:0 5rem ;display: flex; justify-content: space-between;  color: #ffff;      align-items: center;}
.first-intro .col-one{padding: 5rem 5rem 0; width:480px; margin-right: 24px; background: #478A45;}
.first-intro .col-one h2{max-width: 80%; padding: 0 0 4rem;}
.first-intro .col-2{width:700px; margin-right: 12px;}
.first-intro .row-1{width: 100%; background: #478A45; margin-bottom: 24px;}
.first-intro .row-2{width: 100%; }
.first-intro .row-2 img{width: 100%; object-fit: cover;}
.first-intro h2{padding: 4rem; font-size: 4.8rem;font-style: normal;font-weight: 700;line-height: 4.8rem;}
.first-intro .alignright {float: right;    margin-top:10.2rem;margin-left:0px;}

.first-intro .col-one img{display: inline-flex;}
.first-intro .col-3{padding-left:0px; display: flex; align-items: center;}
.first-intro .col-3 img{margin: 0 12px;}
.first-intro p{color: rgba(255, 255, 255, 0.80);
font-size: 18px; padding-bottom: 4rem;
font-style: normal;
font-weight: 400;
line-height: 28px; }


.counters{ padding: 6rem 0 0;
display:flex;; color: #052932;
gap:10rem;
flex-wrap:wrap;
justify-content:center; align-items: flex-start;
}

.counter{ border-left: 1px solid rgba(71, 138, 69, 1);padding-left:30px;
/*background: #fff;box-shadow: 0 6px 18px rgba(20,30,60,0.06);
border-radius:12px;
padding:22px 28px;*/
width:180px;
text-align:left;

transition: transform .18s ease;
}
.counter:first-child {border-left:0px}
.counter:focus-within,
.counter:hover{ transform: translateY(-6px); }

.count{
font-size:3.6rem;
font-weight:700;
color:#111827;
}

/* show suffix from attribute */
.count::after{
content: attr(data-suffix);
font-weight:700;
margin-left:4px;
font-size:.9em;
color:#111827;
}

/* label */
.counters .label{font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: normal; margin: 10px 0 0;
}
.counters p{font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: 28px}
/* small screens */

.cms-page{padding: 6rem 0 0}
.cms-page .container{border-bottom: 1px solid #ccc; padding-bottom: 8rem;}
.cms-page .title {
    padding: 0;
    margin: 0 0 3rem;
    font-size: 5rem;
    line-height:5.5rem;
    color: #052932;
    font-weight: 700;
}
.cms-page a{color: #478A45; text-decoration: none;}
.cms-page a:hover{text-decoration: underline;}
.cms-page h2{font-size: 2.5rem;
    line-height: 4rem;
    margin-bottom: 1.5rem;
    margin-top:3rem;
    font-weight: 600;}
.cms-page ul{margin: 0px 0 3rem;padding: 0; list-style: none;}
.cms-page ul li{position: relative;font-size: 16px; color: #052932;
font-style: normal; padding-left: 18px;
font-weight: 400;
line-height: 26px;}
.cms-page ul li a{text-decoration: none; font-weight: 600;}
.cms-page ul li a:hover{color: #478A45;}
.cms-page ul li:before{content: '';
display: block;
position: absolute;
top: 4px;
left: 0;
width: 5px;
height: 10px;
border: solid #478A45;
border-width: 0 2px 2px 0;
transform: rotate(39deg);
-webkit-transform: rotate(39deg);
-moz-transform: rotate(39deg);}


footer.main-footer{padding:6.5rem 0;background: #fff; position: relative;color:#052932; text-align: center;}
footer.main-footer .title{padding: 0; margin: 0 0 10px; font-size: 7.2rem; line-height: 7.2rem; color: #052932; font-weight: 700;}
footer.main-footer .available{padding: 4rem 0 10px;color: #000}
footer.main-footer .app-btns {margin-bottom: 5.4rem;}
footer.main-footer .app-btns a{margin: 0 8px;}

footer.main-footer .design-by{display:flex; align-items: center; font-size: 15px; justify-content: center; line-height: 20px}
footer.main-footer .design-by img{margin-left: 10px; width: 55px;}
footer.main-footer .design-by a{display: inline-flex;transition: .45s;}
footer.main-footer .design-by a:hover{transform: translateY(-3px);}

.socialmedia{display: flex; align-items: center;}
.socialmedia a{margin:0px 16px;}
.socialmedia a:before{display: none}
.socialmedia a:hover svg path{fill:#8bca89}
/*.socialmedia a:first-child:hover svg path{stroke:#8bca89; fill:transparent}*/
.socialmedia a:first-child:hover svg path{stroke:#8bca89; fill:transparent}

footer.main-footer .cms-links {margin: 5.4rem 0 2.8rem;}
footer.main-footer .cms-links ul{margin: 0; padding: 0; list-style: none; display: flex; align-items: center;}
footer.main-footer .cms-links a{margin: 0 15px;color:#052932; text-decoration: none; position: relative; text-decoration: none;}
footer.main-footer .cms-links a:before{position: absolute;content: "";top: 6px;left: -17px;height: 17px;width: 2px;background: rgb(156 153 153);}
footer.main-footer .cms-links a:first-child:before{display: none;}

footer.main-footer .cms-links a::after, .morelink a:after {content: "";position: absolute;left: 0;bottom: 0;width:100%;height: 1px;background:#052932;transition: width 0.3s ease;}
footer.main-footer .cms-links a:hover::after, .morelink a:hover:after {width: 0%;}
footer.main-footer .cms-links li.current-menu-item a {color:#478a45}
footer.main-footer .cms-links li.current-menu-item a::after{background:#478a45}
.morelink a:after{background: rgba(139, 202, 137, 1);}
.morelink a{position: relative; text-decoration: none;}


.faq-section .description {
  max-height: 500px; 
  overflow-x: auto; 
  scroll-behavior: smooth; 
  scrollbar-width: thin; 
  scrollbar-color:rgba(33, 88, 31, 1)  rgba(139, 202, 137, 1) 
}


.faq-section .description::-webkit-scrollbar {
  height: 10px;  
}
.faq-section .description::-webkit-scrollbar-track {
  background: rgba(139, 202, 137, 1);  
  border-radius: 10px;
}
.faq-section .description::-webkit-scrollbar-thumb {
  background:rgba(33, 88, 31, 1);
  border-radius: 10px;
}
.faq-section .description::-webkit-scrollbar-thumb:hover {
  background:rgba(33, 88, 31, 1); 
}
::selection {
  background: #8bca89; 
  color: #ffffff; 
}
::-moz-selection {
  background: #8bca89;
  color: #ffffff;
}

#scroll {display: none;position: fixed;bottom: 20px;right: 20px;cursor: pointer;z-index: 1000; transition: 0.5S;}
#scroll:hover {transform: translateY(-5PX);}

#portfolio, #gallery-scroll {
  overflow-x: hidden; /* hide scrollbar */
  width: 100%;
}

.screen-portfolio .inner{
  display: flex;       /* horizontal layout */
  gap: 0;           /* spacing between columns */
  width: max-content;  /* ensure inner can scroll horizontally */
}

.screen-portfolio .col-one,
.screen-portfolio .col-2,
.screen-portfolio .col-3 {
  flex: 0 0 auto;      /* prevent shrinking */
}



/* Responsive */
@media screen and (max-width:1200px) {
html{font-size: 55%;}
.fw-container, .container {max-width: 90%; padding-left: 0; padding-right: 0;} 
}

@media (max-width: 800px) {
.page-header-section{max-width: 100%;}    
.fw-container, .container {max-width: 85%; padding-left: 0; padding-right: 0;} 

html{font-size: 50%;}    
.brand-logo img{width: 48px}
.header-rgt{display: none;}
.menu .app-btns, .menu .socialmedia {justify-content: center;
    display: flex;
}
.menu .socialmedia{margin: 5rem 0;}
.menu .socialmedia svg path{fill: #fff;}
.menu .socialmedia svg{width:35px; height: 35px;}
.menu li a{font-size: 30px;line-height: 40px;}
.menu-toggle {
margin-top: 8px;
display: flex;
flex-direction: column;
justify-content: space-between;
width: 28px;
height: 22px;
background: none;
border: none;
cursor: pointer;
padding: 0;
z-index: 1001;
position: relative; margin-left: auto;
}

.menu-toggle span {
width: 36px;
height: 2px;
background-color: #ecf0f1;
display: block;
margin: 9px auto;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}

/* Active (close button) state */
.menu-toggle.active span:nth-child(1) {
-webkit-transform: translateY(10px) rotate(45deg);
-ms-transform: translateY(10px) rotate(45deg);
-o-transform: translateY(10px) rotate(45deg);
transform: translateY(10px) rotate(45deg);
}

.menu-toggle.active span:nth-child(2) {
opacity: 0;
}

.menu-toggle.active span:nth-child(3) {
-webkit-transform: translateY(-13px) rotate(-45deg);
-ms-transform: translateY(-13px) rotate(-45deg);
-o-transform: translateY(-13px) rotate(-45deg);
transform: translateY(-13px) rotate(-45deg);
}
/*
.header-rgt {
display: inline-flex;
align-items: center;
gap: 21px;
justify-content: center;
}
*/
.page-header.sticky, .page-header{padding: 10px 0;}
.hedder-inner, .page-header.sticky .hedder-inner{height: 50px;}
/*.brand-logo {
    position: relative;
    left: 0;
}*/
.menu-toggle span:first-child{margin-top:-5px}

.menu {
position: absolute;
top:100%;height: 100vh;
right: -100%;
flex-direction: column;
background:rgb(71 138 69 / 97%);
width: 100%;
transition: 0.3s ease;

}

.menu ul{padding: 30px 41px 50px;
margin-top: 0;
justify-content: center;
align-items: center;
display: flex;
flex-direction: column;height: calc(100vh - 50%);}
.menu li {padding: 20px 0 0;display:flex;
}
/* Blur body content when menu is open */
body.menu-open main,
body.menu-open header:not(.page-header),
body.menu-open footer {filter: blur(12px);transition: filter 0.3s ease;}
body.menu-open header{background: rgb(71 138 69 / 97%);}
/* Optional: prevent scrolling when menu is open */
body.menu-open {overflow: hidden;}
.menu.show {right: 0;}
.menu-toggle {display: block;}
.menu .btn-heading{color: #FEFEFE; margin-bottom: 15px; display:block;
text-align: center;
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 21.949px; /* 182.906% */
letter-spacing: 0.6px;}

.our-members ul {grid-template-columns: repeat(2, 1fr);}
.our-members ul .first-column {flex-wrap: wrap;}
.our-members ul .lft {width: 100%; margin: 0 0 30px;}
.our-members ul .rgt {width: 100%;}
.our-members li:last-child {margin-top:40px; grid-column: 1 / -1;}
.our-members ul .first-column{padding-bottom: 20px;padding-top: 20px;}

.impact-section .section-title{max-width: 100%;}
/*.gallery-wrap {
    width: 100%;
    overflow-x: scroll;
}
.gallery-images {
    padding-top: 9rem;
    display: flex
;
    justify-content: space-between;
    overflow-x: scroll;
    width: 2000px;
    white-space: nowrap;
}*/


}/*768 end*/


@media screen and (max-width:767px) {
.faq-section{padding: 6rem 0;}    
.page-header-section{max-width: 100%;}    
.fw-container, .container {max-width: 85%; padding-left: 0; padding-right: 0;}    
html{font-size: 48%;}
footer.main-footer .title, .hero-banner h1, .faq-section h2, .your-vision .section-title{font-size:5.2rem; line-height: 5.5rem;}
.section-title, .feature-plans .title, .page-header-section .section-title{font-size:4.8rem; line-height: 5rem;}
.page-header-section {padding:6rem 0;}
.your-vision{padding-top: 8rem;}
 .team-potential, .ai-planners .left{padding-top: 5rem;}
.team-potential{padding-bottom: 4rem;}

.hero-banner .banner-cnt{width: 90%;}
.team-potential ul, .ai-planners, .team-training, .testimonials .fw-container, .form-group, .your-vision{flex-wrap: wrap;}
 .ai-planners .left p, .ai-planners ul, .ai-planners .right, .team-training, .team-training .left, .team-training .right,.testimonials .title ,
 .testimonials .cnt,.form-section .form-col
 {width: 100%; max-width: 100%;}

.team-training {flex-direction: column-reverse;}

.ai-planners .left, .ai-planners .right, .team-training .left, .team-training .right{padding: 4rem 0;}
.ai-planners .left{ width: 85%;max-width: 85%; margin: 0 auto;}
.ai-planners ul{justify-content: space-between;}
.ai-planners ul li{width: 46%; padding: 0 0 30px;}


.testimonials .title {margin-bottom: 3rem;}
.testimonial-slider{margin: 4rem 0 0;}

.team-potential ul li{margin-bottom: 2rem;width: calc(45% - 40px);}

.testimonial-slider .slide-item{margin: 20px 0;}


/*.screen-portfolio{height: 800px;}*/
p{line-height: 24px;font-size: 16px;}
.cnt p { margin-bottom:0px;display: flex;flex-direction: column-reverse;}
.first-intro .alignright{    margin-top: 3rem;  margin-left: 0;}
.first-intro p{padding-bottom: 0;}    
.first-intro .col-one{width: 310px; margin-left: 24px;}
.first-intro h2{font-size: 3.2rem; line-height: 3.5rem;}
.first-intro .inner{padding: 0;}
.first-intro .col-one h2{max-width: 100%;}
.first-intro .col-one{padding: 3rem 3rem 0;}
.first-intro .col-one img{max-width: 150px; margin: 0 auto;}
.first-intro .col-3 img{width: 250px;height: auto;}

.your-vision .lft-col{width: 100%;margin: 0 0 30px;}
.your-vision .rgt-col {width: 100%;}
ul.our-service li .cnt-bx{margin-bottom: 3rem;}
ul.our-service li .icon i{width: 50px; height: 50px;}
ul.our-service li .cnt-bx{width: calc(100% - 50px);}

.our-members ul {grid-template-columns: repeat(1, 1fr);}
.our-members li{margin-top: 40px;}
.our-members li:first-child{margin-top: 0px;}

.ptb{padding: 8rem 0 !important;}
.premium-plans{padding:6rem 0 5rem;}
.premium-plans ul {flex-wrap: wrap;justify-content:space-between; gap: 0;}
.premium-plans li {width:100%;margin:0 0 30px; padding:0}
.premium-plans li:last-child{margin-bottom: 0;}

.plan-detail {flex-wrap: wrap;}
.plan-detail .card:nth-child(2n),
.plan-detail .card {width:100%; margin:0 0 25px}

.feature-plans .container {flex-wrap: wrap;}
.feature-plans .lft{margin-bottom:40px}
.feature-plans .lft, .feature-plans .rgt {width: 100%;}
.feature-plans .rgt img{margin:0 auto; width: 80%;}
.feature-plans section{padding:8rem 0 0}
.team-training ul{width: 100%; max-width: 100%;}
.page-banner img{height: 350px;}
.bottom-shape, .ai-planners:before{bottom: -110px;right: -30px; display: none;}
.screen-portfolio{height: calc(100vh - 185px);}
.faq-section{min-height: inherit;}
.faq-box{background: #2a646fbf;}
.faq-box p{font-size: 16px; line-height: 24px;}
footer.main-footer .cms-links ul li {
    display: inline-flex;
    font-size: 16px;
}

.page-header, .page-header.sticky{position: fixed;top: 0;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
padding: 8px 0;}
.page-header .brand-logo img, 
.page-header.sticky .brand-logo img {
    width: 60px;
}
main{padding-top: 64px}

footer.main-footer .app-btns {justify-content: space-between;}
footer.main-footer .app-btns a {
    width: 48%;
    margin: 0;
    padding: 0;
}
footer.main-footer .app-btns a img{width: 100%;}
a.border-btn-green, a.border-btn-black, .orang-btn, a.border-btn2, .form-section input[type="submit"], .subscription-bx input[type="submit"]{width: 100%;}

.gallery-images { padding-top: 5rem;}
.gallery-images{flex-wrap: wrap;}
.gallery-images .center-bx{width: 100%;}
.gallery-images .left-bx, .gallery-images .rgt-bx{width: 100%; overflow-x: hidden;}
.gallery-images .left-bx div:nth-last-child(-n+4), .gallery-images .rgt-bx div:nth-last-child(-n+3),
.gallery-images .left-bx div:first-child
{
    display: none;
  }
 .gallery-images .medium, .gallery-images .large{width: 100%;height: 350px;} 
 .gallery-images img{width: 100%; height: 100%;}
.gallery-images .medium{margin: 0; }
.testimonial-slider .slide-item{border: 2px solid #FEFEFE;}

.gallery-wrap{max-width: 90%; margin: 0 auto;}
.gallery-images .slick-slide, .gallery-images .slick-track{margin: 0;}

.gallery-images .left-bx, .gallery-images .rgt-bx{grid-template-columns: inherit;}

.subscription-bx .section-summary {max-width: 100%;}


}

@media (max-width:460px){
a.border-btn-green, a.border-btn-black, .orang-btn, a.border-btn2, .form-section input[type="submit"]{width: 100%;}    
.counters{gap: 0;    justify-content: space-between;}
.counter:first-child{border-left: 1px solid rgba(71, 138, 69, 1)}
.counter {
width: 39%;
padding: 0 0 0 9%;
margin-bottom: 36px;
}
.count{ font-size:28px; }
}