/*
Designed & developed by DigitalGravity.ae
*/
.yellow-un span{
	color:yellow;
}
.cta.extra-btn{
	display: flex;
    padding-left:3.5em;
    background: #e8f2f3;
	align-items: flex-start;
}
.head-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    font-size: 0.7em;
    padding: 3em 3em;
    background-color: #004F71;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 25px;
}

.head-box img {
    width: 100px;
    height: 100px;
}

#popup-main #popup .content-area p,
.popup--main #popup .content-area p {
    text-align: center;
}

#book-an-appointment-popup {
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    z-index: 1001;
}


#book-an-appointment-popup .close--button {
    height: 30px;
    background: #009688;
    width: 30px;
    display: flex;
    cursor: pointer;
    z-index: 99999999999999999;
    margin-left: auto;
    margin-bottom: 1em;
    padding: 5px;
}

#popup:before {
    z-index: -1;
}

#book-an-appointment-popup .close--button img {
    transform: rotate(45deg);
}

#book-an-appointment-popup #popup {
    height: max-content;
    z-index: 9;
}

    .map-section .twocol-row {
        justify-content: space-between;
    }
/* ================= responsive ===================*/

@media (max-width: 767px) {
    .head-box h3 {
        font-size: 1em;
    }
    section.book--appointment {
        display: none;
    }

    .no-right-after .blockwith__pattern:first-child .pattern__img img {
        padding-right: 0;
    }
    .no-right-after .blockwith__pattern:first-child .pattern__img::after {
        display: none;
    }

    .map-section {
        padding-top: 0 !important;
    }

    .map-section iframe {
        width: 100%;
        height: 25em;
    }


    .map-section .map-warpper {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 100%;
        justify-content: space-between;
        padding-bottom: 1em;
    }

    .map-section .map-warpper h5 {
        color: #0085ad;
        margin: 1em 0;
    }


    #popup {
        width: 90% !important;
    }
	.cta.extra-btn{
		width: 100%;
    	justify-content: center;
    	align-items: center;
		padding-left:2em;
		padding-right:2.75em;
	}
}

@media (min-width: 1366px) {
    .tracking {
        left: -18em;
    }
}




/* =============== */