
.frontend .button, .frontend .smooth, .frontend a, .frontend button, body .acf-block-preview .button, body .acf-block-preview .smooth, body .acf-block-preview a, body .acf-block-preview button {
    transition: all .3s ease-in-out;
    }
    a.international-map__mapmaker {
        color: #4F4F4F!important;
        text-decoration: none;
        font-size: 12px !important;
        font-family: Arial, Helvetica, sans-serif;
    }    
    a.international-map__mapmaker:hover {
        color: #1C337B !important;
        transform: scale(1.1);
    }
    .frontend {
        color: #444659;
        font-size: 12px !important;
        font-family: Arial, Helvetica, sans-serif;
    }    
    .frontend .content-mapbox__content {
        grid-row-start: 1;
        grid-column-start: 2;
        grid-row-end: 2;
        grid-column-end: 14
    }    
    @media (min-width: 1280px) {
        .frontend .content-mapbox__content {
            grid-row-start:1; grid-column-start: 3; grid-row-end: 2; grid-column-end: 13 }    
    }    
    .contact_map{
        margin-top:30px;
    }
    .international-map__header {
        text-align: center;
        display: block;
        margin-bottom: 10px;
        font-weight: 300;
        font-family: sans-serif, 'Rubik', Arial;
        font-size: 22px;
        line-height: 25px;
        color: #4F4F4F;
    }
    .international-map__header--after {
        font-size: 24px;
    }
    .international-map {
        position: relative;
        margin-bottom: 40px;
    }    
    .international-map__area {
        display: block;
        width: 100%;
        max-width: 100%;
        height: auto;
    }
    .international-map__mapmaker {
        position: absolute;
        cursor: pointer;
        display: block;
        text-align: center;
    }
    @media (max-width: 768px)  {
        .international-map__mapmaker {
            transform:translate(-7%, -75%);
            text-align: left;
        }    
    }
    .international-map__mapmaker:hover{
            transform: scale(1.1);
    }
    .international-map__icon {
        background: url(../../../images/studentfees/pngfind-com-map-pin-png-57745.png);
        height: 25px;
        display: block;
        margin: auto;
        width: 20px;
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        position: absolute;
    }
    .international-map__text {
        transform: translate(calc(-50% + 10px ), 25px);
        display: block;
        word-break: keep-all;
    }
    @media (max-width: 1200px)  {
        span.text-malaysia, span.text-european-union, span.text-european-philippines {
            transform: translate(calc(-20% + 10px ), 25px) !important;
        }   
    } 
    #google_translate_element {
        margin-left: 0;
        padding-left: 10px;
        float: right !important; 
        width: 100%;
        clear: both;
        margin-bottom: 20px;
        height: 30px !important; 

    }   
     #google_translate_element div {
        overflow: hidden;
        clear: both;
        height: 30px !important; 
        margin-left: 0;
        padding-left: 10px;
    }
    .goog-te-gadget .goog-te-combo {
        margin: 4px 0;
    }
    #google_translate_element select {
        float: right;
        background-color: rgba(255,255,255,0.20) !important;
        border: 1px solid #6a6a6a !important;
        border-radius: 4px !important;
        cursor: pointer;
        padding: 3px;
        margin-right:20px;
    }
    @media (max-width: 576px)  {
        span.text-malaysia, span.text-european-union, span.text-european-philippines {
            transform: none !important;
        }
        .international-map{
            column-count: 2;
        }
        .international-map__area{
            position: absolute;
            z-index: -1;
            opacity: 50%;
        }
        .international-map__mapmaker {
            position: static;
            display: flex;
            margin-bottom: 10px;
            transform: none;
    
        }
        .international-map__icon {
            position: static;
            margin: unset;
            margin-right: 20px;
    
        }
        .international-map__text {
            transform: none;
        }
        .no-icon-privacy {
            margin-left: 37px;
        }
        .international-map__header {
            font-size: 24px;
        }
        .international-map__header--after { font-size: 18px; }
    }

