:root {
    /* --blue1: #283277; */
    --blue1: #1D2F7A;
    /* --blue2: #015fa7; */
    --blue2: #175FAB;
    --blue3: #2463a7;
    --gray1: #636363;
    --gray2: #ececec;
    --white: #fff;
    --black: #000;
    --black2: #2B2B2B;
}

 ::selection {
    background: var(--blue2);
    color: var(--white);
    text-shadow: none;
}

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

@font-face {
    font-family: 'Poppins-Medium';
    src: url('fonts/Poppins-Medium.ttf');
}

@font-face {
    font-family: 'Poppins-SemiBold';
    src: url('fonts/Poppins-SemiBold.ttf');
}

@font-face {
    font-family: 'Poppins-Bold';
    src: url('fonts/Poppins-Bold.ttf');
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Poppins-SemiBold';
}

p,
.card-header {
    font-family: 'Poppins-Regular';
}


/* MENU */

.sticky {
    z-index: 9999;
    background-color: var(--white) !important;
}

.mediic_nav_manu {
    border-top: 40px solid var(--blue2);
}

.mediic_nav_manu {
    padding: 8px 10px;
}

.mediic_menu>ul>li>a:hover {
    color: var(--blue2);
}

a.mdy-hover:before {
    position: absolute;
    content: url(../images/icons/iconList.png);
    opacity: 0;
    transition: .5s;
    width: 0;
    height: 0;
    top: 3px;
    left: -8px;
    border-radius: 0;
}

.nav_scroll li .active:before {
    opacity: 1;
}


/* .mediic_nav_manu::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 40%;
    right: 0px;
    top: 0px;
    border-top: 0px solid transparent;
    border-bottom: solid 82px var(--blue2);
    border-left: 60px solid transparent;
}

.mediic_nav_manu::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 40%;
    left: 0px;
    top: 0px;
    border-top: 0px solid transparent;
    border-bottom: solid 82px var(--blue2);
    border-right: 60px solid transparent;
} */

ul.nav_scroll {
    background: var(--white);
}

.sticky ul.nav_scroll {
    background: var(--white);
}

.mediic_menu>ul>li>a {
    color: var(--black2);
    text-transform: capitalize;
    font-size: 20px;
}

.sticky .mediic-button a {
    background: #d4e5f9;
    color: var(--blue1);
}

.mean-bar img {
    width: 250px;
}

.logo_img img,
.main_sticky img {
    width: 300px;
}


/* END MENU */

.cursor,
.cursor2 {
    margin-left: 0px;
    margin-top: 0px;
    border: 2px solid var(--blue2);
}

#home {
    margin-top: 100px;
}

.hero-section .mediic-service-bx {
    background-color: transparent;
    padding: 0;
}

.mediic-hero-content {
    padding: 0;
}

.hero-section {
    background: none;
    /* background-color: var(--blue1); */
}

.hero-content h5 {
    color: var(--blue2);
    /* background-color: var(--gray2); */
    border: 0;
    font-size: 32px;
    padding: 0px 20px 0px 0px;
}

.hero-content h1 {
    color: var(--black);
}

.hero-content p {
    color: #808080;
}

.hero-content h5:before {
    display: none;
}


/* ABOUT */

#about {
    margin-top: 100px;
}

.slogan2 {
    text-align: center;
    background-color: var(--white);
    color: var(--blue2);
    padding: 20px 0;
    width: 75%;
    box-shadow: 0px 10px 10px 0px #0000000d;
    border-radius: 100px;
    margin-bottom: 100px;
    font-size: 20px;
    margin-top: 40px;
}

.imagesAbout img {
    box-shadow: 0px 10px 10px 0px #00000046;
    border-radius: 20px;
}

.imgAbout1 {
    margin-top: 80px;
}

.imgAbout3 {
    margin-top: 30px;
}


/* END ABOUT */


/* SERVICES */

.titleSection {
    text-align: center;
}

.titleSection h5,
.titleSection h2 {
    color: var(--black);
}

.team-single-box {
    border: 0px;
}

.team-section {
    background: rgba(212, 212, 212, 0.30) !important;
    margin: 0;
    border-radius: 0;
}

.swiper-slide.swiper-slide-active .team-single-box:after,
.swiper-slide.swiper-slide-active .team-single-box:before {
    display: none;
}

.swiper-slide.swiper-slide-active .team-single-box .team-thumb:after {
    display: none;
}


/* #services .team-thumb {
    background-color: var(--blue2);
} */

.team-single-box {
    background: var(--white);
}

.team-thumb {
    box-shadow: 5px 5px 10px 0px #4361EE66;
    background-color: var(--blue2);
    width: 100px;
    height: 100px;
    border-radius: 100px;
    padding: 20px;
    text-align: center;
    margin: auto;
}

.team-thumb img {
    width: 200px;
    border-radius: 0;
}

.team-content {
    border: 0px;
}

.listServices {
    text-align: left;
    padding: 10px 50px;
}

.listServices li {
    color: #808080;
    font-size: 16px;
    font-family: 'Poppins-Regular';
}

.team-single-box:hover .team-content {
    border: 0px;
}

.team-single-box:before,
.team-single-box:after,
.team-thumb:after {
    display: none;
}

#servicesAditional {
    padding: 20px 50px;
    background-color: var(--blue2);
}

#servicesAditional h2 {
    text-align: center;
    color: var(--white);
    margin: 40px 0;
    font-size: 40px;
}

#servicesAditional h3 {
    color: var(--white);
    font-size: 27px;
    margin-top: 50px;
    font-family: 'Poppins-Medium' !important;
}

#servicesAditional .col-md-3 p {
    color: #D4D4D4;
    font-size: 16px;
}

#servicesAditional .col-md-12 p {
    color: var(--white);
    font-size: 19px;
    text-align: center;
    margin-top: 50px;
    margin-bottom: 50px;
}

#servicesAditional img {
    width: 100%;
    border-radius: 30px;
    box-shadow: 5px 5px 10px 0px #00000033;
}


/* END SERVICES */


/* INSTAGRAM */

.sectionInstagram {
    padding-left: 0;
    padding-right: 0;
}


/* END INSTAGRAM */


/* CONTACT */

.contact {
    background-color: var(--blue2);
    padding: 70px 0;
    border-radius: 40px;
    margin-top: 200px;
    margin-bottom: 100px;
}

.imgDoctorContact {
    position: relative;
}

.imgDoctorContact img {
    position: absolute;
    bottom: -70px;
}

.contact h2 {
    color: var(--white);
    font-size: 40px;
}

.contact button {
    background-color: var(--white);
    color: var(--blue2);
    font-size: 18px;
    margin-top: 30px;
    padding: 15px 30px;
}


/* END CONTACT */


/* FOOTER */

.company-logo img {
    filter: none;
}


/* END FOOTER */

.iconList {
    width: 50px;
}

.about-service-list ul li {
    display: flex;
}

.about-service-list ul li img {
    margin-right: 20px;
}


/* nav.mediic_menu {
text-align: right;
} */

whatsapp-widget {
    position: relative;
    z-index: 999;
}

.footer-thumb1 img {
    width: 60%;
}

.footer-section {
    background-color: rgba(128, 128, 128, 0.100) !important;
    background: none;
    padding: 40px 0 0 0;
}

.footer-section h3 {
    color: var(--black);
    font-family: 'Poppins-SemiBold';
    font-size: 19.4px;
}

.row.footer-btm {
    margin-top: 20px;
}

.navSidebar-button {
    cursor: pointer;
}

.xs-sidebar-widget {
    /* background-color: var(--white); */
}

.lgoSidebar {
    width: 80%;
}

.form-box input,
.form-box textarea {
    margin-bottom: 20px;
    padding: 0 10px;
    border-radius: 8px;
    border: 1px solid var(--white);
}

.form-box input {
    height: 50px;
}

.form-box input::placeholder,
.form-box textarea::placeholder {
    color: var(--white);
}

.form-box input,
.form-box textarea {
    color: var(--white);
}

button.submit-btn {
    border: 1px solid var(--blue2);
    background-color: var(--blue2);
}

.xs-bg-black {
    background-color: var(--blue2);
}

.widgets-company-info img {
    width: 300px;
}

.mediic-info p {
    color: var(--black2);
    font-size: 18px;
    font-family: 'Poppins-Regular' !important;
}

.btn-primary {
    background-color: var(--blue2);
    border-color: var(--blue2);
    color: var(--white);
    border-radius: 100px;
    padding: 15px 25px;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus {
    background-color: var(--blue1);
    border-color: var(--blue1);
    color: var(--white);
}


/* .container {
    max-width: 1100px;
} */

.imgHome {
    border-radius: 15px;
    box-shadow: 5px 5px 5px #00000036;
}

.imgLogo {
    width: 200px;
}

.cardHomeFomr {
    /* margin-top: 200px; */
    border: 0;
    background-color: var(--white);
    box-shadow: 0px 10px 10px 0px #0000000d;
    /* padding: 20px; */
    border-radius: 25px;
    padding: 50px 15px;
}

.cardHomeFomr .card-header {
    background-color: var(--white);
    border-bottom: 2px solid #AAAAAA;
}

.cardHomeFomr .form-control,
.cardHomeFomr .form-select {
    background-color: rgba(212, 212, 212, 0.2);
    border-radius: 20px;
    border: 0;
    padding: 15px 25px;
    margin-bottom: 30px;
}

.cardHomeFomr select,
.cardHomeFomr input::placeholder,
.cardHomeFomr textarea::placeholder {
    color: #6D6A7580;
}

.sloganHome {
    text-align: center;
    padding: 30px 0px;
    background-color: #AAAAAA;
    color: var(--white);
    border-radius: 100px;
    margin-top: 80px;
    margin-bottom: 80px;
}

.sloganHome p {
    margin-bottom: 0;
    font-size: 20px;
}

.socialIconsFooter {
    display: inline-flex;
    margin-top: 30px;
}

.socialIconsFooter li {
    list-style: none;
    margin-right: 15px;
    font-size: 30px;
}

.socialIconsFooter a {
    color: var(--blue2);
}

.inputFooter {
    border: 0;
    border-radius: 100px;
    padding: 20px 20px;
    width: 80%;
    margin-top: 30px;
    margin-bottom: 30px;
}

.inputFooter::placeholder {
    color: #AAAAAA;
}

.footer-btm {
    background-color: #000;
}

.abotTitleFirst {
    color: var(--blue2);
    font-size: 20px;
    font-weight: 700 !important;
}

#about h2 {
    font-size: 40px;
    color: var(--black2);
}

.textAbout {
    font-size: 18px;
    color: #808080;
    line-height: 26px;
    margin-top: 40px;
}

.team-content h2 {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
    font-family: 'Poppins-SemiBold' !important;
    color: var(--black2);
    font-weight: 500 !important;
}

.contacDesktop {
    display: block;
}

.contacMobile {
    display: none;
}

.footer-btm p {
    color: var(--white);
}

@media (max-width: 720px) {
    .mean-bar img {
        padding: 10px 10px 20px 10px;
    }
    .pointsImage {
        width: 90px;
        right: 10px;
        left: inherit;
        animation: moveDown 3s ease-in-out infinite alternate;
    }
    .wave_bg {
        bottom: 740px;
        right: 615px;
    }
    .hero-shape3 {
        right: -40px;
    }
    .thumbs-bxs {
        right: 0px;
        height: 125px;
        width: 125px;
    }
    .hospitalImage {
        top: -300px;
    }
    .pointsLocation,
    .owl-prev:before {
        display: none;
    }
    .owl-nav {
        top: 0px;
    }
    iframe {
        width: 100%;
    }
    .iconList {
        width: 50px;
        height: 50px;
    }
    #home {
        margin-top: 80px;
    }
    .imgLogo {
        display: none;
    }
    .sloganHome {
        background-color: transparent;
    }
    .sloganHome p {
        color: var(--blue2);
        font-size: 24px;
    }
    #about {
        margin-top: 0px;
    }
    .contacDesktop {
        display: none;
    }
    .contacMobile {
        display: block;
    }
    .contact {
        background-color: var(--blue2);
        padding: 70px 40px 0 40px;
        border-radius: 20px;
        position: relative;
    }
    .contact::before {
        content: '';
        position: absolute;
        width: 450px;
        height: 450px;
        top: -225px;
        right: -225px;
        background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0)100%);
        border-radius: 100%;
        rotate: 30deg;
    }
    .footer-btm p {
        text-align: center;
    }
    .mobile-menu-area {
        position: fixed !important;
    }
}

@media (max-width: 600px) {
    .pointsImage {
        top: -100px;
    }
    .imagotype {
        right: -250px;
        bottom: 0px;
    }
    iframe {
        width: 100%;
    }
}

@media (max-width: 414px) {
    #home {
        margin-top: 300px;
    }
    .pointsImage {
        top: -150px;
    }
    .hero-content h1 {
        font-size: 38px;
    }
    .wave_bg {
        bottom: 550px;
        right: 560px;
    }
    .hero-shape3 {
        right: 2px;
        bottom: 70px;
    }
    .imgAccessory {
        left: -28px;
        top: -200px;
        width: 130px;
    }
    .thumbs-bxs {
        right: 25px;
        height: 80px;
        width: 80px;
        top: -15px;
    }
    .owl-nav {
        display: none;
    }
    .style-2.service-section {
        padding: 30px 10px 30px 10px;
    }
    .imagesAbout .col-md-6 {
        width: 50%;
    }
    .imagesAbout {
        margin-bottom: 40px;
    }
    .team-single-box {
        margin: 60px 50px;
    }
    .contact {
        margin: 30px 20px;
        width: 90%;
    }
    .sloganHome {
        margin-bottom: 250px;
    }
}