:root {
    --blue-color: #08343A;  
    --grey-color: #F2F2F2;   
    --dark-gray-color: #95918F;   
    --red-color: #DC3037;   
}
/* color setup */
.text-blue{color:var(--blue-color) !important}
.text-grey{color:var(--grey-color) !important}
.text-red{color:var(--red-color) !important}
.text-dark-gray{color:var(--dark-gray-color) }
.bg-blue{background-color: var(--blue-color);}
.bg-grey{background-color: var(--grey-color);}
.bg-red{background-color: var(--red-color);}
.text-black{color: #000;}
html{font-size:62.5%;scroll-behavior: smooth;}
body{
    font-family: 'hindregular';
    color: #000;
    font-size: 2rem;
    line-height:2.9rem;
    overflow-x: hidden;
}
h1{
    font-size: 7.2rem;
    line-height: 8.1rem;
    letter-spacing: -0.015em;
}
.hindregular{
    font-family: 'hindregular';
}
.hindmedium{
    font-family: 'hindmedium';
}
.hindlight{
    font-family: 'hindlight';
}
.teodor-thin{
    font-family: 'Teodor-Thin';
}
.teodor-light{
    font-family: 'Teodor-Light';
}
.teodor-regular{
    font-family: 'Teodor-Regular';
}
.pt-82{
    padding-top: 8.2rem;
}
.pb-82{
    padding-bottom: 8.2rem;
}
.section-title{
    font-size: 2.0rem;
    line-height: 2.4rem;
    letter-spacing: -0.025em;
}
.secondary-title{
    line-height: 2rem;
    letter-spacing: -0.015em;
    font-family: 'hindmedium';
}
/* scrollbar */
html,
body {
  scroll-behavior: smooth;
}
::-webkit-scrollbar {
    width: 5px;
    height: 7px;
}
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-thumb:window-inactive {
    background: rgb(198, 198, 198);
}
:focus-visible,a:focus-visible {
    outline: none;
    box-shadow: none;
}
/* header  */
.fixed-top{
    background-color: #fff;
}
.home .fixed-top{
    background-color: transparent;
}
.fixed-top .nav-item{
    margin-left: 7.4rem;
}
.fixed-top .nav-link {
    font-size: 1.6rem;
    line-height: 1.4rem;
    color: #000;
}
.fixed-top .nav-link.show:before {
    content: "";
    position: fixed;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.03), rgba(0, 0, 0, 0.03));
    top: 9rem;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -1;
    transition: 0.5s all ease-in;
}
.dropdown-menu.megamenu {
    border-radius: 0;
}
body.menu-open {
    /* overflow: hidden; */
    position: relative;
}
body.menu-open .fixed-top {
    background-color: #fff;
}
.dropdown-toggle::after{
    border: 0;
    height: 7px;
    width: 7px;
    margin-left: 7px;
    border-style: solid;
    border-color: #000;
    border-width: 0px 1px 1px 0px;
    transform: rotate(45deg);
    transition: border-width 150ms ease-in-out;
}
/* .megamenu [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 0;
    transform: none;
}
.menu-open .megamenu [data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 1;
    transform: translateZ(0);
}
.megamenu [data-aos][data-aos][data-aos-delay="1500"].aos-animate,
.megamenu [data-aos][data-aos][data-aos-delay="1200"].aos-animate,
.megamenu [data-aos][data-aos][data-aos-delay="900"].aos-animate,
.megamenu [data-aos][data-aos][data-aos-delay="600"].aos-animate,
.megamenu [data-aos][data-aos][data-aos-delay="300"].aos-animate{
    transition-delay:0s;
}
.menu-open [data-aos][data-aos][data-aos-delay="1500"].aos-animate{
    transition-delay: 1.5s;
}
.menu-open [data-aos][data-aos][data-aos-delay="1200"].aos-animate{
    transition-delay: 1.2s;
}
.menu-open [data-aos][data-aos][data-aos-delay="900"].aos-animate{
    transition-delay: 0.9s;
}
.menu-open [data-aos][data-aos][data-aos-delay="600"].aos-animate{
    transition-delay: 0.6s;
}
.menu-open [data-aos][data-aos][data-aos-delay="300"].aos-animate{
    transition-delay: 0.3s;
} */
/* home page  */
.top-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height: 100vh;
    /* height: 93.3rem; */
    /* background-attachment: fixed;
    -webkit-background-attachment: fixed; */
    min-height: 100vh;
    -webkit-background-size: cover;
}
.top-banner{overflow:hidden;}
.section-bg-img{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: -1;
}
.home-banner{
    background-image: url(../images/home-banner.png);
}
.down-arrow {
    position: absolute;
    bottom: 10rem;
    right: 11rem;
    z-index: 2;
}
.banner-text {
    padding-bottom: 9.7rem;
    max-width: 57rem;
}
.sub-title{
    font-size: 1.9rem;
    line-height: 2.7rem;
    letter-spacing: -0.005em;
    margin: 1.7rem 0 0;
}

.banner-bottom p{
    margin-right: 13.1rem;
    letter-spacing: -0.005em;
    font-size: 3.3rem;
    line-height: 4.4rem;
}
.banner-bottom {
    padding: 14.7rem 0 13.8rem;
    -webkit-transition: -webkit-transform 3s ease-in-out;
    transition: transform 3s ease-in-out;
}
.waves li img {
    min-width: 232px;
}
.solution{
    padding: 11.2rem 0 8.6rem;
}
.solution-list-blk{
    margin-top: 5.8rem;
}
.solution-list h3{
    font-size: 4rem;
    line-height: 4.5rem;
    letter-spacing: -0.045em;
}
.solution-list .solution-icon {
    margin-right: 1.3rem;
}
.solution-list .border-blk{
    border-bottom: 1px solid #D3D3D3;
    margin-top: 3.2rem;
    align-items: center;
    padding-bottom: 3.1rem;
}
.solution-list .solution-icon img {
    object-fit: contain;
    max-width: 5.2rem;
    height: 5.2rem;
}

.differentiators{
    padding: 9.9rem 0 12.5rem;
    position: relative;
}
.diff-list {
    margin-top: 5.6rem;
}
.diff-list .diff-single h4{
    font-size: 5.4rem;
    line-height: 7rem;
    letter-spacing: -0.025em;
}
.diff-list .diff-single p{
    font-size: 2.4rem;
    line-height: 2.9rem;
    /* border-top: 1px solid rgba(255, 255, 255, 0.18); */
    padding-top: 1.6rem;
    letter-spacing: -0.005em;
    max-width: 44.0rem;
}
.diff-list .diff-single .counter {
    margin: 1.8rem 1.2rem 0 0;
}

.diff-list .diff-single .read-more {
    color: rgba(255, 255, 255, 0.6);
    font-size: 1.8rem;
    line-height: 2.1rem;
}
.diff-list .col-lg-6:not(:nth-last-child(-n+2))  .diff-single{
    margin-bottom: 7.4rem;
}
.solution-list:last-child{
    margin-bottom: 0rem;
}
.impact .impact-title{
    top: 7.2rem;
    left: 6.2rem;
    z-index: 1;
}
.impact .single-impact:before {
    content: "";
    position: absolute;
    background: linear-gradient(360deg, rgba(0, 0, 0, 0.3) 2.59%, rgba(0, 0, 0, 0) 52%);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}
.impact .single-impact {
    overflow: hidden;
    transition: 0.5s all ease-in-out;
}
.single-impact .impect-text{
    bottom: 4.8rem;
    padding-left: 5rem;
    padding-right: 5rem;
    z-index: 2;
}

.single-impact .impect-text h5{
    font-size: 2.9rem;
    line-height: 3.8rem;
    letter-spacing: 0.005em;
}
.go-beyond {
    padding: 8.3rem 0 10.2rem;
    /* overflow: auto; */
}
.go-beyond h2{
    font-size: 31rem;
    line-height: 35rem;
    letter-spacing: -0.045em;
    margin-bottom: 0;
}
.announcements{
    padding: 13.3rem 0 13rem;
    background-color: #95918F;
}
.announcements h2{
    margin-bottom: 6.8rem;
}
.announcement-card .card-body {
    padding: 2.7rem 2.4rem;
}
.announcement-card .card-body .card-title {
    font-size: 3.2rem;
    line-height: 3.2rem;
    margin-bottom: 2.1rem;
    letter-spacing: -0.025em;
}
.announcement-card .card-body .card-text {
    letter-spacing: -0.01em;
    font-size: 1.5rem;
    line-height: 1.9rem;
    color: #A0A0A0;
}
.announcements .single-card {
    padding: 0 1.9rem;
}
.announcements .single-card img {
    border-radius: 0;
}
.announcements .single-card .announcement-card {
    border-radius: 0;
}   
.beyond-blk p {
    letter-spacing: -0.005em;
    font-size: 2.2rem;
    line-height: 3rem;
    padding: 0 0 3.3rem;
    border-bottom: 1px solid #E0E0E0;
    max-width: 30.4rem;
    width: 100%;
}
.beyond-wrap .beyond-blk {
    /* min-height: 23.5rem; */
    /* height: 23.5rem; */
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: end;
}
.beyond-wrap .beyond-blk.eq-h{
    margin-top: 15.4rem;
}
.beyond-wrap .beyond-blk:first-child {
    min-height: 9rem;
    height: 9rem;
}
.beyond-wrap .beyond-blk .img {
    margin-bottom: 7.4rem;
    margin-top: 6.8rem;
    width: 100%;
    text-align: center;
}

/* footer  */
.site-footer {
    position: relative;
}
.site-footer .footer-padding {
    padding: 10rem 0 6rem;
}
.footer-padding.footer-left {
    border-right: 1px solid rgba(255, 255, 255, 0.2);
    padding-right: 9rem;
    height: 100%;
}
.site-footer .footer-logo{
    margin: 0 0 3.9rem;
}
.site-footer .footer-left p{
    font-size: 1.4rem;
    line-height: 1.6rem;
}
.footer-right .nav-link {
    font-size: 3rem;
    line-height: 4rem;
    letter-spacing: -0.025em;
    color: rgba(255, 255, 255, 0.39);
    padding: 0;
    text-align: left;
    transition: all 0.5s ease;
}
.footer-right .nav-link:hover{
    color: rgba(255, 255, 255, 1);
}
.site-footer .footer-right {
    margin-left: 3.5rem;
}
.footer-social .social-media li a{
    margin-left: 4.8rem;
}
.footer-right .address{
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.2rem;
    line-height: 1.5rem;
    margin-top: 5.5rem;
}
.footer-right .sub-page a {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1.3rem;
    line-height: 1.6rem;
    letter-spacing: -0.025em;
}
.email-link {
    font-size: 1.5rem;
    line-height: 1.6rem;
    margin: 2.8rem 0 4.2rem;
}
/* 
.bounce-up  {
    opacity: 0;
    -moz-transition: all 700ms ease-out;
    -webkit-transition: all 700ms ease-out;
    -o-transition: all 700ms ease-out;
    transition: all 700ms ease-out;
    -moz-transform: translate3d(0px, 200px, 0px);
    -webkit-transform: translate3d(0px, 200px, 0px);
    -o-transform: translate(0px, 200px);
    -ms-transform: translate(0px, 200px);
    transform: translate3d(0px, 200, 0px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
}
.bounce-up.in-view {
    opacity: 1;
    -moz-transform: translate3d(0px, 0px, 0px);
    -webkit-transform: translate3d(0px, 0px, 0px);
    -o-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate3d(0px, 0px, 0px);
} */

.sub-banner {
    height: 45.5rem;
    margin-top: 9rem;
    min-height: auto;
    overflow: hidden;
}
.sub-banner .top-section-fixed {
    background-repeat: no-repeat;
    /* background-position: center right; */
    background-position-x: right;
    background-size: 74.2rem 100%;
    /* position: fixed; */
    height: 45.5rem;
    width: 100%;
    /* z-index: -1; */
    /* background-attachment: fixed; */
}
.top-section-fixed .banner-left {
    padding: 7.1rem 0 7.4rem;
    max-width: 52rem;
}
.breadcrumb li a {
    color: rgba(255, 255, 255, 0.74);
}
.sub-banner h1 {
    font-size: 10rem;
    line-height: 12.7rem;
    letter-spacing:  -0.045em;
}
.sub-banner .title .line:not(:first-child) {
    margin-top: -10px;
}
.breadcrumb li {
    letter-spacing: 0.015em;
    font-size: 1.1rem;
    line-height: 1.25rem;
}
.company-desc{
    padding-bottom: 5.3rem;
    overflow-x: hidden;
}
.sidebar {
    min-width: 34.6rem;
    background-color: rgba(241, 241, 241, 1);
    padding: 3.9rem 3.7rem;
    border-bottom: 4px solid #08343A;
}
.sidebar p{
    color: #95918F;
    margin-top: 2.6rem;
}
.sidebar-blk {
    margin-left: 12.5rem;
}
.company-value{
    padding-bottom:12.1rem;
}
.company-value .section-title {
    font-size: 2rem;
    line-height: 2rem;
}
.company-value-listing ul{
    margin-top: 4.5rem;
}
.company-value ul li {
    margin-bottom: 7rem;
}
.company-value ul li h3 {
    margin: 0 0 1.6rem;
    font-size: 5.4rem;
    line-height: 6.0rem;
    letter-spacing: -0.035em;
}
.company-value ul li p {
    font-size: 2.1rem;
}
.company-value ul li img {
    width: 7.6rem;
    object-fit: scale-down;
}
.company-value ul li p {
    /* margin-left: 10.2rem; */
}
.company-value-listing {
    border-bottom: 1px solid #D3D3D3;
    margin-bottom: 7.6rem;
    padding-bottom: 7.6rem;
}
.company-value-listing.listion-top {
    padding-bottom: 1rem;
}
.company-value-listing h3 {
    font-size: 10rem;
    line-height: 11.3rem;
    letter-spacing: -0.035em;
    padding-top: 0.5rem;
}
.company-desc-txt p {
    letter-spacing: -0.005em;
    margin-bottom: 2.5rem;
}
.overlay {
    overflow: overlay;
}
.company-value-listing:last-child {
    border: 0;
    margin-bottom: 0;
    padding-bottom: 0;
}
.brand-section {
    padding: 9.6rem 0 11.4rem;
}
.brand-desc {
    padding: 7.4rem 7.5rem 7.4rem 5.5rem;
    margin: 6.3rem 0 0;
}
.brand-desc .brand-left p {
    margin: 9.3rem 0 0;
    color: #686868;
    font-size: 1.9rem;
    line-height: 2.6rem;
}
.brand-desc .brand-right img {
    min-width: 40.1rem;
    margin-left: 12.6rem;
}



/* TIMELINE
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.timeline-left .year-detail span {
    font-size: 2.8rem;
    line-height: 3.2rem;
    letter-spacing: -0.005em;
    max-width: 31.2rem;
    display: block;
    width: 31.2rem;
}
.timeline-left .year-detail h2 {
    font-size: 8rem;
    line-height: 7.1rem;
    letter-spacing: -0.035em;
}
.timeline-left .year-detail {
    margin-right: 13.2rem;
    margin-top: -2rem;
}
.timeline-right {
    max-width: 43rem;
    margin-left: 6.8rem;
}
.timeline-icon {
    border: 1px solid #D9D9D9;
    border-radius: 50%;
    width: 11.2rem;
    height: 11.2rem;
}
.timelime-main {
    padding-top: 13.5rem;
    padding-bottom: 16.1rem;
}
.memory.in-view.active .timeline-left .year-detail, .memory.in-view.active .timeline-right {
    color: #06363E;
}
.memory {
    list-style-type: none;
    position: relative;
    padding-bottom: 7.5rem;
}
.memory.in-view::after {
    content: "";
    position: absolute;
    border: 9px solid #fff;
    border-radius: 50%;
    background: #FFF;
    height: 3.1rem;
    width: 3.1rem;
    left: 37.3rem;
    top: 0;
    box-shadow: 0 0 0px 2px #08343a;
    background-color: #000;
}
.memory-container {
    position: relative;
    bottom: 0;
    /* visibility: hidden;
    opacity: 0; */
    transition: all 0.5s ease-in-out;
}
.memory-container.in-view {
    transform: none;
    visibility: visible;
    opacity: 1;
}
#timeline {
    overflow: hidden;
    width: 100%;
    padding-top: 2rem;
}

.memory .memory-container.in-view {
    transform: none;
}
.memory::before {
    content: "";
    position: absolute;
    width: 1rem;
    height: 100%;
    top: 0;
    left: 38.2rem;
    background-color: #DFDFDF;
}
.memory.in-view::before{
    background-color: #08343A;
}
  
  

/* our-differntiators */
.sub-banner .top-section-fixed.our-differntiators{
    background-size: auto;
    background-position: 94% center;
}
.single-differntiators .d-img {
    margin-bottom: 6.8rem;
}
.single-differntiators h2 {
    font-size: 6rem;
    line-height: 6.8rem;
    letter-spacing: -0.035em;
    margin-bottom: 4.1rem;
}
.single-differntiators span {
    color: #B9B9B9;
    line-height: 7.8rem;
    display: inline-block;
    margin-right: 1.6rem;
}
.single-differntiators .d-desc p {
    font-size: 2.1rem;
    line-height: 2.8rem;
    letter-spacing: -0.015em;
    color: #707070;
    margin-bottom: 7rem;
}
.differntiators-li {
    max-width: 54.8rem;
    border-bottom:  1px solid #DDDDDD;
    padding-top: 6.3rem;
    padding-bottom: 6.3rem;
    height: 100%;
}
.differntiators-listing .col-md-6:nth-child(-n + 2) .differntiators-li {
    padding-top: 0;
}
.differntiators-listing .col-md-6:nth-last-child(-n + 2) .differntiators-li{
    border-bottom: 0px;
}
.differntiators-li h3 {
    font-size: 4.2rem;
    line-height: 4.9rem;
    letter-spacing: -0.025em;
    margin-bottom: 1.6rem;
}
.single-differntiators .differntiators-li span {
    font-size: 1.9rem;
    line-height: 2.3rem;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.54);
}
.differntiators-li img {
    width: 9.1rem;
    min-width: 9.1rem;
    object-fit: contain;
    margin-right: 1.2rem;
    max-height: 8.4rem;
    min-height: 4.4rem;
}
.single-differntiators-main {
    padding-bottom: 6.3rem;
}
.single-differntiators.bg-grey {
    padding: 9rem 0 11.8rem;
}
/* solution  */
.solution-section {
    overflow: hidden;
}
.solution-blk {
    padding-left: 6.8rem;
    padding-right: 6.8rem;
}
.solution-right ul {
    margin-top: 2.7rem;
}

.solution-right h3 {
    font-size: 5.8rem;
    line-height: 6.6rem;
    letter-spacing: -0.035em;
}
.solution-right img {
    margin-top: 9.2rem;
    margin-left: 13.7rem;
    max-width: 20rem;
}

.solution-right h4 {
    font-size: 3.3rem;
    line-height: 3.8rem;
    letter-spacing: -0.035em;
    margin-top: 5.3rem;
}
.solution-right ul li:not(:last-child) {
    border-bottom: 1px solid #E0DBDB;
}
.solution-right ul li {
    font-size: 1.9rem;
    max-width: 45.3rem;
    margin-bottom: 1rem;
    padding-bottom: 1rem;
}
.solution-right {
    margin-left: 2.8rem;
    margin-top: 3rem;
}
.solution-blk:nth-child(even) .solution-right {
    order: 1;
    margin-left: 0;
    margin-right: 2.8rem;
}
.solution-blk:nth-child(even) > img ,.solution-blk:nth-child(even) .player-div{
    order: 2;
}
.solution-blk:nth-child(even) .solution-right .solution-list {
    order: 2;
    text-align: right;
}
.solution-blk:nth-child(even) .solution-right img {
    order: 1;
    margin-left: 0;
    margin-right: 13.7rem;
}
.solution-blk.solution1{
    padding-top: 10.3rem;
}
.solution-blk.solution2{
    padding-bottom: 20.3rem;
    padding-top: 8rem;
}
.solution-blk.solution3{
    padding-top: 2.6rem;
}
.solution-blk::after,.solution-blk::before{
    /* content: ""; */
    position: absolute;
    height: 100%;
    width: 100%;
    background-size: auto;
    background-repeat: no-repeat;
}
/* .solution-blk.solution1::before{
    background-image: url(../images/curve1.svg);
    background-position: top left;
    top: 0;
    left: 0;
}
.solution-blk.solution1::after{
    background-image: url(../images/curve2.svg);
    background-position: top right;
    top: 22.8rem;
    right: 0;
}

.solution-blk.solution2::before{
    background-image: url(../images/curve3.svg);
    background-position: top left;
    top: 13rem;
    left: 0;
}
.solution-blk.solution3::after{
    background-image: url(../images/curve4.svg);
    background-position: top right;
    top: 8rem;
    right: 0;
}
.solution-blk.solution4::before{
    background-image: url(../images/curve5.svg);
    background-position: top left;
    top: 8rem;
    left: 0;
} */
.solution-blk.solution4 {
    padding-top: 3.7rem;
    padding-bottom: 8.7rem;

}
.solution-blk > img {
    height: 13.2rem;
    width: 13.2rem;
    object-fit: contain;
    /* background-color: var(--grey-color); */
}
.impact-top {
    padding-top: 7.6rem;
}
.impact-right{
    padding: 7rem 14.5rem 7rem 8.3rem ;
    display: flex;
    align-items: center;
}
.impact-blk .impact-img,.impact-blk .impact-right {
    width: 50%;
    letter-spacing: -0.015em;
    height: 100%;}
.impact-blk .impact-img{
    align-self: start;
}
.single-impact .impact-img{
    transition: 0.5s all ease-in-out;
}
.impact-right .impact-title {
    line-height: 2rem;
    margin-bottom: 2.4rem;
}
.impact-right .impact-subtitle {
    letter-spacing: -0.015em;
    line-height: 2.6rem;
    margin-bottom: 5rem;
    color: #707070;
}
.impact-li:not(:last-child){
    margin-bottom: 3.5rem;
}
.impact-text {
    margin-left: 4.3rem;
}
.impact-text h2 {
    font-size: 3.4rem;
    line-height: 4rem;
    letter-spacing: -0.025em;
    margin-bottom: 1.3rem;
}
.impact-text span {
    font-size: 1.9rem;
    line-height: 2.7rem;
    letter-spacing: -0.01em;
    color: rgba(0, 0, 0, 0.54);
    display: block;
}
.impact-text span:not(:first-of-type) {
    border-top: 1px solid #D2D2D2;
    margin-top: 1rem;
    padding-top: 1rem;
}
.impact-gallary {
    padding: 11.1rem 0 12rem;
}
.diff-top {
    padding-bottom: 5.2rem;
}
.impact-gallary h2 {
    font-size: 10rem;
    line-height: 11.4rem;
    letter-spacing: -0.035em;
    color: #D6D6D6;
    color: #95918F;
    margin: 0 0 9.5rem;
}
.gallery-grid .gallary-single:not(:last-child) {
    margin-right: 2rem;
}
.gallery-grid .gallary-single {
    margin-bottom: 2rem;
    position: relative;
    cursor: pointer;
    transition: all 0.5s ease;
}
.gallery-grid .gallary-single .hover-text {
    bottom: 1.5rem;
    left: 2rem;
    font-size: 1.6rem;
    line-height: 1.8rem;
    letter-spacing: -0.01em;
    max-width: 13.8rem;
    display: none;
    transition: all 0.5s ease;
    z-index: 2;
}
.gallery-grid .gallary-single:hover .hover-text {
    display: block;
}
.gallery-grid .gallary-single:hover:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(8, 52, 58, 0) 49.14%, rgba(8, 52, 58, 0.58) 80.05%);
    width: 100%;
    height: 100%;
    transition: all 0.5s ease;
    z-index: 1;
}
.impact-gallary .gallary-single{overflow: hidden;}
.nav-top a {
    font-size: 2.1rem;
    line-height: 2rem;
    letter-spacing: 0.005em;
    margin-bottom: 2.8rem;
}
.nav-top a span{
    font-size: 5.4rem;
    line-height: 7.7rem;
    letter-spacing: -0.025em;
    border-bottom: 1px solid #C9C9C9;
    padding-bottom: 1.1rem;
    margin-left: 1rem;
    width: 29.6rem;
    max-width: 100%;
}
.nav-top-list {
    flex: 0 0 33.33%;
}
.nav-top a .nav-count {
    margin-top: 1.7rem;
}
.nav-top a:hover, .nav-top .active a,.nav-top a:hover span, .nav-top .active a span {
    color: var(--blue-color);
    /* border-color: var(--blue-color); */
}
.nav-top a:hover .nav-count, .nav-top .active a .nav-count {
    color: var(--red-color);
}
/* .nav-top a:hover span:not(.btm-border) {
    border-color: transparent;
} */
.impact-desc-txt {
    margin-top: 4.7rem;
}



.ag-timeline_title-box {
    padding: 0 0 30px;
    text-align: center;
}
.ag-timeline_tagline {
    font-size: 40px;
    color: rgb(84, 89, 95);
}
.ag-timeline_item {
    margin: 0 0 12rem;
    position: relative;
}
.ag-timeline {
    display: inline-block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}
.ag-timeline_line {
    width: 1rem;
    background-color: #DFDFDF;
    position: absolute;
    top: 2px;
    left: 38.2rem;
    bottom: 0;
    overflow: hidden;
}
.ag-timeline_line-progress {
    width: 100%;
    /* height: 20%; */
    background-color: var(--blue-color);
    transition: 0.2s all ease;
}
.ag-timeline_line-progress .ag-timeline-card_point-box{
    /* transition: 0.3s all ease-in-out; */
}
.ag-timeline-card_point-box {
    position: absolute;
    border: 0olid #08343a;
    border-radius: 50%;
    background: #FFF;
    height: 0;
    width: 0;
    left: 37.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 36px;
}
.js-ag-active .ag-timeline-card_point-box {
    height: 3.1rem;
    width: 3.1rem;
    border: 2px solid #08343a;
}
.js-ag-active .ag-timeline-card_point {
    background-color: #08343A;
    height: 1.1rem;
    width: 1.1rem;
    border: 0;
    border-radius: 50%;
  }
  .ag-timeline-card_meta-box {
    display: inline-block;
  }
  .ag-timeline-card_meta {
    margin: 10px 0 0;
  
    font-family: 'ESL Legend', sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #FF0;
  }
  /* .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item {
    -webkit-transform: translateX(-200%);
    -moz-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    -o-transform: translateX(-200%);
    transform: translateX(-200%);
  } */

  /* .ag-timeline-card_item,.timeline-icon {
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    -moz-transition: -moz-transform .5s, opacity .5s;
    -o-transition: -o-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s;
  }
  
  .ag-timeline_item .ag-timeline-card_item,.timeline-icon {
    -webkit-transform: translateY(400%);
    -moz-transform: translateY(400%);
    -ms-transform: translateY(400%);
    -o-transform: translateY(400%);
    transform: translateY(400%);
    opacity: 0;
  }
  .js-ag-active.ag-timeline_item .ag-timeline-card_item,
  .js-ag-active.ag-timeline_item .ag-timeline-card_item,.js-ag-active .timeline-icon {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  } */
  .ag-timeline-card_arrow {
    height: 18px;
    width: 18px;
    margin-top: 20px;
    background-color: #282828;
  
    z-index: -1;
    position: absolute;
    top: 0;
    right: 0;
  
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .ag-timeline-card_img {
    width: 100%;
  }
  .ag-timeline-card_info {
    padding: 20px 30px;
  }
  .ag-timeline-card_title {
    display: none;
    margin: 10px 0 0;
  
    font-family: 'ESL Legend', sans-serif;
    font-weight: bold;
    font-size: 28px;
    color: #FF0;
  }
  .ag-timeline-card_desc {
    line-height: 1.45;
    font-size: 16px;
    color: #FFF;
  }
  .js-ag-active .timeline-left .year-detail h2,.js-ag-active .timeline-right,.js-ag-active .timeline-left .year-detail span {
    color:var(--blue-color);
}


/* careers pag  */

.careers-desc {
    padding: 9.5rem 0 13.5rem;
}
.careers-txt {
    letter-spacing: -0.005em;
    margin-bottom: 2.3rem;
}
.cta {
    padding: 3.2rem 2.7rem 3.2rem 3.2rem;
    background-color: #F4F4F4;
    margin-top: 5rem;
}
.cta p {
    font-size: 2.3rem;
    line-height: 2.3rem;
    letter-spacing: -0.015em;
}
.cta .cta-btn {
    border: 1px solid #08343A;
    text-decoration: none;
    font-size: 1.6rem;
    line-height: 1.6rem;
    letter-spacing: -0.015em;
    color: #000000;
    padding: 1.8rem 5.3rem;
}

/* anmation css  */
.home-banner .pin-spacer {
    padding: 0 !important;
}
.banner-text{
    position: relative !important;
    left: 0 !important;
}
.banner-bottom p{
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: auto !important;
}


.diff-list .diff-single h4:after {
    content: '';
    height: 1px;
    width: 60%;
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    position: absolute;
    left: 0;
    bottom: -5px;
}

.diff-list .diff-single h4 {
    position: relative;
    width: 100%;
}

.diff-list .diff-right {
    width: 100%;
}

/* career detail  */
.wpcf7-not-valid-tip {
    font-size: 1.3rem;
    position: absolute;
}
.page-template-page-career-details-php,.page-template-page-career-details-php .fixed-top {
    background-color: #F7F7F7;
}
.career-form {
    background-color: #fff;
    padding: 5.7rem 5.5rem 6.5rem;
    max-width:80rem;
    margin: 0 auto;
}
.back-link {
    padding: 8rem 0 4.7rem;
}

.back-link .back-career {
    padding-left: 2.1rem;
    position: relative;
}
.back-career:before{
    content:"";
    position:absolute;
    background-image: url('../images/left-arrow.svg');
    left:0;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6rem;
    height: 1.3rem;
    background-repeat: no-repeat;
    background-size: contain;
}
.career-form .form-top-txt {
    font-size: 2.3rem;
    line-height: 2.3rem;
    letter-spacing: -0.015em;
    margin-bottom: 5.5rem;
}
.career-form label {
    font-size: 1.5rem;
    line-height: 1.5rem;
    letter-spacing: -0.015em;
    font-family: 'hindmedium';
    color: #888888;
    padding-bottom: 7px;
}
.career-form .form-control {
    border: 1px solid #E4E4E4;
    border-radius: 0;
    padding: 2.1rem 2.3rem;
    color: #000000;
    font-size: 1.8rem;
    line-height: 1.8rem;
    letter-spacing: -0.015em;
    font-family: 'hindregular';
    background-color: transparent;
}
.form-control::placeholder { 
    color: #d1d1d1;
    font-size: 1.8rem;
    line-height: 1.8rem;
}
.form-control:-ms-input-placeholder { 
    color: #d1d1d1;
    font-size: 1.8rem;
    line-height: 1.8rem;
}
.form-control:-moz-placeholder { 
    color: #d1d1d1;
    font-size: 1.8rem;
    line-height: 1.8rem;
}
.form-control::-webkit-input-placeholder{
    color: #d1d1d1;
    font-size: 1.8rem;
    line-height: 1.8rem;
}
.form-control:focus {
    border-color: #E4E4E4;
    box-shadow: none;
}
.career-form .wpcf7-select{
    background-image: url('../images/dropdown-arrow.svg');
    background-repeat: no-repeat;
    background-size: 9px;
    background-position: 95% center ;
}
.theam-btn {
    background-color: var(--blue-color);
    border: 1px solid var(--blue-color);
    color: #fff;
    width: 21.7rem;
    padding: 1.75rem;
    font-size: 1.8rem;
    line-height: 1.8rem;
    letter-spacing: -0.015em;
    font-family: 'hindmedium';
    transition: 0.3s;
}
.theam-btn:hover {
    background-color: #fff;
    color: var(--blue-color);
}
.cta .cta-btn:hover {
    background-color: #08343A;
    color: #fff;
}
[type=file] {
    opacity: 0;
    position: relative;
    z-index: 1;
    height: 5.2rem;
}
.career-form label.choose-file {
    transform: translateY(-43px);
    position: absolute;
    z-index: 0;
    border: 1px solid var(--blue-color);
    width: 18.6rem;
    text-align: center;
    padding: 1.7rem;
    font-size: 1.6rem;
    line-height: 1.6rem;
    letter-spacing: -0.015em;
    color: #000000;
    cursor:pointer;
    font-family: 'hindmedium';
}
.file-right {
    position: absolute;
    left: 21.3rem;
    top: 4.5rem;
    max-width: 16.2rem;
    font-size: 1.4rem;
    line-height: 1.8rem;
    letter-spacing: -0.015em;
    color: #9A9A9A;
}

.col-lg-12 .form-group {
    position: relative;
}
.submit-div .theam-btn {
    margin-top: 3rem;
}
.career-form .wpcf7-select.wpcf7-not-valid {
    color: #9A9A9A;
}
.solution-top {
    padding-bottom: 0;
    padding-top: 10.7rem;
}
.d-solution {
    z-index: 1;
    position: relative;
}
[type=file] ~ .wpcf7-not-valid-tip {
    top: 5.4rem;
    width: 17rem;
}
.sidebar h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
}
.ag-timeline_line {overflow: visible;}
.ag-timeline_line-progress .ag-timeline-card_point-box {bottom: 0;left: -10px;height: 3.1rem;width: 3.1rem;border: 2px solid #08343a;}
.ag-timeline_line-progress {position: relative;border-radius: 0 0 6px 6px;   }
.ag-timeline_line-progress .ag-timeline-card_point-box .ag-timeline-card_point {background-color: #08343A;height: 1.1rem;width: 1.1rem;border: 0;border-radius: 50%;}
.ag-timeline_list .js-ag-active .ag-timeline-card_point-box {visibility: hidden;}


.solution-list .solution-img {
    /* height: 35.2rem;
    width: 50rem; */

    height: 42.1rem;
    width: 100%;
    background-position: center !important;
    transition: 0.5s all ease-in-out;
}
.solution-list .flex-shrink-0 {
    height: 42.1rem;
    overflow: hidden;
}
.solution-list-blk .solution-list:hover .solution-img{
    transform: scale(1.05);
}

.animated-btm-border{position: relative;}
.animated-btm-border:hover .btm-border {
    width: 100%;
}
.animated-btm-border .btm-border{position: absolute; bottom: -2px; left: 0; border-bottom: 2px solid; width: 0; transition: 0.6s all ease-in;margin: 0;}
.nav-top a .animated-btm-border .btm-border{border-bottom: 1px solid}
/* text animation  */
.title .line {
    overflow: hidden;
}
.title .line .word{
    display: none !important;
}
.title.in-view .word {
    padding-right: 5px;
    opacity: 0;
    animation: slide-in 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    animation-delay: 0.6s;
    animation-fill-mode: forwards;
    display: inline-block !important;
}
@keyframes slide-in {
    from {
        transform: translateY(40px);
        opacity: 0;
   }
    to {
        transform: translateY(0);
        opacity: 1;
   }
}

/* slideshow  */
.banner-slider {
    right: 0;
    /* width: 74.2rem; */
    width: 55%;
    height: 100%;
    top: 0;
    background-repeat: no-repeat;
    background-position: center center;
    
}
.sub-banner .top-section-fixed {
    position: relative;
}
.slider-bg {
    background-size: cover;
    background-repeat: no-repeat;
    height: 45.5rem;
    width: 100%;
}
.mySlides img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}
.mySlides {
    height: 100%;
}
.fade-img {
    -webkit-animation-name: fade-img;
    -webkit-animation-duration: 1.5s;
    animation-name: fade-img;
    animation-duration: 1.5s;
  }
  
  @-webkit-keyframes fade-img {
    from {
      opacity: 0.4;
    }
    to {
      opacity: 1;
    }
  }
  @keyframes fade-img {
    from {
      opacity: 0.4;
    }
    to {
      opacity: 1;
    }
  }

.breadcrumb li br {
    display: none;
}
.differntiators-img {
    height: 46rem;
    background-repeat: no-repeat;
    background-size: 100% 58rem;
    background-position: center;
}
.single-img-banner {position: absolute;top: 0;right: 0;width: 55%;bottom: 0;}
.single-img-banner .banner-slider {
    background-size: cover;
     width: 100%; 
    min-height: calc(100% + 72px);
}
.imapact-wave ul.waves{filter: grayscale(10) brightness(2.7);-webkit-filter: grayscale(10) brightness(2.7);}  
/* contact page  */
.contact-blk strong {
    font-family: 'hindmedium';
    font-weight: normal;
    margin-bottom: 1rem;
    display: inline-block;
    font-size: 2.3rem;
    line-height: 2.7rem;
}
.contact-right {
    font-size: 3.6rem;
    line-height: 4.8rem;
    letter-spacing: -0.025em;
    transition: all 0.5s ease;
}
.contact-right a:hover{
    color: rgba(255, 255, 255, 0.8) !important;
}
.top-section-fixed.contact-banner .banner-left {
    max-width: 100%;
}
.contact-desc {
    padding:  10.7rem 0 10.4rem;
}
.contact-desc p {
    margin: 0;
    font-family: 'hindlight';
    font-size: 1.8rem;
    line-height: 2.6rem;
}
/* terms & condition page  */
.terms-top {
    padding: 19.5rem 0 16rem;
}
.terms-top h1 {
    margin-bottom: 9rem;
    font-size: 10rem;
    line-height: 11.5rem;
    letter-spacing: -0.045em;
}
.terms-top strong {
    font-family: 'hindmedium';
    font-weight: normal;
}
.down-arrow a {
    display: block;
}

.impact .single-impact:hover .impact-img {
    transform: scale(1.06);
}
.ag-timeline_item:not(.js-ag-active) .timeline-icon img {
    filter: grayscale(10) brightness(2);
}

.reverse-wave {
    position: relative;
}
.contact-desc .contact-bottom p {
    font-size: 1.6rem;
    line-height: 1.9rem;
    font-family: 'hindregular';
    margin: 0;
}
.contact-desc .contact-bottom{
    margin-top: 5.7rem;
}
.imapact-wave {
    min-width: 23.4rem;
}
.banner-waves.waves li img {min-width: auto;}

#slider img {
    float: left;
    margin: 0 -100% 0 0;
}
.banner-slider #slider {
    width: 100%;
    height: 100%;
    margin: 0;
}
.banner-slider #slider .para-slider {
    width: 100%;
    height: 100%;
}
.banner-slider #slider .para-slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.wave-ani {
    position: absolute;
    width: 2rem;
    height: 2rem;
    bottom: -2rem;
    margin: 0;
    right: 0;
}
.wave-ani + .waves li[data-aos^=fade][data-aos^=fade].aos-animate {
    opacity: 0;
}
.wave-ani.aos-animate + .waves li[data-aos][data-aos][data-aos-delay="200"].aos-animate {
    transition-delay: .2s;
    opacity: 1;
}
.wave-ani.aos-animate + .waves li[data-aos][data-aos][data-aos-delay="400"].aos-animate {
    transition-delay: .4s;
    opacity: 1;
}
.wave-ani.aos-animate + .waves li[data-aos][data-aos][data-aos-delay="600"].aos-animate {
    transition-delay: .6s;
    opacity: 1;
}
.wave-ani.aos-animate + .waves li[data-aos][data-aos][data-aos-delay="800"].aos-animate {
    transition-delay: .8s;
    opacity: 1;
}
.wave-ani.aos-animate + .waves li[data-aos][data-aos][data-aos-delay="1000"].aos-animate {
    transition-delay: 1s;
    opacity: 1;
}
.sub-banner .top-section-fixed.contact-banner {
    background-color: var(--blue-color);
}
.slider-right img {
    width: 100%;
    object-fit: cover;
}

.slider-right .n2-section-smartslider,.n2-ss-align {
    min-width: initial !important;
    max-width: 100% !important;
}
.slider-right  div {
    height: 100% !important;
}

.slider-right .n2-ss-slider [data-mode=fit] .n2-ss-slide-background-image img {
    object-fit: cover;
}
.n2-ss-slider [data-mode=fit] .n2-ss-slide-background-image img{
    object-fit: cover;
}
.sub-banner .top-section-fixed.our-differntiators {
    background-color: var(--blue-color);
}
.impact-img img {
    max-height: calc(100vh - 9rem);
    height: calc(100vh - 9rem);
    object-fit: cover;
}
ss3-force-full-width {
    max-width: 100%;
    transform: none !important;
}

/* feedback  */
.bedding-sol {
    padding: 13.3rem 0 13.4rem;
}
.bedding-sol-desc{
    font-size: 2.4rem;
    line-height: 3.3rem;
    letter-spacing: -0.005em;
    color: #636363;
    margin-top: 3.3rem;
    margin-bottom: 6rem;
}
.single-bedding-sol{
    margin-bottom: 1.4rem;
    cursor: pointer;
}
.bedding-sol-right {
    min-width: 41.1rem;
    background-color: #fff;
    padding: 3.3rem  4.1rem 4.4rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    transition: 0.5s all ease-in-out;
}
.bedding-sol-right h2 {
    font-size: 4.6rem;
    line-height: 5rem;
    letter-spacing: -0.025em;
}
.bedding-sol-right a{
    font-size: 2.1rem;
    line-height: 2.1rem;
    letter-spacing: -0.025em;
    color: #A6A6A6;
}
.bedding-sol-left{
    overflow: hidden;
    width: 100%;
}
.bedding-sol-left img{
    transition: 0.5s all ease-in-out;
    width: 100%;
}
.single-bedding-sol:hover .bedding-sol-left img{
    transform: scale(1.05);
}
.single-bedding-sol:hover .bedding-sol-right {
    background-color:  #08343A;
}

.solution-top h2 {
    margin-bottom: 4.1rem;
}
.solution-inner-section {
    padding: 10.2rem 0 3.5rem;
}
.solution-inner-section h2 {
    margin-bottom: 3.2rem;
}
.solution-inner-section .section-short-desc{
    padding-bottom: 6rem;
    letter-spacing: -0.005em;
}
.landing-solution-single{
    border-radius: 0;
    height: 100%;
}
.landing-solution-single .card-body {
    padding: 3rem 7rem 3rem 4rem;
}
.landing-solution-single .card-body h3 {
    font-size: 4.6rem;
    line-height: 5.2rem;
    letter-spacing: -0.025em;
    margin-bottom: 1.7rem;
}
.landing-solution-single .card-body .card-text {
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: #787878;
}
.landing-solution .col:nth-child(odd) {
    padding-right: 3.5rem;
}
.landing-solution .col:nth-child(even) {
    padding-left: 3.5rem;
}
.landing-solution .col {
    margin: 0 0 7.4rem;
}
.solution-wave {
    height: 100%;
}
.solution-wave .waves li  img {
    min-width: 335px;
    filter: brightness(0) invert(1);
}
.landing-solution-single > img {
    max-height: 35rem;
    object-fit: cover;
}
.solution-right h4 span {
    font-size: 2.4rem;
    position: relative;
    top: -5px;
    margin-left: 2px;
}
.solution-btm-text {
    font-weight: 400;
    font-size: 1.4rem;
    line-height: 1.9rem;
    letter-spacing: -0.005em;
    color: #656565;
}
.solution-btm-text span {
    font-weight: 600;
}
.impact-gallary .gallary-single img {
    max-height: 325px;
    object-fit: cover;
}
a:-webkit-any-link:focus-visible {
    outline-offset: none;
}
.contact-desc .address-text p{
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-family: 'hindlight';
}
.contact-desc .address-text {
    padding-bottom: 6.4rem;
}

#people .impact-img img {
    object-position: top;
}

.player-div {
    width: 19rem;
    height: 12.8rem;
    background-color: #fff;
}