body {
        padding: 0;
        margin: 0;
        box-sizing: border-box;
        overflow-x: hidden;
    }
    
     :root {
        --primaryGreen: #00b6ad;
        --secondaryGreen: rgb(0, 158, 147);
        --primaryBrown: rgb(151, 75, 72);
        --secondaryBrown: rgb(82, 75, 72);
        --neutralWhite: #fefae0;
        --neutralBlack: #1b1b1b;
    }
    
    @font-face {
        font-family: 'MatterBold';
        src: url('./assets/fonts/Matter-SemiBold.otf');
    }
    
    @font-face {
        font-family: 'MatterRegular';
        src: url('./assets/fonts/Matter-Regular.otf');
    }
    
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-family: 'MatterBold', serif;
        line-height: 1.5;
    }
    
    li,
    a,
    p,
    span {
        font-family: 'MatterRegular', sans-serif;
    }
    
    .page-wrapper {
        position: relative;
    }
    
    .redirect-wrapper {
        position: fixed;
        height: 100vh;
        width: 100vw;
        z-index: 9999;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        align-items: center;
    }
    
    .redirect-item-wrapper {
        min-height: 100%;
    }
    
    .wrapper-1 {
        background: url('./assets/images/17.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        left: 0;
    }
    
    .wrapper-2 {
        background-image: url('./assets/images/19-min.jpg');
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        right: 0;
    }
    
    .redirect-item-wrapper {
        height: 100%;
        width: 100%;
        /* background: var(--primaryBrown); */
        position: absolute;
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .banner-redirect-text {
        font-size: 1rem;
        color: #fff;
        position: relative;
        z-index: 9999;
        margin-bottom: 1.5rem;
    }
    
    .redirect-button {
        padding: 1rem 1rem;
        border-radius: 10px;
        background-color: var(--primaryGreen);
        color: #fff;
        position: relative;
        z-index: 9999;
        transition: all 0.4s ease-in-out;
        cursor: pointer;
    }
    
    .redirect-button:hover {
        background-color: var(--secondaryGreen);
        color: var(--neutralBlack)
    }
    
    .navbar-wrapper,
    .section-padding {
        max-width: 1440px;
        margin: 0 auto;
        padding-left: 5%;
        padding-right: 5%;
    }
    
    
    
    .banner-redirect {
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: auto;
        z-index: 999;
    }
    
    .banner-redirect-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background-color: var(--neutralBlack);
        height: 6vh;
    }
    
    .banner-redirect-wrapper>h2 {
        margin: 0;
        padding: 40px auto;
        font-size: 1rem;
    }
    
    .banner-redirect-wrapper>h2>a {
        font-size: 1rem;
    }
    
    .navbar-main {
        position: fixed;
        top: auto;
        left: 0;
        right: 0;
        z-index: 100;
        box-shadow: 0 10px 10px -5px;
        background-color: #fff;
    }
    
    .nav-menu>li {
        position: relative;
    }
    
    .nav-secondary-menu {
        position: absolute;
        background: var(--primaryGreen);
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        align-items: flex-start;
        /* padding: 16px 8px; */
        /* top: 2rem; */
        display: none;
        height: 0;
        transition: all 0.4s ease-in-out;
        border-radius: 4px;
    }
    
    .nav-secondary-menu>li {
        padding: 16px 8px;
        width: 100%;
    }
    
    .nav-secondary-menu>li>a {
        font-size: 0.8rem;
        height: 100%;
        width: 100%;
    }
    
    .nav-menu>li:hover>ul {
        display: flex;
        height: auto;
    }
    
    .nav-secondary-menu>li:hover {
        background-color: var(--secondaryGreen);
    }
    
    .section {
        padding-top: 120px;
        padding-bottom: 120px;
    }
    
    .navbar-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    
    .logo {
        max-width: 240px;
        /* width: 240px; */
        height: auto;
    }
    
    .nav-menu {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        column-gap: 2.5rem;
    }
    
    .slider {
        overflow: hidden;
        width: 100vw;
        height: 70vh;
        position: relative;
    }
    
    .slider .slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        animation: slider 12.5s infinite;
    }
    
    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
        background-color: rgba(0, 0, 0, 0.6);
    }
.hamburger-menu {
    display: none;
}
.menu-wrapper-mobile {
    display: none;
}

.ham {
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
  transition: transform 400ms;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.hamRotate.active {
  transform: rotate(45deg);
}
.hamRotate180.active {
  transform: rotate(180deg);
}
.line {
  fill:none;
  transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
  stroke:#000;
  stroke-width:5.5;
  stroke-linecap:round;
}
.ham1 .top {
  stroke-dasharray: 40 139;
}
.ham1 .bottom {
  stroke-dasharray: 40 180;
}
.ham1.active .top {
  stroke-dashoffset: -98px;
}
.ham1.active .bottom {
  stroke-dashoffset: -138px;
}
    
 .slider .slide:nth-child(1) {
     background-image: url('./assets/images/hero_home_one.jpg');
        animation-delay: 0s;
    }
    
    .slider .slide:nth-child(2) {
        background-image: url('./assets/images/hero_home_extra.jpeg');
        animation-delay: -2.5s;
    }
    
    .slider .slide:nth-child(3) {
        background-image: url('./assets/images/hero_home_two.jpg');
        animation-delay: -5s;
    }
    
    .slider .slide:nth-child(4) {
        background-image: url('./assets/images/hero_home_three.jpg');
        animation-delay: -7.5s;
    }
    
    .slider .slide:nth-child(5) {
        background-image: url('https://images.unsplash.com/photo-1583161178154-c362b3459d29?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1000&q=80');
        animation-delay: -10s;
    }
    
    .hero-wrapper {
        position: relative;
        height: 100%;
        width: 100%;
    }
    
    .hero-main-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        padding: 20%;
    }
    
    .heading-h1 {
        font-size: 3rem;
        color: var(--neutralBlack);
    }
    
    .heading-h2 {
        font-size: 2rem;
        color: var(--neutralWhite);
    }
    
    .heading-h3 {
        font-size: 1.75rem;
    }
    
    .heading-h4 {
        font-size: 1.5rem;
    }
    
    .info-section {
        background: #333;
        padding-top: 60px;
        padding-bottom: 40px;
    }
    
    .services-section {
        background-color: var(--neutralBlack)
    }
    
    .info-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
    }
    
    .section-padding-thin {
        padding: 1rem auto;
    }
    
    .info-item-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-height: 60vh;
    }
    
    .fa-2xl {
        font-size: 1.5rem;
        color: var(--primaryGreen);
    }
    
    .info-title {
        margin-top: 2rem;
        font-size: 1.5rem;
        color: var(--primaryGreen);
        text-align: center;
    }
    
    .large-hero-text {
        display: block;
        font-size: 8rem;
        color: var(--primaryGreen);
    }
    
    .logo-wrapper-hero {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        justify-content: center;
        align-items: center;
        row-gap: 2rem;
    }
    
    .logo-hero-img {
        max-width: 280px;
        min-width: 200px;
        /* min-height: 72px;
        /* max-height: 72px; */
        max-height: 260px;
    }
    
    .avasa-logo {
        transform: scale(0.4);
    }
    
    .greenpark-logo {
        /* height: 300px !important; */
        transform: scale(0.9);
    }
    
    .fairfield-logo {
        transform: scale(0.6);
    }
    
    .four-p-logo {
        transform: scale(0.5);
    }
    
    .marigold-logo {
        transform: scale(0.95);
    }
    
    .section-img {
        max-height: 600px;
    }
    
    .about-wrapper {
        display: grid;
        grid-template-columns: 0.8fr 1.2fr;
        grid-column-gap: 4rem;
    }
    
    .about-us-text {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        /* align-items: center; */
    }
    
    .section-img {
        align-self: flex-end;
        width: 100%;
        height: auto;
        object-fit: cover;
        border-radius: 5%;
        transform: scale(1);
        box-shadow: 0 10px 10px -5px;
        transition: all 0.4s ease-in-out;
    }
    
    .section-img:hover {
        transform: scale(1.05);
    }
    
    .secondary-text {
        font-size: 1.2rem;
        margin-bottom: 1.5rem;
    }
    
    .section-heading {
        color: var(--neutralBlack);
        margin-bottom: 4rem;
    }
    
    .philosophy-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        grid-column-gap: 2rem;
    }
    
    .philosophy-img {
        border-radius: 5%;
        margin-bottom: 1.5rem;
    }
    
    .philosophy-heading {
        font-weight: 700;
    }
    
    .cta-wrapper {
        background: var(--secondaryBrown);
        padding: 4rem 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    .cta-title {
        color: var(--neutralWhite);
        font-size: 2rem;
        margin-bottom: 1.5rem;
    }
    
    .cta-button {
        border: 1px solid var(--neutralWhite);
        color: var(--neutralWhite);
        padding: 1.5rem 2rem;
        border-radius: 24px;
        transition: all 0.4s ease-in-out;
    }
    
    .cta-button:hover {
        border: 1px solid var(--secondaryBrown);
        background: var(--neutralWhite);
        color: var(--secondaryBrown);
    }
    
    .leadership-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        overflow-x: scroll;
    }
    
    .member-wrapper {
        min-width: 20%;
        min-height: 400px;
    }
    
    .member-img {
        max-height: 240px;
        border-radius: 10%;
        transition: all 0.4s ease-in-out;
        margin-bottom: 24px;
    }
    
    .member-img:hover {
        transform: scale(1.01);
        box-shadow: 0 10px 10px -5px;
        ;
    }
    
    .values-section {
        background-color: var(--neutralBlack);
    }
    
    .values-wrapper-main {
        /* display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-gap: 1rem; */
    }
    
    .values-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        column-gap: 1.5rem;
        row-gap: 2rem;
        flex-wrap: wrap;
        margin-top: 4rem;
    }
    
    .value-item-wrapper {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        min-width: 400px;
        column-gap: 1.5rem;
        padding: 1rem 0;
        /* padding: 10%; */
        border: 2px solid var(--primaryGreen);
        background: linear-gradient(171deg, var(--primaryGreen) 61%, var(--primaryBrown));
        border-radius: 49%;
        min-height: 360px;
        max-width: 360px;
        background-position: 40% 0%;
        background-size: 200% 200%;
        transition: all 0.4s ease-in-out;
    }
    
    .value-item-wrapper:hover {
        background-position: 100% 100%;
    }
    
    .value-item-wrapper>p {
        font-size: 1rem;
        color: var(--neutralWhite);
    }
    
    .value-text-info {
        text-align: center;
        max-width: 280px;
    }
    
    .value-text-headline {
        font-size: 1.25rem !important;
        /* margin: 1.25rem 0; */
        /* min-height: 4rem; */
    }
    /* FOOTER */
    
    .footer {
        margin-top: 80px;
    }
    
    .footer-border-top {
        border-top: 1px solid var(--neutralBlack);
        padding-top: 2rem;
    }
    
    .footer-border-top>.logos-wrapper {
        margin-bottom: 0;
    }
    
    .text-small-footer {
        color: #3e3e3e;
        font-size: 0.75rem;
        margin-top: 1rem;
    }
    
    .hero-text-small {
        color: var(--neutralWhite);
        margin-top: 3rem;
    }
    
    .footer-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 2.5rem 0;
    }
    
    .portfolio-hero {
        background: url('./assets/images/_DSC0863.jpg');
        background-position: center;
        background-attachment: fixed;
        background-size: cover;
    }
    
    .logos-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 4rem;
    }
    
    .logo-img {
        max-width: 120px;
    }
    
    .logo-img-large {
        width: 150px;
        max-width: 150px;
    }
    
    .hotel-title {
        margin-bottom: 4rem;
    }
    
    .hotel-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        /* align-items: center; */
        margin-bottom: 4rem;
        column-gap: 2rem;
    }
    
    .hotel-info {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    
    .hotel-img {
        min-width: 400px;
        box-shadow: 0 10px 10px -5px;
        max-width: 240px;
        min-height: 240px;
        max-height: 240px;
        object-fit: cover;
        border-radius: 20px;
    }
    
    .text-small {
        font-size: 1rem;
        margin-bottom: 2rem;
    }
    
    .rooms {
        font-family: 'RalewayBold';
        color: var(--secondaryBrown)
    }
    
    .company-website {
        padding: 20px 32px;
        border: 2px solid var(--secondaryBrown);
        color: var(--secondaryBrown);
        border-radius: 20px;
        transition: all 0.4s ease-in-out;
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    }
    
    .company-website:hover {
        background: var(--secondaryBrown);
        color: var(--neutralWhite);
    }
    
    .services-hero {
        background-position: center;
        background-attachment: fixed;
        background-size: cover;
        background-image: url('./assets/images/hero_services.jpg');
    }
    
    .reviews-wrapper {
        background: var(--neutralBlack);
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-gap: 5rem;
        justify-content: center;
        align-items: center;
        position: relative;
        margin-bottom: 4rem;
    }
    
    .review-item {
        padding: 2rem;
        color: var(--primaryGreen);
        border: 1px solid var(--primaryGreen);
        /* width: 50%; */
        align-self: center;
        min-height: 200px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50px;
        position: relative;
    }
    
    .review-item::before {
        content: url('./assets/images/leaf.png');
        position: absolute;
        left: -12px;
        z-index: 2;
        font-size: 2px;
    }
    
    .ratings-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    
    .rating-img-wrapper {
        height: 100px;
    }
    
    .rating-img {
        max-width: 240px;
        margin-bottom: 2rem;
        /* height: 200px; */
    }
    
    .services-wrapper {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        justify-content: center;
        align-items: center;
        grid-gap: 4rem;
    }
    
    .service-item-wrapper {
        padding: 10%;
        min-height: 360px;
        min-width: 360px;
        max-height: 360px;
        border: 1px solid var(--secondaryBrown);
        font-size: 2rem;
        color: var(--neutralWhite);
        background: var(--secondaryBrown);
        border-radius: 20px;
    }
    
    .media-hero {
        background-position: center;
        background-attachment: fixed;
        background-size: cover;
        background-image: url('./assets/images/hero_media.jpg');
    }
    
    .career-hero {
        background-position: center;
        background-attachment: fixed;
        background-size: cover;
        background-image: url('./assets/images/hero_careers.jpg');
    }
    
    .press-wrapper {
        border-bottom: 1px solid var(--neutralBlack);
        padding: 2rem 0.5rem;
        display: block;
        transition: all 0.4s ease-in-out;
    }
    
    .press-wrapper:hover {
        box-shadow: 0 10px 10px -5px;
        border-bottom: 1px solid #fff;
    }
    
    .press-title {
        font-size: 1rem;
        margin-top: 0.5rem
    }
    
    .contact-hero {
        background-position: center;
        background-attachment: fixed;
        background-size: cover;
        background-image: url('./assets/images/hero_home_extra.jpeg');
    }
    
    .contact-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    
    .contact-corporate-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        margin-top: 2rem;
    }
    
    .hotel-website {
        padding: 16px 12px;
        border-radius: 10px;
        background: var(--primaryBrown);
        color: var(--neutralWhite);
        transition: all 0.4s ease-in-out;
    }
    
    .hotel-website:hover {
        box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    }
    
    .services-item-hero {
        background: url('./assets/images/greenpark_bengaluru.jpg');
        background-position: center;
        background-attachment: fixed;
        background-size: cover;
    }
    
    .services-heading {
        margin-top: 8rem;
        color: var(--neutralWhite);
    }
    
    .map-wrapper {
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }
    
    .map-wrapper>iframe {
        min-height: 400px;
    }
    
    @keyframes slider {
        0%,
        16%,
        100% {
            transform: translateX(0);
            animation-timing-function: ease;
        }
        20% {
            transform: translateX(-100%);
            animation-timing-function: step-end;
        }
        96% {
            transform: translateX(100%);
            animation-timing-function: ease;
        }
    }