* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}



:root {

  --primary: #68b549;

  --white: #ffffff;

  --black: #000000;

  --textgray: #313131;

  --headingcolor: #3352a1;

}



@font-face {

  font-family: HaasGrotDispThin35;

  src: url(../font/haas-neue-grotesk/neuehaasgrotdisp-35thin-trial.otf);

}

@font-face {

  font-family: HaasGrotDispThin;

  src: url(../font/haas-neue-grotesk/neuehaasgrotdisp-25xthin-trial.otf);

}

@font-face {

  font-family: HaasGrotDispLight;

  src: url(../font/haas-neue-grotesk/neuehaasgrotdisp-45light-trial.otf);

}

@font-face {

  font-family: HaasGrotDispRoman;

  src: url(../font/haas-neue-grotesk/neuehaasgrotdisp-55roman-trial.otf);

}

@font-face {

  font-family: HaasGrotDispMedium;

  src: url(../font/haas-neue-grotesk/neuehaasgrotdisp-65medium-trial.otf);

}

@font-face {

  font-family: HaasGrotDispBold;

  src: url(../font/haas-neue-grotesk/neuehaasgrotdisp-75bold-trial.otf);

}

@font-face {

  font-family: HaasGrotDispBlack;

  src: url(../font/haas-neue-grotesk/neuehaasgrotdisp-95black-trial.otf);

}



body {

  font-family: "Montserrat", sans-serif;

  font-size: 14px;

  color: #313131;

  background-color: var(--white);

  font-weight: 400;

}



.bg--new {

  background-color: #fdfff8;

}



.bg--white {

  background-color: var(--white);

}



.bg--annouce {

  background-color: #d8e6a9;

}



.container-fluid {

  padding-right: 30px;

  padding-left: 30px;

}

.customer--container{

  max-width: 1290px;

  margin: 0 auto;

  width: 100%;

  padding-left: 15px;

  padding-right: 15px;

}



.explore-btn {

  transition: all 0.3s ease;

  display: flex;

  align-items: center;

  width: fit-content;

  position: relative;

  background-color: var(--primary);

  min-height: 40px;

  border-radius: 50px;

  padding: 5px;

  padding-left: 20px;

  gap: 10px;

  color: var(--white);

  font-weight: 500;

  border: 1px solid var(--primary);

}



.explore-btn .icon {

  width: 32px;

  height: 32px;

  background: var(--white);

  display: flex;

  align-items: center;

  justify-content: center;

  border-radius: 50px;

  transition: 0.3s;

}



.explore-btn:hover {

  text-decoration: none;

  color: var(--white);

}



.explore-btn:hover .icon{

  transform: rotate(-45deg);

}

.transparent--btn {

    background: transparent;

    border-color: var(--white);

}



.gap--10{

  gap: 10px;

}



.heading-font-500 {

  font-family: Montserrat;

}

.heading-font-600{

  font-family: Montserrat;

}

.heading-font-700 {

  font-family: Montserrat;

}

.heading-font-900 {

  font-family: Montserrat;

}

.special--head {

  font-family: "Montserrat", sans-serif !important;

  font-weight: 800;

}



.pt-30 {

  padding-top: 30px;

}



.pb-50 {

  padding-bottom: 50px;

}

.pt-50 {

  padding-top: 50px;

}

.pt-100 {

  padding-top: 100px;

}

.pt-80{

  padding-top: 80px;

}

.pb-100 {

  padding-bottom: 100px;

}

.pb-80 {

  padding-bottom: 80px;

}

.py-50 {

  padding-top: 50px;

  padding-bottom: 50px;

}

.py-80 {

  padding-top: 80px;

  padding-bottom: 80px;

}

.py-100 {

  padding-top: 100px;

  padding-bottom: 100px;

}



/* typograpic */



.dual--heading {

  font-family: Montserrat;

  color: var(--primary);

  font-weight: 600;

  font-size: 30px;

}



.dual--heading > span {

  font-family: Montserrat;

  color: var(--black);

  font-weight: 500;

}



.box--heading .dual--heading {

    font-weight: 500;

}



.underline--heading {

  position: relative;

  width: fit-content;

  margin: 0 auto;

  margin-bottom: 35px;

}



.underline--heading:after {

  content: "";

  background: var(--primary);

  height: 2px;

  width: 100%;

  display: block;

}



.heading--h2 {

  font-size: clamp(30px, 4vw, 64px);

  color: var(--primary);

}



.heading--h2new {

  font-size: clamp(24px, 3vw, 48px);

  color: var(--primary);

}



.heading--h3 {

  font-size: clamp(24px, 3vw, 32px);

}



.roman--h3 {

  font-size: clamp(24px, 3vw, 36px);

}



.heading--h2.dark--heading {

  color: var(--white);

}



.heading--h2.dark--heading span {

  color: var(--primary);

  font-family: Montserrat;

}



.icon--heading {

    font-size: 16px;

    color: var(--black);

    display: flex;

    align-items: center;

    gap: 8px;

}



.icon--heading img {

    width: 24px;

    height: 24px;

}



.check--list {

  list-style: none;

  position: relative;

}

.check--list li {

  background-image: url("../img/check-icon.svg");

  background-repeat: no-repeat;

  background-position: left center;

  padding-left: 24px;

  background-size: 15px;

}



.text--black {

  color: var(--black);

}

.text--primary {

  color: var(--primary);

}

.text--white {

  color: var(--white);

}

.strong--color strong {

  color: var(--headingcolor);

}

.text-uppercase {

  text-transform: uppercase !important;

}



.max-w-400 {

  max-width: 400px;

  width: 100%;

}

.max-w-900 {

  max-width: 900px;

  width: 100%;

  margin: 0 auto;

}



/* Inner */

.inner--page--info {

  padding-top: 200px !important;

}

.inner--page--info .container {

  max-width: 1220px;

}

.transparent--page--head {

  position: relative;

  min-height: 500px;

  padding-top: 235px;

  display: flex;

  flex-direction: column;

  justify-content: space-between;

  padding-bottom: 0px !important;

  background-size: cover;

  background-repeat: no-repeat;

  background-position: center;

}



.transparent--page--head:before {

  content: "";

  width: 100%;

  height: 100%;

  position: absolute;

  left: 0;

  top: 0;

  background: rgb(0 0 0 / 50%);

}

.page--breadcrumbs {

  color: var(--primary);

}



.page--breadcrumbs span {

  color: #6f6f6f;

}

.transparent--page--head .page--breadcrumbs,

.transparent--page--head .page--breadcrumbs span {

  color: var(--white);

}



.txt-wrapper {

    font-size: 36px;

    color: var(--black);

    font-weight: 400;

    line-height: 1.3;

    font-family: Montserrat;

}

.box--heading {

    background: #EBEBEB;

    min-height: 165px;

    max-width: 400px;

    width: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    border-radius: 100px;

    padding: 20px 50px;

}

/* Inner end */



.center--heading .icon--heading {

    justify-content: center;

}



.center--heading {

    text-align: center;

    max-width: 750px;

    width: 100%;

    margin: 0 auto;

}



.center--heading .dual--heading {

    font-weight: 600;

}



.center--heading .dual--heading span {

    font-weight: 500;

}



.filter--white{

  filter: brightness(0) invert(1);

}



.font-400{

    font-weight: 400;

}

.font-500{

    font-weight: 500;

}



.top--banner {

    position: relative;

    background-size: cover;

    background-position: center;

    background-repeat: no-repeat;

    min-height: 450px;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

}

.top--banner:before {

    content: "";

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    background: linear-gradient(0deg, #002E45 0%, rgba(0, 46, 69, 0.1) 100%);

}



.page--info--banner {

    color: var(--white);

    position: relative;

}



.page--info--banner h1, .page--info--banner h1 span {

    color: var(--white);

}



.page--info--banner p {

    font-size: 18px;

}



.page--info--banner .inner--top--banner {

    max-width: 810px;

    width: 100%;

}

.bullet--grid {

    display: flex;

    flex-wrap: wrap;

    list-style: none;

    gap: 10px;

}



.bullet--grid li {

    border: 1px solid var(--primary);

    padding: 5px 10px;

    border-radius: 50px;

    font-size: 13px;

    font-weight: 500;

    display: flex;

    align-items: center;

    gap: 5px;

}



.bullet--grid li:before {

    content: '';

    width: 10px;

    height: 10px;

    border-radius: 50px;

    background: var(--primary);

    display: block;

}

.swiper-pagination.swiper-pagination-lock {
    display: none !important;
}


@media (max-width: 1024px) {

  .container-fluid {

    padding-right: 15px;

    padding-left: 15px;

  }

  .pt-50 {

    padding-top: 20px;

  }

  .pb-50 {

    padding-bottom: 20px;

  }

  .pt-100 {

    padding-top: 50px;

  }

  .pb-100 {

    padding-bottom: 50px;

  }

  .pb-80 {

    padding-bottom: 40px;

  }

  .pt-80 {

    padding-top: 40px;

  }

  .py-100 {

    padding-top: 50px;

    padding-bottom: 50px;

  }

  .py-80 {

    padding-top: 40px;

    padding-bottom: 40px;

  }

  .py-50 {

    padding-top: 30px;

    padding-bottom: 30px;

  }



  .inner--page--info {

    padding-top: 150px !important;

  }

  .transparent--page--head {

    min-height: auto;

  }

}



@media (max-width: 991px) {

  p {

    font-size: 15px;

  }

  .pt-small-0 {

    padding-top: 0;

  }

  .page--breadcrumbs {

    font-size: 13px;

  }

}

@media (max-width: 768px) {

  .box--heading{

    margin-bottom: 20px;

  }

  .txt-wrapper{

    font-size: 26px;

  }

  .dual--heading{

    font-size: 28px;

  }

}