@media (min-width: 360px) and (max-width: 1441px){
    
    .who-we-are-desc p {
    color: var(--Shades-White, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 25px;
    margin-bottom: 16px;
}

.call-to-action p {
    color: var(--Dark-mode-colours-Body-text, #FFF);
    text-align: justify;
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 25px;
}

.infoSection-descFirst p {
    color: var(--Dark-mode-colours-Body-text, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 12px;
}

}

@media (min-width: 769px) {
    .genExp-card-img-mobile{
        display: none!important;
    }
    .genExp-card-img-desktop{
        display: block!important;
    }
}

@media (max-width: 768px) {

    .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-16, 16px) var(--Numbers-16, 16px);
        justify-content: flex-start;
    }

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

    .navbar-menu li {
        padding: var(--Numbers-12, 12px) 16px;
        margin: 0px;
        border-bottom: 0px 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 {
        margin-bottom: 16px;
    }

    .who-we-are-desc p {
        color: var(--Shades-White, #FFF);

        /* Paragraph/Large/Regular */
        font-family: Inter;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px; /* 140% */
    }

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

    .accordion-tab {
        flex-direction: column;
    }

    .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 svg {
        width: 32px;
        height: 32px;
    }

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

    .accordion-tab-content-desc {
        padding: var(--Numbers-24, 24px) var(--Numbers-20, 20px);
    }

    .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;
    }

    .who-we-are-section {
        padding-top: 48px;
        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: 668px;
        padding-top: 42px;
    }

    .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;
    }

    .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;

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

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

    .service-desc {
        width: 100%;
    }

    .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: 24px;
    }

    .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;
        margin-bottom: 24px;
    }

    .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);
        font-family: Poppins;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
        margin-bottom: 4px;
    }

    .working-with-us-section p {
        color: var(--Dark-mode-colours-Body-text, #FFF);
        text-align: center;
        
        /* Label/Medium/Medium */
        font-family: Inter;
        font-size: 13px;
        font-style: normal;
        font-weight: 500;
        line-height: 20px; /* 153.846% */
    }

    .working-with-us-section p br{
        display: none;
    }

    .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:hover .genExp-card-desc{
        height: 203px;
    }

    .custom-dots{
        display: none;
    }

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

    .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{
        top: 0px;
    }
    
    .expFolder2{
        top: 90px;
    }
    
    .expFolder3{
        top: 180px;
    }
    
    .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: 24px;
    }

    .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 {
        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: 50vw;
    }

    .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 h2.section-title{
        color: var(--Shades-White, #FFF);
font-family: Poppins;
font-size: 32px;
font-style: normal;
font-weight: 400;
line-height: 48px; /* 150% */
margin-bottom: 10px;
    }

    .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: 238px 0 350px 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% */
    }

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

    .spotlight-desktop{
        display: none;
    }

    .spotlight-mobile{
        display: block;
    }

    .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: 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% */
    }

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

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

    .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;
    }

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

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

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

    .infoSection-descFirst 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% */
    }

    .infoSection-descFirst p b{
        color: var(--Shades-White, #FFF);

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

    .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;
    }

    .wh-desktop-area{
        display: none;
    }

    .wh-mobile-area{
        display: block;
    }

    .navbar .container{
        padding: 0px;
    }

    .header-content{
        bottom: 50px;
    }

    .header-content span{
        color: #FFF;
    text-align: center;

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

    .header-content h1{
        color: #FFF;
    text-align: center;

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

    .header-content p{
        color: #FFF;
    text-align: center;

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

    .who-we-are-bg{
        display: none;
    }

    .who-we-are-section img{
        display: block;
        margin-top: 16px;
    }

    .whats-happening{
        padding: var(--Numbers-48, 48px) var(--Numbers-0, 0px); 
    }

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

    .whats-happening .container{
        padding: 0px;
    }

    .whats-happening .row{
        margin: 0px;
    }

    .whats-happening .col-md-6{
        padding: 0px;
    }

    .wh-tabs{
        padding: 0px;
    }

    .wh-tabs .nav-link{
        padding: var(--small-28-px, 8px) var(--Numbers-24, 18px);
    }

    .wh-top-btns{
        flex-flow: column-reverse;
        margin-bottom: 24px!important;
    }

    .allevents-btn{
        justify-content: center;
        margin-bottom: 24px;
    }

    .wh-content{
        padding: 0px;
    }

    .wh-bottom{
     margin-top: 24px!important;
     gap: 12px;
    }

    .wh-bottom .col-md-3, .wh-bottom .col-md-6{
        padding: 0px;
    }

    .rate-info{
        justify-content: start;
    }

    .call-to-action{
        padding: 24px 0;
    }

    .call-to-action .container{
        padding: 0px;
    }

    .call-to-action .row{
        margin: 0px;
    }

    .call-to-action .col-md-9{
        padding: 0px;
    }

    .call-to-action p{
        color: var(--Dark-mode-colours-Body-text, #FFF);
        text-align: justify;
        /* Paragraph/Small/Semibold */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px; /* 150% */
        margin-bottom: 16px;
        text-align: center;
    }

    .tickets{
        padding: var(--Numbers-48, 48px) var(--Numbers-0, 0px) var(--Numbers-24, 24px) var(--Numbers-0, 0px);
    }

    .tickets-title{
        color: var(--Shades-White, #FFF);
        text-align: center;
        font-family: Poppins;
        font-size: 28px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
        margin-bottom: 24px;
    }

    .tickets-content-desktop {
        overflow-x: scroll;
        /* display: none; */
        flex-flow: row;
    }

    .tickets-content-mobile{
        display: block;
    }

    .ticket-card .price{
        min-width: auto;
    }

    .partners-section p{
        color: var(--Dark-mode-colours-Body-text, #FFF);
        text-align: center;

        /* Paragraph/Small/Medium */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px; /* 150% */
        width: 70%;
        margin: 0 auto;
    }

    .partners-section a{
        color: var(--Primary-Sky, #51B8E5);

        /* Paragraph/Small/Medium */
        font-family: Inter;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        text-decoration-line: underline;
    }

    .accordion-section .col-md-12{
        padding: 0px;
    }

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

    }

    .wwu-contact{
        margin-top: 24px;
        flex-flow: column;
        text-align: left;
        gap: 16px;
    }

    .working-with-us-section .col-md-12{
        padding: 0px;
    }

    .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;*/
    }

    .masonry-gallery {
        overflow: auto;
    }
    
.ticket-card {
    display: flex;
    padding: var(--Numbers-20, 20px);
    flex-direction: column;
    align-items: center;
    /* gap: var(--Numbers-24, 24px); */
    flex: 1 0 0;
    border-radius: var(--Numbers-0, 0px);
    border: 1px solid var(--Dark-mode-colors-Line, rgba(255, 255, 255, 0.10));
}

.ticket-card button {
    display: flex;
    padding: var(--Numbers-8, 8px) var(--Numbers-20, 20px);
    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);
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.08);
    color: var(--Cod-Gray-900, #000);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    text-decoration: none;
    margin-top: 0;
}

.getnow-btn{
    max-width: 200px;
    margin: 0 auto;
}

.tickets-content-desktop{
        padding-right:16px !important;
    }
    
    .tickets-content-desktop .mobil-pd{
        padding-right:0 !important;
    }
    
    .tickets-content-desktop .mobil-pd:last-child{
        padding-right:inherit;
    }

}

@media (min-width: 360px) and (max-width: 400px){
    
    .tickets-content-desktop{
        padding-right:16px !important;
    }
    
    .tickets-content-desktop .mobil-pd{
        padding-right:0 !important;
    }
    
    .tickets-content-desktop .mobil-pd:last-child{
        padding-right:inherit;
    }
    .tickets-title{
        color: var(--Shades-White, #FFF);
        text-align: center;
        font-family: Poppins;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 48px; /* 150% */
        margin-bottom: 10px;
    }
    
    .tickets-des {
      font-size: 13px;
      color: #fff;
    }
    
    
    .ticket-card .price p {
    color: var(--Dark-mode-colours-Body-text, #FFF);
    font-family: Inter;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 16px;
}

.ticket-card .price span {
    color: var(--Dark-mode-colours-Hin-text, rgba(255, 255, 255, 0.50));
    font-family: Inter;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 28px;
    margin-bottom: 16px;
}



}