*{padding:0; margin:0;}
body, html { margin:0 ; font-family: 'Poppins', sans-serif; font-size:12px; font-weight:400; color:#041717; -webkit-user-select: none;}
img{border:none;}
a{text-decoration:none;}
input:focus{outline:0;}

.wrapper{margin:0 auto; max-width: 1264px; width:90%;}
.header{width:1264px; position:fixed; top: 24px; padding:16px 24px; border-radius: 16px; background:rgba(240,240,240,0.8); left: 50%;   transform: translate(-50%, 0); display:flex; justify-content:space-between; align-items:center; backdrop-filter: blur(4px); z-index: 99;}
.header .logo{width: 90px;}
.header .logo img{width: 90px;}
.header .contact{display: flex; justify-content:space-between; align-items:center; gap: 32px;}
.header .contact .call{display: flex; align-items:center;}
.header .contact .call .callicon{width: 24px; margin-right: 8px;}
.header .contact .call .callicon img{width:24px; height:24px;}
.header .contact .call .cntctNum{font-size:14px; color:#041617; font-weight: 500;}
.header .contact .whtsapp{padding:8px 12px; background:#4AC337; border-radius: 8px; display: flex; align-items:center; gap: 4px; transition: all 0.3s ease;}
.header .contact .whtsapp:hover{background:#349624;}
.header .contact .whtsapp .icoWA{width: 24px;}
.header .contact .whtsapp .WAText{color: #fff; font-weight: 500;}

.hero-container{width: 100%; height: 800px; background:url(../img/hero_bg.jpg) no-repeat right; background-size: cover;}
.hero-container .heroWrap{width: 66%; display: flex; flex-direction:column; justify-content: center; margin: 0 auto; align-items: left; position:relative; float: left;}
.hero-container .heroWrap h1{font-size: 56px; font-family: "Exo", serif; color: #fff; line-height:49px; font-weight: 400; margin-top:206px;}
.hero-container .heroWrap h1 span{font-size: 36px;}
.hero-container .heroWrap .punch{font-size: 32px; color: #fff; line-height:68px; font-weight: 600; margin-top:24px;}
.hero-container .heroWrap .formWrap{width: 70%; padding:32px 0; background:#F6FAF3; border-radius:24px; display:flex; flex-direction:column; column-gap: 32px; align-items: center; row-gap: 25px; position: absolute; transform: translate(0%, 125%)}
.hero-container .heroWrap .formTitle{width: calc(100% - 64px); font-size: 24px; font-weight: 600; line-height:28px;}
.hero-container .heroWrap .formTitle span{font-size: 16px; font-weight:500;}
.hero-container .heroWrap .formGroup{width: calc(100% - 64px); display: flex; justify-content:space-between; gap: 16px; flex-wrap: wrap; margin: 0 32px;}
.hero-container .heroWrap .fieldWrap{width: 48%; display:flex; flex-direction: column; gap:4px;}
.hero-container .heroWrap .fieldWrap .fieldTitle{font-size: 12px;}
.hero-container .heroWrap .fieldWrap .textfield{background:#fff; height:50px; border: 1px solid #DFE9D7; padding: 0 16px; font-size: 14px; color: #041717; font-family: 'Poppins', sans-serif; border-radius: 8px; transition: all 0.3s ease;}
.hero-container .heroWrap .fieldWrap .textfield::placeholder{color: rgba(4, 23, 23, 0.3);}
.hero-container .heroWrap .fieldWrap .textfield:focus{border-color: #349624;}
.hero-container .heroWrap .submit{width: 100%; background:#4AC337; border-radius: 8px; height:50px; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight: 500; border: none; color: #fff; cursor: pointer; transition: all 0.3s ease;}
.hero-container .heroWrap .submit:hover{background:#349624;}

section{padding:40px 0;}
.brandCont{width: 100%; padding-top: 151px;}
.brandSecTitle{width: 100%; text-align: center; font-size: 24px; font-family: "Exo", serif; font-weight: 400; margin-bottom: 40px;}
.logowrap{width: 100%; display:flex; flex-wrap: nowrap; justify-content: space-between; align-items:center;}
.logowrap .logoBlk{height: 80px;}
.logowrap .logoBlk img{height: 80px;}
.logowrap .logoDot{width: 8px; height: 8px; background:#d9d9d9; border-radius: 8px;}
.logoNote{width: 100%; text-align: center; margin-top: 24px; font-weight: 400; font-style: italic;}

.zeroCont{ background: #F6FAF3; border-radius:16px; display: flex; justify-content:space-around; padding:72px 32px; gap: 0 32px;} 
.zeroCont .zeroBlk{flex-grow: 1;}
.zeroCont .zeroBlk .zeroTitle{font-size: 24px; font-weight: 700; font-family: "Exo", serif;}
.zeroCont .zeroBlk .zeroDesc{font-size: 16px; margin-top: 8px;}

.aboutCont{width:90%; display: flex; justify-content:space-evenly; align-items:stretch; margin: 0 auto; column-gap:90px;}
.aboutCont .aboutImg{border-radius: 16px; overflow:hidden; background: url(../img/about_earthNow2.jpg); background-size: cover; flex-grow: 1; max-height: 600px;}
.aboutCont .aboutTxtWrap{flex-grow: 1; width: 20%;}
.aboutCont .aboutTxtWrap .aboutTitle{font-family: "Exo", serif; font-size: 56px; font-weight: 500; line-height:68px; margin-bottom:32px;}
.aboutCont .aboutTxtWrap .aboutTitle span{color: #4AC337; background-color: #F6FAF3; border-radius: 12px; margin-right: 5px; padding-left: 10px; padding-right: 10px; line-height: 1.1em; margin-left: -10px;}
.aboutCont .aboutTxtWrap .aboutTxt{font-size: 16px; line-height: 32px;}
.aboutCont .aboutTxtWrap .aboutTxt b{font-weight: 700;}
.aboutCont .aboutTxtWrap .aboutTxt span{font-size: 24px; font-family: "Exo", serif; float:left; margin-bottom: 16px; width: 100%;}
.aboutCont .aboutTxtWrap .aboutTxt ul{list-style: none; float:left; width: 100%;}
.aboutCont .aboutTxtWrap .aboutTxt ul li{background: url(../img/icon-check.png) no-repeat left center; width: calc(100% - 34px); float:left; padding-left:34px;}
.aboutPunch{width:90%; font-size: 32px; font-family: "Exo", serif; margin: 48px 5% 0;}


.thrPtSec{padding-bottom: 0;}
.threPointerWrap{width:100%; border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; position: relative;}
.threPointerBlk{display: flex; justify-content:center; flex-direction: row; column-gap: 24px;}
.threPointerBlk .threPoint{padding: 56px 0; border-right: 1px solid #D9D9D9; flex-basis: 33%;}
.threPointerBlk .threPoint:last-child{border-right:none; }
.threPointerBlk .threPoint .pointTitle{font-family: "Exo", serif; font-size: 24px; font-weight: 600; margin-bottom:8px;}
.threPointerBlk .threPoint .pointDesc{font-size: 16px;}

.punchCont{display: flex; justify-content:space-between; padding:32px; background: #072929; border-radius:16px; align-items:center; margin-bottom: -54px;}
.punchCont .punchLine{font-family: "Exo", serif; font-size: 24px; font-weight: 500; color: #fff;}
.punchCont .punchCall{padding: 14px 44px; background: #4AC337; border-radius: 16px; color: #fff; font-size:16px; font-weight: 500; transition: all 0.3s ease;}
.punchCont .punchCall:hover{background:#349624;}


/* Slide container with custom dot variables and background */
.slideCont {
  --dot-bg: #F6FAF3;
  --dot-color: #AEBBB6;
  --dot-size: 2px;
  --dot-space: 48px;
  background: 
    linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
    linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space),
    var(--dot-color);
}

/* Add vertical margin to slideWrap */
.slideCont .slideWrap {
  margin: 40px 0;
}

#scrolling {
  width: 100%;
  overflow: hidden;
}

#scrolling ul {
  display: flex;
  transition: transform 0.5s ease;
  padding: 0;
  margin: 0;
  list-style: none;
}


#scrolling ul li {
  flex-shrink: 0;
  width: 90vw; /* Adjust to your desired slide width */
  max-width: 1150px;
  margin-right: 32px;
}

/* Slide content container */
.slideBlk {
  display: flex;
  justify-content: space-around;
  column-gap: 32px;
  padding: 72px;
  padding-bottom: 0;
}

.slideBlk .slidTxt {
  margin-top: 50px;
}

.slideBlk .slidTxt .slideTitle {
  font-family: "Exo", serif;
  font-size: 48px;
  font-weight: 500;
  margin-bottom: 32px;
}

.slideBlk .slidTxt .slidContent {
  font-size: 16px;
  line-height: 32px;
  font-weight: 300;
}

/* Ensure slide images scale correctly */
.slideBlk .slideGr img {
  display: block;
  max-width: 100%;
  max-width: 600px; /* Adjust this value to control max size */
  height: auto;
}

/* Slide control container for arrow buttons */
.slideCtrl {
  margin-top: 37px;
  background: #fff;
  border-radius: 16px;
  padding: 10px;
  display: flex;
  column-gap: 10px;
  width: 164px;
  margin-left: 10vw;
}

/* Style for individual arrow buttons */
.slideCtrl .slideArrow {
  padding: 14px;
  background: #D9ECCC;
  border-radius: 8px;
  border: none;
  cursor: pointer;
}

.solWrap{width: 100%; padding: 80px 0 0; display: flex; justify-content:space-between;}
.solWrap .solTitle{font-family: "Exo", serif; font-size: 48px; font-weight: 500; line-height:56px; float:left; width: 40%;}
.solWrap .solPnntBlk{width: 50%; float:right;}
.solWrap .solPnntBlk .solPnt{background: #F6FAF3; border-radius: 16px; padding:16px 24px; float:left; width: calc(100% - 48px); margin-bottom: 16px;}
.solWrap .solPnntBlk .solPnt .solPntTitle{font-family: "Exo", serif; font-size: 24px; font-weight: 600; margin-bottom: 8px; }
.solWrap .solPnntBlk .solPnt .solPntDesc{font-size: 16px; font-weight: 300;}
.solWrap .solPnntBlk .solPnt:nth-child(2){margin-left:-110px;}


.missionWrap{  --dot-bg: #072929;    --dot-color: #1b5b5b;   --dot-size: 2px;   --dot-space: 48px;       background:           linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--dot-color); padding: 132px 20%; border-radius: 16px 16px 0 0;
    display: flex; justify-content: space-around; flex-direction:column; align-items: center; text-align:center;
}
.missionWrap .missionTitle{font-family: "Exo", serif; font-size: 48px; font-weight: 500; color:#fff; line-height: 56px; margin-bottom: 32px;}
.missionWrap .missionDesc{font-size: 16px; color:#fff; line-height: 32px;}
.missionWrap .missionGraphic{margin-top: 100px;}

.statCont{border-radius:0 0 16px 16px; background:#203E3E; padding: 84px 10%; display: flex; justify-content: space-between; align-items:center; column-gap: 200px;}
.statCont .statTitle{font-family: "Exo", serif; font-size: 40px; line-height: 48px; font-weight: 300; color: #fff;}
.statCont .statRow{display: flex; flex-direction: column; row-gap: 70px;}
.statCont .statBlk{display: flex; justify-content:space-between; column-gap: 57px; color: #fff; align-items: center;}
.statCont .statBlk .statCount{font-family: "Exo", serif; font-size: 72px; font-weight: 500; line-height: 32px; width:89%;}
.statCont .statBlk .statCount span{font-size: 24px;}
.statCont .statBlk .statDesc{font-size: 24px; line-height: 32px;}

.faqCont{   --dot-bg: #F6FAF3;    --dot-color: #AEBBB6;   --dot-size: 2px;   --dot-space: 48px;       background:           linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--dot-color); padding:132px 0;
}

.faqCont .faqTitle{width: 100%; font-family: "Exo", serif; font-size: 40px; font-weight: 400;}

.accordion-group { margin: 0 0 30px }

.accordion-group { margin: 0 }

#demo_wrap {
  width: 100%;
  margin-top: 56px;
}

.no-js .accordion-body { display: block }

.accordion-body {
  display: none;
  padding: 0 0 35px;
  border-radius: 5px;
}

.accordion-body > * > .accordion-body {
  background-color: #ededed;
  margin: 0
}

.accordion-header {
  background: url('../img/accordion-closed.svg') no-repeat;
  background-position: right 10px;
  cursor: pointer;
  position: relative;
  font-family: "Exo", serif; font-size: 24px; font-weight: 500; padding-bottom:32px; border-bottom:1px solid #D9D9D9; margin-bottom:32px;
}

.accordion-header.open {
  background: url("../img/accordion-opened.svg") no-repeat;
  background-position: right 10px; border-bottom:none; margin-bottom:0;
}

.secndlvl .accordion-header{font-family: 'Poppins', sans-serif; font-size:16px; font-weight:600; background: #fff url('../img/accordion-closed2.svg') no-repeat 24px; border-radius: 16px; padding:16px; border:none; margin-bottom: 8px; background-position: right;}
.secndlvl .accordion-header.open {border-radius: 16px 16px 0 0; margin-bottom:0; background: #fff url('../img/accordion-opened2.svg') no-repeat 24px; background-position: right;}
.secndlvl .accordion-body{font-family: 'Poppins', sans-serif; font-size:16px; font-weight:400; background: #fff; border-radius: 0 0 16px 16px; padding:16px; margin-bottom:8px;}
.secndlvl .accordion-body ul{margin-left: 16px;}


.footer{display:flex; justify-content:space-between; padding:40px 0;}
.footer .copy span{font-weight: 600;}
.footer .somi{display: flex; justify-content: space-between; align-items: center; column-gap: 8px;}
.footer .somi a{color:#041717; font-weight: 600;}
.footer .somi .divider{width: 8px; height:8px; border-radius: 8px; background: #D9D9D9;}

.pricewrap{padding: 180px 0 48px; --dot-bg: #fff;    --dot-color: #AEBBB6;   --dot-size: 2px;   --dot-space: 48px;       background:           linear-gradient(90deg, var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), linear-gradient(var(--dot-bg) calc(var(--dot-space) - var(--dot-size)), transparent 1%) center / var(--dot-space) var(--dot-space), var(--dot-color);}

.pricCont{width: 100%; display: flex; flex-direction:column;}
.pricCont h1{font-size: 56px; font-family: "Exo", serif; line-height:68px; font-weight: 400;}
.pricCont h2{font-size: 24px; line-height:32px; font-weight: 600; margin-top:16px;}
.pricCont h2 span{color: #F6FAF3; background-color: #4AC337; border-radius: 8px; padding-left: 10px; padding-right: 10px; line-height: 1.1em;}

.priceBlk{display: flex; justify-content:space-between; gap: 16px; margin-top: 60px;}

.priceBlk .priceTable{width: 100%; } 
.priceBlk .priceTable .earthCol{background: #F6FAF3;}
.priceBlk .priceTable .otherCol{background: #f0f0f0 !important;}

.priceBlk .priceTable .thead{padding: 24px 0 16px; text-align: center; font-size: 32px; font-family: "Exo", serif; font-weight: 300; border-radius: 16px 16px 0 0; }
.priceBlk .priceTable .colTitle{padding: 24px 0; text-align: center; font-size: 16px; font-family: "Exo", serif; font-weight: 600; border-spacing: 0; }
.priceBlk .priceTable .colDet{font-size: 16px; text-align:center; }
.priceBlk .priceTable .colDet td{ padding: 24px 0; border-top: 1px solid #d9d9d9;}
.priceBlk .priceTable .colDet .year{font-weight: 500; text-align: right; padding-right:24px;}
.priceBlk .priceTable .colDet .year:last-child{border-bottom: none;}
.priceBlk .priceTable .colDet .total{border-radius:  0 0 16px 16px; font-size: 32px; font-family: "Exo", serif; font-weight: 600; border-bottom: none;}
.priceBlk .priceTable .colDet .total span{font-size: 20px; line-height:32px; font-weight: 600; color: #F6FAF3; background: #4AC337; border-radius: 8px; padding-left: 10px; padding-right: 10px; line-height: 1.1em; font-family: 'Poppins', sans-serif; }
.priceBlk .priceTable .mobCol{display: none;}


@media (max-width: 1399px) and (min-width:1280px){
  .wrapper{width: 1100px;}
  .header{width: 1100px;}
  .hero-container .heroWrap{width: 76%;}
  .hero-container .heroWrap .formWrap{width: 80%;}
  .aboutCont{column-gap: 69px; width:85%;}
  #scrolling ul li{width: 87vw;}

}

@media (max-width: 1279px) and (min-width:1024px){
  .wrapper{width: 1000px;}
  .header{width: calc(1000px - 48px);}
  .hero-container .heroWrap{width: 80%;}
  .hero-container .heroWrap h1{font-size: 48px; line-height:56px;}
  .hero-container .heroWrap h1 span{line-height: 40px; float: left; margin-top: 12px;}
  .hero-container .heroWrap .punch{font-size: 24px;  margin-top:0;}
  .aboutCont{column-gap: 24px; width:85%;}
  .aboutCont .aboutImg{flex-grow: 2;}
  .slideBlk .slideGr{width: 100%; display: flex;}
  .slideBlk .slideGr img{width: 100%;}
  .aboutCont .aboutTxtWrap .aboutTitle{font-size: 48px; line-height:56px;}
  .slideBlk .slidTxt{width:70%;}
  .slideBlk .slidTxt .slideTitle {font-size: 32px;}
  #scrolling ul li{width: 86vw;}
  .slideCtrl{margin-left:6vw; width:117px; margin-top: 24px;}
  .slideCtrl .slideArrow img{width: 24px; height: 24px;}
  .solWrap{flex-direction: column;}
  .solWrap .solTitle{font-size: 32px; line-height:48px; width: 100%; text-align:center;}
  .solWrap .solPnntBlk{width: 100%; margin-top:24px; display: flex; column-gap: 16px; justify-content: space-between;}
  .solWrap .solPnntBlk .solPnt:nth-child(2){margin-left: 0;}
  .statCont{gap:80px;}
}

@media (max-width: 1023px) and (min-width:768px){
  .wrapper{width: 90%;}
  .header{width: calc(90% - 48px);}
  .hero-container{background: url(../img/hero_bg_mob.png) no-repeat center; background-size: cover;}
  .hero-container .heroWrap{width: 100%;}
  .hero-container .heroWrap h1{font-size: 48px; line-height:56px; width: 65%; margin-top: 200px;}
  .hero-container .heroWrap h1 span{line-height: 40px; float: left; margin-top: 12px; font-size:32px;}
  .hero-container .heroWrap .punch{font-size: 24px;  margin-top:0;}
  .hero-container .heroWrap .formWrap{width: 100%;}
  .aboutCont{column-gap: 24px; width:100%; flex-direction: column;}
  .aboutCont .aboutImg{width:100%; height:500px; background-position-y:-150%;}
  .aboutCont .aboutTxtWrap{width: 100%; margin-top: 32px;}
  .slideBlk{padding: 24px; flex-direction: column; padding-bottom: 0;}
  .slideBlk .slideGr{width: 100%;}
  .slideBlk .slideGr img{width: 100%;}
  .aboutCont .aboutTxtWrap .aboutTitle{font-size: 48px; line-height:56px;}
  .slideBlk .slidTxt{width:100%; margin-top: 0; margin-bottom:24px;}
  .slideBlk .slidTxt .slideTitle {font-size: 32px;}
  #scrolling ul li{width: 76vw;}
  .slideCtrl{margin-left:11vw; width:117px; margin-top: 24px;}
  .slideCtrl .slideArrow img{width: 24px; height: 24px;}
  .solWrap{flex-direction: column;}
  .solWrap .solTitle{font-size: 32px; line-height:48px; width: 100%; text-align:center;}
  .solWrap .solPnntBlk{width: 100%; margin-top:24px; display: flex; column-gap: 16px; justify-content: space-between;}
  .solWrap .solPnntBlk .solPnt:nth-child(2){margin-left: 0;}
  .statCont{gap:80px; flex-direction: column;}
  .logowrap .logoBlk{height: 60px;}
  .logowrap .logoBlk img{height: 60px;}
  .zeroCont{flex-direction: column; row-gap: 32px; padding: 32px;}
  .punchCont{column-gap: 16px;}
  .punchCont .punchCall{padding: 14px 16px; flex-grow: 2; text-align: center;}
  .punchCont .punchLine{width: 60%;}
  .missionWrap .missionGraphic{width: 100%;}
  .missionWrap .missionGraphic img{width: 100%;}
  .missionWrap{padding:132px 10%;}
}

@media (max-width: 767px) and (min-width:480px){
  .wrapper{width: 90%;}
  .header{width: calc(100% - 48px); position:relative; top: 0; column-gap:24px;}
    .hero-container{background: url(../img/hero_bg_mob2.png) no-repeat left;
        background-size: cover;
        height: 640px;}

  .hero-container .heroWrap{width: 100%;}
  .hero-container .heroWrap h1{font-size: 42px; line-height:47px; margin-top: 166px; width: 66%;}
  .hero-container .heroWrap h1 span{line-height: 32px; float: left; margin-top: 12px; font-size:24px;}
  .hero-container .heroWrap .punch{font-size: 16px;  margin-top:0;}
  .hero-container .heroWrap .formWrap{width: 100%; transform: translate(0%, 92%);}
  .aboutCont{column-gap: 24px; width:100%; flex-direction: column;}
  .aboutCont .aboutImg{width:100%; height:500px;}
  .aboutCont .aboutTxtWrap{width: 100%; margin-top: 32px;}
  .slideBlk{padding: 24px; flex-direction: column; padding-bottom: 0;}
  .slideBlk .slideGr{width: 100%;}
  .slideBlk .slideGr img{width: 100%;}
  .aboutCont .aboutTxtWrap .aboutTitle{font-size: 48px; line-height:56px;}
  .slideBlk .slidTxt{width:100%; margin-top: 0; margin-bottom:24px;}
  .slideBlk .slidTxt .slideTitle {font-size: 32px;}
  #scrolling ul li{width: 76vw;}
  .slideCtrl{margin-left:11vw; width:117px; margin-top: 24px;}
  .slideCtrl .slideArrow img{width: 24px; height: 24px;}
  .solWrap{flex-direction: column;}
  .solWrap .solTitle{font-size: 32px; line-height:48px; width: 100%; text-align:center;}
  .solWrap .solPnntBlk{width: 100%; margin-top:24px; display: flex; column-gap: 16px; justify-content: space-between; flex-direction:column;}
  .solWrap .solPnntBlk .solPnt:nth-child(2){margin-left: 0;}
  .statCont{gap:80px; flex-direction: column;}
  .logowrap .logoBlk{height: 48px;}
  .logowrap .logoBlk img{height: 48px;}
  .zeroCont{flex-direction: column; row-gap: 32px; padding: 32px;}
  .punchCont{column-gap: 16px; margin-top: 32px;}
  .punchCont .punchCall{padding: 14px 16px; flex-grow: 2; text-align: center;}
  .punchCont .punchLine{width: 60%;}
  .missionWrap .missionGraphic{width: 100%;}
  .missionWrap .missionGraphic img{width: 100%;}
  .missionWrap{padding:132px 10%;}
  .threPointerBlk{flex-direction: column; row-gap: 16px; margin-top: 24px;}
  .threPointerBlk .threPoint{padding: 24px; border-right:none; border-bottom: none; background: #F6FAF3; border-radius:16px;}
  .threPointerBlk .threPoint:last-child{border-bottom: none;}
  .priceBlk{flex-direction: column;}
  .priceBlk .priceTable .mobCol{display: block;}
  .pricCont h1{font-size: 48px; line-height:56px;}
  .pricCont h2{font-size: 16px; line-height:24px;}
  .header .contact .whtsapp{width: calc(100% - 24px); justify-content:center;}
  .header .contact{flex-direction: column; row-gap:8px; align-items: flex-end;}
  .hero-container .heroWrap .fieldWrap{width:100%;}
  .brandCont{padding-top: 481px;}

  .aboutPunch{width: 100%; margin: 48px 0 0; font-size:24px;}
}

@media (max-width: 479px) and (min-width:320px){
  .wrapper{width: 90%;}
  .header{width: calc(100% - 48px); position:relative; top: 0; column-gap:24px;}
    .hero-container{background: url(../img/hero_bg_mob2.png) no-repeat center; background-size: cover;}

  .hero-container .heroWrap{width: 100%;}
  .hero-container .heroWrap h1{font-size: 32px; line-height:48px; width:70%;}
  .hero-container .heroWrap h1 span{line-height: 32px; float: left; margin-top: 12px; font-size:24px;}
  .hero-container .heroWrap .punch{font-size: 16px;  margin-top:0;}
  .hero-container .heroWrap .formWrap{width: 100%;}
  .aboutCont{column-gap: 24px; width:100%; flex-direction: column;}
  .aboutCont .aboutImg{width:100%; height:500px;}
  .aboutCont .aboutTxtWrap{width: 100%; margin-top: 32px;}
  .slideBlk{padding: 24px; flex-direction: column; padding-bottom: 0;}
  .slideBlk .slideGr{width: 100%;}
  .slideBlk .slideGr img{width: 100%;}
  .aboutCont .aboutTxtWrap .aboutTitle{font-size: 32px; line-height:48px;}
  .slideBlk .slidTxt{width:100%; margin-top: 0; margin-bottom:24px;}
  .slideBlk .slidTxt .slideTitle {font-size: 32px;}
  #scrolling ul li{width: 75vw; margin-right:16px;}
  .slideCtrl{margin-left:11vw; width:117px; margin-top: 24px;}
  .slideCtrl .slideArrow img{width: 24px; height: 24px;}
  .solWrap{flex-direction: column;}
  .solWrap .solTitle{font-size: 32px; line-height:48px; width: 100%; text-align:center;}
  .solWrap .solPnntBlk{width: 100%; margin-top:24px; display: flex; column-gap: 16px; justify-content: space-between; flex-direction:column;}
  .solWrap .solPnntBlk .solPnt:nth-child(2){margin-left: 0;}
  .statCont{gap:80px; flex-direction: column;}
  .logowrap .logoBlk{height: 32px;}
  .logowrap .logoBlk img{height: 32px;}
  .zeroCont{flex-direction: column; row-gap: 32px; padding: 32px;}
  .punchCont{column-gap: 16px; margin-top: 32px; flex-direction: column; row-gap:16px;}
  .punchCont .punchCall{padding: 14px 16px; flex-grow: 2; text-align: center; width: 100%;}
  .punchCont .punchLine{width: 100%;}
  .missionWrap .missionGraphic{width: 100%;}
  .missionWrap .missionGraphic img{width: 100%;}
  .missionWrap{padding:132px 10%;}
  .threPointerBlk{flex-direction: column; row-gap: 16px; margin-top: 24px;}
  .threPointerBlk .threPoint{padding: 24px; border-right:none; border-bottom: none; background: #F6FAF3; border-radius:16px;}
  .threPointerBlk .threPoint:last-child{border-bottom: none;}
  .header .contact{flex-direction: column; row-gap:8px; align-items: flex-end;}
  .hero-container .heroWrap .fieldWrap{width: 100%;}
  .hero-container .heroWrap h1{margin-top: 48px;}
  .hero-container .heroWrap .formWrap{transform: translate(0%, 83%)}
  .hero-container{height:550px;}
  .statCont .statBlk .statCount{font-size: 56px;}
  .statCont .statRow{row-gap: 40px;}
  .faqCont{padding: 56px 0;}
  .footer{flex-direction: column; row-gap:32px;}

  .priceBlk{flex-direction: column;}
  .priceBlk .priceTable .mobCol{display: block;}
  .pricCont h1{font-size: 48px; line-height:56px;}
  .pricCont h2{font-size: 16px; line-height:24px;}
  .header .contact .whtsapp{width: calc(100% - 24px); justify-content:center;}

  .brandCont{padding-top: 481px;}
  .aboutPunch{width: 100%; margin: 48px 0 0; font-size:24px;}
}