:root {
    --rr-theme-1: #0D2C8D;
    /* --rr-theme-1: #606fb4; */
    /* --blue: #606fb4; */
    --blue2: #9abadc;
    --grey: #f2f3f4;
    --black: #20323F;
    --wite: #ffffff;
}


/* MENU */

.rr-header-1-shap::before,
.rr-header-1-shap::after {
    background: #191919;
}

.rr-slider-1-area::before {
    background-color: transparent;
}

#home {
    background-size: cover;
}

.headerMenu {
    margin-top: 85px;
    position: fixed;
    width: 100%;
    border-bottom: 2px solid #0D2C8D;
    height: 64px !important;
    top: 0;
    z-index: 9;
}

.headerMenu .container {
    background-color: var(--rr-theme-1);
    max-width: 100%;
    padding: 0 120px;
}

.rr-header-menu nav ul li>a {
    color: var(--wite) !important;
}

.rr-header-1-top {
    background-color: var(--wite);
}

.headerMenu .rr-header-main-menu {
    margin-left: 200px;
}

.rr-header-1-top {
    position: fixed;
    width: 100%;
    margin-top: 0px;
    top: 0;
    z-index: 9;
}

.logoHeader {
    width: 300px;
}

.rr-header-1-main {
    padding: 0px 0;
}

.rr-header-1-social a i {
    background: #0e2c8d;
    color: #edeef4;
}

.rr-header-main-menu>nav>ul>li:hover>a {
    color: var(--wite) !important;
}


/* END MENU */


/* HOME */

#home {
    margin-top: 148px;
}

#home .container {
    max-width: 1400px !important;
}

.rr-slider-1-title {
    color: var(--wite);
}

.rr-slider-2-conuter b {
    color: #0e2c8d;
    -webkit-text-stroke: 2px #0e2c8d;
}

.rr-slider-1-title-box p {
    max-width: 600px;
    color: var(--wite);
    font-size: 20px;
}


/* END HOME */


/* ABOUT */

.rr-about-wrapper-list ul li {
    margin-bottom: 0px;
    margin-right: 0px;
}

.rr-image1,
.rr-image2 {
    border-radius: 15px;
}

.rr-image2 {
    border: 8px solid #fff;
}


/* END ABOUT */


/* EXPERICNCE */

.sectionExperience {
    margin-top: 50px;
    margin-bottom: 100px;
}


/* END EXPERICNCE */


/* SERVICES */

#services {
    background-attachment: fixed;
    background-size: cover;
}


/* 
.rr-service-1-content {
    background: #0e2c8d;
}

.rr-service-1-title {
    color: #ffffff;
}

.rr-service-1-content p {
    color: #fff;
} */

.rr-service-1-item:hover .rr-service-1-content {
    background: #0e2c8c;
}

.rr-service-1-icon {
    border-top: 0px solid #fff;
    background-color: #fff;
    border: 2px solid #0e2c8c;
}

.rr-service-1-icon .icon {
    max-width: 50px;
    border-radius: initial;
}

.rr-service-1-item:hover .rr-service-1-icon {
    background-color: #fff;
    border-bottom: 0px solid #fff;
    border: 2px solid #0e2c8c;
}

.rr-service-1-thumb img {
    border-radius: 15px;
}


/* END SERVICES */


/* CONTACT */

#contact {
    padding-top: 100px;
    padding-bottom: 100px;
    background-image: url('../images/contact/bgContact.jpg');
    background-attachment: fixed;
    background-size: cover;
}

.rr-form-box {
    margin-top: 0px;
    width: 100%;
}

.formContent,
.mapsContent {
    padding: 0;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: #0e2c8d;
}

.nav-link {
    color: #636363;
}


/* END CONTACT */

.rr-video-box-area {
    margin: 100px 240px;
}

.rr-doctors-content {
    margin-right: 40px;
    margin-left: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
    height: 200px;
}

.logoDoctoralia {
    width: 300px;
    display: block;
    margin-bottom: 40px;
}

.rr-header-bar i {
    background-color: var(--rr-theme-1);
}

@media(max-width: 768px) {
    .rr-btn-1 {
        padding: 15px 30px;
    }
    .headerMenu {
        margin-top: 0px;
    }
    #home {
        margin-top: 0px;
    }
    .rr-header-area {
        border-bottom: 3px solid var(--rr-theme-1);
    }
    .logoStyleMobile {
        width: 280px;
        max-width: none;
        padding: 5px 15px
    }
    .rroffcanvas__logo img {
        width: 200px;
    }
    .rroffcanvas__close-btn button {
        right: 10px;
        top: 10px;
        border-radius: 40px;
    }
    .headerMenu .container {
        background-color: #ffffff;
    }
    .imgHospital {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media(max-width: 414px) {
    .headerMenu .container {
        padding: 0px 10px;
    }
}

@media(max-width: 320px) {
    .logoStyleMobile {
        width: 230px;
        padding: 5px 0px;
    }
}