*,
*::before,
*::after {
    box-sizing: border-box;
    outline: none !important;
    word-break: break-word;
    letter-spacing: 0;
}

body {
    font-family: "brandon-grotesque", sans-serif;
    background-color: #000;
    font-size: 20px;
     -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0 0 15px 0;

    line-height: 1;
    font-weight: 500;
}

h1,
.h1 {
   font-size: clamp(3.4375rem, 1.4433rem + 5.5491vw, 6.4375rem);
    line-height: 0.98;
    color: #FCEFDD;
}

h2,
.h2 {

    font-family: "brandon-grotesque", sans-serif;
    font-size: clamp(2.25rem, 1.6684rem + 1.6185vw, 3.125rem);
}

h3,
.h3 {
    font-size: 36px;
    line-height: 1.27;
}

.fade-in {
   transition: 0.5s all ease, 1s opacity ease;
   top: 50px;
   opacity: 0;
   position: relative;
}

.fade-in.onView {
   top: 0;
   opacity: 1;
}

div#page {
   width: 100%;
   overflow: hidden;
}
p {
    font-size: 18px;
    line-height: 1.55;
    color: #222;
    padding-bottom: 0;
    margin: 0 0 29px 0;
    letter-spacing: 0.0003em;
}

a {
    text-decoration: none;
}

a.btn {
    font-family: "Inter", sans-serif;
    background-color: #F9A031;
    font-size: 18px;
    color: #000;
    padding: 14px 23px;
    border-radius: 60px;

}

a.btn span.icon {
    width: 10px;
    height: 10px;
    display: inline-block;
    position: relative;
    margin: 0 15px 0 0;
}

a.btn span.icon:after {
    content: '';
    background-image: url(../images/arrow.svg);
    width: 22px;
    height: 22px;
    background-position: center center;
    position: absolute;
    top: -6px;
    left: -4px;
    transition: all 0.2s ease-in-out;
}

a.btn:hover span.icon:after {
    top: -12px;
    left: -1px;
}

header.site-header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
}
body:not(.home) .site-header.black-section-bg.is-stuck{
        background-color: #041f2e;
}
body:not(.home) .site-header.purple-section-bg.is-stuck{
                background-color: #341b34;
}
body:not(.home) .site-header.green-section-bg.is-stuck {
    background-color: #27503a;
}
body:not(.home) .site-header.yellow-section-bg.is-stuck{
    background-color: #f9a031;
} 
body:not(.home) .site-header.blue-section-bg.is-stuck{
    background-color: #5EB8E4;
} 

header.site-header .main-header {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

header.site-header .main-header .header-lt .logo {
    line-height: 0;
    position: relative;
    padding: 15px 0;
}

header.site-header .main-header .header-rt {
    display: flex;
    align-items: center;
}

header.site-header .main-header .header-rt .search-icon {
    line-height: 0;
}

header.site-header .main-header .header-rt .search-icon {
    margin-left: 69px;
}

/* search box */
.site-header-cover .menu-cover .search-icon {
    line-height: 0;
    margin-left: 20px;

}

header.site-header .search-cover {
    overflow: hidden;
    height: 0;
    transition: height 0.3s ease;
    background: #f0f0f0;
    display: none;
    box-shadow: 0 5px 16px rgba(0, 0, 0, 0.1);
}

.search-cover-content {
    padding: 15px;
}

.site-header .search-icon-btn {
    display: inline-block;
    cursor: pointer;
    color: #fff;
    border-radius: 6px;
    user-select: none;
}

.site-header .search-icon-btn.active {}

.site-header .search-icon-btn img {
    width: 22px;
}

.site-header .search-icon-btn.active .search-icon-close {
    display: inline-block;
}

.site-header .search-icon-btn.active .search-icon-search {
    display: none;
}

.site-header .search-icon-btn .search-icon-close {
    display: none;
}

header.site-header .search-cover .search-form {
    padding: 20px 0;
    margin: auto;
    max-width: 840px;
    display: flex;
    justify-content: space-between;
}

header.site-header .search-cover .search-form [type=search] {
    padding: 5px 0px;
    background: none;
    font-family: "Montserrat", sans-serif;
    font-weight: 500;
    width: 100%;
    border: 0;
    border-bottom: 1px solid #9ca3af;
    border-radius: 0;
        appearance: none;
}

header.site-header .search-cover .search-form label {
    width: calc(100% - 50px);
}

header.site-header .search-cover .search-form [type=submit] {
    width: 40px;
    height: 40px;
    font-size: 0;
    background-color: #000;

    border-radius: 0;
    border-radius: 50%;
    outline: none;
    background-image: url(../images/header-search-icon.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

header.site-header .search-cover .search-form [type=submit]:hover {
    background-color: #000;
    
}

/* search box End */
/* hero banner */
section.home-banner {}

section.home-banner .banner-flex {
    display: flex;
    min-height: 100vh;
}

section.home-banner .banner-flex .banner-flex-col {
    width: 33.333%;
}

section.home-banner .banner-flex .banner-flex-col .col-inner {
    position: relative;
    overflow: hidden;
}
section.home-banner .banner-flex .banner-flex-col .col-inner a.hover-link {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   z-index: 1;
}
section.home-banner .banner-flex .banner-flex-col .col-inner .img-cover {
    width: 100%;
    display: flex;
    min-height: 100vh;
    position: relative;
}

section.home-banner .banner-flex .banner-flex-col .col-inner .img-cover figure {
    width: 100%;
    margin: 0;
    position: absolute;
    height: 100%;
}

section.home-banner .banner-flex .banner-flex-col .col-inner .img-cover figure:after {
    content: '';
    mix-blend-mode: multiply;
    background-color: #231F20;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    transition: all 0.25s;

}

section.home-banner .banner-flex .banner-flex-col .col-inner .img-cover figure:before {
    content: '';
    background-image: url(../images/bg-pattern.png);
    mix-blend-mode: color-burn;
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.7;

    z-index: 1;
    background-attachment: fixed;
    top: 0;

}

section.home-banner .banner-flex .banner-flex-col .col-inner .img-cover figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
    transform: scale(1);
}

section.home-banner .banner-flex .banner-flex-col .col-inner .text-part {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;

    background-color: hsl(205deg 48% 44% / 90%);
    padding: 30px 50px 110px 50px;
    z-index: 1;
}

section.home-banner .banner-flex .banner-flex-col .col-inner .text-part:before {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 72px 0px 0px 58px;
    border-color: transparent transparent transparent hsl(205deg 48% 44% / 90%);
    left: 0;
    transform-origin: left top;
    z-index: 1;
    transition: all 0.3s;
}

section.home-banner .banner-flex .banner-flex-col .col-inner .text-part:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: hsl(205deg 48% 44% / 90%);
    z-index: -1;
    transition: all 0.25s;

}

section.home-banner .banner-flex .banner-flex-col .col-inner:hover .text-part {
    transform: translateY(0%);
}

section.home-banner .banner-flex .banner-flex-col .col-inner .text-part .heading-cover {

    margin-bottom: 20px;
}



section.home-banner .banner-flex .banner-flex-col .col-inner .text-part .content-block p {
    font-size: 18px;
    color: #FFF;
    font-family: "Inter", sans-serif;
}

section.home-banner .banner-flex .banner-flex-col .col-inner .text-part .heading-cover h2 {
    font-weight: 900;
    text-transform: uppercase;
    color: #FFF;
    margin: 0;
    font-size: 65px;
}

section.home-banner .banner-flex .banner-flex-col .col-inner .text-part .heading-cover span.top-title {
    font-size: 50px;
    font-family: "caveat-brush", sans-serif;
    color: #F9A031;

}

section.home-banner .banner-flex .banner-flex-col:nth-child(2) .col-inner .text-part {
    background-color: rgb(101 65 100 / 90%);
}

section.home-banner .banner-flex .banner-flex-col:nth-child(2) .col-inner .text-part:before {
    border-color: transparent transparent transparent rgb(101 65 100 / 90%);
}

section.home-banner .banner-flex .banner-flex-col:nth-child(2) .col-inner .text-part:after {
    background-color: rgb(101 65 100 / 90%);
}


section.home-banner .banner-flex .banner-flex-col:nth-child(3) .col-inner .text-part {
    background-color: rgb(69 120 91 / 90%);
}

section.home-banner .banner-flex .banner-flex-col:nth-child(3) .col-inner .text-part:before {
    border-color: transparent transparent transparent rgb(69 120 91 / 90%);
}

section.home-banner .banner-flex .banner-flex-col:nth-child(3) .col-inner .text-part:after {
    background-color: rgb(69 120 91 / 90%);
}

section.home-banner .banner-flex .banner-flex-col:nth-child(3) .col-inner .text-part .heading-cover span.top-title {
    position: absolute;
    left: 145px;
    top: -5px;
}

section.home-banner .banner-flex .banner-flex-col:nth-child(2) .col-inner .text-part .heading-cover span.top-title {
    font-size: 40px;
}

section.home-banner .banner-flex .banner-flex-col:nth-child(3) .col-inner:hover .text-part .heading-cover {
    margin-top: 30px;
}

section.home-banner .banner-flex .banner-flex-col .col-inner:hover .img-cover figure:after {
    opacity: 0.1;

}

/* hero banner End */

/* text-expansion */

.text-expansion {}

.text-expansion .d-flex {
    display: flex;
    flex-wrap: wrap;
    gap: 0 40px;
    justify-content: space-between;
    align-items: center;
}

.text-expansion .d-flex .img-part {
    width: 59%;
}
.text-expansion .d-flex .img-part {font-size: 12px;color: #FFF;font-weight: 300;line-height: 17px;font-family: "Inter", sans-serif;}

.text-expansion .d-flex .img-part figure {
   margin: 0 0px 6px 0;
}
.text-expansion .moments-block {
   margin-top: 82px;
}
.text-expansion .d-flex .text-part {
    width: calc(41% - 40px);
    max-width: 452px;
}

.text-expansion .d-flex .text-part {}

.text-expansion .d-flex .text-part .h3 {
    color: #FFF;
    letter-spacing: -0.01em;
    margin-bottom: 50px;
}

.text-expansion .d-flex .text-part.text-part-open .h3 {
    margin-bottom: 23px;
    color: #F9A031;
}

.text-expansion .d-flex .text-part a.moreless-button {
    display: flex;
    align-items: center;
    gap: 0 15px;
}

.text-expansion .d-flex .text-part a.moreless-button span:not(.text) {
    border: 1px solid #44775A;
    display: inline-block;
    width: 98px;
    height: 98px;
    border-radius: 50%;
    position: relative;
}

.text-expansion .d-flex .text-part a.moreless-button span.text {
    color: #FFF;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 300;
    letter-spacing: 0.14em;
}

.text-expansion .d-flex .text-part a.moreless-button span:not(.text):after,
.text-expansion .d-flex .text-part a.moreless-button span:not(.text):before {
    content: '';
    position: absolute;
    background-color: #F9A031;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}

.text-expansion .d-flex .text-part a.moreless-button span:not(.text):after {
    height: 27px;
    width: 4px;
    border-radius: 1px;
}

.text-expansion .d-flex .text-part a.moreless-button span:not(.text):before {
    width: 27px;
    height: 4px;
    border-radius: 1px;
}

.text-expansion .d-flex .text-part a.moreless-button.open span:not(.text):after {
    opacity: 0;
}

.text-expansion .d-flex .text-part .moretext p {
    color: #FFF;
    letter-spacing: 0;
}

/* text-expansion End */

/* section.inner-banner */
section.inner-banner {
    padding: 149px 0 80px 0;
    background-color: #355B46;
    position: relative;
    overflow: hidden;
}
section.inner-banner.purple-section-bg {
   background-color: #432C43;
}
section.inner-banner.blue-section-bg {
   background-color: #152E3C;
}

section.inner-banner:after {
    content: '';
    position: absolute;
    width: 120%;
    height: 50%;
    background: #231F20;
    left: -5%;
    bottom: -10%;
    z-index: 0;
    transform: rotate(-3deg);
}

body.page-id-519 section.inner-banner:after{
  height: 87%;
}

@media(max-width:991px){
  body.page-id-519 section.inner-banner:after{
    height: 90%;
  }
}

@media(max-width:768px){
  body.page-id-519 section.inner-banner:after{
    height: 95%;
  }
}

@media(max-width:578px){
  body.page-id-519 section.inner-banner:after{
    height: 95%;
    transform: rotate(0deg);
  }
}

section.inner-banner.img-banner:after {
   display: none;
}

section.inner-banner:before,
.text-expansion:has(+ section.shape-with-left-right-img.pattern-content-box):before,
.video-section:before {
    content: '';
    background-image: url(../images/bg-pattern.png);
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: bottom center;
    opacity: 1;
    mix-blend-mode: color-burn;
    bottom: 0;
    z-index: 0;
    background-attachment: fixed;
}

section.inner-banner > * {
    position: relative;
    z-index: 1;
}

section.inner-banner .heading {
   text-transform: uppercase;
   line-height: 1.22;
}
section.inner-banner .heading span{
   text-transform: none; /* Prevent uppercase */
}

.inner-banner .heading {

    font-weight: 900;
    color: #F9A031;
        line-height: 1.15;
      margin-bottom: 19px;
}

section.inner-banner .text-part {
    text-align: center;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

section.inner-banner .heading .title span {
    display: block;
    font-family: "caveat-brush", sans-serif;
    font-weight: 400;
    font-size: clamp(2.8125rem, 1.5661rem + 3.4682vw, 4.6875rem);
}

section.inner-banner p {
    font-size: clamp(1.5rem, 1.0014rem + 1.3873vw, 2.25rem);
    line-height: 1.265;
    color: #FFF;
    letter-spacing: -0.005em;
}

.slider-cover button.slick-arrow:after {
    content: "";
    position: absolute;
    right: 21px;
    z-index: 11;
    display: block;
    width: 17px;
    height: 17px;
    border-top: 2px solid #000000;
    border-left: 2px solid #000000;
    transform: rotate(135deg);
    top: 18px;
}

.slider-cover button.slick-arrow {
    width: 54px;
    height: 54px;
    font-size: 0;
    padding: 0;
    border-radius: 50%;
    border: 1px solid #000;
    position: absolute;
    background: #FFF;
    z-index: 2;
    right: 27px;
    bottom: -27px;
    cursor: pointer;
}
.slider-content button.slick-arrow.slick-disabled {
   opacity: 0.3;
   pointer-events: none;
}
.is-banner-slider.text-center .slider-cover button.slick-arrow {
   display: none !important;
}
section.inner-banner .is-banner-slider {
    position: relative;
    margin-top: 63px;
}

section.inner-banner .is-banner-slider .slider-content {
    position: relative;
   margin: 11px 0 0 0;
   font-size: 12px;
   font-family: "Inter", sans-serif;
   font-weight: 300;
   color: #231F20;
}
section.inner-banner.green-section-bg .is-banner-slider .slider-content {
   color: #FFF;
}
section.inner-banner .is-banner-slider .slider-content p {
    font-size: 12px;
    color: #FFF;
    font-family: "Inter", sans-serif;
    margin: 0;
    font-weight: 300;
}

section.inner-banner .is-banner-slider {}

section.inner-banner .is-banner-slider figure {
    margin: 0;
    width: 100%;
    position: relative;
    padding-bottom: 56%;
    overflow: hidden;
}

section.inner-banner .is-banner-slider figure img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.slider-cover button.slick-prev.slick-arrow {
    right: 96px;
    transform: rotate(180deg);
}

.slider-cover button.slick-arrow.slick-disabled {
    opacity:0;
    cursor: default;
}

section.inner-banner .text-part.bottom-text {
    max-width: 1060px;
}

section.inner-banner .bottom-text {
    margin-top: 72px;
}

section.inner-banner.img-banner{
    padding: 129px 0 0px 0;

}
section.inner-banner.img-banner .is-img {
   width: 100%;
   padding-bottom: 38%;
   background-size: cover;
   background-position: center center;
       z-index: 0;
}
.img-banner.img-banner .top-content {
   position: relative;
   z-index: 1;
   padding: 0 0 100px 0;
}

.img-banner.img-banner .top-content .shape-div {
   position: absolute;
   width: 100%;
   height: 0;
   background: red;
   right: 0;
   bottom: 0;
}

.img-banner.img-banner .top-content .shape-div:after {
   content: '';
   position: absolute;
   width: 100px;
   height: 131px;
   right: 0px;
   clip-path: polygon(0% calc(0% + 0px), 100% 0%, calc(100% - 0px) 100%, 0% 0%);
   background: #5EB8E4;
   z-index: 0;
   top: -16px;
   transform: rotate(-11deg);
   transform-origin: right bottom;
}
.img-banner.img-banner .top-content .shape-div:before {
   content: '';
   position: absolute;
   width: 100px;
   height: 140px;
   right: 0;
   clip-path: polygon(0% calc(0% + 0px), 100% 0%, calc(100% - 0px) 100%, 0% 0%);
   background: #072231;
   z-index: 2;
   top: -26px;
}

section.inner-banner.img-banner p {
   margin-bottom: 0;
}

.img-banner.img-banner .top-content:after {
   content: '';
   position: absolute;
   width: 120%;
   height: 40px;
   left: 0;
   bottom: -10px;
   background: #5EB8E4;
   transform: rotate(-0deg);
   transform-origin: left bottom;
   clip-path: polygon(0% calc(0% + 30px), 100% 0%, calc(100% - 30px) 100%, 0% 100%);
   display: none;
}
section.inner-banner.img-banner .is-img:before {
    content: '';
    content: '';
    position: absolute;
    width: 120%;
    height: 40px;
    left: 0;
    top: -30px;
    background: #5EB8E4;
    transform: rotate(-0deg);
    transform-origin: left bottom;
    clip-path: polygon(0% calc(0% + 30px), 100% 0%, calc(100% - 30px) 100%, 0% 100%);
}

/* section.inner-banner End */

/* large-banner-main */
.text-expansion .moments-block  h3 {
   color: #F9A031;
    
   text-transform: uppercase;
   font-weight: 800;
   letter-spacing: 0.02em;
   margin-bottom: 16px;
}
.moments-block{
       position: relative;
   z-index: 2;
}

.text-expansion  .moments-block p {
   font-size: 30px;
   line-height: 1.67;
   letter-spacing: -0.005em;
}
.center-text-block {
    max-width: 894px;
    margin-left: auto;
    margin-right: auto;
        margin-bottom: 69px;
}
.moments-block.w-100 {
   max-width: 100%;
}
.moments-block.w-90 {
   max-width: 1039px;
}
.moments-block.w-80 {
    max-width: 894px;
}
.moments-block.w-70 {
    max-width: 700px;
}
.moments-block.w-70 {
    max-width: 600px;
}
.center-text-block p {
   color: #FFF;
   font-size: 20px;
   font-weight:400;
   line-height: 1.35;
   margin-bottom: 28px;
}
section.shape-with-left-right-img .font-size-large p {
   font-size: 30px;
   font-weight: 400;
   letter-spacing: 0.003em;
   line-height: 1.41;
   
   
}

.center-text-block .heading {
    font-weight: 600;
    text-transform: uppercase;
    color: #FFF;
        letter-spacing: 0.02em;
        margin-bottom: 18px;
}
.shape-with-left-right-img .center-text-block .heading {
   text-transform: uppercase;
   font-weight: 900;
   line-height: 1.2;
       max-width: 949px;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 26px;
       letter-spacing: 0;
       font-size: clamp(2.125rem, 1.4603rem + 1.8497vw, 3.125rem);

}

.center-text-block p a {
    font-weight: 600;
    font-style: italic;
    color: #FCC682;
}

.moments-block .large-text h3 {
    color: #F9A031;
    text-transform: uppercase;
    font-weight: 500;
    margin-bottom: 17px;
}

.moments-block .large-text p {
    font-size: 30px;
    color: #FFF;
    font-weight: 400;
    letter-spacing: -0.01em;
    line-height: 1.65;
}

.text-center {
    text-align: center;
}

.large-banner-main {
    padding: 0px 20px 50px 20px;
}

.large-banner-main .inner-cover {
    text-align: center;
}

.large-banner-main .inner-cover h2 {
font-size: clamp(2.25rem, 1.6684rem + 1.6185vw, 3.125rem);
    font-weight: 900;
    color: #231F20;
    line-height: 1.2;
    margin-bottom: 18px;
        text-transform: uppercase;
}

.large-banner-main .inner-cover p {
   font-size: clamp(1.125rem, 0.2702rem + 1.7831vw, 1.875rem);
   color: #231F20;
   font-weight: 500;
   letter-spacing: -0.000em;
    line-height: 1.2;
}

.large-banner-main .inner-cover {
    padding: 43px 30px 131px 30px;
    background-color: #F9A031;
}

.large-banner-main .banner-cover {
    position: relative;
    overflow: hidden;
}

.large-banner-main .banner-cover .main-cover:before {
    content: '';
    position: absolute;
    width: 101%;
    height: 50px;
    left: 0;
    top: 17px;
    background: #f9a031;
    transform: rotate(1.5deg);
    transform-origin: left top;
    z-index: 1;
}

.large-banner-main .banner-cover .main-cover {
    position: relative;
    overflow: hidden;
    padding-top: 50px;
}

.large-banner-main .banner-cover:after {
    content: '';
    width: 100%;
    height: 64px;
    right: 0;
    bottom: 0;
    background: #000000;
    position: absolute;
    transform-origin: left bottom;
    z-index: 1;
    transform: skew(-53deg, 0deg);
}

.large-banner-main .inner-cover {
    position: relative;
}

.large-banner-main .inner-cover:before {
    content: '';
    width: 100%;
    height: 100px;
    right: 0;
    bottom: 0;
    background: #EA8E1B;
    position: absolute;
    transform-origin: left bottom;
    z-index: 1;
    transform: skew(-36deg, 1.5deg);
}
.large-banner-main .number {
   margin-top: -59px;
}
/* large-banner-main End */

/* number */

.number {
    position: relative;
    width: 100%;
}

.number span {
    box-shadow: 0px 0px 6px 2px #00000026;
    width: 98px;
    height: 98px;
    background: #FFF;
    display: block;
    text-align: center;
    line-height: 98px;
    font-size: 50px;
    font-weight: 700;
    color: #000;
    border-radius: 50%;
    position: absolute;
    transform: translate(-50%, -50%);
    z-index: 2;
    left: 50%;
}

/* number End */
.zoom-container {
    overflow: hidden;
    position: relative;
    cursor: zoom-in;
}

.zoom-img {
    width: 100%;
    height: auto;
    transition: transform 0.15s ease;
    transform-origin: center;
}
/* shape-with-left-right-img */
.shape-with-left-right-img .shape-block-wrap {
    display: flex;
    margin-left: auto;
    margin-right: auto;
   
    align-items: center;
    justify-content: space-between;
        padding-top: 25px;
}

.shape-with-left-right-img .shape-block-wrap .img-part {
    width: 59%;
    position: relative;
    z-index: 2;
    max-width: 752px;
}

.shape-with-left-right-img .shape-block-wrap .text-part {
    width: 41%;
}

.shape-block-wrap .text-part h3 {
    color: #F9A031;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.020em;
    margin-bottom: 22px;
}

.shape-block-wrap .text-part p {
    font-size: 20px;
    color: #FFF;
    line-height: 1.33;
    letter-spacing: -0.01em;
}

.shape-block-wrap .text-part  .font-size-large p {
   font-size: 30px;
   letter-spacing: -0.009em;
   line-height: 1.32;
}

.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap {
    padding: 73px 48px 99px 48px;
    position: relative;
}
.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap .block-logo img {
   position: absolute;
   top: -170px;
}

.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap .block-logo {
   position: relative;
   padding-bottom: 100px;
   padding-left: 0;
}
.shape-with-left-right-img .shape-block-wrap.img-right .text-part .text-wrap {
    padding: 84px 30px 99px 62px;
}

.shape-with-left-right-img .shape-block-wrap.img-left .text-part .text-wrap .shape-wrap,
.shape-with-left-right-img .shape-block-wrap.img-right .text-part .text-wrap .shape-wrap {
    width: calc(100% + 20px);
    height: 100%;
    position: absolute;

    top: 0;
    background-color: #1C3D2B;
    z-index: 0;
    transform: rotate(0deg);

    overflow: hidden;
}

.shape-with-left-right-img .shape-block-wrap.img-left .text-part .text-wrap .shape-wrap {
    right: 0;
    transform-origin: bottom right;
}

.shape-with-left-right-img .shape-block-wrap.img-right .text-part .text-wrap .shape-wrap {
    left: 0;
    transform-origin: bottom left;
}

.shape-with-left-right-img .shape-block-wrap.img-left .text-part .text-wrap .shape-wrap .shape-wrap-inner {}

.shape-with-left-right-img .shape-block-wrap.img-left .text-part .text-wrap .shape-wrap:after,
.shape-with-left-right-img .shape-block-wrap.img-right .text-part .text-wrap .shape-wrap:after {
    content: '';
    width: 100%;
    height: 51px;
    right: 0;
    bottom: 0;
    background: #355b46;
    position: absolute;
    transform-origin: left bottom;
    z-index: 2;
    transform: skew(51deg, 0deg);
}

.shape-with-left-right-img .shape-block-wrap.img-right .text-part .text-wrap .shape-wrap:after {
    transform: skew(-51deg, 0deg);
    transform-origin: right bottom;
}

.shape-with-left-right-img .shape-block-wrap.img-left .text-part .text-wrap .shape-wrap:before,
.shape-with-left-right-img .shape-block-wrap.img-right .text-part .text-wrap .shape-wrap:before {
    content: '';
    width: 100%;
    height: 77px;
    right: 0;
    bottom: 0;
    background: #1B3426;
    position: absolute;
    transform-origin: right bottom;
    z-index: 1;
    transform: skew(31deg, -1.5deg);
}

.shape-with-left-right-img .shape-block-wrap.img-right .text-part .text-wrap .shape-wrap:before {
    transform: skew(-31deg, 1.5deg);
    transform-origin: left bottom;
}

.shape-with-left-right-img .shape-block-wrap.img-left .text-part .text-wrap:before,
.shape-with-left-right-img .shape-block-wrap.img-right .text-part .text-wrap:before {
    content: '';
    position: absolute;
    width: 110%;
    height: 40px;
    bottom: calc(100% - 0px);
    background: #355b46;

    z-index: 1;
}

.shape-with-left-right-img .shape-block-wrap.img-left .text-part .text-wrap:before {
    right: 0;
    transform-origin: right bottom;
    transform: rotate(-3.5deg);
}

.shape-with-left-right-img .shape-block-wrap.img-right .text-part .text-wrap:before {
    left: 0;
    transform-origin: left bottom;
    transform: rotate(3.5deg);
}

section.shape-with-left-right-img {
    background: #355B46;
    padding: 80px 0 140px 0;
    position: relative;

}
section.shape-with-left-right-img .zig_zag_content {
   width: 100%;
   overflow: hidden;
   position: relative;
}
.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap > * {
    position: relative;
    z-index: 1;
}

.shape-with-left-right-img .shape-block-wrap.img-right .img-part {
    order: 2;

}

.shape-with-left-right-img .shape-block-wrap.img-right .text-part {
    order: 1;
}

.shape-with-left-right-img .shape-block-wrap .img-part figure {
    margin: 0;
}

.shape-with-left-right-img .shape-block-wrap .img-part .caption,
.shape-with-left-right-img .shape-block-border-img .img-part .caption {
   font-size: 12px;
   color: #FFF;
   font-family: "Inter", sans-serif;
   font-weight: 300;
   line-height: 1.45;
   letter-spacing: 0.000em;
   margin-top: -2px;
   left: 4px;
   position: relative;
}

.shape-with-left-right-img .shape-block-border-img .img-part .caption {
    margin-top: 12px;
    margin-left: -6px;

}
section.shape-with-left-right-img h3 {
   text-transform: uppercase;
   font-weight: 600;
}
.text-expansion:has(+ section.shape-with-left-right-img.pattern-content-box) {padding-bottom: 206px;    position: relative;} 
.text-expansion:has(+ section.shape-with-left-right-img.pattern-content-box) .container {
    position: relative;
    z-index: 1;
}
.text-expansion:has(+ section.shape-with-left-right-img.pattern-content-box) + section.shape-with-left-right-img {
    position: relative;
    z-index: 1;
}
section.shape-with-left-right-img.pattern-content-box {
   padding-top: 0;
}
section.shape-with-left-right-img.pattern-content-box .large-banner-main {
   transform: translateY(-206px);
   margin-bottom: -165px;
}
section.shape-with-left-right-img.green-section-bg .large-banner-main .banner-cover:after {
   background: #355b46;
}

/* shape-with-left-right-img End */
section.shape-with-left-right-img.green-section-bg:has(+ section.shape-with-left-right-img.green-section-bg) {
    padding-bottom: 0;
}
/* shape-block-border-img */
.shape-block-border-img {
    display: flex;
    margin-left: auto;
    margin-right: auto;
    
    align-items: center;
    justify-content: space-between;
   padding-top: 22px;
   padding-bottom: 11px;

}
.block-wrap-cover + .block-wrap-cover {
   margin-top: 77px;
}
.shape-block-border-img .img-part {
    max-width: 498px;
    width: 40%;
    position: relative;
    z-index: 2;
}

.shape-block-border-img .img-part figure {
    margin: 0;
    line-height: 0;
    padding-bottom: 100%;
    position: relative;
}

.shape-block-border-img .img-part figure:before {
    content: '';
    position: absolute;
    background-image: url(../images/border-y.svg);
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    z-index: 1;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    left: -10px;
    top: -10px;
}
.shape-block-border-img.dark-purple-bg .img-part figure:before {
   background-image: url(../images/border-p.svg); 
}
.shape-block-border-img.dark-blue-bg .img-part figure:before {
   background-image: url(../images/border-b.svg); 
}
.shape-block-border-img .img-part figure img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.shape-block-border-img .text-part {
    width: 60%;
}

.shape-block-border-img .text-part .text-wrap {
    padding: 109px 78px 96px 48px;
    position: relative;
}

.shape-block-border-img .text-part .text-wrap .shape-wrap {
    width: calc(100% + 20px);
    height: 100%;
    position: absolute;
    top: 0;
    background-color: #F9A031;
    z-index: 0;
    transform: rotate(0deg);
    overflow: hidden;
}

.shape-block-border-img .text-part .text-wrap > * {
    position: relative;
    z-index: 1;
}

.shape-block-border-img.img-left .text-part .text-wrap .shape-wrap {
    right: 0;
    transform-origin: bottom right;
}

.shape-block-border-img .text-part .text-wrap .shape-wrap {
    width: calc(100vw - ((100vw - 1350px) / 2));
}

.shape-block-border-img.img-left .text-part .text-wrap:before,
.shape-block-border-img.img-right .text-part .text-wrap:before {
    content: '';
    position: absolute;
    width: 220%;
    height: 160px;
    bottom: calc(100% - 0px);
    background: #355b46;
    z-index: 1;
}

.shape-block-border-img.img-left .text-part .text-wrap:before {
    right: 0;
    transform-origin: right bottom;
    transform: rotate(-3.2deg);
}

.shape-block-border-img.img-right .text-part .text-wrap .shape-wrap {
    left: 0;
    transform-origin: bottom right;
}

.shape-block-border-img.img-right .img-part {
    order: 2;

}

.shape-block-border-img.img-right .text-part {
    order: 1;
}

.shape-block-border-img.img-right .text-part .text-wrap:before {
    left: 0;
    transform-origin: left bottom;
    transform: rotate(3.5deg);
}

.shape-block-border-img.img-left .text-part .text-wrap .shape-wrap:before,
.shape-block-border-img.img-right .text-part .text-wrap .shape-wrap:before {
    content: '';
    width: 100%;
    height: 88px;
    right: 0;
    bottom: 0;
    background: #EA8E1B;
    position: absolute;
    transform-origin: right bottom;
    z-index: 1;
    transform: skew(34deg, -1.2deg);
}

.shape-block-border-img.img-left .text-part .text-wrap .shape-wrap:after,
.shape-block-border-img.img-right .text-part .text-wrap .shape-wrap:after {
    content: '';
    width: 100%;
    height: 61px;
    right: 0;
    bottom: 0;
    background: #355b46;
    position: absolute;
    transform-origin: left bottom;
    z-index: 2;
    transform: skew(50deg, 0.0deg);
}

.shape-block-border-img.img-right .text-part .text-wrap .shape-wrap:before {
    transform: skew(-31deg, 1.5deg);
    transform-origin: left bottom;
}

.shape-block-border-img.img-right .text-part .text-wrap .shape-wrap:after {
    transform: skew(-51deg, 0deg);
    transform-origin: right bottom;
}

.shape-block-border-img .text-part h3 {
    color: #231F20;
    text-transform: uppercase;
    font-weight: 800;
    letter-spacing: 0.020em;
    margin-bottom: 15px;
}

.shape-block-border-img .text-part .text-wrap p {
    font-size: 20px;
    line-height: 1.35;
}
.shape-block-border-img .text-part .text-wrap .font-size-large p {
    font-size: 30px;
}

.shape-block-border-img.img-left .text-part .text-wrap .shape-wrap:after {
    transform-origin: right bottom;
    transform: skew(50deg, -0.6deg);
}
.dark-purple-bg .text-part .text-wrap .shape-wrap,
.dark-purple-bg.shape-block-border-img .img-part:after{
   background-color: #432C43;
}
.dark-blue-bg  .text-part .text-wrap .shape-wrap,
.dark-blue-bg.shape-block-border-img .img-part:after{
   background-color: #152E3C;
}
.shape-block-border-img.dark-purple-bg .text-part .text-wrap .shape-wrap:before {
   background: #352335;
}
.dark-purple-bg .text-part h3, .dark-blue-bg .text-part h3 {color:#F9A031}
.dark-purple-bg .text-part p, .dark-blue-bg .text-part p{ color:#FFF;}


.shape-with-left-right-img .shape-block-wrap.yellow-bg  .text-part .text-wrap .shape-wrap { background:#F9A031;}

.shape-with-left-right-img .shape-block-wrap.yellow-bg .text-part .text-wrap .shape-wrap:before{background: #EA8E1B !important;}

.shape-with-left-right-img .shape-block-wrap.yellow-bg .text-part .text-wrap p {color: #231F20}

.shape-with-left-right-img .yellow-bg.shape-block-wrap .img-part:after{
       background: #F9A031;
}

.dark-blue-bg.shape-block-border-img .text-part .text-wrap .shape-wrap:before {
   background-color: #061D2D;
}


.shape-block-border-img .text-part .text-wrap .number {}

.shape-block-border-img .text-part .text-wrap .number span {
   left: 0;
   transform: translate(0%, -150%);
}
/* shape-block-border-img End */

/* section.time-line */
section.time-line {
    padding: 0px 0 100px 0;
    background-color: #231F20;
}

.title-block-wrap {
    text-align: center;
}

.title-block-wrap span.title-cover {
    display: inline-block;
    padding: 42px 64px 23px 77px;
    position: relative;
    transform: translateY(-50%);
}

.title-block-wrap span.title-cover h2 {
    margin: 0;
    font-weight: 800;
    color: #355B46;
    position: relative;
    z-index: 1;
        line-height: 1.1;
    text-transform: uppercase;
}

.title-block-wrap span.title-cover:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F9F7EB;
    top: 0;
    left: 0;
    z-index: 0;
    clip-path: polygon(0 0, 100% 17%, 100% 100%, 0 100%);
}

.title-block-wrap span.title-cover:before {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 20px 45px 57px;
    border-color: transparent transparent transparent #F9F7EB;
    left: 1px;
    transform-origin: left top;
    z-index: 1;
    transition: all 0.3s;
    top: calc(100% - 4px);
    transform: rotate(2deg);
}

.top .iteam-wrap {
    padding-bottom: calc(100% + 130px);
}

.bottom .iteam-wrap {
    padding-top: calc(100% + 130px);
    align-items: flex-end;
}

.timeline .inner {
    margin-right: -73%;
    position: relative;
    height: auto;
    background-color: #231F20;
    left: 6px;
    z-index: 1;
}

.timeline .iteam-wrap {
    display: flex;
    position: relative;
}

.timeline .bottom .iteam-wrap {}

.time-line-slider .timeline:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background: #44775A;
    left: 0;
    top: calc(50% - 2px);
}
.time-line-slider .timeline:before {
   content: '';
   position: absolute;
   width: 100px;
   height: 4px;
   right: 100%;
   top: calc(50% - 2px);
   background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(68, 119, 90, 1) 100%);
}
.timeline .iteam-wrap:after {
    content: '';
    position: absolute;
    width: 16px;
    height: 16px;
    background: #44775a;
    border-radius: 50%;
}

.timeline .top .iteam-wrap:after {
    bottom: calc(50% - 8px);
}

.timeline .bottom .iteam-wrap:after {
    bottom: calc(50% - 8px);
    left: 0;
}

.timeline .inner h3 {
    color: #F9A031;
    font-weight: 800;
    font-size: 30px;
    margin-bottom: 6px;
}

.timeline .inner p {
    font-size: 20px;
    color: #FFF;
    line-height: 1.35;
    font-weight: 300;
}

.timeline .iteam-wrap .wrap {
    display: flex;
 
    height: 100%;
}

.timeline .bottom .iteam-wrap .wrap {
    align-items: end;
}

.timeline .top .iteam-wrap .wrap {
    align-items: flex-start;
}

.timeline .iteam-wrap .wrap:after {
    content: '';
    position: absolute;
    left: 7px;
    border-left: 1px dashed #44775a;
    width: 1px;
    height: 100%;
}

.timeline .bottom .iteam-wrap .wrap:after {
   bottom: 0;
   height: calc(50% - 5px);
}

.timeline .inner p {
    margin-bottom: 5px;
}

.timeline .top .iteam-wrap .wrap:after {
   top: 0;
   height: calc(50% - 5px);
}

.time-line .time-line-slider {
    margin-right: -40px;
    position: relative;
    padding-left: 70px;
}

.time-line .time-line-slider:after {
    content: '';
    position: absolute;
    width: 220px;
    height: 100%;
    right: -10px;
    top: 0;
    background: linear-gradient(270deg, #231F20 45.38%, rgba(35, 31, 32, 0) 100%);
}

.timeline button.slick-arrow,
.slider-with-tabs .tab-content-wrapper span.arrow-here{
    font-size: 0;
    padding: 0 0;
    border: 0;
    width: 72px;
    height: 50px;
    background: #44775a;
    line-height: 0;
    min-height: auto;
    position: absolute;
    display: block;
    z-index: 1;
    border-radius: 30px;
    transform: translateY(-50%);
    top: 50%;
    transition: all 0.5s;
    cursor: pointer;
    background-image: url(../images/arrow-tl.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.timeline button.slick-arrow.slick-disabled {
    opacity: 0;
}

.timeline button.slick-next.slick-arrow {
    right: 99px;
}

.timeline button.slick-prev.slick-arrow {
    left: -40px;
    transform: rotate(180deg) translateY(50%);
}

section.time-line .title-block-wrap {
    margin-bottom: 55px;
}

.purple-section-bg + section.time-line .timeline button,
.purple-section-bg + section.time-line .iteam-wrap:after,
.purple-section-bg + section.time-line .time-line-slider .timeline:after,
.purple-section-bg + section.time-line .time-line-slider .slider-wrap .arrow-btn,
.purple-section-bg + section.time-line .time-line-slider .slider-wrap:before{
   background-color: #654164;
} 

.purple-section-bg + section.time-line .time-line-slider .timeline:before {
   background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, #654164 100%);
}
.purple-section-bg + section.time-line .timeline .iteam-wrap .wrap:after{
   border-color: #654164;
}
.shape-with-left-right-img + .time-line .title-block-wrap span.title-cover h2 {
    color: #231F20;
}
/* section.time-line End */


/* Fix scroll Bar  */

.scoll-fix ul li span.dont-num {
   /* position: absolute; */
   width: 41px;
   height: 41px;
   transform: translate(-50%, -50%);
   left: 50%;
   /* top: 50%; */
       position: relative;
           left: -25px;
}

.scoll-fix ul li span.dont-num span.svg {
   position: absolute;
   left: 2px;
   top: 2px;
   transform: scale(1.16);
}

.scoll-fix ul li span.dont-num a {
   width: 43px;
   height: 43px;
   display: inline-block;
   text-align: center;
   line-height: 43px;
   font-size: 15px;
   color: #FFF;
   z-index: 1;
   position: relative;
}

.scoll-fix ul li span.dont-num .another-circle,
.scoll-fix ul li:not(.active) span.dont-num .another-circle{
   stroke-dasharray: 227;
 stroke-dashoffset: 227;
 transition: 0.5s ease-in-out;
}


.scoll-fix ul .active-dots li span.dots:after {
   content: '';
   width: 8px;
   height: 8px;
   position: absolute;
   background: #D9D9D9;
   transform: translate(-50%, -50%);
   left: 50%;
   top: 50%;
   border-radius: 50%;
}

.scoll-fix ul li span.dots {font-size: 0;}

.scoll-fix ul li span.dont-num span.img {
   width: 40px;
   height: 40px;
   display: block;
   border-radius: 50%;
   overflow: hidden;
   z-index: 1;
   position: relative;
   left: 2px;
   top: 2px;
   opacity: 0;
   transition: all 0.5s;
}
.scoll-fix ul li span.dont-num span.img img
{
    height: 40px;
    object-fit: cover;
    width: 40px;
}

.scoll-fix ul li span.dont-num:hover span.img,
.scoll-fix ul li.active span span.img{
   opacity: 1;
}
.scoll-fix ul li.active .dots{
   
}

.scoll-fix-on-side {
   position: fixed;
   right: -10px;
   top: 50%;
   transform: translateY(-50%);
   z-index: 999;
   height: 95vh;
   display: flex;
   align-items: center;
}

.scoll-fix ul {
   position: relative;
   padding-left: 0;
   margin: 0;
   height: 95vh;
   display: grid;
}

.scoll-fix ul li {
   list-style: none;
   margin: 10px 0;
   position: relative;
   z-index: 9;
   display: flex;
   flex-direction: column;
   justify-content: center;
   transition: flex-grow .9s cubic-bezier(.215, .61, .355, 1);
   flex-grow: .00001;
}
.scoll-fix ul li span.dont-num span.name {
   position: absolute;
   width: max-content;
   right: calc(100% + 7px);
   font-size: 15px;
   font-weight: 500;
   color: #FFF;
   top: 9px;
   opacity: 0;
       pointer-events: none;
}
.scoll-fix ul li span.dont-num:hover span.name {

   opacity: 1;
}
.scoll-fix ul li.count {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.scoll-fix ul li.count {
   flex-grow: 1;
}

.scoll-fix ul li.count .active-dots {
   flex-grow: 1;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   position: relative; /* allow ::before/::after absolute positioning */
}

/* Background track line between dots only */
.scoll-fix ul1::before,
.active-dots::before {
   content: "";
   position: absolute;
   left: -26px;
   top: calc(22px); /* starting below the count dot */
   width: 2px;
   
   /* Height will be dynamic in JS */
   height: calc(100% - 44px);
   
   background: rgba(255,255,255,0.36);
   z-index: 1;
}

/* Animated progress line */
.scoll-fix ul1::after,
.active-dots::after {
   content: "";
   position: absolute;
   left: -26px;
   top: calc(22px);
   width: 2px;
   height: 0;
   background: #fff;
   z-index: 2;
   transition: height .35s ease-out;
}
.scoll-fix ul li span.dont-num:hover .another-circle,
.scoll-fix > ul > li .another-circle:hover,
.scoll-fix ul li.count > span.dont-num .another-circle,
.scoll-fix ul li.active span.dont-num .another-circle{
 stroke-dashoffset: 0 !important;
}

/* Fix scroll Bar End */
.scoll-fix ul li {
   height: 40px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   flex-grow: .00001;
}

.scoll-fix ul {
   justify-content: space-around;
   display: flex;
   flex-direction: column;
   align-items: center;
}

.scoll-fix ul .middle {
   height: 100%;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
}


/* video-wrap  */
section.video-section.yellow-section-bg:after, section.video-section.yellow-section-bg:before {
 
    display: none;
}
section.video-section {
   padding-bottom: 100px;
}

.video-wrap {
    position: relative;
    width: 100%;

}

.custom-video {
    width: 100%;
    display: block;
}

.video-btn {
    position: absolute;
    bottom: 20px;
    left: 20px;
    padding: 8px 18px;
    background: #000;
    color: #fff;
    border: 0;
    cursor: pointer;
}

.video-btn.play::after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 15px 0px 15px 20px;
    border-color: transparent transparent transparent #F9A031;
    left: 42px;
    z-index: 1;
    transition: all 0.3s;
    top: 33px;
    transform: rotate(0deg);
    transform-origin: center center;
}

.video-wrap .video-cover .btn-wrap button.pause::after,
.video-wrap .video-cover .btn-wrap button.pause::before {
    content: '';
    width: 5px;
    display: block;
    height: 31px;
    border-radius: 2px;
    background: #F9A031;
    position: absolute;
    top: 34px;
    left: 39px;
}

.video-wrap .video-cover .btn-wrap button.pause::after {
    left: 54px;
}

.video-wrap .video-title {
    text-align: center;
}

.video-wrap .video-title span {
    position: relative;
    z-index: 1;
    font-size: 30px;
    padding: 35px 46px 25px 46px;
    font-weight: 500;
	    color: #231F20;
}

.video-wrap .video-title span:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 20px 39px 53px;
    border-color: transparent transparent transparent #F9F7EB;
    left: 0px;
    transform-origin: left top;
    z-index: 1;
    transition: all 0.3s;
    top: calc(100% - 4px);
    transform: rotate(0deg);
}

.video-wrap .video-title span:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F9F7EB;
    top: 0;
    left: 0;
    z-index: -1;
    clip-path: polygon(0 0, 100% 17%, 100% 100%, 0 100%);
}


.video-wrap .video-cover {
    width: 100%;
    border: 10px solid #f9f7eb;
    position: relative;
}

.video-wrap .video-cover .btn-wrap {
    position: relative;
}

.video-wrap .video-cover .btn-wrap button {
    width: 98px;
    height: 98px;
    border-radius: 50%;
    background: #f9f7eb;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    position: absolute;
    box-shadow: 0px 0px 6px 2px #00000026;

}

.video-wrap .video-cover .btn-wrap button.pause {}

.video-cover.iframe-video {
   padding-bottom: 55.38%;
   background: #f9f7eb;
}

.video-cover.iframe-video iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   left: 0;
   top: 0;
}

section.video-section{
   position: relative;
}
section.video-section.yellow-section-bg:after {
   content: '';
   background-image: url(../images/bg-pattern-small.png);
position: absolute;
   width: 100%;
   height: 100%;
   background-position: top left;
   opacity: 1;
   mix-blend-mode: color-burn;
   bottom: 0;
   z-index: 0;
   background-repeat: repeat-x;
}
section.video-section .container {
   position: relative;
   z-index: 1;
}



/* video-wrap  End */

/* slider-with-tabs   */
section.slider-with-tabs {}

section.slider-with-tabs .top-content {
    background-color: #2D543F;
    padding: 78px 0 30px 0;
}

section.slider-with-tabs .top-content h2 {
    font-weight: 800;
    font-size: clamp(2.25rem, -0.1718rem + 5.052vw, 4.375rem);
    color: #F9A031;
    margin-bottom: 26px;
        text-transform: uppercase;
}

section.slider-with-tabs .top-content .h3 {
    margin-bottom: 0;
    color: #FFF;
   font-size: clamp(1.375rem, 0.8052rem + 1.1887vw, 1.875rem);
    line-height: 1.35;
    letter-spacing: 0;
}

section.slider-with-tabs .top-content .container {
   
    text-align: center;
}

section.slider-with-tabs .thumb-slider-list {
    background: #2d543f;
    position: relative;

   z-index: 0;
}



section.slider-with-tabs .thumb-slider-list .thumb-slider {
    display: flex;
    gap: 10px;
    overflow-x: auto;
    scroll-behavior: smooth;
    padding-bottom: 0px;
    scrollbar-width: none;
    margin-left: auto;
    margin-right: auto;
    max-width: 1132px;
    position: relative;
        overflow-y: hidden;
}


section.slider-with-tabs .thumb-slider-list .thumb-slider .slider-thumbnail {
    line-height: 0;
    margin: 42px 15px 42px 15px;
    flex: 0 0 auto;
    position: relative;
    border-radius: 60px;
    cursor: pointer;
    z-index: 1;
    box-shadow: 0px 2px 4px 0px #00000040;

}

section.slider-with-tabs .thumb-slider-list .thumb-slider .slider-thumbnail span {
    position: absolute;
    font-weight: 400;
    width: 100%;
    left: 0;
    top: calc(100% + 12px);
    text-align: center;
    font-size: 14px;
    color: #FFF;
    line-height: 0.9;
}

section.slider-with-tabs .thumb-slider-list .thumb-slider:after {
    content: '';
    position: absolute;
    width: calc(100% - 40px);
    height: 6px;
    background-color: #F99B26;
    transform: translate(-50%, -50%);
    top: calc(50% - -2px);
    z-index: 0;
    left: 50%;
}

section.slider-with-tabs .thumb-slider-list .thumb-slider .slider-thumbnail:after {
    content: '';
    position: absolute;
    left: -3px;
    top: -3px;
    border: 6px solid transparent;
    border-radius: 60px;
    width: calc(100% + 3px);
    height: calc(100% + 3px);
}

section.slider-with-tabs .thumb-slider-list .thumb-slider .slider-thumbnail.active:after {
    border-color: #F99B26;
}

section.slider-with-tabs .thumb-slider-list .thumb-slider > div img {
   border-radius: 41px;
   width: 123px;
   max-height: 80px;
   object-fit: cover;
}


section.slider-with-tabs .thumb-slider::-webkit-scrollbar {
    display: none;
}

section.slider-with-tabs .tab-content-wrapper {
        background: #2d543f;
    position: relative;
    z-index: 0;
        padding-bottom: 100px;
    
}
section.slider-with-tabs .tab-content-wrapper:after {
        content: '';
   width: 100%;
   height: 71px;
   right: 0;
   top: 145px;
   background: #f9f7eb;
   position: absolute;
   z-index: 0;
   transform-origin: right bottom;
   transform: skew(51.5deg, -0.9deg);
   z-index: 0;
}
section.slider-with-tabs .tab-content-wrapper:before{
   content: '';
   background: #f9f7eb;
   width: 100%;
   height: calc(100% - 215px);
   top: 216px;
   position: absolute;
   left: 0;
   z-index: 0;
}



section.slider-with-tabs .tab-content {
    display: none;
    position: relative;
   z-index: 01;
}

section.slider-with-tabs .tab-content.active {
    display: block;
    animation: fadeIn1 0.8s ease;
}

@keyframes fadeIn1 {
    from {
        opacity: 0;
        transform: translateY(10px);
    }

    to {
    opacity: 1;
        transform: translateY(0);
    }
}

.slider-with-tabs .tab-content-wrapper span.arrow-here {
   background-color: #F9A031;
   top: 0;
}

.slider-with-tabs .tab-content-wrapper  .btn-cover {
position: absolute;
   z-index: 99;
   width: 100%;
   top: 353px;
}
.slider-with-tabs .tab-content-wrapper  .btn-cover .container {
   position: relative;
   max-width: 1154px;
}

.slider-with-tabs .tab-content-wrapper .btn-cover span.arrow-here.is-pre {
   left: 0;
   transform: rotate(180deg);
   top: -26px;
}

.slider-with-tabs .tab-content-wrapper .btn-cover span.arrow-here.is-nxt {
   right: 0;
}

.slider-with-tabs .tab-content-wrapper span.arrow-here.disabled {
   opacity: 0.3;
   pointer-events: none;
}

section.slider-with-tabs .thumb-slider-list span.arrow-here {
   display: none;
}
section.left-block-content + section.slider-with-tabs .top-content,
section.left-block-content + section.slider-with-tabs .thumb-slider-list,
section.left-block-content + section.slider-with-tabs .tab-content-wrapper{
   background-color: #152E3C;
}
section.left-block-content + section.slider-with-tabs .top-content h2 {
   color: #FFF;
   margin-bottom: 0;
}

/* tab-content-intro  */
.tab-content .tab-content-intro {
    
    position: relative;
    z-index: 1;
    padding:0 0 13px 0;
}

.tab-content .tab-content-intro .inner {
    max-width: 930px;
    margin-left: auto;
    margin-right: auto;
}

.tab-content .tab-content-intro .inner .title-part {
    text-align: center;
    transform: translateY(52%);
  
}

.tab-content .tab-content-intro .inner .title-part h3 {
    display: inline-block;
    margin: 0;
    position: relative;
    z-index: 1;
    min-width: 608px;
    padding: 28px 30px 19px 30px;
    font-size: 30px;
    box-shadow: -2px 2px 6px 0px #00000026;
}

.tab-content .tab-content-intro .inner .title-part h3:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #F9F7EB;
    top: 0;
    left: 0;
    z-index: -1;
    clip-path: polygon(0 0, 100% 17%, 100% 100%, 0 100%);
}

.tab-content .tab-content-intro .inner .title-part h3:after {
    content: '';
    position: absolute;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 0px 20px 32px 42px;
    border-color: transparent transparent transparent #F9F7EB;
    left: 0px;
    transform-origin: left top;
    z-index: 1;
    transition: all 0.3s;
    top: calc(100% - 4px);
    transform: rotate(0deg);
}
.tab-content .tab-content-intro .inner .title-part h3 span {
    color: #231F20;
}

.tab-content .tab-content-intro .inner .is-img {}

.tab-content .tab-content-intro .inner .is-img figure {
    margin: 0;
    background-image: url(../images/border-slider-img.svg);
    padding: 17px 15px 9px 15px;
    background-repeat: no-repeat;
    background-position: top center;
    line-height: 0;
}

.tab-content .tab-content-intro .inner .is-img figcaption {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    color: #231F20;
    font-family: "Inter", sans-serif;
    letter-spacing: 0;
    font-weight: 300;
}

.tab-content .tab-content-intro .inner .is-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 803px;
    margin-top: 31px;
}

.tab-content .tab-content-intro .inner .is-content p {
    font-weight: 500;
    letter-spacing: 0;
    font-size: 20px;
    line-height: 1.35;
}

.tab-content .is-btn {
   text-align: center;
   font-weight: 500;
   margin-top: 40px;
}


/* map zoom */
section.slider-with-tabs .tab-content .zoom-map-block {
}

section.slider-with-tabs .tab-content .zoom-map-block .inner {
   max-width: 935px;
   margin-left: auto;
   margin-right: auto;
   text-align: center;
}

section.slider-with-tabs .tab-content .zoom-map-block .inner figcaption {
   font-size: 12px;
   text-align: center;
   font-family: "Inter", sans-serif;
   line-height: 1;
}

section.slider-with-tabs .tab-content .zoom-map-block .inner .is-img {
   line-height: 0;
}

section.slider-with-tabs .tab-content .zoom-map-block .inner .is-content {
   margin-top: 30px;
   margin-bottom: 60px;
   margin-left: auto;
   margin-right: auto;
   max-width: 875px;
}

section.slider-with-tabs .tab-content .zoom-map-block .inner .is-content p {
   font-size: 20px;
   color: #231F20;
}
/* map zoom End */

/* tab-content-intro End */

/* Large Title */
.large-title .title-wrap {
    padding: 66px 50px 89px 50px;
    text-align: center;
    position: relative;
    z-index: 1;
}

.large-title .title-wrap .shape-cover {
    position: absolute;
    width: calc(100vw - ((100vw - 1350px) / 2));
    height: calc(100% + 0px);
    right: 0px;
    top: 0;
    background: #F9A031;
    z-index: -1;
    clip-path: polygon(0% 5%, 100% 0%, calc(100% - 30px) 100%, 0 100%);
}

.large-title .title-wrap .shape-cover:after {
    content: '';
    width: 100%;
    height: 58px;
    right: 30px;
    bottom: 0;
    background: #f9f7eb;
    position: absolute;
    transform-origin: left bottom;
    z-index: 2;
    transform: skew(51deg, 0.0deg);
}

.large-title .title-wrap .shape-cover:before {
    content: '';
    width: 100%;
    height: 85px;
    right: 30px;
    bottom: 0;
    background: #EA8E1B;
    position: absolute;
    transform-origin: right bottom;
    z-index: 1;
    transform: skew(31deg, -0.7deg);
}

.large-title .title-wrap h2 {
    font-size: clamp(2.25rem, -0.1718rem + 5.052vw, 4.375rem);
    font-weight: 900;
    text-transform: uppercase;
    color: #231F20;
}

.large-title .title-wrap h2 span {
    display: block;
   font-size: clamp(1.875rem, -0.618rem + 5.2006vw, 4.0625rem);
    font-family: "caveat-brush", sans-serif;
    font-weight: 400;
    line-height: 1.4;
    text-transform: none;
}

.large-title {
   overflow: hidden;
   margin-bottom: 8px;
}

.large-title .title-wrap .is-content {
    margin-left: auto;
    margin-right: auto;
    max-width: 915px;
}

.large-title .title-wrap .is-content p {
    font-size: clamp(1.375rem, 0.8052rem + 1.1887vw, 1.875rem);
    font-weight: 500;
    line-height: 1.32;
}


/* Large Title End */

/* circles-animation-section */
.circles-animation-section {}

.circles-animation-section .circles-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    max-width: 1137px;
    gap: 32px 0px;

}

.circles-animation-section .circles-wrapper .circle-block {
    width: 20%;
    padding: 0 26px;
}

.circles-animation-section .circles-wrapper .circle-box {
    position: relative;
    width: 124px;
    height: 124px;
    text-align: center;
    margin: auto;
    margin-bottom: -4px;

}

.circles-animation-section .circles-wrapper .circle-block p {
    font-size: 22px;
    text-align: center;
    line-height: 1.18;
    margin-bottom: 0;
}

.circles-animation-section .circles-wrapper .progress circle {
    fill: none;
    stroke-width: 6;
    transform: rotate(-90deg);
    transform-origin: center;
}

.circles-animation-section .circles-wrapper .progress .bg {
    stroke: #C2C2C2;
}

.circles-animation-section .circles-wrapper .progress .fg {
    stroke: #F9A031;
    stroke-dasharray: 304.7;
    stroke-dashoffset: 304.7;
    transition: stroke-dashoffset 1.5s ease;
}

.circles-animation-section .circles-wrapper .number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 45px;
    font-weight: 800;
    font-family: "brandon-grotesque", sans-serif;
}

.circles-animation-section .is-btn {
    text-align: center;
    margin: 90px 0 0px 0;
    padding-bottom: 101px;
}

/* circles-animation-section End */

/* testimonial  */

section.slider-with-tabs  .testimonial { 
   padding-bottom: 0;
   padding-top: 54px;
}

section.slider-with-tabs .testimonial .title-wrap {
text-align: center;
   margin-bottom: 40px;
}

section.slider-with-tabs .testimonial .title-wrap h2 {
   font-size: clamp(2.25rem, -0.1718rem + 5.052vw, 4.375rem);
   font-weight: 900;
   text-transform: uppercase;
   color: #2D543F;
}

section.slider-with-tabs .testimonial .title-wrap h2 span {
   display: block;
   font-size: clamp(1.875rem, -0.618rem + 5.2006vw, 4.0625rem);
   font-family: "caveat-brush", sans-serif;
   font-weight: 400;
   line-height: 1.45;
   text-transform: none;
}

section.slider-with-tabs .testimonial .testimonial-block {
   padding: 0 12px;
   padding-top: 0px;
}

section.slider-with-tabs .testimonial .testimonial-block .block-inner:before {
   content: '';
   background-image: url(../images/icon.svg);
       width: 70px;
   height: 57px;
   display: block;
   position: absolute;
   z-index: 1;
   transform: translate(-50%, -50%);
   left: 50%;
   top: 0%;
}
   section.slider-with-tabs .testimonial .testimonial-block .block-inner {
    position: relative;
   padding: 64px 110px 135px 110px;
   text-align: center;
}

section.slider-with-tabs .testimonial .testimonial-block .block-inner .shape-wrap {
   position: absolute;
   width: 100%;
   height: 100%;
   background: #f9a031;
   z-index: 0;
   clip-path: polygon(0% 3.3%, 100% 0%, calc(100% - 30px) 100%, calc(0% + 43px)  100%);
   overflow: hidden;
   left: 0;
   top: 0;
}

section.slider-with-tabs .testimonial .testimonial-block .block-inner > * {
   position: relative;
   z-index: 1;
}

section.slider-with-tabs .testimonial .testimonial-block .block-inner .shape-wrap:after {
   content: '';
   width: 100%;
   height: 59px;
   right: 30px;
   bottom: 0;
   background: #f9f7eb;
   position: absolute;
   transform-origin: left bottom;
   z-index: 2;
   transform: skew(52deg, 0.0deg);
}

section.slider-with-tabs .testimonial .testimonial-block .block-inner .shape-wrap:before {
   content: '';
   width: 100%;
   height: 85px;
   right: 30px;
   bottom: 0;
   background: #EA8E1B;
   position: absolute;
   transform-origin: right bottom;
   z-index: 1;
   transform: skew(28deg, -0.6deg);
}

section.slider-with-tabs .testimonial .testimonial-block .block-inner p {
  font-size: clamp(1.375rem, 0.8052rem + 1.1887vw, 1.875rem);
   font-weight: 500;
   line-height: 1.43;
   margin-bottom: 37px;
}

section.slider-with-tabs .testimonial .testimonial-block .block-inner .shape-wrap span {
   font-size: 24px;
}

section.slider-with-tabs .testimonial .testimonial-block .block-inner span {
   font-size: clamp(1.125rem, 0.6976rem + 0.8915vw, 1.5rem);
   font-weight: 500;
}
section.slider-with-tabs .testimonial .is-btn {
   text-align: center;
   margin-top: -1px;
   background: #f9f7eb;
   z-index: 1;
   position: relative;
}

section.slider-with-tabs .testimonial .is-btn a.btn {
   display: inline-block;
}
/* testimonial  End */

/* content-with-left-right-img */
.content-with-left-right-img .d-flex {
   display: flex;
   gap: 50px;
   margin-bottom: 64px;
   align-items: center;
}

/* Left item */
.content-with-left-right-img .img-left {
   flex-direction: row;
}

/* Right item */
.content-with-left-right-img .img-right {
   flex-direction: row-reverse;
}

/* Image box: allow shrinking */
.content-with-left-right-img .img-part {
   flex: 0 1 auto;  /* allow shrink */
   max-width: 62%;  /* image gets smaller on mobile automatically */
}

/* Image responsive */
.content-with-left-right-img .img-part img {
   width: 100%;
   height: auto;
   display: block;
}

/* Text takes remaining space */
.content-with-left-right-img .text-part {
   flex: 1;
   min-width: 0;    /* prevents overflow */
}


.content-with-left-right-img .img-part figure {
   margin: 0;
}

.content-with-left-right-img .img-part .caption {
   font-size: 12px;
   line-height: 17px;
   margin-top: 5px;
   font-family: "Inter", sans-serif;
   font-weight: 300;
}

.content-with-left-right-img .text-part h3 {
   color: #2D543F;
   text-transform: uppercase;
   font-weight: 800;
   letter-spacing: 0.019em;
    
   line-height: 1.08;
   margin-bottom: 18px;
}

.content-with-left-right-img .text-part p {
   font-size: 20px;
   line-height: 1.35;
   margin-bottom: 27px;
}
/* content-with-left-right-img End */



/* slider-with-tabs  End */


/* project-partners */
.project-partners {
   padding: 40px 0 80px 0;
   background: #FFF;
}

.project-partners span.title-cover {
   transform:translateY(0%) !important;
}

.title-block-wrap span {
   display: flex;
   display: block;
   font-family: "caveat-brush", sans-serif;
   font-weight: 400;
   font-size: clamp(2.375rem, 1.9476rem + 0.8915vw, 2.75rem);
}
section.project-partners.white-section-bg .title-block-wrap span {
    color: #231F20;
}
.project-partners .title-block-wrap span.title-cover h2 {
   font-size: clamp(2.25rem, 1.2528rem + 2.0802vw, 3.125rem);
   color: #231F20;
}

.project-partners .title-block-wrap span.title-cover:after {
   background: #5EB8E4;
}

.project-partners .title-block-wrap span.title-cover:before {
   border-color: transparent transparent transparent #5EB8E4;
}

.project-partners .logo-list {display: flex;text-align: center;gap: 30px 73px;flex-wrap: wrap;justify-content: center;max-width: 1123px;margin: auto;margin-top: 75px;}

.project-partners .logo-list div {
   display: inline-block;
}
/* project-partners  End */


/* section.story 
.story .slider-nav {
   max-width: 905px;
   margin: auto;
}

.story .slider-nav .img-wrap {
   display: block;
   margin: auto;
   max-width: 133px;
   border-radius: 60px;
   overflow: hidden;
   height: 80px;
   position: relative;
   padding: 5px;
}

.story .slider-nav .img-wrap img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 40px;
}

.story .slider-nav .img-wrap:after {
   content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   border: 6px solid transparent;
   top: 0;
   left: 0;
   border-radius: 50px;
}

.story .slider-nav .slick-current .img-wrap:after {
   border-color: #F99B26;
}

section.story {
   background-color: #152E3C;
   position: relative;
   min-height: 620px;
   padding: 90px 0;
}

section.story .title-part h2 {
   text-align: center;
   font-size: clamp(2.25rem, 1.2528rem + 2.0802vw, 3.125rem);
   font-weight: 800;
   color: #FFF;
       margin-bottom: 31px;
}

section.story:after {
   content: '';
   width: 100%;
   height: calc(100% - 512px);
   left: 0;
   bottom: 0;
   position: absolute;
   background: #F9F7EB;
   z-index: 0;
}

section.story:before {
   content: '';
   content: '';
   width: 100%;
   height: 71px;
   right: 0;
   background: #f9f7eb;
   position: absolute;
   z-index: 0;
   transform-origin: right bottom;
   transform: skew(51.5deg, -0.9deg);
   top: 441px;
}

section.story .container {
   position: relative;
   z-index: 1;
}
.story .slider-nav span.title {
   display: block;
   text-align: center;
   width: 100%;
   font-size: 14px;
   color: #FFF;
   line-height: 13px;
   margin-top: 10px;
   max-width: 123px;
   margin-left: auto;
   margin-right: auto;
}
section.story .slider-for {}

section.story .slider-for .inner {
   max-width: 930px;
   margin-left: auto;
   margin-right: auto;
}

section.story .slider-for .inner .title-part {
   text-align: center;
   transform: translateY(52%);
}

section.story .slider-for .inner .title-part h3 {
   display: inline-block;
   margin: 0;
   position: relative;
   z-index: 1;
   min-width: 608px;
   padding: 28px 0 19px 0;
   font-size: 30px;
   box-shadow: -2px 2px 6px 0px #00000026;
}
section.story .slider-for .inner .title-part h3:after {
       content: '';
   position: absolute;
   width: 0px;
   height: 0px;
   border-style: solid;
   border-width: 0px 20px 32px 42px;
   border-color: transparent transparent transparent #F9F7EB;
   left: 0px;
   transform-origin: left top;
   z-index: 1;
   transition: all 0.3s;
   top: calc(100% - 4px);
   transform: rotate(0deg);
}
section.story .slider-for .inner .title-part h3:before {
       content: '';
   position: absolute;
   width: 100%;
   height: 100%;
   background: #F9F7EB;
   top: 0;
   left: 0;
   z-index: -1;
   clip-path: polygon(0 0, 100% 17%, 100% 100%, 0 100%);
}

section.story .slider-for .inner .is-img {}



section.story .slider-for .inner figure {
   margin: 0;
   background-image: url(../images/border-slider-img.svg);
   padding: 17px 15px 9px 15px;
   background-repeat: no-repeat;
   background-position: top center;
   line-height: 0;
}
section.story .slider-for .inner .is-img figcaption {
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    color: #231F20;
    font-family: "Inter", sans-serif;
    letter-spacing: 0;
    font-weight: 300;
}
section.story .slider-for .inner .is-content {
   margin-left: auto;
   margin-right: auto;
   max-width: 803px;
   margin-top: 31px;
   padding-bottom: 20px;
}
section.story .slider-for .inner .is-content p {
   font-weight: 500;
   letter-spacing: 0;
   font-size: 20px;
   line-height: 1.35;
}
section.story .slider-for .inner .is-content .is-btn {
   text-align: center;
   margin-top: 82px;
   font-weight: 500;
}
 section.story  End */


/* section.left-block-content */
section.left-block-content {
   padding: 0 0 90px 0;
   background-size: cover;
   background-attachment: fixed;
   position: relative;
}
section.left-block-content .is-bg {
   position: absolute;
   width: 100%;
   height: 100%;
   left: 0;
   top: 0;
   background-size: cover;
}
section.left-block-content .block-wrap {
      max-width: 709px;
   position: relative;
   padding: 82px 70px 39px 80px;
   top: -40px;
}

section.left-block-content .block-wrap .shape-cover {
   position: absolute;
   width: 100%;
   height: 100%;
   background: #F9A031;
   z-index: 1;
   left: 0;
   top: 0;
   clip-path: polygon(0% calc(0% + 30px), 100% 0%, calc(100% - 30px) 100%, 0% 100%);
}

section.left-block-content .block-wrap > * {
   position: relative;
   z-index: 1;
}



section.left-block-content .block-wrap  h2 {
   font-size: clamp(1.375rem, 0.3778rem + 2.0802vw, 2.25rem);
   font-weight: 800;
   text-transform: uppercase;
   color: #231F20;
   margin-bottom: 25px;
}

section.left-block-content .block-wrap p {
   font-size: 20px;
   line-height: 1.35;
   margin-bottom: 27px;
}
section.left-block-content .block-wrap:before{
   content: '';
   position: absolute;
   width: 90px;
   height: 140px;
   background: #f9a031;
   z-index: 0;
   left: 0;
   bottom: -80px;
   z-index: 2;
   display: block;
   clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0 100%);
}
section.left-block-content .block-wrap:after {
   content: '';
   position: absolute;
   width: 120px;
   height: 103px;
   background: #EA8E1B;
   left: 0;
   bottom: -80px;
   z-index: 0;
   display: block;
   clip-path: polygon(0% 0%, 100% 0%, 0% 100%, 0 100%);
}

section.left-block-content .block-wrap .shape-cover:after {
   content: '';
   position: absolute;
   width: 100%;
   height: 27px;
   left: 0;
   bottom: 0;
   background: #ea8e1b;
   transform: rotate(1.5deg);
   transform-origin: top left;
}

/* section.left-block-content End */

/* section.single-testimonial */
section.single-testimonial {
   padding: 100px 0;
   background: #F9A031;
}

section.single-testimonial .block-wrap {
   position: relative;
   padding: 112px 112px 126px 112px;
}
section.single-testimonial .block-wrap:before {
   content: '';
   position: absolute;
   width: 140%;
   height: 60px;
   background: #f9a031;
   right: 0;
   bottom: 100%;
   transform-origin: right top;
   transform: rotate(-1.99deg);
   z-index: 1;
}

section.single-testimonial .block-wrap .shape-cover {
   position: absolute;
   width: calc(100vw - ((100vw - 1350px) / 2));
   height: calc(100% + 0px);
   right: 0px;
   top: 0;
   background: #152E3C;
   z-index: 0;
    
   overflow: hidden;
}

section.single-testimonial .block-wrap .shape-cover:before {
   content: '';
   width: 100%;
   height: 85px;
   right: 0px;
   bottom: 0;
   background: #061D2D;
   position: absolute;
   transform-origin: right bottom;
   z-index: 1;
   transform: skew(36deg, -1deg);
}
section.single-testimonial .block-wrap .shape-cover:after {
   content: '';
   width: 100%;
   height: 58px;
   right: 0px;
   bottom: 0px;
   background: #f9a031;
   position: absolute;
   transform-origin: right bottom;
   z-index: 2;
   transform: skew(53deg, -0.59deg);
}

section.single-testimonial .block-wrap > * {
   position: relative;
   z-index: 1;
}

section.single-testimonial .block-wrap p {
   color: #F9A031;
   font-size: 30px;
   margin-bottom: 19px;
   line-height: 1.45;
}

section.single-testimonial .block-wrap  span.name {
   font-weight: 300;
   color: #FFF;
   font-size: 24px;
}
.single-testimonial .st1 {
   fill: #32729F;
}

section.single-testimonial .block-wrap .quotes {
   position: absolute;
   top: 24px;
}
/* section.single-testimonial End */
section.purple-section-bg,
.purple-section-bg .shape-block-border-img.img-left .text-part .text-wrap:before,
.purple-section-bg .shape-block-border-img.img-left .text-part .text-wrap .shape-wrap:after,
.purple-section-bg.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap:before,
.purple-section-bg .shape-block-border-img .text-part .text-wrap:before,
.purple-section-bg .shape-block-border-img .text-part .text-wrap .shape-wrap:after,
.purple-section-bg.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap .shape-wrap:after{
   background-color: #654164;
}

section.yellow-section-bg,
.yellow-section-bg .shape-block-border-img .text-part .text-wrap:before,
.yellow-section-bg .shape-block-border-img .text-part .text-wrap .shape-wrap:after,
.yellow-section-bg .shape-block-border-img .text-part .text-wrap:before,
.yellow-section-bg.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap:before,
.yellow-section-bg .shape-block-border-img .text-part .text-wrap:before,
.yellow-section-bg .shape-block-border-img .text-part .text-wrap .shape-wrap:after,
.yellow-section-bg.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap .shape-wrap:after{
   background-color:#f9a031;
}
section.green-section-bg,
.green-section-bg .shape-block-border-img .text-part .text-wrap:before,
.green-section-bg .shape-block-border-img .text-part .text-wrap .shape-wrap:after,
.green-section-bg.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap:before,
.green-section-bg .shape-block-border-img .text-part .text-wrap:before,
.green-section-bg .shape-block-border-img .text-part .text-wrap .shape-wrap:after,
.green-section-bg.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap .shape-wrap:after{
   background-color: #355B46;
}
section.blue-section-bg,
.blue-section-bg .shape-block-border-img .text-part .text-wrap:before,
.blue-section-bg .shape-block-border-img .text-part .text-wrap .shape-wrap:after,
.blue-section-bg.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap:before,
.blue-section-bg .shape-block-border-img .text-part .text-wrap:before,
.blue-section-bg .shape-block-border-img .text-part .text-wrap .shape-wrap:after,
.blue-section-bg.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap .shape-wrap:after{
   background-color: #5EB8E4;
}
section.black-section-bg,
.black-section-bg .shape-block-border-img .text-part .text-wrap:before,
.black-section-bg .shape-block-border-img .text-part .text-wrap .shape-wrap:after,
.black-section-bg.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap:before,
.black-section-bg .shape-block-border-img .text-part .text-wrap:before,
.black-section-bg .shape-block-border-img .text-part .text-wrap .shape-wrap:after,
.black-section-bg.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap .shape-wrap:after{
   background-color: #231F20;
}
section.white-section-bg,
.white-section-bg .shape-block-border-img .text-part .text-wrap:before,
.white-section-bg .shape-block-border-img .text-part .text-wrap .shape-wrap:after
.white-section-bg.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap:before,
.white-section-bg .shape-block-border-img  .text-part .text-wrap:before,
.white-section-bg .shape-block-border-img .text-part .text-wrap .shape-wrap:after,
.white-section-bg.shape-with-left-right-img .shape-block-wrap .text-part .text-wrap .shape-wrap:after{
   background-color: #FFF;
}

.white-heading .heading,
.white-tagline span.tagline,
.white-content .content-here *,
.white-content .content-here * a:hover{color: #FFF;}
.white-content .content-here * a,
.white-content .content-here strong{
   color: #FCC682;
}
.green-heading .heading,
.green-tagline span.tagline,
.green-content .content-here * {color: #355B46;}


.yellow-heading .heading,
.yellow-tagline span.tagline,
.yellow-content .content-here * { color: #F9A031;}

.blue-heading .heading,
.blue-tagline span.tagline,
.blue-content .content-here * { color:  #5EB8E4;}

.black-heading .heading,
.black-tagline span.tagline,
.black-content .content-here * { color:  #231F20;}



section.purple-section-bg.inner-banner:after {
   background: #f9a031;
}
.white-content .content-here em{
        font-style: italic;
}
.white-content .content-here em strong{
        font-weight: 600;
}


/* explore-park */
.explore-park .top-heading-part {
   display: flex;
   flex-wrap: wrap;
   position: relative;
}

.explore-park .top-heading-part .title-part {
   width: 55%;
   padding-right: 30px;
   padding-top: 21px;
}

.explore-park .top-heading-part .map-wrap-here {
   width: 100%;
   margin-top: 20px;
}

section.explore-park {
   padding: 49px 0;
}

.explore-park .top-heading-part h2.heading {
   font-size: clamp(2.25rem, -0.1718rem + 5.052vw, 4.375rem);
   font-weight: 900;
       text-transform: uppercase;
}

.explore-park .top-heading-part h3.heading {
   font-size: 30px;
   font-weight: 600;
   padding: 16px 0 0 69px;
   letter-spacing: -0.01em;
   max-width: 540px;
   line-height: 1.50;
}

.explore-park .top-heading-part .visit-wrap {
   width: 41.5%;
   position: absolute;
   right: 0;
}

.explore-park .top-heading-part .visit-wrap .inn-wrap {
   text-align: center;
   margin: auto;
   padding: 46px 0 102px 0;
   max-width: 384px;
   position: relative;
}

.explore-park .top-heading-part .visit-wrap .inn-wrap h4 {
   font-size: 44px;
   font-family: "caveat-brush", sans-serif;
   margin: 0 0 27px 0;
       color: #152E3C;
}

.explore-park .top-heading-part .visit-wrap .inn-wrap .is-btn {
   text-align: center;
   width: 100%;
}

.explore-park .top-heading-part .visit-wrap .inn-wrap .is-btn a.btn {
   color: #FFF;
   background-color: #152E3C;
}

.explore-park .top-heading-part .visit-wrap .inn-wrap .shape-div {
   position: absolute;
   width: calc(100vw - ((100vw - 1350px) / 2));
   height: 100%;
   left: 0;
   top: 0;
   background: #feba65;
   z-index: 0;
   transform-origin: left bottom;
   transform: rotate(-3deg);
   overflow: hidden;
}
.explore-park .top-heading-part .visit-wrap .inn-wrap .is-btn a.btn span.icon:after{
   background-image: url(../images/arrow-yellow.svg);
}
.explore-park .top-heading-part .visit-wrap .inn-wrap > * {
   position: relative;
   z-index: 1;
}

.explore-park .top-heading-part .visit-wrap .inn-wrap .shape-div:after {
   content: '';
   width: 100%;
   height: 30px;
   right: 0;
   bottom: 0;
   background: #f9a031;
   position: absolute;
   z-index: 2;
   transform: skew(-56deg, 0.0deg);
   transform-origin: right bottom;
}
.explore-park .top-heading-part .visit-wrap .inn-wrap .shape-div:before {
       content: '';
       width: 100%;
       height: 45px;
       right: 0;
       bottom: 0;
       background: #e18a20;
       position: absolute;
       z-index: 1;
       transform: skew(-40deg, 1deg);
       transform-origin: left bottom;
}

.explore-park .top-heading-part .visit-wrap .inn-wrap .shape-div:after {}

.explore-park .top-heading-part h3.heading:before {
   content: '';
   position: absolute;
   width: 70px;
   height: 88px;
   background-image: url(../images/location-icon.svg);
   background-repeat: no-repeat;
   background-position: center center;
   left: -10px;
}
.explore-park .top-heading-part .map-wrap-here .d-flex {
   display: flex;
   flex-wrap: wrap;
}

.explore-park .top-heading-part .map-wrap-here .d-flex .list-part {
   width: 36%;
}

.explore-park .top-heading-part .map-wrap-here .d-flex .list-part h3 {
   font-size: 44px;
   font-family: "caveat-brush", sans-serif;
   margin: 0 0 19px 0;
   color: #231F20;
   position: relative;
   z-index: 1;
}

.explore-park .top-heading-part .map-wrap-here .d-flex .list-part  ul {}

.explore-park .top-heading-part .map-wrap-here .d-flex .list-part ol {
   margin: 0;
   padding: 0;
   counter-reset: step;            /* initialize counter */
   list-style: none;
   padding-left: 0;
   margin: 0;
}

.explore-park .top-heading-part .map-wrap-here .d-flex .list-part ol li {
   counter-increment: step;       /* increment */
   display: flex;
   align-items: center;
   gap: 12px;
   padding: 11px 0 11px 45px;
   font-size: 26px;
   font-weight: 500;
   position: relative;
   color: #231F20;
}
.explore-park .top-heading-part .map-wrap-here .d-flex .list-part ol li:hover {
   cursor: pointer;
   color: #3a7aa7;
}
.explore-park .top-heading-part .map-wrap-here .d-flex .list-part ol li:before {
   content: '';
   content: counter(step);
   min-width: 28px;
   height: 28px;
   line-height: 28px;
   border-radius: 50%;
   text-align: center;
   font-weight: 700;
   background: #3a7aa7;
   color: #fff;
   font-size: 16px;
   box-shadow: 0 2px 6px rgba(0,0,0,0.15);
   position: absolute;
   left: 0;
   top: 16px;
   z-index: 1;
}

.explore-park .top-heading-part .map-wrap-here .d-flex .list-part ol li:after {
   content: '';
   box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
   min-width: 34px;
   height: 34px;
   line-height: 33px;
   position: absolute;
   border-radius: 50%;
   left: -3px;
   top: 13px;
   background: #FFF;
   z-index: 0;
}

.explore-park .top-heading-part .map-wrap-here .inner-wrap {
   position: relative;
   padding: 141px 0 87px 0;
}

.explore-park .top-heading-part .map-wrap-here .inner-wrap .shape-wrap {
   position: absolute;
   width: calc(100vw - ((100vw - 1500px) / 3));
   height: 100%;
   background: #F9F7EB;
   z-index: 0;
   overflow: hidden;
   left: -92px;
   margin-top: -10px;
   top: 0;
}

.explore-park .top-heading-part .map-wrap-here .inner-wrap .shape-wrap:after {}

.explore-park .top-heading-part .map-wrap-here .inner-wrap .shape-wrap:before {
   content: '';
   width: 100%;
   height: 109px;
   left: 0px;
   top: 0;
   background:#E4DFC2;
   position: absolute;
   transform-origin: left top;
   z-index: 1;
   transform: skew(41deg, -2deg);
}
.explore-park .top-heading-part .map-wrap-here .inner-wrap .shape-wrap:after{
   content: '';
   width: 100%;
   height: 78px;
   left: 0px;
   top: 0;
   background: #f9a031;
   position: absolute;
   transform-origin: left top;
   z-index: 1;
   transform: skew(51deg, -1deg);
}

.explore-park .top-heading-part .map-wrap-here .d-flex .map-part {
width: 64%;
   position: relative;
}

.explore-park .top-heading-part .map-wrap-here .d-flex .map-part .wrap_svl_center {
   margin-top: -166px;
   margin-bottom: -200px;
   margin-left: -112px;
}
.page-id-168 section.single-testimonial + .video-section:before,
.page-id-168 section.single-testimonial + .video-section:after{
    display: none;
}
body #powerTip {
   background: #FFF;
   border-radius: 0;
   padding: 10px;
   box-shadow: 0px 4px 4px 0px #00000040;
}

body #powerTip .map-popup-box {
   max-width: 314px;
}

body #powerTip .map-popup-box .map-popup-wrap {
   display: flex;
}

body #powerTip .map-popup-box .map-popup-contantarea {
   font-size: 18px;
   color: #231F20;
   line-height: 23px;
   font-weight: 500;
   font-family: "brandon-grotesque", sans-serif;
}

body #powerTip .map-popup-box .map-popup-contantarea a,
body #powerTip .map-popup-box a {
   font-size: 15px;
   color: #231F20;
   border-bottom: 1px solid #F9A031;
   position: absolute;
   bottom: 0;
}

body #powerTip .map-popup-box  .map-popup-imgarea {
   line-height: 0;
}

body #powerTip .map-popup-box .map-popup-imgarea img {
   min-width: 167px;
   height: 112px;
   object-fit: cover;
}

body #powerTip.n:before {
   border-top: 10px solid rgb(255 255 255);
}
/* explore-park End */

.scoll-fix ul li.count span.dots:after {
 
}

/* Footer */
footer.site-footer {}

footer.site-footer .site-info {
   display: flex;
   justify-content: center;
   padding: 15px 0;
   background: #231F20;
   align-items: center;
        gap: 0 5px;
}

footer.site-footer .site-info * {
    color: #FFF;
}

footer.site-footer .copy-right-text {
    background: #FFF;
    text-align: center;
    padding: 24px 10px 24px 10px;
}

footer.site-footer p {
    margin: 0;
    margin: 0;
    font-size: 14px;
    font-family: "Inter", sans-serif;
}

footer.site-footer .copy-right-text .footer-logo {
    line-height: 0;
    margin-bottom: 30px;

}
footer.site-footer .site-info .address {
   display: flex;
   align-items: center;
   gap: 0 4px;
}

footer.site-footer .site-info .address span {
   color: #6B6B6B;
}

footer.site-footer .site-info .name {
   text-transform: uppercase;
   font-weight: 500;
}

/* Footer End */
@media (min-width: 881px) {
         footer.site-footer .copy-right-text .footer-logo {
   
    display: none;
}
}
@media (min-width: 768px) {

    section.home-banner .banner-flex .banner-flex-col .col-inner .text-part {
        transition: all 0.2s ease-in-out;
        transform: translateY(calc(100% - 38px));
    }

    section.home-banner .banner-flex .banner-flex-col .col-inner .text-part .heading-cover {
        transition: all 0.2s ease-in-out;
        transform: translateY(calc(-100% - 70px));
    }

    section.home-banner .banner-flex .banner-flex-col .col-inner:hover .text-part .heading-cover {
        transform: translateY(0%);
    }

    section.home-banner .banner-flex .banner-flex-col .col-inner:hover .img-cover figure img {
        transform: scale(1.1);
    }

    section.home-banner .banner-flex .banner-flex-col .col-inner .text-part .content-block {
        opacity: 0;
        transition: all 0.4s;
        transition-delay: 0.2s;
    }

    section.home-banner .banner-flex .banner-flex-col .col-inner:hover .text-part .content-block {
        opacity: 1;
    }

    section.home-banner .banner-flex .banner-flex-col .col-inner .text-part .heading-cover span.top-title {
    
        font-family: "caveat-brush", sans-serif;
        color: #F9A031;
        opacity: 0;
        transition: all 0.25s;
        transition-delay: 0.1s;
    }

    section.home-banner .banner-flex .banner-flex-col .col-inner:hover .text-part .heading-cover span.top-title {
        opacity: 1;
    }

    section.home-banner .banner-flex .banner-flex-col .col-inner .text-part:before {
        bottom: calc(100% - 110px);
    }

    section.home-banner .banner-flex .banner-flex-col .col-inner .text-part:after {
        top: calc(100% - 122px);
    }

    section.home-banner .banner-flex .banner-flex-col .col-inner:hover .text-part:before {
        bottom: calc(100% - 0px);
    }

    section.home-banner .banner-flex .banner-flex-col .col-inner:hover .text-part:after {
        top: 0;
    }

    section.home-banner .banner-flex .banner-flex-col .col-inner:hover .text-part {
        background: none !important;
    }

    section.home-banner .banner-flex .banner-flex-col.anim {

        opacity: 0;
        transform: translateY(50px);
    }

    section.home-banner .banner-flex .banner-flex-col.anim.show {
        animation: fadeIn 0.8s ease forwards;
    }

    @keyframes fadeIn {
        from {
            opacity: 0;
            transform: translateY(50px);
        }

        to {
            opacity: 1;
            transform: translateY(0);
        }
    }

    section.home-banner .banner-flex .banner-flex-col.anim .col-inner .text-part .heading-cover {
        position: relative;
        overflow: hidden;
    }

    section.home-banner .banner-flex .banner-flex-col.anim .col-inner .text-part .heading-cover h2 {
        transition: all 0.5s ease-out;
        transform: translateX(-100%);
        transition-delay: 0.9s;
    }

    section.home-banner .banner-flex .banner-flex-col.anim.show .col-inner .text-part .heading-cover h2 {

        transform: translateX(0%);
    }
}

@media (min-width: 1441px) {
    .content-with-left-right-img .img-left .text-part {
   position: relative;
   right: 0px;
   padding-right: 50px;
}
   .content-with-left-right-img .img-right .text-part {
   padding-left: 38px;
   padding-right: 50px;
} 
   .large-title .title-wrap .is-content > p {
   margin-top: -6px;
   padding-bottom: 12px;
}
.circles-animation-section {

   padding-bottom: 50px;
}     
}
    @media (min-width: 1366px) {
        .text-expansion .moments-block  h3 {
   font-size: 36px;
}
    header.site-header .main-header .header-rt .search-icon {
        margin-left: 69px;
    }
    section.shape-with-left-right-img .font-size-large p {
  margin-bottom: 44px;
}
    .shape-block-border-img.img-right .text-part {
   position: relative;
   left: -13px;
}
    .shape-block-border-img.img-right .img-part {
   order: 2;
   position: relative;
   right: 59px;
}
    .shape-block-border-img.img-left .text-part {
   position: relative;
   right: -15px;
}
    .shape-block-border-img.img-left .img-part {
   position: relative;
   right: -19px;
}
}
/* Default (desktop) stays same */

/* search page */

.search-results .container-small {
    max-width: 1060px;
}

.search-results section.inner-banner .heading span {
    font-size: clamp(1.75rem, 0.0982rem + 5.2857vw, 4.0625rem);
    text-transform: uppercase;
}

.search-results section.inner-banner .heading span.small {
    font-weight: 300;
    text-transform: capitalize;
}

.result-list .entry-title {
    font-size: clamp(1.25rem, 0.4911rem + 2.4286vw, 2.3125rem);
    text-transform: capitalize;
    margin: 0;
    padding: 0;
}

.result-list .entry-title a {
    color: #fff;
}

section.inner-banner .result-list  .heading {
    margin: 0;
    border-bottom: 1px solid #58B1DD;
    padding: 25px 0 40px 0;
}
.search-results section.inner-banner .heading span.icon {
    position: relative;
    display: inline-block;
    width: 45px;
    height: 45px;
    background-color: hsl(0deg 0% 100% / 10%);
    border-radius: 50%;
    margin-left: 20px;
    top: 10px;
}
.search-results section.inner-banner .heading span.icon:after {
    content: '';
    background-image: url(../images/arrow-yellow.svg);
    width: 20px;
    height: 20px;
    background-position: center center;
    position: absolute;
    top: 13px;
    left: 12px;
    transition:all 0.2s linear;
    background-size: 20px;
}
section.inner-banner .result-list .heading a:hover  {
    color: #f9a031;
}
.search-results section.inner-banner {
    min-height: 100vh;
}

.search-results .scoll-fix-on-side {
    display: none;
}
.search-results .img-banner.img-banner .top-content {
    padding-bottom: 15%;
}
.search-results section.inner-banner .heading a:hover span.icon:after {
    top: 10px;
    left: 14px;
}
/* search page End */

/* ============================
  MOBILE VIEW - BELOW 1024px
  ============================ */
 @media (max-width: 1024px) {
.scoll-fix-on-side + footer.site-footer .copy-right-text {
   padding-bottom: 74px;
}
   .scoll-fix {
       position: fixed;
       bottom: 0;
       left: 0;
       width: 100%;
       height: auto;
       z-index: 999;
       background: rgba(0,0,0,0.9);
       padding: 10px 0;
       justify-content: center;
       display: flex;
   }

   .scoll-fix ul {
       display: flex;
       flex-direction: row;
       align-items: center;
       justify-content: center;
       gap: 5px;
       position: relative;
       height: auto;
   }

   .scoll-fix ul li {
       display: inline-block;
       width: auto;
       margin: 0 4px;
       height: 30px;
       position: relative;
   }
    .scoll-fix ul li.count{
    flex-direction: row;
}
.scoll-fix ul li.is-scroll {
    height: auto !important;
}

   /* line behind items */
   .scoll-fix ul::before,
   .scoll-fix ul::after {
       content: "";
       position: absolute;
       left: 0;
       height: 1px;
       width: 0; /* JS Calculates */
       background: rgba(255,255,255,0.3);
       transform: translateY(-50%);
       top: 50%;
   }

   .scoll-fix ul::after {
       background: #fff;
   }

   /* Remove wrappers effect in mobile */
   .scoll-fix ul > div {
       display: contents;
   }
   .scoll-fix-on-side {
   top: inherit;
   width: 100%;
   height: auto;
   bottom: 0;
   right: 0;
   transform: translateY(0%);
}
.scoll-fix ul .middle {
   flex-direction: inherit;
}    
.scoll-fix-on-side.side-duplicated{
        display: none;
}





.scoll-fix ul li span.dont-num span.name {
   display: none !important;
}

.scoll-fix ul li span.dont-num span.svg svg { }

.scoll-fix ul li span.dont-num span.svg {
        transform: scale(0.75);
        left: -5px;
        top: -5px;
}
.scoll-fix ul li .active-dots span.dont-num span.svg {
    transform: scale(0.75);
    left: -5px;
    top: -5px;
}

.scoll-fix ul li span.dont-num {
   width: 30px;
   height: 30px;
   position: relative;
   transform: none;
   left: 0;
           display: block;
}

.scoll-fix ul li span.dont-num span.img {
   width: 26px;
   height: 26px;
   left: 2px;
   top: 2px;
}

.scoll-fix ul li span.dont-num a {
   width: 30px;
   height: 30px;
   line-height: 30px;
   }
   .scoll-fix ul li span.dots:after{
       width: 5px;
       height: 5px;
   }    
   .scoll-fix ul li.count .active-dots {
    flex-direction: row;
}

.scoll-fix ul li.count .active-dots span.dots {
    transform: translate(0%, 0%);
    left: 0;
    position: absolute;
}

.scoll-fix ul li.count .active-dots li {
    width: 30px;
}

.scoll-fix ul li {
   
}

.scoll-fix ul li span.dont-num span.img img {
    height: 26px;
}

.scoll-fix ul li * {font-size: 14px !important;}

.scoll-fix ul li.count .active-dots  * {
    font-size: 0 !important;
}

.scoll-fix ul1::before, .active-dots::before {
    left: 0 !important;
    top: calc(15px);
    height: 1px;
} 
}


@media (min-width:992px) {
   
   .shape-with-left-right-img.yellow-section-bg .shape-block-border-img .img-part .caption{
    color: #231F20;   
   }
}

@media (min-width:1024px) {

    .scoll-fix-on-side .is-scroll {
    position: relative;
}

.scroll-progress {
    position: absolute;
    top: 0;
    left: -45px;
    width: 1px;
    height: 100%;
    background: rgb(255 255 255 / 36%);
           
}
body .scoll-fix > ul.dots-count-4 li.count.is-scroll {
    min-height: 45vh;
}
body .scoll-fix > ul.dots-count-3 li.count.is-scroll {
    min-height: 55vh;
}
.scroll-progress-line {
    width: 2px;
    height: 3%;
    background: #FFF;
    transition: height 0.1s ease-out;
    position: relative;
    transform: translate(-50%, 0);
    left: 50%;
}
.scoll-fix-on-side.side-duplicated .scroll-progress {
    opacity: 0;
}
.scoll-fix-on-side:not(.side-duplicated){
    mix-blend-mode: exclusion;

}
.scoll-fix-on-side.side-duplicated {}

.scoll-fix-on-side.side-duplicated .scoll-fix > ul > li {}

.scoll-fix-on-side.side-duplicated .scoll-fix > ul {}

.scoll-fix-on-side.side-duplicated .scoll-fix > ul > li > span.dont-num {
    visibility: hidden;
}

.scoll-fix-on-side.side-duplicated .scoll-fix > ul > li.count {}

.scoll-fix-on-side.side-duplicated .scoll-fix > ul > li > .active-dots:after, .scoll-fix-on-side.side-duplicated .scoll-fix > ul > li > .active-dots:before {
    opacity: 0;
}

.scoll-fix-on-side.side-duplicated .scoll-fix > ul > li > .active-dots:after, .scoll-fix-on-side.side-duplicated .scoll-fix > ul > li > .active-dots circle.another-circle {
    stroke: #ffffff00;
}
 .scoll-fix-on-side.side-duplicated .scoll-fix > ul .active-dots li span.dots:after {
    visibility: hidden;
}

body .scoll-fix ul li.count .active-dots {
    justify-content: center;
} 
body .scoll-fix > ul.dots-count-3 li.count .active-dots {
    min-height: 60vh;
    justify-content: space-between;
}
body .scoll-fix > ul.dots-count-4 li.count .active-dots {
    min-height: 50vh;
    justify-content: space-between;
}

body .scoll-fix ul li.count {
    flex-direction: column;
    justify-content: center;
    display: flex;
    flex-grow: inherit;
    height: auto;
            margin-bottom: 0;
}

body .scoll-fix ul {justify-content: center;}

body .scoll-fix ul li.count .active-dots li {
    margin: 25px 0;
}
body .scoll-fix ul li.count + li {
    margin-top: 0;
}
}
.active-dots:empty {
    display: none !important;
}

#basic-content{
  padding-top:125px;
  color:#fff;
}

#basic-content p, 
#basic-content ul, 
#basic-content ol, 
#basic-content li, 
#basic-content a {
  color:#fff;
}

#basic-content a {
  color:#FCEFDD;
  text-decoration: underline;
}