.elementor-419821 .elementor-element.elementor-element-83b57dd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}/* Start custom CSS for html, class: .elementor-element-bb52888 */.maps-html {
            border-radius: 16px !important;
        }

        .map-container {
            background: var(--bg-primary, #fff);
            border-radius: 16px;

        }

        .uba-active-link path {
            fill: #f22010;
            cursor: pointer;
        }

        a.uba-active-link:hover path {
            fill: #757575;
            cursor: pointer;
        }

        .map-container svg {
            max-width: 100% !important;
            height: auto;
            display: block;
            margin: 0 auto;
            border-radius: 16px !important;

        }

        .heyo:hover {
            fill: #f22010;
            -moz-transition: 0.3s;
            -o-transition: 0.3s;
            -webkit-transition: 0.3s;
            transition: 0.3s;
        }

        .uba-active-link polygon {
            fill: #f22010;
            cursor: pointer;
        }

        .description {
            pointer-events: none;
            font-size: 20px;
            text-align: center;
            line-height: 30px;
            color: var(--text-primary);
            font-weight: 500;
        }

        .map-container.mini .description-flag {
            display: none !important
        }

        .map-container.mini .description {
            display: none
        }

        .map-container.mini svg {
            height: 204px
        }

        .description-flag {
            width: 80px;
            margin: 0 auto 20px;
            display: block;
        }

        .map-container:not(.mini) .description-flag {
            display: block;
        }

        .description-wrapper {
            position: absolute;
            right: 0;
            top: 10%;
            background: var(--bg-primary, #fff);
            width: 350px;
            box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.08);
            padding: 24px 0;
            border-radius: 16px;
        }

        .description-wrapper-inner {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 90%;
            margin: 0 auto;
            gap: 10px;
            padding-bottom: 20px;
        }

        a.description-link {
            text-decoration: none;
        }

        .desc-address p {
            margin: 0;
            text-align: center;
            color: var(--text-primary, #171717) !important;
            font-family: var(--font-family-base, 'Roboto') !important;
            font-size: var(--base-size-sm, 18px);
            font-weight: var(--font-weight-400, 400) !important;
            line-height: var(--base-lh-xl, 28px) !important;
            padding-left: 2px !important;
        }

        .country-desc {
            display: flex;
            flex-direction: column;
            gap: 10px;
            width: 90%;
            margin: auto;
            padding-top: 20px;
        }

        .country-info {
            display: flex;
            flex-direction: column;
            gap: 4px;
            align-items: center;
            text-align: center;
        }

        .country-info a {
            color: var(--text-primary, #171717) !important;
            font-family: var(--font-family-base, 'Roboto') !important;
            font-size: var(--base-size-sm, 18px);
            font-weight: var(--font-weight-400, 400) !important;
            line-height: var(--base-lh-xl, 28px) !important;
            text-decoration: none;
        }


        .summary-desc {
            font-size: 12px;
            text-align: center;
            margin: 0;
            line-height: 18px;
        }

        .btn.link-out {
            font-family: "Encode Sans";
            font-size: 16px;
            font-weight: 500;
            line-height: 24px;
            width: 130px;
            background: #f22010 !important;
            color: var(--btn-text-color, #fff) !important;
            transition: transform .5s !important;
            border-radius: 5px !important;
            margin: 0 auto;
            padding: var(--spacing-md, 8px) var(--spacing-lg, 12px);
            text-transform: capitalize;
            display: flex;
            align-items: center;
            justify-content: center;
            gap: var(--spacing-xs, 4px);
            text-decoration: none;
        }


        .btn.link-out:hover {
            background: #f22010 !important
        }

        .map-container {
            position: relative;
        }

        .info-box {
            display: none;
            position: absolute;
            background-color: var(--bg-primary, #fff);
            border: 1px solid #ccc;
            padding: 10px;
            z-index: 100;
            width: 200px;
            box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
        }

        .info-box.active {
            display: block;
        }

        .uba-active-link:hover {
            fill: #f22010;
            /* Optional: Highlight the polygon on hover */
            cursor: pointer;
        }

        .description-wrapper {
            display: none;
        }/* End custom CSS */