body {
    font-family: 'Lato', sans-serif;
}

.topnavbar-bg {
    background-color: #EEF9FF !important;
}

.Login-doc-app-button {
    border: 1px solid #0067B1;
    color: #0067B1 !important;
    border-radius: 5px;
    font-weight: 700;
    padding: 4.5px 31.5px;
}

    .Login-doc-app-button:hover {
        border: 2px solid #0067B1;
        background-color: #0067B1 !important;
        color: white !important;
        border-radius: 10px;
        font-weight: 700;
        padding: 4.5px 31.5px;
    }

.address-docapp {
    font-size: .9em !important;
    font-weight: 400 !important;
    color: #6B6A75 !important;
}

.location-icon-docapp {
    color: #cb0010 !important;
    font-size: 16px !important;
}

.email-div-before {
    padding-left: 60px !important;
}

    .email-div-before::before {
        position: absolute;
        content: "";
        width: 35px;
        height: 100%;
        top: 0;
        left: -17px;
        background-color: #EEF9FF !important;
        transform: skew(40deg);
    }

.doc-app-logo-width {
    width: 15%;
}



.Keep-card-bg {
    background-color: #06A3DA !important;
}

.icontime-bg-color {
    background-color: #f4f8fd;
    width: 70px;
    height: 70px;
    padding: 0px 15px;
}

.THINGS-card-bg {
    background-color: #091E3E !important;
}

.SIMPLE-card-bg {
    background-color: #F57E57 !important;
}

.user-detail-cards-bg {
    background-color: #0067B1;
}

.analyticdashboard-bg {
    /*background-color: #F4F9FF;*/
    background-image: url(../Assets/images/bg-dots.png);
    background-repeat: no-repeat;
    background-position: top right;
}

    .analyticdashboard-bg::before {
        content: '';
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        border-top: 80px solid #fff;
        border-right: 80px solid transparent;
        border-bottom: 80px solid #fff;
    }

.Sechedulappointment-bg::before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-top: 80px solid #fff;
    border-left: 80px solid transparent;
    /* width: 0; */
    border-bottom: 80px solid #fff;
}

.Sechedulappointment-bg {
    /* background-color: #d9f9d947;*/
    background-image: url(../Assets/images/bg-dots.png);
    background-repeat: no-repeat;
    background-position: top left;
}

.Health-Journey {
    background-image: url(../Assets/images/footer-bg-img.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: right;
}

.healthvare-images img {
    width: 30%;
}

.Documents-images {
    width: 21%;
}

.fotter-bg {
    background-color: #004271;
}

.Contact-us-page {
    background-color: white;
    color: #0067B1;
    font-size: 17px;
    border-radius: 6px;
    margin-right: 0.5rem;
    width: 29px;
    height: 29px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.copyright-text {
    background-color: #002B4A;
}

.thedocapp-image {
    width: 21% !important;
}

#section-1 h1 {
    font-size: 48px;
    font-weight: 900;
    width: 90%;
    margin-bottom: 3rem;
}

/* #section-1 .social-icons {
            margin: 10rem 0 6rem 0;
        }*/

#section-1 p {
    font-size: 24px;
    width: 75%;
}

#fixed-header .nav-item a {
    font-size: 18px;
    color: #373737;
}

.How-dose-work-bg {
    background-color: #f4f9fc;
}

.section-title {
    font-size: 51px;
    font-weight: 700;
    color: #373737;
}

    .section-title .blue-text {
        font-family: 'Manrope', sans-serif;
        font-size: 52px;
        font-weight: 800;
        color: #0067B1;
    }

.How-dose-work-bg .user-detail-cards-bg {
    border-radius: 5px;
    padding: 3rem 1.2rem;
}

    .How-dose-work-bg .user-detail-cards-bg a {
        border-radius: 10px;
        height: 89px;
        width: 92px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: auto;
        filter: drop-shadow(0px 4px 4px rgba(66, 66, 66, 0.25));
        margin-bottom: 3rem;
        color: transparent;
    }

.How-dose-work-bg a.icon-card-1 {
    background-color: #EF6361;
}

.How-dose-work-bg a.icon-card-2 {
    background-color: #EEC255;
}

.How-dose-work-bg a.icon-card-3 {
    background-color: #8FC85F;
}

.How-dose-work-bg a.icon-card-4 {
    background-color: #8FC85F;
}

.How-dose-work-bg a.icon-card-5 {
    background-color: #428CE5;
}

.How-dose-work-bg a.icon-card-6 {
    background-color: #EA53A0;
}

.How-dose-work-bg .user-detail-cards-bg a i {
    font-size: 2.5rem;
}

@media (min-width: 1400px) {

    .container,
    .container-lg,
    .container-md,
    .container-sm,
    .container-xl,
    .container-xxl {
        max-width: 1550px;
    }
}

.text-light-grey {
    color: #373737;
}

#section-11 {
    margin-bottom: 5rem;
}

#section-12 {
    padding: 7rem 2rem;
}

    #section-12 .blogs-card {
        border-radius: 10px;
        padding: 2.5rem 1.5rem;
    }

        #section-12 .blogs-card p {
            margin-bottom: 0;
            margin-top: 1rem;
            font-size: 18px;
            font-weight: 600;
        }

#section-13 {
    padding: 2rem 2rem;
}

    #section-13 h3 {
        font-size: 24px;
        font-weight: 700;
        margin-top: 3rem;
        margin-bottom: 1.5rem;
    }

    #section-13 span {
        font-size: 20px;
        font-weight: 300;
        line-height: 29px;
    }

.fw-400 {
    font-weight: 400;
}

#section-14 p {
    font-size: 18px;
    font-weight: 400;
    color: #FFFFFF;
}

@media (max-width: 1440px) {
    #section-1 h1 {
        font-size: 35px;
        width: 95%;
    }
    /* #section-1 .social-icons {
                margin: 6rem 0 4rem 0;
            }*/

    #section-1 p {
        font-size: 22px;
        width: 100%;
    }

    #section-5 h1,
    #section-6 h1,
    #section-7 h1,
    #section-9 h1,
    #section-10 h1,
    #section-11 h1,
    .section-admin-portal h1,
    #section-5 h1 .blue-text,
    #section-6 h1 .blue-text,
    #section-7 h1 .blue-text,
    .section-admin-portal h1 .blue-text,
    #section-9 h1 .blue-text,
    #section-10 h1 .blue-text,
    #section-11 h1 .blue-text {
        font-size: 44px;
        margin-bottom: 3rem !important;
    }

    .portal-text {
        width: 75%;
        margin: auto;
    }
}

@media (max-width: 1194px) {
    #section-1 h1 {
        font-size: 30px;
        width: 100%;
        margin-bottom: 4rem;
    }

    #section-1 p {
        font-size: 18px;
        width: 90%;
    }

    .section-title,
    .section-title .blue-text {
        font-size: 55px;
    }

    .container {
        max-width: 1200px;
    }

    #section-5 h1,
    #section-6 h1,
    #section-7 h1,
    #section-9 h1,
    #section-10 h1,
    #section-11 h1,
    .section-admin-portal h1,
    #section-5 h1 .blue-text,
    #section-6 h1 .blue-text,
    #section-7 h1 .blue-text,
    .section-admin-portal h1 .blue-text,
    #section-9 h1 .blue-text,
    #section-10 h1 .blue-text,
    #section-11 h1 .blue-text {
        font-size: 44px;
        margin-bottom: 3rem !important;
    }

    .Health-Journey .section-title {
        font-size: 50px;
    }

    #section-12 .blogs-card {
        padding: 2.5rem 0.8rem;
    }

    .portal-text {
        width: 90%;
        margin: auto;
    }
    /*#section-1 .social-icons {
                margin: 3rem 0 4rem 0;
            }*/
}

@media (max-width: 600px) {
    #section-1 h1 {
        font-size: 25px;
        width: 100%;
        margin-bottom: 2rem;
    }
    /* #section-1 .social-icons {
                margin: 2rem 0;
            }*/

    #section-1 p {
        font-size: 22px;
        width: 100%;
    }

    .section-title,
    .section-title .blue-text {
        font-size: 35px;
        margin-bottom: 1rem !important;
    }

    #section-5 h1,
    #section-6 h1,
    #section-7 h1,
    #section-9 h1,
    #section-10 h1,
    #section-11 h1,
    .section-admin-portal h1,
    #section-5 h1 .blue-text,
    #section-6 h1 .blue-text,
    #section-7 h1 .blue-text,
    .section-admin-portal h1 .blue-text,
    #section-9 h1 .blue-text,
    #section-10 h1 .blue-text,
    #section-11 h1 .blue-text {
        font-size: 30px;
        margin-bottom: 2rem !important;
    }

    #main-top-head .navbar-collapse {
        flex-direction: column;
        padding-left: 0 !important;
        padding: 0.5rem 1rem !important;
    }

        #main-top-head .navbar-collapse .bg-info {
            background: rgb(13, 202, 240);
            padding: 0.2rem 1rem !important;
            margin: 0.1rem 0;
            width: 60%;
            text-align: center;
        }

        #main-top-head .navbar-collapse .navbar-nav {
            margin: 0 !important;
        }

    .email-div-before::before {
        content: none;
    }

    .doc-app-logo-width,
    .thedocapp-image {
        width: 60% !important;
    }

    .container-fluid.px-5,
    .container-fluid.ps-5 {
        padding: 0rem 1.5rem !important;
    }

    .p-5.position-relative {
        padding: 1.5rem 1.5rem !important;
    }

    .portal-text {
        width: 100%;
        margin: auto;
    }

    .How-dose-work-bg .user-detail-cards-bg a {
        height: 65px;
        width: 65px;
        margin-bottom: 2rem;
    }

        .How-dose-work-bg .user-detail-cards-bg a i {
            font-size: 1.8rem;
        }

    .How-dose-work-bg .user-detail-cards-bg {
        padding: 2rem 1.2rem;
    }
}

.center-things {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fixed-top.navbar-header-fixed {
    box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.04);
}

@media (max-width: 767px) {
    .office-detail, .office-para {
        display: none;
    }

    .Contact-us-right {
        text-align: center !important;
    }

    .Contact-us-right {
        float: inherit !important;
    }

        .Contact-us-right p {
            justify-content: center;
        }
}

@media (max-width: 425px) {
    #section-13 .container-fluid.mb-1 .row {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

.Contact-us-right {
    float: right;
}

/*Counter Styling start*/
.service-docapp h2 {
    font-size: 90px;
    color: #fff;
    margin-top: 70px;
    margin-bottom: 0;
}

.service-docapp h4 {
    font-size: 24px;
    color: #fff;
    margin-top: 0;
    margin-bottom: 70px;
    display: block;
}

.single-service-img {
    width: 205px;
    height: 125px;
    background: #fff;
    position: relative;
    left: 50%;
    margin-left: -100px;
}

    .single-service-img:before {
        content: "";
        position: absolute;
        top: -42px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 102px solid transparent;
        border-right: 104px solid transparent;
        border-bottom: 42px solid #fff;
    }

.service-img {
    width: 200px;
    height: 123px;
    background: #3a9ecb;
    position: relative;
    top: 1px;
    left: 2px;
}

    .service-img:before {
        content: "";
        position: absolute;
        top: -40px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        border-bottom: 40px solid #3a9ecb;
    }

    .service-img img.heart {
        left: 20%;
        top: 18%;
    }

    .service-img img {
        position: absolute;
    }

    .service-img:after {
        content: "";
        position: absolute;
        bottom: -39px;
        left: 0;
        width: 0;
        height: 0;
        border-left: 100px solid transparent;
        border-right: 100px solid transparent;
        border-top: 40px solid #3a9ecb;
        z-index: 999;
    }

.single-service-img:after {
    content: "";
    position: absolute;
    bottom: -42px;
    left: 0;
    width: 0;
    height: 0;
    border-left: 102px solid transparent;
    border-right: 102px solid transparent;
    border-top: 42px solid #fff;
    z-index: 10;
}

.single-service h3 {
    margin-top: 60px;
    color: #fff;
    padding-bottom: 90px;
}

.service-docapp {
    background-color: #0067b1;
    margin-top: 40px;
}

.Appointments-icon-calender {
    font-size: 55px;
    color: white;
    margin-top: 30px;
}

.Health-journy-cards-animation:hover {
    transform: scale(1.1);
    box-shadow: 0px 3px 15px #00000050;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
}
/*Counter Styling End*/
.ldp-cardImages {
    width: 25% !important;
}

#counter-container-sec {
    background-color: #3a9ecb;
}

.headings-fonts-sizes {
    font-size: 50px !important;
}

.title-counter-font {
    font-size: 30px !important;
}

.how-dose-works-card:hover {
    transform: scale(1.1);
    box-shadow: 0px 3px 15px #00000050;
    -webkit-transition: all 200ms ease-in;
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transition: all 200ms ease-in;
    -moz-transform: scale(1.1);
    transition: all 200ms ease-in;
}
.patient-messages-images {
    position: absolute;
    left: 0;
    width: 100% !important;
    top: 139px;
}