﻿
@font-face {
    font-family: 'Tenor Sans';
    src: url('../../fonts/TenorSans-Regular.ttf');
}

@font-face {
    font-family: "PT Sans";
    src: url("../../fonts/Tajawal-Bold.ttf"), url("../../fonts/Tajawal-Black.ttf"), url("../../fonts/Tajawal-ExtraBold.ttf"), url("../../fonts/Tajawal-ExtraLight.ttf"), url("../../fonts/Tajawal-Light.ttf"), url("../../fonts/Tajawal-Medium.ttf"), url("../../fonts/Tajawal-Regular.ttf");
}


body {
    margin: 0;
    /*font-family: Tenor Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;*/
    /*font-family: 'Times New Roman', Times, serif !important;*/
    font-family: 'Tajawal', sans-serif !important;
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.5;
    color: #1e0046;
    text-align: left;
    background-color: #fff;
}

/*h1, h2 {
    font-family: Tenor Sans;
}*/

.top-banner h1 {
    letter-spacing: 10px;
}

.top-banner h2 {
    letter-spacing: 6px;
}

.bottom-text {
    letter-spacing: 2px;
}

.wpcf7-form-control {
    letter-spacing: 2px;
    direction:ltr;
}

.Btn_Styled {
    letter-spacing: 0.3px;
}

.btnBranch {
    letter-spacing: 8px;
}

.main-navigation .nav-primary > li a {
    letter-spacing: 4.25px;
}

.site-header .nav-primary > li.current_page_item a {
    letter-spacing: 4.25px;
}

.btn-outline-gold {
    letter-spacing: 8px !important;
}

.form-headline {
    text-align: center;
}

#company-footer-text {
    text-align: center;
}

#whatsAppComplainLink {
    /*border-top: 0.1em solid var(--mcp2);
    border-bottom: 0.1em solid var(--mcp2);
    border-right: 0.1em solid var(--mcp2);*/
}


.newsletter-block {
    align-items: center;
    justify-content: start;
}

#whatsAppComplainLink i {
    margin-right: 4px;
}

#fI-cust-fName {
    border-radius: 8px 0 0 0;
}

#mobileNumberIcons {
    padding-top: 18px;
    padding-left: 14px;
}

#fI-cust-lName {
    border-radius: 0 8px 0 0;
}

#fI-cust-fName-cont {
    padding-right: 0px !important;
}

#fI-cust-lName-cont {
    padding-left: 0px !important;
}

@media (min-width: 768px) {
    .form-headline {
        text-align: left !important;
    }

    #company-footer-text {
        text-align: right !important;
    }

    .top-banner h1 {
		font-size: calc(1.0rem + 1.2vw) !important;
	}

    .top-banner h2 {
        font-size: calc(0.8rem + 0.7vw) !important;
    }
}

@media (max-width:767px) {
    .btnBranch {
        font-size: 0.8rem !important;
    }
}

