@font-face {
    font-family: "Cairo";
    src: url("../fonts/Cairo-Regular.ttf");
}

@font-face {
    font-family: "ReemKufi";
    src: url("../fonts/PNU-Regular.ttf");
}

body, h1, h2, h3, h4, h5, h6 ,#hero .btn-get-started, #hero h1, .navbar a,.navbar a:hover, .navbar .active,
.navbar .active:focus, .navbar li:hover > a, .navbar a, .navbar a:focus, .section-title p, .section-title h2,.counts .count-box p,
.faq .faq-list a
{
    font-family: Cairo; !important;
}

body, h1, h2, h3, h4, h5, h6 {
    font-family: Cairo; !important;
    direction: rtl;
}

#hero {
    padding: 140px 0 0 0;
}
#hero .container {text-align: center}
#topbar .contact-info i {margin-left: 5px}
#hero .btn-get-started {letter-spacing: 0;padding: 12px 25px;}
.why-us .content h3 {font-weight: 100;font-size: 27px;margin-bottom: 10px}
#hero h1 {
    font-size: 40px;
    letter-spacing: 0;
    font-weight: 100;
    line-height: 55px;
}
#header .logo {
    letter-spacing: 0;
    font-weight: 100;
    font-family: "ReemKufi";
    font-size: 20px;
}


#footer .footer-top .footer-info h3 {font-size: 18px;font-weight: 600}
#footer {padding: 0 0 10px 0;}
#footer .footer-top {
    padding: 30px 0 10px 0;
}
#footer .copyright {
    padding-top: 10px;
}

hr {margin: 0;}
.credits span {
    color: #1acc8d;
}
.copyright span {
    color: #14134c;
    font-weight: bold;
}
.contact .info h4 {font-size: 20px}

.iti {width: 100%}
.iti__country-list--dropup, .iti__country-list {left: 1px}
.iti__country.iti__highlight, .iti__country {text-align: right}
.iti--separate-dial-code .iti__selected-dial-code {direction: ltr;}
.iti__selected-flag {direction: ltr;}
#contact .tele, #appointment .tele {
    direction: ltr !important;
    text-align: left !important;
}

.section-title h2 {
    letter-spacing: 0px;
}

.gallery-image {
    width: 100%;
    height: 250px; /* Set the desired height for the images */
    object-fit: contain; /* Maintain aspect ratio and fill the container */
}
.gallery-item {
    margin-top: 10px;
}

#footer .footer-top .footer-info a {
    color: #fff;
    text-decoration: underline;
}

.info a {
    text-decoration: underline;
}

.why-us .icon-boxes .icon-box h4 {font-weight: 300;margin: 0 0 15px 0;}
.why-us .icon-boxes .icon-box p,.why-us .content p {line-height: 1.8rem}
.why-us .icon-boxes .icon-box {padding: 20px 30px}

.gallery .section-title {padding-bottom: 10px}
#about .section-title p {line-height: 1.8rem}
.faq .faq-list p {line-height: 1.8rem;}
#footer {text-align: center}
#header {top: 0;padding: 5px 0;}
#header .logo img {
    max-height: 70px;
}
.faq .faq-list .icon-show, .faq .faq-list .icon-close {left: 0;}

.appointment .php-email-form input, .appointment .php-email-form textarea, .appointment .php-email-form select {text-align: right}
.spinner-border {margin-right: 5px}
#hero h1 {color: #00284d}

#footer .copyright,#footer .credits {font-size: 0.8rem}
.appointment-btn,#hero .btn-get-started,.counts .count-box i,.send_appointment,.back-to-top,#footer .social-links a,.contact .php-email-form button[type="button"]
,.contact .php-email-form button[type="button"],.contact .info i
{background: #14134c !important;}
.navbar a:hover, .navbar .active, .navbar .active:focus, .navbar li:hover > a {
    color: #14134c;
    border-color: #14134c;
}
.appointment-btn:hover,#hero .btn-get-started:hover,.send_appointment:hover,.back-to-top:hover,#footer .social-links a:hover,.contact .php-email-form button[type="button"]:hover,.contact .info i:hover
{
    background: #221f74 !important;
    color: #fff !important;
}
.about .section-title {padding-bottom: 0;}
.about .video-box {background-size: contain}
.counts {background-color: #fff}
.section-bg {background-color: #fafafa;}
.about .icon-box .icon {border: 2px solid #14134c;}
.about .icon-box .icon i {color: #14134c;}

.about .icon-box:hover .icon {
    background: #14134c;
    border-color: #14134c;
}
.section-title h2 {color: #14134c;}
.section-title h2:after {
    background: #14134c;
}
.about .icon-boxes h3 {
    font-size: 25px;
    font-weight: 500;
    color: #14134c;
    margin-bottom: 20px;
}
.about .icon-boxes span{
    font-size: 15px;
    color: #14134c;
    margin-bottom: 20px;
}


.faq .faq-list .icon-help {color: #14134c;}
.faq .faq-list a.collapsed:hover {color: #26258e}
.faq .faq-list a {color: #26258e}
.faq .faq-list .fix_ul ul {
    list-style: disc;
   margin-right: 1.5rem;
    margin-bottom: 0.5rem;
}
.faq .faq-list .fix_ul ul li { padding: 0;font-size: 14px; }
.faq .faq-list .fix_ul li  {margin-top: 5px}
.faq .faq-list .fix_ul i { margin-left: 5px; }
.inside_ul {list-style: decimal !important;}
.services .icon-box .icon {background: transparent}
.services .icon-box .icon:before {display: none}
.services .icon-box {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
    border-radius: 15px;
}
.services .icon-box h4 {
    font-weight: 100;
    margin-top: 20px;
    margin-bottom: 0;
    font-size: 18px;
}
#footer {background-color: #fafafa;}
.contact .info i {color: #fff}
.contact .info p,.info a {color:#39546c}
@media (max-width: 767px) {
    .col-6.mobile-no-margin {
        margin-top: 0 !important;
    }
}
.our_links {padding: 30px 0 !important;}
.our_links p {font-size: 15px;margin: 1px;}
#preloader:before {
    border: 6px solid #14134c;
    border-top-color: #fff;
}

.about .section-title h2 {margin-bottom: 10px;}
hgroup h5 {
    margin-bottom: 0;
    margin-top: 10px;
    font-size: 15px;
}
hgroup p {
    font-size: 14px;
    padding: 5px 0 0 0 !important;
}

.details ul {padding-left: 0;padding-right: 0;list-style: symbols;}
.details ul li {padding-bottom: 10px;}