@font-face {
    font-family: 'Droid Arabic Kufi';
    src: url('../fonts/droid/DroidKufi-Regular.ttf') format('truetype');
    font-weight: normal;font-style: normal;font-display: swap;
}

@font-face {
    font-family: 'PTSerifProXBd';
    src: url('../fonts/alarbya/BoutrosArabiyaB.ttf') format('truetype');
    font-style: normal;
}

body{
    color: #444444;
}

.font-droid {
    font-family: 'Droid Arabic Kufi' !important;
}

body, h1, h2, h2, h3, h4, h5, h6, p, span, label, input, select, div, legend, .data_box span, .cta .cta-btn  {
    font-family: 'Droid Arabic Kufi', "Open Sans", sans-serif !important;
}

.contact .info i {
    float: right;
    margin-left:30px;
}

.about-us-top{
    background: #120A43 url('../images/london3.png') bottom left 20px no-repeat;
    background-size:400px auto;
}

.categories-top{
    background: #120A43 url('../images/tower.png') bottom left 20px no-repeat;
    background-size:100px auto;
}

.courses-top{
    background: #120A43 url('../images/courses.png') bottom left 20px no-repeat;
    background-size:contain;
}

.course-top{
    background: #120A43 url('../images/course1.png') bottom left 20px no-repeat;
    background-size:200px auto;
}

.event-top{
    background: #120A43 url('../images/event.png') bottom left 20px no-repeat;
    background-size:200px auto;
}

.cities-top{
    background: #120A43 url('../images/cities.png') bottom left 20px no-repeat;
    background-size:contain;
}

.contact-us-top{
    background: #120A43 url('../images/contact.png') bottom left 20px no-repeat;
    background-size:150px auto;
}

.register-top{
    background: #120A43 url('../images/register.png') bottom left 20px no-repeat;
    background-size:100px auto;
}

@media (max-width: 991px){ 
    .about-us-top{
        background: #120A43 url('../images/london4.png') bottom left 20px no-repeat;
        background-size:400px auto;
    }
    .categories-top{
        background: #120A43 url('../images/tower2.png') bottom left 20px no-repeat;
        background-size:100px auto;
    }
    .courses-top{
        background: #120A43 url('../images/courses1.png') bottom left 20px no-repeat;
        background-size:contain;
    }

    .cities-top{
        background: #120A43 url('../images/cities2.png') bottom left 20px no-repeat;
        background-size:contain;
    }

    .contact-us-top{
        background: #120A43 url('../images/contact1.png') bottom left 20px no-repeat;
        background-size:150px auto;
    }

    .register-top{
        background: #120A43 url('../images/register1.png') bottom left 20px no-repeat;
        background-size:100px auto;
    }

    .pages-top-content h1 {
        font-size:18px;
    }

    .pages-top-content p {
        font-size:14px;
    }
}

@media (max-width: 1243px){
    .course-top{
        background: #120A43 url('../images/course1.png') bottom left 20px no-repeat;
        background-size:200px auto;
    }
    .event-top{
        background: #120A43 url('../images/event2.png') bottom left 20px no-repeat;
        background-size:200px auto;
    }
}

@media (max-width: 760px) { 
    .about-us-top, .categories-top, .cities-top, .contact-us-top, .register-top, .event-top, .courses-top, .course-top {
        background: #120A43 !important;
        background-image: none !important;
        background-size:0 0 !important;
    }
}

.categories-list{
    padding-left:0px;
    padding-right:0px;
    list-style: none;
    font-size:14px;
}

.categories-list li{
    margin-bottom:1rem;
    margin-right:0.7rem;
}

.categories-list li::after{
    font-family: "bootstrap-icons"; 
    font-weight: 900; 
    content: "\f45b";
    color:#C21E2B;
    position:absolute;
    right:30px;
}

.categories-list li a{
    color:#120A43;
}

.categories-list li a:hover{
    border-bottom:1px solid #C21E2B;
    color:#C21E2B;
}

.services .icon-box img {
    float:right;
}

.section-title p{
    font-style:normal;
}

.cta a i::before{
    padding-top:3px;
}

.font-size-175rem {
    font-size: 1.2rem !important;
}