.center-section {
        margin-left: auto;
        margin-right: auto;
    }

    .image-where-we-play {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        gap: 20px;
    }

    .country_col1 {
        width: 335px;
        /* margin-right: 25px; */
        float: left;

    }

    .country_col2 {
        width: 335px;
        /* margin-right: 25px; */
        float: left;
    }

    .country_col3 {
        width: 335px;
        float: left;
    }

    @media (max-width: 992px) {
        .recent_country_img {
            width: auto;
            /* Adjust width to be flexible */
            margin: 0 auto;
            /* Center horizontally */
            float: none;
            /* Remove float to avoid alignment issues */
            display: block;
            /* Ensure it's treated as a block element */
        }

        .location-section {
            text-align: center;
            /* Center-align the content inside the section */
        }
    }

    @media (max-width: 992px) {

        .country_col1,
        .country_col2,
        .country_col3 {
            float: none;
            /* Float ko disable kare */
            margin: 0 auto;
            /* Center align kare */
            display: block;
            /* Ensure block-level display */
        }

        .country_col1,
        .country_col2 {
            margin-bottom: 20px;
            /* Add spacing between elements */
        }
    }


    /*90%*/
    @media (width: 1777.79px){
        .nav-ul-menu {
            margin-top: 1px;
        }
    }
    /*75%*/
    @media (width: 2133.32px){
        .nav-h3-1 {
            line-height: 1.08;
            top: 5px !important;
        }
    }
    /*67%*/
    @media (width: 2400px){
        .nav-h3-1 {
            top: 4px !important;
        }
    }
    /*110%*/
    @media (width: 1454.53px){
        .nav-h3-1 {
            line-height: 1;
            top: 4px !important;
        }
    }
    /*125%*/
    @media (width: 1280px) {
        .menu>.button_top>a {
            display: flex;
        }
        .nav-h3-1 {
            line-height: 1.06;
            top: 4px !important;
        }
    }
    /*133%*/
    @media (width: 1199.99px) {
        .menu>.button_top>a {
            display: flex;
        }
        .nav-h3-1 {
            top: 4px !important;
        }
    }
    /*140%*/
    @media (width: 1142.86px) {
        .menu>.button_top>a {
            display: flex;
        }
        .nav-h3-1 {
            top: 5px !important;
        }
    }
    /*150%*/
    @media (width: 1066.67px) {
        .menu>.button_top>a {
            display: flex;
        }
        .nav-h3-1 {
            top: 5px !important;
        }
    }
    .video-borderss {
        border-right: 1px solid #DDDDDD !important;
        border-left: 1px solid #DDDDDD !important;
    }

    .cus-border {
        border-top: 1px solid #EFEFEF !important;
        /* margin: 5px; */
    }

    .body {
        font-family: "GH Guardian Headline", "Guardian Egyptian Web", Georgia, serif !important;
    }

    .section-title {
        background-color: #00AEEF;
        color: #fff;
        padding: 20px;
        text-align: center;
    }

    .content-title {
        font-weight: bold;
        color: #116BB4;
        font-size: 20px;
        text-transform: capitalize !important;
    }

    .heading_sm_first {
        font-size: 2.8125rem;
        line-height: 54px;
        margin: 0 0 15px;
        color: #333333;
        font-family: GuardianTextSans, "Guardian Text Sans Web", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif !important;
        font-weight: 600;
    }

    .numbering_sub_title {
        font-size: 40px;
        font-weight: bold !important;
        color: #4e5154;
    }

    .content-text {
        font-size: 14px;
    }

    .icon {
        color: #c0392b;
        font-size: 1em;
        margin-right: 10px;
    }

    .active_sub_side_menu a {
        /* color: #fff; */
        background-color: #0a3054b5;
    }

    /* vertical city section */
    .city-section img {
        /* width: 100%;
        height: auto; */
        width: 100%;
        height: auto;
    }

    .city-title {
        /* padding: 10px; */
        padding-top: 5px;
        padding-bottom: 5px;
        padding-left: 15px;
        /* font-weight: bold; */
        color: #fff;
        letter-spacing: 0.06rem;
        text-transform: uppercase;
        font-size: 14px;
        margin-top: 16px;
        font-size: 16px;
        font-family: 'Euclid Circular A', "Tungsten Rounded A", "Tungsten Rounded B", Helvetica, Arial;
    }

    .title-washington {
        background-color: #e74c3c;
    }

    /* Red */
    .title-seattle {
        background-color: #8e44ad;
    }

    /* Purple */
    .title-vancouver {
        background-color: #2980b9;
    }

    /* Blue */
    .city-description {
        /* padding: 15px;
        font-size: 14px;
        color: #333; */
        font-size: 1.2rem;
        color: #5A626C;
        /* .location-description margin-bottom: 20px; */
        font-family: 'Euclid Circular A', "Tungsten Rounded A", "Tungsten Rounded B", Helvetica, Arial;
        font-weight: 400;
        letter-spacing: 0.04rem;
    }

    /* Horizontal city section */
    .location-section {
        display: flex;
        flex-direction: row;
        margin-bottom: 20px;
        padding-left: 13px !important;
    }

    .location-image {
        /* width: 200px;
        height: 150px; */
        /* width: 48%;
        height: auto;
        object-fit: cover;
        margin-right: 15px; */
    }

    .recent_country_img {
        width: 312px;
        float: left;
        margin-right: 30px;
    }


    img {
        max-width: max-content;
    }

    .location-image {
        width: 315px !important;
        height: 188px !important;
    }

    .location-info {
        /* display: flex; */
        flex-direction: column;
        justify-content: center;
    }

    .location-title {
        font-weight: bold;
        /* color: #fff; */
        /* text-transform: uppercase; */
        font-size: 14px;
        padding: 0px 11px;
    }

    .hori-title {
        font-size: 1.0625rem;
        line-height: 1.625rem;
        color: #BF2636;
        font-family: 'Euclid Circular A', Georgia, "Times New Roman", Times, serif;
        font-weight: normal;
        font-style: italic;
        padding-top: 3px;
    }

    .hori-title:hover {
        background-color: #BF2636;
        color: #ffffff;
        text-decoration: none;
    }

    .location-description {
        padding: 0px 11px;
        width: 362px;
        font-size: 1.2rem;
        color: #5A626C;
        margin-bottom: 20px;
        font-family: 'Euclid Circular A', "Tungsten Rounded A", "Tungsten Rounded B", Helvetica, Arial;
        font-weight: 400;
        letter-spacing: 0.04rem;
    }

    .title-washington {
        background-color: #e74c3c;
    }



    /* Responsive adjustments */
    @media (max-width: 768px) {
        #home-carousel img {
            max-height: 250px;
            width: 100% !important;
        }

        .location-section {
            flex-direction: column;
            /* align-items: center; */
        }

        .location-title {
            padding: 0px !important;
        }

        .location-image {
            /* margin-bottom: 10px; */
            margin-right: 0;
            width: 89%;
            height: auto;
        }

        .container-fluid {
            padding-left: var(--bs-gutter-x, 0.2rem);
        }

        .hori-title {
            font-size: 18px;
            /* text-align: center; */
        }

        .hori-title:hover {
            background-color: #BF2636;
            color: #ffffff;
            text-decoration: none;
            width: 10px;
        }

        .location-description {
            /* text-align: center; */
            padding: 0px 0px;
        }
    }

    /* active and inactive css */
    .active_sub_side_menu a {
        /* color: #fff; */
        background-color: #0a3054b5;
    }


    .hidden {
        display: none;
    }

    .btn-load-more {
        background-color: #007bff;
        color: #fff;
        border: none;
        padding: 10px 20px;
        border-radius: 5px;
        cursor: pointer;
        font-size: 16px;
    }

    .btn-load-more:hover {
        background-color: #0056b3;
    }




                       
    .dropdown-container {
        position: relative;
        width: 200px;
    }

    .dropdown-btn {
        width: 100%;
        background-color: white !important;
        color: #0084c5;
        /* padding: 10px; */
        font-size: 14px;
        border: none;
        cursor: pointer;
        border: 1px solid #0084c5;
        border-radius: 50px;

    }

    .dropdown-menu {
        display: none;
        position: absolute;
        top: 100% !important;
        left: 0;
        width: 100%;
        padding: 0px !important;
        background-color: #fff;
        border: 1px solid #ddd;
        z-index: 999;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    }


    .city-dropdown-list a {
        display: block;
        padding: 0px 10px;
        color: #0084c5;
        text-decoration: none;
    }

    .city-dropdown-list a:hover {
        background-color: #0084c5;
        color: white;
    }

    .active_sub_side_menu a {
        font-weight: bold;
        color: #007bff;
    }

    /* NEW CSS for alignment */
    .heading-dropdown-wrapper {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 20px;
        margin: 0px 15px;
    }

    .heading_sm_first {
        font-size: 30px;
        font-weight: bold;
    }

    @media (max-width: 767px) {

        .fonts .container,
        .container-fluid,
        .container-xxl,
        .container-xl,
        .container-lg,
        .container-md,
        .container-sm {
            width: 100%;
            padding-right: var(--bs-gutter-x, 0.75rem);
            padding-left: 0rem;
            margin-right: auto;
            margin-left: auto;
        }

        .video-borderss {
            border-right: none !important;
            border-left: none !important;
        }

        .heading_sm_first {
            font-size: 16px;
            font-weight: bold;
        }

        img {
            max-width: none;
        }
    }




    .card-1 {
        background: linear-gradient(45deg, #e73e5d, #ff7f7f);
    }

    .card-2 {
        background: linear-gradient(45deg, #DEA232, #FFE28A);
    }

    .card-3 {
        background: linear-gradient(45deg, #951c55, #ff77cd);
    }

    .card-4 {
        background: linear-gradient(45deg, #FD5A06, #FF9900);
    }

    .card-5 {
        background: linear-gradient(to bottom, #E27A01, #DEA232);
    }

    .card-6 {
        background: linear-gradient(45deg, #9e1d0a, #f03917);
    }

    .card-7 {
        background: linear-gradient(45deg, #F03917, #ff967e);
    }

    .card-8 {
        background: linear-gradient(45deg, #9e1d0a, #fa6057);
    }

    .card-9 {
        background: linear-gradient(45deg, #e27a01, #ffd25a);
    }

    .card-10 {
        background: linear-gradient(45deg, #3b0844, #ff63ed);
    }

    .card {

        border-radius: 10px;
        overflow: hidden;
        box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
        display: flex;
        width: 93%;
        flex-direction: column;
    }

    .card img {
        width: 100%;
        
        max-width: none;
    }

    .card-content {
        padding: 15px;
    }

    .card h3 {
        margin: 0 0 10px;
        font-size: 18px;
        color: #fff;
    }

    .card p {
        margin: 0;
        font-size: 14px;
        color: #333;
    }

    .card-row {
        margin-top: 6px;
    }
    .col-md-4 {
        display: flex;
        justify-content: center;
        padding: 0px;
    }

    .animated-image-card {
        width: 100%;
        overflow: hidden;
        position: relative;
    }

    @media (max-width: 768px) {
        .card-wrapper {
            flex-direction: column;
        }
        .card-row {
            gap:20px;
            padding: 0px;

        }
        .card {
            width: 100%;
        }
    }

    .card-wrapper {
        display: flex;
        gap: 15px;
        padding: 0;
        
    }

    .card-wrapper>.col-md-4 {
        flex: 1 0 0;
        transition: flex 0.4s ease;
    }

    /* When hovering .card-7, increase its parent col-md-4's flex */


    /* Make .col-md-4 grow when child card is hovered */
    .card-wrapper>.col-md-4 {
        flex-grow: 1;
        /* Initial size */
        transition: flex-grow 0.6s ease, width 0.6s ease;
        /* Smooth transition */
    }

    .card-wrapper>.col-md-4:hover {
        flex-grow: 6;
        /* Grow even more */
        width: 100%;
        /* Ensuring the card grows to its maximum width */
    }


    .card-7 img {
        height: 214px;
    }

    .card-8 img {
        height: 214px;
    }

    .card-9 img {
        height: 214px;
    }

    .card-10 img {
        height: 214px;
    }

    .card-9 {
        height: 100%;
    }

    .image-wrapper {
        position: relative;
        width: 100%;
        height: 200px;

        overflow: hidden;
    }

    .original-img,
    .animation-img {
        position: absolute;
        width: 100%;
        height: 100%;
        /*object-fit: cover;*/
        transition: all 0.8s ease;
    }

    .original-img {
        transform: scale(1);
        filter: blur(0);
        opacity: 1;
    }

    .animation-img {
        transform: scaleX(1.5);
        filter: blur(8px);
        opacity: 0;
        transform-origin: left;
    }

    .card:hover .original-img {
        transform: scale(1.15);
        filter: blur(8px);
        opacity: 0;
    }

    .card:hover .animation-img {
        transform: scaleX(1);
        filter: blur(0);
        opacity: 1;
    }


    .rivax-categories-accordion.layout-horizontal .image-wrapper {
        height: 208px;
    }

    @font-face {
        font-family: 'Ultimate Battle';
        src: url('../css/UltimateBattle.ttf') format('truetype');
    }

    .card-h3 {
        font-family: 'Ultimate Battle', sans-serif;
    }

    .card-p {
        color: #fff !important;
    }
                   

                        @media (max-width: 375px) {
                            #map-canvas {
                                display: none;
                            }
                            }

                            /* iPhone 6/7/8, 11 Pro, Galaxy S8, Pixel 2 (up to 414px) */
                            @media (max-width: 414px) {
                            #map-canvas {
                                display: none;
                            }
                            }

                            /* Medium mobiles / large phones (up to 480px) */
                            @media (max-width: 480px) {
                            #map-canvas {
                                display: none;
                            }
                            }

                            /* Large mobile / small tablets portrait (up to 576px) */
                            @media (max-width: 576px) {
                            #map-canvas {
                                display: none;
                            }
                        }