@media (min-width: 769px) and (max-width: 1919px) {
    
     .expFolder {
        padding: 40px 0px 0px 0px;
     }
     
    .expFolder h2 {
        font-size: 24px;
    }
    
    .expFolder p{
        font-size: 16px;
        line-height: normal;
    }
    
    .expFolder a{
        font-size: 12px;
        line-height: normal;
    }
    
     .expFolder a svg{
        width: 18px;
        height: 18px;
     }
     

     
}

@media (min-width: 769px) and (max-width: 1919px) {
     .expFolder1{
        background-position: 0px calc(-50vh + 0px + 0vw) !important;
     }
     
     .expFolder2{
         background-position: 0px calc(-25vh + 0px + 0vw) !important;
     }
     
     .expFolder3 {
        background-position: 0px calc(-35vh + 0px + 0vw) !important;
     }

}

@media (max-width: 768px) {
    
    .spotlight-info h3 {
      height: 65px;
    line-height: 18px !important;
    }
    
    .spotlight-info p {
      overflow: hidden;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }

    .navbar {
        padding: var(--Numbers-24, 24px) var(--Numbers-24, 24px) var(--Numbers-24, 24px) var(--Numbers-32, 32px);
    }

    .navbar-menu {
        display: none;
        flex-direction: column;
        align-items: start;
        width: 100%;
        position: absolute;
        top: 0%;
        left: 0;
        background-color: #111;
        z-index: 100;
        padding: var(--Numbers-8, 8px) var(--Numbers-16, 16px);
        justify-content: flex-start;
    }

    .navbar-menu.active {
        display: flex;
        height: 100vh;
        overflow: auto;
        padding-bottom: 60px;
    }

    .navbar-menu li {
        padding: var(--Numbers-20, 20px) 8px var(--Numbers-20, 20px) 16px;
        margin: 0px;
        border-bottom: 1px solid var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
        width: 100%;
        height: auto;
        flex-flow: column;
    }

    .navbar-menu li a {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0;
        line-height: normal;
    }
    
    .navbar-menu li a svg {
        stroke: #ffffff;
        border: 1px solid #fff;
    }

    .navbar-menu li.menu-title {
        display: block;
        color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));
        /* Subtitle/Small/Regular */
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 30px;
        /* 125% */
        border-bottom: 0px solid var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
    }

    .submenu-container {
        padding-top: 0px;
        width: 100%;
    }

    .submenu {
        padding: 0px;
        position: relative;
        background: transparent;
    }

    .submenu .row {
        margin: 0px;
    }

    .submenu-ls {
        display: none;
    }

    .submenu-links {
        gap: var(--Numbers-8, 8px);
        height: auto;
    }

    .submenu-links li {
        border-bottom: 0px;
        display: flex;
        flex-flow: row;
        align-items: center;
        justify-content: flex-start;
        padding: var(--Numbers-12, 12px) var(--Numbers-32, 32px);
    }

    .submenu-links li::before {
        content: "";
        width: 5px;
        height: 5px;
        border-radius: var(--Numbers-4, 4px);
        background: var(--Dark-mode-colours-Body-text, #FFF);
        margin-right: 8px;
    }

    .submenu .tab-content .tab-pane {
        display: block;
        opacity: 1;
    }

    .uae-menu-covers,
    .ksa-menu-covers,
    .events-menu-covers {
        display: none;
    }

    .submenu-mobile-title {
        color: var(--Dark-mode-colours-Body-text, #FFF);
        /* Paragraph/Small/Regular */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
        display: block;
        margin: 28px 16px 20px 16px;
        opacity: 0.6;
    }

    .navbar-buttons {
        display: none;
    }
    
    .navbar-buttons.show {
      display: block;
      z-index: 999;
    }

    .navbar-toggler {
        display: block;
        position: relative;
        z-index: 999;
    }

    .who-we-are-section .container .row .col-md-12 {
        padding-right: 16px;
        padding-left: 16px;
    }

    .who-we-are-desc h2 {
        font-size:var(--Numbers-32, 32px);
        line-height: var(--Numbers-40, 40px);
        margin-bottom: 16px;
    }

    .who-we-are-desc p {
        color: #FFF;
        /* Paragraph/Small/Regular */
        font-family: Inter;
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
    }

    .accordion-container {
        flex-flow: column;
        height: auto;
    }

    .accordion-tab {
        flex-direction: column;
        width: 100%;
    }

    .accordion-tab-header {
        flex-flow: row;
        width: 100%;
        padding: var(--Numbers-12, 12px) var(--Numbers-16, 16px);
        border-right: 0px solid rgba(255, 255, 255, 0.10);
        border-bottom: 1px solid rgba(255, 255, 255, 0.10);
    }

    .accordion-tab-unique.active .accordion-tab-header {
        border-right: 0px solid rgba(255, 255, 255, 0.10);
        border-bottom: 1px solid var(--Primary-Sky, #51B8E5);
    }

    .accordion-tab-sustainable.active .accordion-tab-header {
        border-right: 0px solid rgba(255, 255, 255, 0.10);
        border-bottom: 1px solid var(--Primary-Land, #F9A280)
    }

    .accordion-tab-meaningful.active .accordion-tab-header {
        border-right: 0px solid rgba(255, 255, 255, 0.10);
        border-bottom: 1px solid var(--Primary-Sea, #29B7B0)
    }

    .accordion-tab-title {
        transform: rotate(0deg);
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
    }

    .accordion-tab-header img {
        width: 32px;
        height: 32px;
    }

    .accordion-tab-content {
        flex-flow: column;
        display: none;
    }

    .accordion-tab-content-desc {
        padding: var(--Numbers-24, 24px) var(--Numbers-20, 20px);
        position: relative;
        left: 0;
        width: 100%;
    }

    .accordion-tab-content h2 {
        color: var(--Dark-mode-colours-Body-text, #FFF);
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 28px;
        width: 100%;
        text-align: center;
    }

    .accordion-tab-content p {
        color: var(--Dark-mode-colours-Body-text, #FFF);
        text-align: justify;
        /* Label/Large/Regular */
        font-family: Inter;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 142.857% */
    }

    .accordion-tab-content-img {
        height: 240px;
        position: relative;
        width: 100%;
        left: 0px;
    }

    .who-we-are-section {
        padding-top: 24px;
        padding-bottom: 48px;
    }

    .discover-destination-start {
        padding-top: var(--Numbers-48, 48px);
        padding-bottom: var(--Numbers-24, 24px);
    }

    .discover-destination-title {
        color: var(--Shades-White, #FFF);
        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px;
        /* 150% */
    }

    .uaeFolder {
        height: 488px;
        padding-top: 42px;
        padding: var(--Numbers-42, 42px) 0px 0px 0px;
    }

    .uaeFolder h2 {
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Heading/H6/SemiBold */
        font-family: Poppins;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px;
        /* 150% */
        margin-bottom: 8px;
    }

    .uaeFolder p {
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Paragraph/Small/Regular */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
    }

    .uaeFolder a {
        border-radius: var(--Numbers-0, 0px);
        background: var(--Shades-White, #FFF);
        /* Shadows/S */
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
        display: flex;
        padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        margin-top: 16px;
        width: 100%;
    }

    .ksaFolder {
        height: 668px;
        padding-top: 42px;
        top: 100px;
    }

    .ksaFolder h2 {
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Heading/H6/SemiBold */
        font-family: Poppins;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px;
        /* 150% */
        margin-bottom: 8px;
    }

    .ksaFolder p {
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Paragraph/Small/Regular */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
    }

    .ksaFolder a {
        border-radius: var(--Numbers-0, 0px);
        background: var(--Shades-White, #FFF);
        /* Shadows/S */
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
        display: flex;
        padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        margin-top: 16px;
    }

    .services-start {
        display: none;
    }
    
    

    .service-section {
        padding: var(--Numbers-48, 48px) var(--Numbers-0, 0px);
        height: auto;
        background: none !important;
        margin-bottom: 0px;
    }

    .service-section h2 {
        color: var(--Shades-White, #FFF);
        text-align: center;
        white-space: break-spaces;
        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px;
        /* 150% */
        margin-bottom: 16px;
    }

    .service-section img {
        display: block;
        margin-bottom: 16px;
    }

    .service-desc {
        width: 100%;
        gap:0;
    }

    .service-section a {
        display: flex;
        padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
        justify-content: center;
        align-items: center;
        gap: var(--Numbers-4, 4px);
        align-self: stretch;
        border-radius: var(--Numbers-0, 0px);
        background: var(--Primary-Sky, #51B8E5);

        /* Shadows/S */
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
        color: var(--Cod-Gray-900, #000);

        /* Button/Lowercase */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        /* 150% */
        width: auto;
        margin-top: 16px;
    }

    .rs-service {
        /*background: var(--bg-colors-bg-2, #1B1B1B) !important;*/
        text-align: left;
        direction: ltr;
    }

    .partners-section {
        padding: var(--Numbers-48, 48px) 0px;
        margin-top: 0px;
    }

    .partners-section h2 {
        color: var(--Shades-White, #FFF);
        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px;
        /* 150% */
        margin-bottom: 24px;
    }

    .partners-desktop {
        display: none;
    }

    .partners-mobile {
        display: flex;
        gap: 16px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .partners-mobile .partners-logo {
        width: calc(50% - 8px);
    }

    .partners-logo img {
        width: 100%;
        opacity: 1;
    }

    .working-with-us-section h2 {
        color: var(--Shades-White, #FFF);
        text-align: center;

        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px;
        /* 150% */
    }

    .working-with-us-section p {
        color: var(--Shades-White, #FFF);
        text-align: center;

        /* Paragraph/Medium/Regular */
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px;
        /* 144.444% */
    }

    .working-with-us-section a {
        border-radius: var(--Numbers-0, 0px);
        background: var(--Primary-Sky, #51B8E5);

        /* Shadows/S */
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    }

    .footer-logo img {
        width: 83px;
    }

    .footer-social-icons {
        gap: 16px;
    }

    .footer-social-icons a svg {
        width: 36px;
        height: 36px;
    }


    footer .experience-list {
        display: none;
        padding: 0;
        margin: 0;
    }

    /* Add cursor pointer for the titles */
    footer .experience-title {
        cursor: pointer;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: var(--Numbers-12, 12px) var(--Numbers-0, 0px);
        color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));

        /* Paragraph/Small/Regular */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */

        margin-bottom: 0px!important;
        margin-top: 8px;

    }

    /* Optional: Add a transition for smooth accordion behavior */
    footer .experience-list {
        transition: max-height 0.3s ease;
    }

    footer .experience-container {
        flex-flow: column;
        margin: 22px auto 16px auto;
    }

    footer .experience-section h4 svg {
        display: block;
    }

    .footer-bottom {
        flex-flow: column;
    }

    .footer-bottom .footer-links {
        order: 1;
        width: 100%;
        border-bottom: 1px solid var(--Dark-mode-colors-Line, rgba(255, 255, 255, 0.10));
        padding: 0px 16px 20px 16px;
    }

    .footer-bottom .footer-links ul {
        display: flex;
        justify-content: space-between;
    }

    .footer-bottom .footer-copyright {
        order: 2;
        padding: 20px 16px 0 16px;
    }

    footer .container-2 .col-md-12 {
        padding: 0px;
    }

    .inner-banner-desktop{
        display: none;
    }

    .inner-banner-mobile{
        position: absolute;
        width: 100vw;
        height: 100vh;
        top: 0px;
        left: 0px;
        display: block;
    }

    .banner-content h1{
        color: #FFF;
        font-family: Poppins;
        font-size: 48px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 2.4px;
    }

    .infoSection-imgFirst{
        padding: var(--Numbers-16, 16px) var(--Numbers-0, 0px) var(--Numbers-48, 48px) var(--Numbers-0, 0px);
    }

    .infoSection-imgFirst .row{
        gap: 16px;
    }

    .infoSection-rs{
        padding-left: 0px;
    }

    .uaeExp-section{
        padding: var(--Numbers-48, 48px) var(--Numbers-0, 0px);
    }

    .uaeExp-section h2{
        color: var(--Shades-White, #FFF);
        text-align: center;

        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
    }

    .uaeExp-carousel-col{
        padding: 0 0 0 16px;
        margin: 24px 0 0 0;
    }

    .ksaExp-section{
        padding: var(--Numbers-48, 48px) var(--Numbers-0, 0px);
    }

    .ksaExp-section h2{
        color: var(--Shades-White, #FFF);
        text-align: center;

        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
    }

    .ksaExp-carousel-col{
        padding: 0 0 0 16px;
        margin: 24px 0 0 0;
    }

    .genExp-card-img-desktop{
        display: none!important;
    }

    .genExp-card-img-mobile{
        display: block!important;
    }
    .genExp-card-img-desktop{
        display: none!important;
    }
    
    .genExp-card-desc{
            padding: 0 24px;
    }

    /*.genExp-card:hover .genExp-card-desc{*/
    /*    height: 203px;*/
    /*}*/
    
    /*.genExp-card .genExp-card-desc p{*/
    /*    display: none;*/
    /*    transition: all ease 1s;*/
    /*}*/
    
    /*.genExp-card:hover .genExp-card-desc p{*/
    /*    display: block;*/
    /*}*/
    
    /*.genExp-card .genExp-card-desc a{*/
    /*    display: none;*/
    /*    transition: all ease 1s;*/
    /*}*/
    
    /*.genExp-card:hover .genExp-card-desc a{*/
    /*    display: block;*/
    /*}*/

    .custom-dots{
        display: none;
    }

    .expFolder {
        /*height: 668px;*/
        padding: var(--Numbers-42, 42px) 0px 600px 0px;
    }

    .expFolder h2 {
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Heading/H6/SemiBold */
        font-family: Poppins;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 36px;
        /* 150% */
        margin-bottom: 8px;
    }

    .expFolder p {
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Paragraph/Small/Regular */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        /* 150% */
    }

    .expFolder a {
        border-radius: var(--Numbers-0, 0px);
        background: var(--Shades-White, #FFF);
        /* Shadows/S */
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
        display: flex;
        padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
        justify-content: center;
        align-items: center;
        gap: 8px;
        align-self: stretch;
        margin-top: 16px;
    }

    .destinationsFolder-inner{
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .expFolder1{
        height: calc(85vh + 355.03168px + 20.574vw);
    }
    
    .expFolder2{
        top: calc(95.01056px + 5.858vw);
        height: calc(90vh + 240.02112px + 11.716vw);
    }
    
    .expFolder3{
        top: calc(190.02112px + 11.716vw);
        height: calc(95vh + 125.01056px + 5.858vw);
    }
    
    .expFolder4{
        top: 270px;
    }

    .counters-section{
        padding: var(--Numbers-32, 32px) var(--Numbers-0, 0px) var(--Numbers-48, 48px) var(--Numbers-0, 0px);
    }

    .counters{
        flex-flow: column;
        gap: 0px;
    }

    .counters div {
        width: 100%;
    }

    .events-counter{
        font-family: Poppins;
        font-size: 80px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;  
    }

    .events-area-start{
        padding-top: var(--Numbers-48, 48px);
        padding-bottom: var(--Numbers-24, 24px);
    }

    .events-area-title{
        color: var(--Shades-White, #FFF);
        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
    }

    .events-area-section {
        padding: var(--Numbers-0, 0px) var(--Numbers-0, 0px) var(--Numbers-40, 40px) var(--Numbers-0, 0px);
        height: auto;
        background: none !important;
        margin-bottom: 0px;
        background: var(--bg-colors-bg-2, #1B1B1B) !important;
    }

    .events-area-section h2 {
        color: var(--Shades-White, #FFF);
        text-align: center;
        
        /* Paragraph/Large/Medium */
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 140% */
        margin-bottom: 8px;
    }

    .events-area-section p{
        color: var(--Shades-White, #FFF);
        /* Paragraph/Small/Regular */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }

    .events-area-section img {
        display: block;
        margin-bottom: 16px;
    }

    .events-area-desc {
        width: 100%;
    }

    .events-area-section a {
        display: flex;
        padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
        justify-content: center;
        align-items: center;
        gap: var(--Numbers-4, 4px);
        align-self: stretch;
        border-radius: var(--Numbers-0, 0px);
        background: var(--Primary-Sky, #51B8E5);

        /* Shadows/S */
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
        color: var(--Cod-Gray-900, #000);

        /* Button/Lowercase */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        /* 150% */
        width: auto;
        margin-top: 16px;
    }

    .rs-events-area {
        background: var(--bg-colors-bg-2, #1B1B1B) !important;
        text-align: left;
        direction: ltr;
    }
    
    .masonry-gallery{
        overflow: auto;
    }

    .masonry {
        width: max-content;
        height: auto;
        padding: 12px;
        display: grid;
        row-gap: 12px;
        column-gap: 12px;
        grid-template-columns: repeat(6, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }

    .lightbox-image {
        width: 90vw;
        height: auto;
    }

    .masonry-item{
        height: auto;
        width: 45vw;
    }
    
    .masonry-item img {
      display: block;
      width: 100%;
      object-fit: cover;
      border-radius: 5px;
      cursor: pointer;
    }
    
    .cell-1 {
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }
    
    .cell-2 {
        grid-column: 1 / 2;
        grid-row: 2 / 2;
    }
    
    .cell-3 {
        grid-column: 2 / 4;
        grid-row: 1 / 3;
    }
    
    .cell-4 {
        grid-column: 3 / 6;
        grid-row: 1 / 2;
    }
    
    .cell-5 {
        grid-column: 3 / 6;
        grid-row: 2 / 2;
    }
    
    .cell-6 {
        grid-column: 4 / 8;
        grid-row: 1 / 3;
    }
    
    .cell-7 {
        grid-column: 5 / 10;
        grid-row: 1 / 2;
    }
    
    .cell-8 {
        grid-column: 5 / 10;
        grid-row: 2 / 2;
    }
    
    .cell-9 {
        grid-column: 6 / 12;
        grid-row: 1 / 3;
    }
    
    .cell-10 {
        grid-column: 7 / 14;
        grid-row: 1 / 3;
        /*grid-row: 1 / 2;*/
    }

    .events-sections{
        padding-bottom: 8px;
    }

    .custom-nav-reviews{
        display: none;
    }

    .custom-dots-reviews{
        display: block;
    }

    .infoSection-descFirst{
        padding: var(--Numbers-48, 48px) var(--Numbers-0, 0px) var(--Numbers-48, 48px) var(--Numbers-0, 0px);
    }

    .infoSection-descFirst .row{
        gap: 16px;
    }

    .infoSection-descFirst .container .row .col-md-6:first-child{
        order: 2;
    }

    .infoSection-descFirst .container .row .col-md-6:last-child{
        order: 1;
    }

    .reviews-section{
        padding: var(--Numbers-50, 50px) var(--Numbers-0, 0px) var(--Numbers-50, 50px) var(--Numbers-0, 0px);
    }

    .reviews-section h2{
        color: var(--Shades-White, #FFF);
        text-align: center;

        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
        margin-bottom: 24px;
    }

    .custom-dots {
        margin-top: 24px;
    }

    .working-with-us-section.inner-form{
        padding: var(--Numbers-48, 48px) var(--Numbers-0, 0px) var(--Numbers-16, 16px) var(--Numbers-0, 0px);
    }

    .event-banner-btn{
        bottom: 48px;
        width: calc(100% - 48px);  
    }

    .accordion-section {
        padding: var(--Numbers-48, 48px) var(--Numbers-16, 16px); 
        background: #0f0f0f;
    }

    .accordion-section .section-title{
        display: none;
    }

    .event-inner-gallery-fixed{
        padding: 0px;
    }

    .event-inner-gallery-fixed .masonry {
        background: #1b1b1b;
    }
    .event-inner-gallery-fixed .masonry{
        padding: 6px;
    }

    .event-inner-gallery-fixed .masonry .cell-1{
        margin: 6px;
    }
    .event-inner-gallery-fixed .masonry .cell-2{
        margin: 6px;
    }
    .event-inner-gallery-fixed .masonry .cell-3{
        margin: 6px;
    }
    .event-inner-gallery-fixed .masonry .cell-4{
        margin: 6px;
    }

    .event-inner-gallery-fixed .masonry .masonry-item {
        width: calc(50% - 12px);
    }

    .awards-section{
        padding: var(--Numbers-48, 48px) 0px;
    }

    .awards-section h2{
        color: var(--Shades-White, #FFF);
        text-align: center;
        
        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */ 
    }

    .awards-tabs{
        margin: 24px 0 16px 0;
        justify-content: space-between;
        gap: 8px;
    }

    .awards-tabs li{
        width: calc(33.3% - 8px);
    }

    .awards-tabs li button{
        width: 100%;
        padding: 8px 0px;
        text-align: center;
        min-width: auto;
    }

    .awards-logos .row {
        gap: 16px 16px;
        justify-content: start;
        margin: 0px;
    }

    .awards-logos .col-md-4{
        padding: 0px!important;
        width: calc(50% - 8px);
    }

    .timeline-section{
        padding: 48px 16px;
    }

    .timeline-section p{
        display: none;
    }

    .timeline-section h2{
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
    }

    .timeline ol{
        padding: 260px 0 236px 0;
    }

    .timeline ol li{
        width: 166px;
    }

    .timeline-section-title{
        margin-bottom: 24px;
    }

    .timeline time{
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Paragraph/Small/Semibold */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
    }

    .timeline ol li div{
        color: var(--Shades-White, #FFF);
        text-align: center;

        /* Label/Medium/Medium */
        font-family: Inter;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 153.846% */
    }

    .timeline ol li div{
        padding: 16px;
    }

    .team-section{
        padding: var(--Numbers-48, 48px) 0px;
    }

    .team-section h2{
        color: var(--Shades-White, #FFF);
        text-align: center;

        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
        margin-bottom: 24px;
    }

    .custom-nav-team{
        display: none;
    }

    .spotlight-desktop{
        display: none;
    }

    .spotlight-mobile{
        display: block;
    }
    
    .owl-carousel .owl-item img {
      display: block;
      width: 100%;
    }
    
    .spotlight-mobile .owl-carousel .owl-item img {
      display: block;
      width: 100%;
      object-fit: cover;
      object-position: center;
      height: 200px;
    }

    .custom-nav-spotlight{
        display: none;
    }

    .custom-dots-spotlight{
        display: none;
    }

    .spotlight-section{
        padding: var(--Numbers-48, 48px) var(--Numbers-0, 0px) var(--Numbers-48, 48px) var(--Numbers-16, 16px);
    }

    .spotlight-section h2{
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
        margin-bottom: 24px;
    }

    .spotlight-row {
        gap: 0;
    }

    .hero-spotlight-vertical .spotlight-info {
        padding: 0px 0 12px 0;
    }
    
    .hero-spotlight-badge {
      padding: 0 16px 0 16px;
    }
    
    .hero-spotlight-date{
        padding: 0 16px 0 16px;
    }

    .spotlight-info span{
        padding: var(--Numbers-8, 8px) var(--Numbers-12, 12px);
        color: var(--Dark-mode-colours-Body-text, #FFF);
        text-align: center;
        /* Label/Small/Medium */
        font-family: Inter;
        font-size: 12px;
        font-style: normal;
        font-weight: 500;
        line-height: 16px; /* 133.333% */
    }
    
    .hero-spotlight-bottom {
      margin-top: 24px;
      align-items: baseline;
    }

    .spotlight-info h3{
        color: var(--Shades-White, #FFF);
        /* Paragraph/Large/Semibold */
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 140% */
        padding:16px 16px 0 16px;
        
    }

    .spotlight-info p{
        color: var(--Shades-White, #FFF);
        /* Paragraph/Small/Medium */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px; /* 150% */
        padding:0px 16px 0 16px;
        /*display: -webkit-box;
          -webkit-line-clamp: 2;
          -webkit-box-orient: vertical;  
          overflow: hidden;*/
    }

    .hero-spotlight-author img{
        width: var(--Numbers-40, 40px)!important;
        height: var(--Numbers-40, 40px)!important;
    }

    .spotlight-mobile .col-md-12{
        padding: 0px;
    }
    
    .celebrities-section{
        padding: var(--Numbers-48, 48px) 0px;
    }

    .celebrities-section h2{
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
        margin-bottom: 24px;
    }

    .mediakit-section{
        background: var(--bg-colors-bg-2, #1B1B1B);
        padding: var(--Numbers-48, 48px) var(--Numbers-16, 16px);
    }

    .accordion-section.mediakit-section h2.section-title{
        display: block;
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
        margin-bottom: 24px;
    }

    .mediakit-section .col-md-7{
        padding: 0px;
    }

    .mediakit-section .inner-accordion {
        gap: 16px;
    }

    .contact-section{
        padding: var(--Numbers-48, 48px) var(--Numbers-0, 0px);
    }

    form.contacts-form{
        margin-top: 24px;
    }

    form.contacts-form input[type="text"], form.contacts-form input[type="tel"], form.contacts-form input[type="email"], form.contacts-form select, form.contacts-form textarea{
        border: 1.5px solid var(--Dark-mode-colours-Border, rgba(255, 255, 255, 0.20));
        background: transparent;
    }

    .custom-select select {
        padding-right: 30px;
    }

    .inner-info-text-section{
        padding: var(--Numbers-48, 48px) var(--Numbers-16, 16px);
    }

    .inner-info-text-section .col-md-12{
        padding: 0px;
    }

    .inner-info-text-section h2{
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Paragraph/Large/Medium */
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 140% */
    }

    .inner-info-text-section p{
        color: var(--Shades-White, #FFF);
        /* Paragraph/Small/Regular */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }

    .inner-custom-list-section{
        padding: var(--Numbers-48, 48px) 0px;
    }

    .inner-custom-list-section h2{
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
        margin-bottom: 24px;
    }

    .inner-custom-list-item{
        padding: 0px;
        border: 0px solid var(--Dark-mode-colours-Line, rgba(255, 255, 255, 0.10));
    }

    .inner-custom-list-item svg{
        width: 48px !important;
        height: 48px !important;
        min-width: 48px;
        min-height: 48px;
    }

    .inner-custom-list-item h3{
        color: var(--dark-mode-colors-title-body-text, #FFF);
        /* Paragraph/Small/Semibold */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
    }

    .inner-custom-list-item p{
        color: var(--Dark-mode-colors-Label-text, rgba(255, 255, 255, 0.50));
        /* Label/Medium/Regular */
        font-family: Inter;
        font-size: 13px;
        font-style: normal;
        font-weight: 400;
        line-height: 18px; /* 138.462% */
    }

    .inner-custom-list-elements{
        gap: 20px 0;
        margin: 0px;
    }

    .inner-custom-list-elements .col-md-6{
        padding: 0px!important;
    }

    .whyus-area-start{
        padding-top: var(--Numbers-24, 24px);
        padding-bottom: var(--Numbers-24, 24px);
    }

    .whyus-area-title{
        color: var(--Shades-White, #FFF);
        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
    }

    .whyus-area-section {
        padding: var(--Numbers-0, 0px) var(--Numbers-0, 0px) var(--Numbers-24, 24px) var(--Numbers-0, 0px);
        height: auto;
        background: none !important;
        margin-bottom: 0px;
        background: var(--bg-colors-bg-2, #1B1B1B) !important;
    }

    .whyus-area-section h2 {
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Subtitle/Small/Semibold */
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; /* 125% */
        margin-bottom: 8px;
    }

    .whyus-area-section p{
        color: var(--Shades-White, #FFF);
        /* Paragraph/Medium/Regular */
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 144.444% */
    }

    .whyus-area-desc ul li{
        color: var(--Shades-White, #FFF);
        /* Paragraph/Medium/Regular */
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 144.444% */
    }

    .whyus-area-section img {
        display: block;
        margin-bottom: 12px;
    }

    .whyus-area-desc {
        width: 100%;
    }

    .whyus-area-section a {
        display: flex;
        padding: var(--Numbers-8, 8px) var(--Numbers-24, 24px) var(--Numbers-8, 8px) var(--Numbers-36, 36px);
        justify-content: center;
        align-items: center;
        gap: var(--Numbers-4, 4px);
        align-self: stretch;
        border-radius: var(--Numbers-0, 0px);
        background: var(--Primary-Sky, #51B8E5);

        /* Shadows/S */
        box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
        color: var(--Cod-Gray-900, #000);

        /* Button/Lowercase */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        /* 150% */
        width: auto;
        margin-top: 16px;
    }

    .rs-whyus-area {
        background: var(--bg-colors-bg-2, #1B1B1B) !important;
        text-align: left;
        direction: ltr;
    }

    .ddac-cta h2{
        color: var(--Shades-White, #FFF);
        text-align: center;

        /* Subtitle/Small/Semibold */
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px; /* 125% */
    }

    .ddac-cta h2 span{
        color: var(--Primary-Land, #F9A280);

        /* Subtitle/Small/Semibold */
        font-family: Inter;
        font-size: 24px;
        font-style: normal;
        font-weight: 600;
        line-height: 30px;
    }

    .whyus-sections{
        padding-bottom: 48px;
    }

    .ddac-gallery-fixed{
        padding: 0px;
    }

    .ddac-gallery-fixed{
        padding: 0px;
    }

    .ddac-gallery-fixed .masonry {
        background: #0f0f0f;
        height: auto;
    }

    .ddac-gallery-fixed .masonry{
        padding: 6px;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(2, 1fr);
    }

    .ddac-gallery-fixed .masonry .cell-1{
        margin: 6px;
        grid-column: 1 / 2;
        grid-row: 1 / 2;
    }
    .ddac-gallery-fixed .masonry .cell-2{ 
        margin: 6px;
        grid-column: 1 / 2;
        grid-row: 2 / 2;
    }
    .ddac-gallery-fixed .masonry .cell-3{
        margin: 6px;
        grid-column: 2 / 4;
        grid-row: 1 / 3;
    }
    .ddac-gallery-fixed .masonry .cell-4{
        margin: 6px;
    }
    
    .ddac-gallery-fixed.masonry-gallery .masonry .masonry-item:last-child {
        opacity: 1;
    }

    /*.ddac-gallery-fixed .masonry .masonry-item {*/
    /*    width: calc(50% - 12px);*/
    /*}*/

    .infoSection-descFirst h2{
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Paragraph/Large/Medium */
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 500;
        line-height: 28px; /* 140% */
    }

    .infoSection-descFirst p{
        color: var(--Shades-White, #FFF);
        /* Paragraph/Small/Regular */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px; /* 150% */
    }

    .unique-approach-desc p{
        color: var(--Shades-White, #FFF);
        /* Paragraph/Medium/Regular */
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 144.444% */
    }

    .globe-section{
        padding: var(--Numbers-48, 48px) 0px;
    }

    .globe-section h2{
        color: #FFF;
        text-align: center;

        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
    }

    .globe-section p{
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Paragraph/Medium/Regular */
        font-family: Inter;
        font-size: 18px;
        font-style: normal;
        font-weight: 400;
        line-height: 26px; /* 144.444% */
    }

    #rotatingGlobe{
        width: 85%;
        height: auto;
        margin-left: 13%;
    }

    .legal-info{
        padding: var(--Numbers-48, 48px) var(--Numbers-16, 16px);
    }

    .legal-info h2{
        margin-bottom: 24px;  
    }

    .legal-info .col-md-12{
        padding: 0px;
    }
    
    .sticky-nav.fullheight{
        height: -webkit-fill-available;
    }
    
    .navbar-toggler.mnuactive{
        position: absolute;
        right: 25px;
        top: 25px;
    }
    
    .navbar-buttons .dropdown{
        position: absolute;
        top: 25px;
        right: 60px;
    }
    
    .navbar-buttons .btn-get-in-touch{
        position: absolute;
        bottom: 20px;
        width: calc(100% - 32px);
        left: 16px;
        background: #51B8E5;
        border: 0px solid;
        
        color: var(--Cod-Gray-900, #000);

        /* Paragraph/Small/Semibold */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
    }

    .careers-list{
        padding: var(--Numbers-48, 48px) var(--Numbers-16, 16px);  
    }

    .careers-list h2{
        color: var(--Shades-White, #FFF);
        text-align: center;
        /* Heading/H5/Regular */
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
        margin-bottom: 24px;
    }

    .career-card-top {
        align-items: flex-end;
        flex-flow: column;
        align-items: flex-start;
    }

    .career-card{
        padding: var(--Numbers-16, 16px);
    }

    .career-card .career-card-btn{
        width: 100%;
    }

    .careers-list .col-md-8{
        padding: 0px;
    }

    .career-card{
        margin-bottom: 16px;
    }

    .career-popup{
        padding: 16px 0;
    }

    .close-career-popup{
        right: 16px;
    }

    .close-career-popup svg{
        width: 24px;
        height: 24px;
    }

    .career-popup h2{
        margin-bottom: 32px;
    }

    .career-popup .company-info{
        margin-bottom: 32px;
    }
    
    .mainmenu-desktop{
        display: none;
    }
    
    .mainmenu-mobile{
        display: none;
    }
    
    
    .mainmenu-accordion{
        width: 100%;
    }
    
    .mainmenu-accordion .accordion-item{
        background: transparent!important;
        border: 0px;
    }
    
    .mainmenu-accordion .accordion-item .accordion-header{
        position: relative;
    }
    
    .mainmenu-accordion .accordion-item .accordion-header .accordion-button{
        position: absolute;
        right: 0px;
        width: 20px;
        height: 20px;
        background: transparent;
        background-size: cover;
        border-radius: 0;
        padding: 0px;
        top: 0px;
    }
    
    .mainmenu-accordion .accordion-item .accordion-header .accordion-button:after{
          width: 20px;
          height: 20px;
          background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M0.5 0.5H19.5V19.5H0.5V0.5Z" stroke="white"/><path d="M5.83398 7.9165L10.0007 12.0832L14.1673 7.9165" stroke="white" stroke-width="1.5"/></svg>');
          background-size: cover;
          border-radius: 0;
    }
    
    .mainmenu-accordion .accordion-item .accordion-header .accordion-button:not(.collapsed)::after{
            background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M0.5 0.5H19.5V19.5H0.5V0.5Z" stroke="%2351B8E5"/><path d="M5.8335 7.91667L10.0002 12.0833L14.1668 7.91667" stroke="%2351B8E5" stroke-width="1.5"/></svg>');
    }
    
    .mainmenu-accordion .accordion-item .accordion-body{
        padding: 0px;
    }
    
    .mainmenu-accordion-submenu{
        margin-top: 20px;
    }
    
    .mainmenu-accordion-submenu li{
        padding: var(--Numbers-12, 12px) var(--Numbers-32, 32px);
        border: 0px;
    }
    
    .mainmenu-accordion-submenu li a{
        justify-content: start;
    }
    
    .mainmenu-accordion-submenu li a::before{
        content:"";
        width: var(--Numbers-5, 5px);
        height: var(--Numbers-5, 5px);
        border-radius: var(--Numbers-4, 4px);
        background: var(--dark-mode-colors-title-body-text, #FFF);
        margin-right: 8px;
    }
    
    .evisual{
        padding: 0px;
    }
    
    .custom-nav-celebrities{
        display: none;
    }
    
    .custom-nav-uaeExp{
        display: none;
    }
    
    .main-exp-link{
        
    }
    
    .masonry-gallery .masonry .masonry-item:last-child{
        opacity: 1;
    }
    
    .who-we-are-quote-icon svg{
        display: block;
        right: unset;
        top: -40px;
        width: 40px;
    }
    
    .earth-visual{
        transform: scale(0.9);
    }
    
    .medikit-btn{
        white-space: normal;
    }
    
    
    .team-card.active .team-card-overlay {
    background: rgba(15, 15, 15, 0.80);
    }
    
    .team-card.active .team-card-info {
        opacity: 0;
        transition: all ease 0.5s;
    }
    
    .team-card.active .team-card-info-full {
        bottom: 20px;
    }
    
    .accordion-tab-content{
        height: 0px;
        transition: all ease 1s;
        display: flex;
        width: 100%;
    }
    
    .accordion-tab-content-desc{
        height: auto;
    }
    
    .accordion-tab.active .accordion-tab-content{
        height: 444px;
        justify-content: end;
    }

    .destinationsFolder.home .uaeFolder {
        height: calc(70vh + 25.03168px + 0.574vw);
    }
}

@media (min-width: 769px) {
    .genExp-card-img-mobile{
        display: none!important;
    }
    
    .genExp-card {
      position: relative;
      height: 480px;
    }
    .genExp-card-img-desktop{
    display: block !important;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    }
    
    .genExp-card-desc{
        height: 80px;
    }
    
    .genExp-card:hover .genExp-card-desc {
        height: 200px;
    }

    .accordion-tab-content-img{
        background-size: 540px !important;
    }
    
    .team-card:hover .team-card-info{
    opacity: 0;
    transition: all ease 0.5s;
}

    .team-card:hover .team-card-info-full{
        bottom: 20px;  
    }
    
    .team-card:hover .team-card-overlay{
        background: rgba(15, 15, 15, 0.80);
    }
    
        .expFolder {
        padding: var(--Numbers-26, 40px) 0px 0px 0px;
    }
    
    .expFolder1 {
        height: 100vh;
    }
    
    .expFolder2 {
        height: 80vh;
        top: 20vh;
    }
    
    .expFolder3 {
        height: 60vh;
        top: 40vh;
    }
    
    .expFolder4 {
        height: 40vh;
        top: 60vh;
    }

}

@media (min-width: 1920px) and (max-width: 1984px){
    
     .expFolder {
        padding: 30px 0px 0px 0px;
     }
    
}

@media (min-width: 1536px) and (max-width: 1664px) {
    .expFolder {
        padding: 25px 0px 0px 0px;
    }
}

@media (min-width: 1344px) and (max-width: 1440px) {
    .expFolder {
        padding: 26px 0px 0px 0px;
    }
    
    .expFolder2 {
        height: 75vh;
        top: 25vh;
    }
    
    .expFolder3 {
        height: 50vh;
        top: 50vh;
    }
    
    .expFolder4 {
        height: 25vh;
        top: 75vh;
    }
}

@media (min-width: 1152px) and (max-width: 1248px) {
    
    .expFolder {
        padding: 23px 0px 0px 0px;
    }
    
    .expFolder p {
        font-size: 12px;
    }
    
    footer .experience-section ul li a{
        font-size: 12px;
    }
    
    .expFolder1 {
        height: 100vh;
    }
    
    .expFolder2 {
        height: 75vh;
        top: 25vh;
    }
    
    .expFolder3 {
        height: 50vh;
        top: 50vh;
    }
    
    .expFolder4 {
        height: 25vh;
        top: 75vh;
    }
}