:root{
    --primary: #0da6a9 !important;
    --primary-light: #00aab4 !important;
    --secondary: #f2972a !important;
    --secondary-light: #f7bd28 !important;
    --white: #fff !important;
}
.text-decoration-underline{
    text-decoration: underline !important;
}
.justify-content-evenly{
    justify-content: space-evenly !important;
}
.bg-primary{
    background-color: var(--primary) !important;
}
.bg-secondary{
    background-color: var(--secondary) !important;
}
.bg-secondary-light{
    background-color: var(--secondary-light) !important;
}
.text-primary{
    color: var(--primary) !important;
}
.text-secondary{
    color: var(--secondary) !important;
}
.text-secondary-light{
    color: var(--secondary-light) !important;
}
.page-title:before{
    background-image: linear-gradient(to right, var(--primary), var(--primary-light)) !important;
}
a.text-primary:focus, a.text-primary:hover{
    color: var(--secondary) !important;
}
/* ! Fonts ! */
@font-face {
    font-family: Cairo-R;
    src: url('../../fonts/cairo/Cairo-Regular.ttf');
}
@font-face {
    font-family: Roboto-R;
    src: url(../../fonts/roboto/RobotoSlab-Regular.ttf);
}
@font-face {
    font-family: Montserrat;
    src: url(../../fonts/montserrat/Montserrat-VariableFont_wght.ttf);
}
/* ! Fonts Name ! */
.cairo-r{
    font-family: Cairo-R;
}
.roboto-r{
    font-family: Roboto-R !important;
}
.montserrat{
    font-family: Montserrat !important;
}
/* ! Upper Navbar ! */
.main-header .header-top{
    background-color: var(--primary);
}
.main-menu .navigation > li:hover > a, .main-menu .navigation > li.current > a{
    color: var(--primary);
}
.main-slider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{
    background-color: var(--secondary);
}
/* ! Home Page ! */
.fixed-header .sticky-header .main-menu .navigation li.py-5{
    padding-top: 1rem !important;
    padding-bottom: 1rem !important;
}
.main-slider{
    height: 400px;
    margin-bottom: 200px !important;
}
.main-slider:after, .main-slider:before{
    background: transparent !important;
    width: auto;
    height: auto;
}
.main-slider .slide{
    overflow: hidden;
}
.banner-carousel{
    height: 400px !important;
}
.dr-kamal .image {
    top: 20px !important;
}
.dr-kamal .image img{
    width: 500px;
}
.dr-wael .image{
    top: 10px !important;
}
.dr-wael .image img{
    width: 700px;
}
.fluid-section-one{
    background-color: #f5f5f5;
}
.fluid-section-one .image-column {
    width: 80%;
    height: 550px;
    position: relative;
    bottom: 0px;
    float: none;
}
.fluid-section-one .content-column{
    width: 100%;
    float: none;
}
.fluid-section-one .image-column .image{
    display: block;
}
.row{
    margin-right: 0;
    margin-left: 0;
    flex-wrap: nowrap;
}
.video-container video{
    width: 100%;
}
.surgery-department .row{
    flex-wrap: wrap;
}
.swiper-slide .image{
    top: 0px;
    width: 100%;
    z-index: 0;
}
.department-block .inner-box:hover .upper-box h3{
    color: white;
}
.main-menu .navigation > li > a{
    font-family: Roboto-R;
}
.owl-carousel .owl-item img{
    width: revert-layer;
}
.main-page.sec-title .separator:before{
    width: 300px;
    left: -95px;
}
.main-page.sec-title .separator::after{
    left: 50%;
}
.department-block-two .inner-box .lower-content{
    background-color: var(--primary);
    margin-top: -20px;
}
.main-slider .swiper-button-prev:before, .main-slider .swiper-button-next:before{
    color: var(--primary);
}
.main-slider .swiper-button-prev, .main-slider .swiper-button-next{
    border: 1px solid var(--primary);
}
.main-slider .swiper-button-next:hover, .main-slider .swiper-button-prev:hover{
    background-color: var(--primary);
}
.department-section .sec-title .separator:after{
    background-color: var(--primary);
}
.department-block .inner-box:hover{
    border-color: var(--primary);
}
.department-block .inner-box:before{
    background-color: var(--primary);
}
.department-section .owl-dots .owl-dot.active, .department-section .owl-dots .owl-dot:hover{
    background-color: var(--primary);
}
.department-section-two .sec-title .separator:after{
    background-color: var(--primary);
}
.department-section-two .owl-dots .owl-dot.active, .department-section-two .owl-dots .owl-dot:hover{
    background-color: var(--primary);
}
.page-wrapper .sec-title .separator::after{
    background-color: var(--primary);
}
.services-section .circles-column .circles .circle-two:before{
    background-color: var(--primary);
}
.services-section .circles-column .circles .circle-one:before{
    border-color: var(--primary);
}
.sticky-header .main-menu .navigation > li:hover > a, .sticky-header .main-menu .navigation > li.current > a, .sticky-header .main-menu .navigation > li.current-menu-item > a{
    color: var(--primary);
}
.scroll-to-top:hover{
    background-color: var(--primary);
}
.counter-section:before{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: var(--primary);
    top: 0;
    left: 0;
    opacity: 0.5;
    z-index: 0;
}
/* ! Doctors Page ! */
.main-doctors .outer-section{
    background-color: #f5f5f5;
}
.resident-doctors .sec-title .separator:before {
    left: -95px;
}
.resident-doctors .sec-title .separator:after {
    left: 60%;
    background-color: var(--primary);
}
/* ! Contact Page ! */
.contact-page-section .sec-title .separator:before {
    left: -95px;
}
.contact-page-section .sec-title .separator:after {
    left: 60%;
    background-color: var(--primary);
}
.btn-style-two{
    background-color: var(--secondary);
    color: black;
}
.main-footer .contact-list li .icon{
    color: #000;
}
/* ! Affiliations ! */
.news-block-two .inner-box:hover::before{
    background-color: var(--secondary);
}
/* ! Footer ! */
.main-footer .footer-bottom{
    background-color: var(--primary);
}
.main-footer .footer-widget .footer-title .separator:after{
    background-color: var(--secondary);
}