/*----------------------------------------------------------------------------------
Project     :   MedicAid - Medical & Doctors HTML Template
-------------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------------
[Table of contents]
default css
topbar area
header area
hero area
appointment area
about area
service area
schedule area
counter area
team area
testimonial area
blog area
footer area
about page 
login page
register page
appointment page 
appointment list page 
doctor profile page 
doctors list page 
patient profile page 
patient list page 
blog details page
admin profile page 
contact page 

--------------------------------------------------------------------------------------*/


/* fonts */

@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap');

/* default css */

* {
    margin: 0;
    padding: 0;
    outline: 0;
    box-sizing: border-box;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
    color: #fff;
}


a:hover {
    text-decoration: none;
}

img {
    max-width: 100%;
}

p {
    font-family: 'Roboto', sans-serif;
    font-size: 15px;
    font-weight: 400;
    color: #848E9F;
    margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    color: #1A3D7D;
    font-weight: 600;
    margin-bottom: 0;
}

h2 {
    font-size: 50px;
    margin-top: 10px;
}

h3.section-head {
    font-size: 16px;
    background: #def0f8;
    padding: 10px;
    margin: 20px 0 5px;
    border-radius: 5px;
}

h5 {
    font-size: 16px;
    color: #2B8FE5;
}

.button {
    color: #fff;
    background: #2B8FE5;
    padding: 15px 36px;
    line-height: 1;
    font-size: 16px;
    font-weight: 600;
    transition: .3s linear all;
    position: relative;
    z-index: 1;
    display: inline-block;
    border: none;
}


.button::before {
    content: '';
    position: absolute;
    width: 0;
    height: 100%;
    top: 0;
    left: 0;
    background: #1A3D7D;
    transition: .3s linear all;
    z-index: -1;
}

.button:hover::before {
    width: 100%;
    color: #fff;
}

.button:hover {
    color: #fff;
}

.button:focus {
    outline: none;
}

.overlay {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(3, 15, 39, 0.58);
    top: 0;
    left: 0;
    z-index: -1
}

.bg-cover {
    position: relative;
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
}

.section-padding {
    padding: 120px 0;
}

.edit-btn h5 {
    color: #2B8FE5;
    text-transform: capitalize;
    font-weight: 500;
    letter-spacing: 3px;
    margin-bottom: 8px;
}

.edit-btn h6 {
    font-size: 20px;
    margin-bottom: 25px;
}

/* Margin & Padding */

.pt-0 {
    padding-top: 0;
}

.pb-0 {
    padding-bottom: 0;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pt-30 {
    padding-top: 30px;
}

.pb-30 {
    padding-bottom: 30px;
}

.pt-40 {
    padding-top: 40px;
}

.pb-40 {
    padding-bottom: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pb-60 {
    padding-bottom: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pb-70 {
    padding-bottom: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.pb-80 {
    padding-bottom: 80px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-150 {
    padding-top: 150px;
}

.pb-150 {
    padding-bottom: 150px;
}

.mt-10 {
    margin-top: 10px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mb-40 {
    margin-bottom: 40px;
}

.mb-30 {
    margin-bottom: 30px;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mb-60 {
    margin-bottom: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mb-70 {
    margin-bottom: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.mb-80 {
    margin-bottom: 80px;
}

.mt-90 {
    margin-top: 90px;
}

.mb-90 {
    margin-bottom: 90px;
}

.mt-100 {
    margin-top: 100px;
}

.mb-100 {
    margin-bottom: 100px;
}

.mt-120 {
    margin-top: 120px;
}

.mb-120 {
    margin-bottom: 120px;
}

.mt-150 {
    margin-top: 150px;
}

.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.pl-50 {
    padding-left: 50px;
}

.pr-50 {
    padding-right: 50px;
}

/* Main Css Starts 
==========================================
*/

/* Pre-Loader CSS */

#loader {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    z-index: 999999;
}

#loader .loading,
#loader .loading > div {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#loader .loading {
    display: block;
    font-size: 0;
    color: #2B8FE5;
    width: 40px;
    height: 40px;
}

#loader .loading > div {
    display: inline-block;
    float: none;
    border: 3px solid;
    width: 40px;
    height: 40px;
    background: transparent;
    border-bottom-color: transparent;
    border-radius: 100%;
    -webkit-animation: loading .75s linear infinite;
    -moz-animation: loading .75s linear infinite;
    -o-animation: loading .75s linear infinite;
    animation: loading .75s linear infinite;
}

@-webkit-keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes loading {
    0% {
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    50% {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -o-transform: rotate(180deg);
        transform: rotate(180deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

/* topbar starts */

.top-navbar {
    background-color: #2B8FE5;
}

.top-navbar .content-box .website-info li {
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    padding: 15px;
    padding-left: 0;
    line-height: 1.1;
    text-transform: capitalize;
}

.top-navbar .content-box .website-info,
.top-navbar .content-box .website-icon-social {
    margin-bottom: 0;
}

.top-navbar .content-box .website-info li i {
    margin-right: 6px;
    color: #13ADE5;
}

.top-navbar .content-box .website-info li {
    font-weight: 700;
}

.top-navbar .content-box .website-info li a {
    font-weight: 700;
    transition: .3s linear all;
}

.top-navbar .content-box .website-info li a:hover {
    color: #1A3D7D;
}

.top-navbar .content-box .website-icon-social li {
    display: inline-block;
    color: #FFF;
    font-size: 13px;
    padding-left: 15px;
    line-height: 1;
    transition: .3s linear all;
}

.top-navbar .content-box .website-icon-social li:hover {
    color: #1A3D7D;
}

/* navbar starts */

.logo h5 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 25px;
    color: #1A3D7D;
}

.logo h5 span,
.footer-logo h5 span {
    color: #2B8FE5;
}

.main-nav ul {
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.main-nav ul li {
    margin-right: 37px;
    position: relative;
}

.main-nav ul li:last-child {
    margin-right: 0;
}

.main-nav ul li.active a {
    color: #2B8FE5;
}

.main-nav ul li a {
    font-family: 'Roboto', sans-serif;
    color: #1A3D7D;
    font-size: 15px;
    font-weight: 500;
    padding: 30px 0;
    display: block;
    transition: .3s linear all;
    text-transform: capitalize;
}

.main-nav ul li a:hover {
    color: #2B8FE5;
}

.search,
.profile {
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 11%);
    color: #1A3D7D;
}

.main-nav ul li.profile {
    margin-right: 20px;
}

/* # Sub-menu Starts #*/

.submenu {
    position: absolute;
    z-index: 9999;
    background: #fff;
    width: 200px;
    left: 0;
    top: 111%;
}

.main-nav ul li ul.submenu {
    display: block;
    padding: 20px 25px;
    opacity: 0;
    visibility: hidden;
    transition: .3s linear all;
    box-shadow: 2px 2px 5px 1px rgb(0 0 0 / 5%), -2px 0px 5px 1px rgb(0 0 0 / 5%);
}

.main-nav ul li ul.submenu li {
    margin: 0;
    margin-bottom: 17px;
}

.main-nav ul li ul.submenu li:last-child {
    margin-bottom: 0;
}

.main-nav ul li ul.submenu li a {
    padding: 0;
}

.main-nav ul li:hover ul.submenu {
    opacity: 1;
    visibility: visible;
    top: 100%;
}

.main-nav ul li ul.submenu li a:hover {
    color: #2B8FE5;
}

/* hero area */

.hero-utility {
    padding: 150px 120px;
    /* min-height: 100vh; */
    position: relative;
}

.single-slider-one {
    background: url('../img/for-all/dermaa.jpg')top left;
    background-repeat: no-repeat;
    background-size: cover;
}

.single-slider-two {
    background: url('../img/for-all/prpskin2.jpg') center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.single-slider-one::before,
.single-slider-two::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(26, 61, 125, .5)
}

.hero-caption h1 span {
    position: relative;
    z-index: 1;
}

.hero-caption h1 span::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: '';
    background: #2B8FE5;
    height: 23px;
    width: 100%;
    z-index: -1;
}

.pulse {
    background-color: #2B8FE5;
    border: 1px solid #2B8FE5;
    width: 55px;
    height: 55px;
    line-height: 55px;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    -webkit-animation: video-pulse-presentation 2s linear infinite;
    animation: video-pulse-presentation 2s linear infinite;
    transition: .3s linear all;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 35px;
}

@-webkit-keyframes video-pulse-presentation {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(19 173 229 / 70%), 0 0 0 0 rgb(19 173 229 / 70%);
        box-shadow: 0 0 0 0 rgb(19 173 229 / 70%), 0 0 0 0 rgb(19 173 229 / 70%);
    }

    40% {
        -webkit-box-shadow: 0 0 0 0 rgb(19 173 229 / 0%), 0 0 0 0 rgb(19 173 229 / 70%);
        box-shadow: 0 0 0 0 rgb(19 173 229 / 0%), 0 0 0 0 rgb(19 173 229 / 70%);
    }

    80% {
        -webkit-box-shadow: 0 0 0 0 rgb(19 173 229 / 0%), 0 0 0 30px rgb(19 173 229 / 0%);
        box-shadow: 0 0 0 0 rgb(19 173 229 / 0%), 0 0 0 30px rgb(19 173 229 / 0%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgb(19 173 229 / 0%), 0 0 0 30px rgb(19 173 229 / 0%);
        box-shadow: 0 0 0 0 rgb(19 173 229 / 0%), 0 0 0 30px rgb(19 173 229 / 0%);
    }
}

@keyframes video-pulse-presentation {
    0% {
        -webkit-box-shadow: 0 0 0 0 rgb(19 173 229 / 70%), 0 0 0 0 rgb(19 173 229 / 70%);
        box-shadow: 0 0 0 0 rgb(19 173 229 / 70%), 0 0 0 0 rgb(19 173 229 / 70%);
    }

    40% {
        -webkit-box-shadow: 0 0 0 0 rgb(19 173 229 / 0%), 0 0 0 0 rgb(19 173 229 / 70%);
        box-shadow: 0 0 0 0 rgb(19 173 229 / 0%), 0 0 0 0 rgb(19 173 229 / 70%);
    }

    80% {
        -webkit-box-shadow: 0 0 0 0 rgb(19 173 229 / 0%), 0 0 0 30px rgb(19 173 229 / 0%);
        box-shadow: 0 0 0 0 rgb(19 173 229 / 0%), 0 0 0 30px rgb(19 173 229 / 0%);
    }

    100% {
        -webkit-box-shadow: 0 0 0 0 rgb(19 173 229 / 0%), 0 0 0 30px rgb(19 173 229 / 0%);
        box-shadow: 0 0 0 0 rgb(19 173 229 / 0%), 0 0 0 30px rgb(19 173 229 / 0%);
    }
}

.hero-text h5 {
    color: #fff;
    margin-bottom: 10px;
}

.hero-text h1 {
    color: #fff;
    font-size: 70px;
    font-weight: bold;
    text-transform: capitalize;
    letter-spacing: 1px;
    margin-bottom: 10px;
}

.hero-text p {
    color: #fff;
    font-size: 16px;
    text-transform: lowercase;
}

.header-menu-cta {
    margin-top: 40px;
}

.active-slider .slick-arrow {
    color: #10111e;
    font-size: 16px;
    background: #fff;
    border: none;
    height: 75px;
    width: 75px;
    border-radius: 50%;
    transition: .3s linear all;
    outline: none;
}

.active-slider .slick-next {
    display: block;
    position: absolute;
    top: 50%;
    left: 1%;
    transition: .3s linear all;
    background: none;
    font-size: 15px;
    color: #fff;
    opacity: 0;
    background: rgb(43, 143, 229);
    width: 40px;
    height: 40px;
}

.active-slider .slick-prev {
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 1%;
    z-index: 9999;
    transition: all 0.3s linear 0s;
    font-size: 15px;
    color: rgb(255, 255, 255);
    opacity: 0;
    background: rgb(43, 143, 229);
    width: 40px;
    height: 40px;
}

.hero-area:hover .slick-next {
    left: 4%;
    opacity: 1;
    color: #eee;
}

.hero-area:hover .slick-prev {
    right: 4%;
    opacity: 1;
    color: #eee;
}

/* appointment */

.appointment {
    padding: 100px 0 60px;
}

.quote-and-presentation {
    margin-top: -16%;
}

.quote-box {
    padding: 20px 40px 40px;
    background-color: #FFF;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 73px 0 rgb(11 12 38 / 7%);
    box-shadow: 0 1px 73px 0 rgb(11 12 38 / 7%);
}

.quote-box .quote-item span.lable {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 5px;
}

.quote-box .quote-item svg {
    right: 34px;
    position: absolute;
    top: calc(32px + (53px / 2));
    font-size: 13px;
    z-index: 1;
    color: #1A3D7D;
}

.quote-box .quote-item input,
.quote-box .quote-item textarea {
    border: 2px solid #F9F9F9;
    padding: 12px;
    width: 100%;
    color: #1A3D7D;
    font-size: 14px;
    border-radius: 6px;
    background-color: #F9F9F9;
}

.nice-select.selectStyle {
    margin-bottom: 30px;
}

.nice-select {
    width: 100%;
    background: #F9F9F9;
}

.nice-select span.current {
    color: #1A3D7D;
    opacity: 0.6;
}

.nice-select .option {
    text-transform: capitalize;
    font-weight: 600;
}

.nice-select .option:hover {
    color: #2B8FE5;
}

.nice-select ul.list {
    overflow-y: scroll;
    /* max-height: 125px; */
}

/* about area */

#about {
    padding: 60px 0 65px;
    margin-bottom: 100px;
    margin-top: 59px;
}

.abt-img {
    position: relative;
}

.abt-img::after {
    position: absolute;
    content: '';
    height: 100%;
    width: 100%;
    background: #2B8FE5;
    bottom: -46px;
    right: -46px;
    z-index: -1;
    opacity: .2;
}

.abt-img img {
    width: 100%;
}

.right-about {
    padding: 80px;
    padding-right: 0;
}

.abt-title {
    margin-bottom: 16px;
}

.abt-title h5 {
    color: #2B8FE5;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 8px;
}

.abt-content p {
    margin-bottom: 24px;
    line-height: 1.7rem;
}

.abt-list ul li {
    margin-bottom: 10px;
}

.abt-list ul li:last-child {
    margin-bottom: 0;
}

.abt-list ul li svg {
    font-size: 11px;
    color: #2B8FE5;
}

.abt-list ul li span {
    color: #848E9F;
    margin-left: 15px;
}

.learn-more {
    margin-top: 24px;
}

/* service area */

#service {
    padding: 120px 0;
    background: url('../img/for-all/ap1.jpeg') no-repeat center center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

#service::before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    background: #1A3D7D;
    opacity: .9;
    height: 100%;
    width: 100%;
    z-index: -1;
}

#service .service-title h5,
#service .service-title h2 {
    color: #fff;
}

.row-bg {
    background: #fff;
    border-radius: 6px;
}

.service-heading p {
    color: #fff;
}

.service-box {
    background: #fff;
    padding: 30px;
    transition: .3s linear all;
    margin: 20px 0;
    border-radius: 8px;
    position: relative;
    z-index: 1;
}

.service-box.last-box {
    border-right: none;
}

.service-icon {
    margin-bottom: 50px;
    display: inline-block;
    text-align: center;
    display: inline-block;
    text-align: center;
    font-size: 55px;
    width: 70px;
    height: 70px;
}

.service-icon img {
    width: 100%;
}

.service-content h3 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #1A3D7D;
    transition: .3s linear all;
}

.service-content p {
    font-size: 15px;
    font-weight: normal;
    line-height: 26px;
    color: #848E9F;
    margin-bottom: 15px;
    display: none;
}

/* schedule area */

.schedule {
    padding: 120px 0 60px;
}

.space {
    margin-top: 35px;
}

.right-schedule {
    display: flex;
    align-items: center;
    justify-content: end;
}

.colorful-tab-wrapper {
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 0;
    margin: 0;
}

.colorful-tab-wrapper::before {
    color: #848E9F;
    font-size: 80px;
}

.colorful-tab-menu {
    background: rgba(43, 143, 229, 0.2);
    text-align: center;
    margin-bottom: 30px;
    border-radius: 8px;
}

#classes .colorful-tab-menu-item.active a {
    background: #1A3D7D;
    color: #fff;
}

#classes .colorful-tab-menu li a {
    display: block;
    font-weight: 600;
    font-size: 14px;
    color: #2B8FE5;
    text-transform: uppercase;
    padding: 15px 0;
    transition: all linear 0.3s;
    border-radius: 8px;
}

#classes .colorful-tab-menu li a:hover {
    color: #fff;
    background: #1A3D7D;
}

.colorful-tab-content ul {
    overflow: hidden;
}

.colorful-tab-content .schedule-icon {
    margin: 8px 0;
}

.colorful-tab-content ul li {
    float: left;
    width: 20%;
    background: rgba(43, 143, 229, 0.2);
    display: block;
    text-align: center;
    height: 228px;
    border: 2.5px solid #fff;
    box-sizing: border-box;
    padding: 50px 5px 0 5px;
    color: #848E9F;
    transition: all linear 0.2s;
    border-radius: 8px;
}

#classes .colorful-tab-container ul li:hover {
    background: #2B8FE5;
    color: #fff;
    z-index: 9999999;
}

.colorful-tab-content h6 {
    font-size: 18px;
    font-weight: 500;
    margin: 0px 0 20px;
}

#classes .colorful-tab-container li:hover h6 {
    color: #fff;
}


#classes .colorful-tab-container ul li:hover p {
    color: #fff;
}

#classes .colorful-tab-container ul li p {
    font-size: 16px;
    color: #2B8FE5;
    margin: 15px 0;
}

#classes .colorful-tab-container ul li i::before {
    font-size: 50px;
    margin-left: 0px;
    padding: 5px 0;
}

/* counter area starts */

.counter {
    padding: 100px 0;
    background: url('../img/for-all/dermaa.jpg') no-repeat center center;
    background-size: cover;
    margin: 60px 0;
    background-color: #1A3D7D;
}

.single-counter {
    display: flex;
    align-items: center;
    background: #091D3E;
    color: #fff;
    padding: 40px 32px;
    border-bottom: 3px solid #2B8FE5;
}

.counter-info h5 {
    font-size: 40px;
    color: #fff;
    font-weight: 900;
}

.counter-info span {
    font-weight: 600;
}

.counter-icon {
    margin-right: 20px;
}

.counter-icon svg {
    font-size: 62px;
    color: #2B8FE5;
}

.white {
    color: #fff;
}

.contact-form-wrapper {
    background: #fff;
    padding: 30px;
    border-radius: 3px;
}

.quote-item {
    background-color: #F9F9F9;
    margin-bottom: 30px;
    padding: 15px;
    position: relative;
    border-radius: 3px;
}

.quote-item input {
    border: navajowhite;
    background: transparent;
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    position: relative;
}

.quote-item svg {
    position: absolute;
    right: 23px;
    top: 21px;
    font-size: 13px;
    color: #f71735;
}

.quote-item textarea {
    background: transparent;
    border: none;
    height: 100px;
}

.quote-item:last-child {
    background: none;
    margin-bottom: 0;
}

.quote-btn {
    background: #f71735;
    color: #fff;
    border-radius: 3px;
    border: none;
}

/* team area */

#team {
    padding: 120px 0 60px;
}

.team.style-16,
.team.style-17 {
    background-color: #fff;
    border: 1px solid #ebf2f3;
    box-shadow: none;
}

.team .team-thumb {
    position: relative;
    overflow: hidden;
}

.team .team-thumb img {
    transition: .3s;
    width: 100%;
}

.team.style-16 .team-controls {
    position: absolute;
    top: 15px;
    right: 15px;
}

.team .team-controls a {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background-color: #fff;
    color: #2B8FE5;
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
}

.team:hover .team-controls a {
    background-color: #2B8FE5;
    color: #fff;
}

.team.style-16 .team-body {
    position: relative;
    background-color: #fff;
    padding: 33px 29px;
}

.team .team-body h5 {
    margin-bottom: 0;
    font-size: 22px;
}

.rating {
    display: flex;
    align-items: center;
    margin: 12px 0;
}

.rating svg {
    display: inline-block;
    color: #fcb71b;
    padding-left: 4px;
}

.rating span {
    color: #848E9F;
}

.team.style-16 .team-categories {
    margin-top: 0;
}

.team .team-categories a {
    color: #1A3D7D;
    font-weight: 600;
}

.team.style-16 .team-info {
    margin-top: 10px;
}

.team .team-info span {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #848E9F;
}

.team .team-info span svg {
    margin-right: 10px;
    color: #2B8FE5;
}

.team-body .button {
    margin-top: 20px;
    text-align: center;
}

.featured-doctors {
    display: flex;
}

.featured-body {
    width: 50%;
}

.team-paragraph {
    margin-top: 12px;
}

.location-map {
    padding: 15px 0 15px 0px;
}

.doc-meta {
    margin-left: 30px;
}

.doc-meta h5 {
    font-size: 20px;
}

.doc-right-info .doc-img {
    width: 300px;
    height: auto;
}

.doc-right-info .doc-img img {
    width: 100%;
    height: 100%;
}

.flex-items {
    display: flex;
    align-items: center;
    border-bottom: 1px solid #eee;
}

.doctors-search-list .team-thumb img {
    width: 300px;
}

#doctors .team .team-thumb img {
    width: 350px;
}


.datetime-confirm {
    background: #1A3D7D;
    color: #fff;
    border: none;
}

.remove-conf {
    display: none;
}

.add-conf {
    display: block;
}

.location-map iframe {
    height: 100%;
    width: 362px;
}

/* testimonial area */

.testimonial {
    padding: 60px 0 60px;
}

.single-testimonial-wrapper {
    box-shadow: 0px 0px 0px 0px rgb(0 0 0 / 0%);
    padding: 30px;
    background: aliceblue;
}

.single-testimonial-wrapper .quote {
    font-size: 40px;
    color: #2B8FE5;
    opacity: 0.2;
    margin-bottom: 15px;
}

.testimonial-content {
    margin-bottom: 20px;
}

.testimonial-content p {
    line-height: 26px;
    font-size: 16px;
    color: #1A3D7D;
    opacity: .6;
}

.testimonial-meta {
    display: flex;
    align-items: center;
}

.client-designation {
    display: flex;
    flex-direction: column;
    margin-left: 25px;
}

.client-designation strong,
.client-designation span {
    color: #1A3D7D;
}

/* blog area */

.blog {
    padding: 60px 0 60px;
}

.blog-body {
    padding: 20px;
    border: 1px solid #eee;
}

.blog-thumb img {
    width: 100%;
}

.blog-meta {
    margin-bottom: 10px;
}

.blog-meta ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0;
}

.blog-meta ul li a {
    color: #848E9F;
}

.blog-meta ul li a svg {
    margin-right: 10px;
}

.blog-content {
    padding: 20px 0;
}

.blog-content h5 a {
    color: #1A3D7D;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
}

.blog-content p {
    margin-bottom: 30px;
}

/* footer area */

.footer-top {
    background: #0b0c26;
    padding: 115px 90px;
}

.footer-logo h5 {
    color: #fff;
    font-size: 30px;
    font-weight: 900;
    margin-bottom: 15px;
}

.footer-content p {
    color: #fff;
}

.footer-form {
    background-color: #09091F;
    padding: 30px;
    border-radius: 3px;
}

.footer-form h5 {
    color: #2B8FE5;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 20px;
    font-weight: 700;
}

.footer-form p {
    color: #F4F4F4;
    margin-bottom: 26px;
    font-size: 15px;
}

.footer-form form input {
    width: 100%;
    color: #9B9B9B;
    background-color: transparent;
    font-size: 13px;
    text-transform: capitalize;
    padding: 0 15px;
    line-height: 44px;
    border-radius: 3px;
    letter-spacing: 0.25px;
    position: relative;
    border: 1px solid rgb(204 204 204 / 0.1);
}

.footer-form form button {
    position: absolute;
    top: 76%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 51px;
    background-color: #2B8FE5;
    font-size: 12px;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 3px;
    color: #fff;
    border: 0;
}

.footer-box {
    margin-bottom: 20px;
}

.footer-title h3 {
    color: #2B8FE5;
    font-size: 18px;
}

.footer-menu a {
    color: #fff;
}

.footer-menu ul li {
    margin-top: 15px;
}

.footer-icon {
    display: flex;
    margin-bottom: 0;
    margin-top: 15px;
}

.footer-icon li {
    margin-right: 20px;
    background: #2B8FE5;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
}

.footer-icon li a svg {
    color: #fff;
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 600;
}

.footer-right ul {
    display: flex;
}

.footer-right ul li {
    margin-right: 15px;
}

.footer-right ul li:last-child {
    margin-right: 0;
}

.footer-right ul li a {
    text-transform: capitalize;
    transition: .3s linear all;
}

.footer-right ul li a:hover {
    color: #2B8FE5;
}

.copyright {
    border-top: 1px solid #35434e;
    padding: 25px 20px;
    background: #09091f;
}

.footer-copyright p {
    margin-bottom: 0;
}

.end {
    display: flex;
    justify-content: end;
}


/* # About PAGE #*/

.mb-0 {
    margin-bottom: 0;
}

/* Login Page */

.banner-login,
.admin-check {
    background: url(../img/banner-1.jpg) no-repeat center center;
    padding: 150px 0px 150px;
    background-size: cover;
    position: relative;
}

.banner-login::before,
.banner-register::before,
.admin-check::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    background: rgb(5 34 88 / 84%);
    left: 0;
    top: 0;
}

.banner-search h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    text-align: left;
}

.breadcrumb-container {
    display: flex;
    align-items: center;
    margin-top: 15px;
}

.breadcrumb-container span a {
    margin-right: 10px;
}

.breadcrumb-container span a:hover {
    color: #fff;
}

.breadcrumb-container span.current {
    margin-left: 5px;
    color: #2B8FE5;
    font-weight: 700;
}

.vendor-signup {
    padding: 110px 0px 110px 0px;
}

.widget h4,
.widget p {
    color: #fff;
}

.right-side {
    padding: 30px 50px 30px;
    -webkit-box-shadow: 0 0 30px rgb(51 51 51 / 10%);
    box-shadow: 0 0 30px rgb(51 51 51 / 10%);
    border-radius: 10px;
}

.widget {
    margin-bottom: 30px;
}

.widget h4 {
    color: #1A3D7D;
    font-weight: 700;
    text-align: center;
}

form .controls input {
    border-radius: 5px;
    color: #1A3D7D;
    width: 100%;
    padding: 8px;
    font-size: 14px;
    border: 1px solid #ddd;
}

.user-login-cta {
    color: #1A3D7D;
    margin-top: 30px;
    display: block;
}

.controls button {
    border: none;
    padding: 14px 35px;
    font-size: 14px;
    margin-top: 15px;
}

.user-login-cta a {
    color: #2B8FE5;
    margin-left: 5px;
    font-weight: 700;
}

.user-login.admin-check input {
    margin-bottom: 20px;
}

.user-login input {
    margin-bottom: 20px;
}

/* # Register Page # */

.banner-register {
    background: url('../img/for-all/ap1.jpeg') no-repeat center center;
    padding: 140px 0px 120px;
    background-size: cover;
    position: relative;
}

.register-left {
    background: url('../img/register-img.jpg') no-repeat center center;
    background-size: cover;
    padding: 401px 0;
}

.right-side.register-right {
    border-radius: 0;
}

.register-widget h4 {
    font-size: 20px;
    text-align: left;
}

.nav-tabs {
    border-bottom: 0
}

.nav-tabs .nav-link {
    border: none;
    border-radius: 0;
    background: #eee;
    color: #555;
    font-size: 16px;
    font-weight: 500;
    padding: 8px 22px;
    width: 50%;
    text-align: center;
}

.nav-tabs .nav-link.active {
    color: #fff;
    background-color: #2B8FE5;
}

.tab-content {
    margin-top: 25px;
}

.register-controls .form-group {
    margin-bottom: 10px;
}

.register-controls .form-group input {
    border-radius: 0;
}

/* # Appointment Page # */

.single-appointment {
    padding: 100px 0;
}

.single-appointment .quote-and-presentation {
    margin-top: 0;
}

.appointment-counter {
    margin: 0;
}

.list-payment {
    display: flex;
}

.list-payment li {
    margin-right: 15px;
}

.list-payment li:last-child {
    margin-right: 0;
}

.list-payment li a {
    font-size: 50px;
}

.list-payment svg.fa-cc-paypal {
    color: #253b80;
}

.list-payment svg.fa-cc-visa {
    color: #0066b2;
}

.list-payment svg.fa-cc-mastercard {
    color: #36495d;
}

.list-payment svg.fa-cc-amex {
    color: #006fcf;
}

.booking-summary {
    border-radius: 5px;
    box-shadow: 0 10px 30px rgb(0 0 0 / 5%);
    color: #1A3D7D
}

.title-booking {
    background: #1A3D7D;
    padding: 20px 25px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    text-align: center;
}

.title-booking .text-color-white {
    color: #fff;
    font-size: 20px;
}

.list-summary,
.list-price {
    padding: 20px 26px;
    position: relative;
    margin-bottom: 0;
}

.list-summary::after,
.list-price::after {
    content: "";
    width: 100%;
    height: 2px;
    background: #e8e8e8;
    position: absolute;
    bottom: 0;
    left: 0;
}

.list-total li {
    margin: 12px 0;
}

.list-summary li,
.list-price li {
    margin-bottom: 12px;
}

ul.date,
ul.hours,
ul.name-doctor,
ul.price,
ul.total {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

ul.list-total {
    padding: 0px 14px;
}

.box-btn .button {
    width: 100%;
    text-align: center;
}

ul.price.font-bold {
    font-weight: 700;
}


/* # Appointment List Page  #*/

.table {
    margin-bottom: 0;
    margin-top: 15px !important;
    font-size: 14px;
    color: #565656;
    border: 1px solid #dee2e6;
}

.table td,
.table th {
    text-align: center;
    border: 1px solid #dee2e6;
}

td.border.border-dark.slot-selected {
    background: #1E90FF;
    color: #fff;
}

tr.off-day td.slot-selected {
    background: #FF7F50 !important;
}

.table .thead-dark th {
    color: #fff;
    background-color: #1A3D7D;
    border-bottom: 4px solid #2B8FE5;
}

.list-btn.edit {
    border: none;
    color: #2B8FE5;
    background: transparent;
    font-size: 20px;
}

.list-btn.scan {
    border: none;
    color: #1A3D7D;
    background: transparent;
    font-size: 20px;
}

.list-btn.delete {
    border: none;
    color: #f03e56;
    background: transparent;
    font-size: 20px;
    margin-left: 10px;
}

.list-btn.watch {
    margin-left: 10px;
    border: none;
    color: #2B8FE5;
    background: transparent;
    font-size: 20px;
}

.quote-box button {
    background: orange;
    border: none;
    border-radius: 0;
    padding: 10px 50px;
    margin-top: 20px;
}


/* # doctor profile page #*/

.profile-thumb .team-categories.profile-page-cat {
    color: #1A3D7D;
    font-weight: 600;
    margin-top: 8px;
}

.box-wrap-details .title-heading {
    color: #35434e;
    font-size: 46px;
    font-weight: 700;
    line-height: 58px;
    padding-bottom: 10px;
    letter-spacing: -1px;
}

.box-wrap-details .sub-details {
    font-size: 18px;
    color: #565872;
}

.box-wrap-details p {
    line-height: 1.8rem;
}

.curriculum-vitae {
    margin-top: 25px;
}

.curriculum-vitae li {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 18px;
    margin-bottom: 20px;
    background: #def0f8;
    border-radius: 8px;
}

.curriculum-vitae li:nth-child(1),
.curriculum-vitae li:nth-child(3) {
    background: none;
}

.curriculum-vitae li .sub-details {
    width: 17.2%;
    font-weight: 500;
}

.box-wrap-details .sub-details {
    font-size: 18px;
    color: #565872;
    font-weight: 600;
    margin-bottom: 7px;
}

.curriculum-vitae li p {
    width: 82.8%;
}

.box-doctor-services {
    float: left;
    width: 48%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-right: 30px;
    box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
    margin-bottom: 30px;
    border-radius: 5px;
}

.box-doctor-services .box-icon {
    width: 33.4%;
    text-align: center;
}

.box-doctor-services .box-icon svg {
    line-height: 125px;
}

.box-doctor-services .content-box {
    width: 66.6%;
    padding-right: 10px;
}

.box-awards-honours {
    width: 31%;
    margin-right: 33px;
    box-shadow: 0 10px 30px rgb(0 0 0 / 7%);
    text-align: center;
    padding: 0 20px;
    border-radius: 5px;
}

.box-icon {
    color: #1A3D7D;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.box-awards-honours .box-icon svg {
    font-size: 75px;
}

.box-awards-honours h4 {
    font-weight: 500;
    letter-spacing: -0.4px;
}

.doctor-schedule {
    padding-top: 60px;
}

.doctor-schedule h5 {
    font-size: 22px;
    font-weight: 500;
}

.doctor-profile-info {
    padding-bottom: 0;
}

.doctor-profile .edit-btn i {
    top: -2px;
    right: -15px;
}

.d-profile-pb {
    padding-bottom: 80px;
}

.d-profile .button {
    padding: 15px 10px;
    margin-top: 20px;
}

.d-profile p {
    font-size: 16px;
    line-height: 26px;
    text-align: justify;
}

/* # doctors page #*/

.custom-search {
    padding: 60px 0 30px;
}

.custom-search h3 {
    font-size: 23px;
    margin-top: 7px;
}

.d-profile {
    display: block;
}

.d-profile-thumb {
    display: flex;
}

.d-profile-map {
    padding: 0;
    margin-left: 75px;
}

.d-profile-map iframe {
    width: 540px;
    height: 250px;
}

.d-profile-body {
    width: 100%;
}

.d-profile-info {
    margin-bottom: 15px;
}

.d-profile-cv li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.search-appointment {
    border: 0;
}

.fade.bd-example-modal-lg {
    z-index: 99999;
}

.p-40 {
    padding: 40px 30px;
}

#myUL {
    list-style-type: none;
    padding: 0;
    margin: 0;
    margin-top: 4px;
    border-radius: 8px;
    border: 1px solid #ddd;
}

#myUL li:last-child {
    border-bottom: 0;
}

#myUL li a {
    margin-top: -1px;
    padding: 12px 15px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    color: black;
    display: block;
}

#myUL li a:first-child {
    font-size: 15px;
    font-weight: 600;
    color: black;
}

#myUL li a:hover {
    color: #006fcf;
}

#myUL li:hover {
    background-color: #eee;
    /* Add a hover effect to all links, except for headers */
}

/* # Doctors List Page */

#team.doctors-search-list {
    padding-top: 60px;
}

.appoint-layout {
    display: flex;
}

.w-50-thumb.appoint-layout {
    width: 100%;
}

.appoint-container {
    flex-direction: column;
}

.team.style-16 .team-body.appoint-text {
    padding-right: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.myc-available-time {
    background-color: #2B8FE5;
    border-radius: 20px;
    color: #fff;
    transition: .3s linear all;
}

.myc-available-time:hover {
    background-color: #1A3D7D;
    color: #fff;
}

.myc-available-time.selected {
    background-color: #1A3D7D;
    color: #FFF;
    font-weight: bold;
}

#myc-prev-week,
#myc-next-week {
    border: 1px solid #2B8FE5;
    color: #2B8FE5;
    font-weight: bold;
    line-height: 32px;
    transition: .3s linear all;
}

#myc-current-month-year-container {
    font-weight: bold;
    color: #1A3D7D;
}

#myc-next-week:hover {
    border: 1px solid #2B8FE5;
    color: #2B8FE5;
}

#myc-week-container {
    border: none
}

.w-50-thumb {
    width: 50%;
}

.c-right-arrow {
    position: absolute;
    right: 9px;
    top: 12px;
}


#map {
    width: 100%;
    height: 826vh;
}

.calendar thead {
    font-size: 1em;
}


/* Patient Profile Page */

.patient-profile {
    padding-bottom: 100px;
}

.contact-details {
    padding-top: 0;
}

.space-patient {
    margin-top: 30px;
}

.patient-info span {
    margin-bottom: 7px;
}

.patient-info span:last-child {
    margin-bottom: 0;
}


/* Blog Details Page # */

.blog-details-content {
    border-bottom: 1px solid rgb(219, 219, 219);
    padding-bottom: 60px;
}

.blog-details-content p {
    line-height: 1.8rem;
}

.blog-details-content img {
    width: 100%;
}

.highlight {
    background: #1A3D7D;
    color: #fff;
    border-left: 8px solid #13ADE5;
    padding: 30px;
    font-size: 18px;
    border-radius: 4px;
}

.blog-detail-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-detail-meta .blog-category span {
    background: #f2f7ff;
    padding: 11px 14px;
    font-size: 18px;
    font-weight: 600;
    border-radius: 9px;
    margin-right: 10px;
    transition: .3s linear all;
}

.blog-detail-meta .blog-category span:hover {
    background: #1A3D7D;
    color: #fff;
}

.blog-detail-meta .blog-category span:last-child {
    margin-right: 0px;
}

.blog-detail-meta .blog-share span {
    font-size: 18px;
    font-weight: 600;
    margin-right: 10px;
}

.blog-detail-meta .blog-share {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-detail-meta .blog-share ul {
    display: flex;
    margin-bottom: 0;
}

.blog-detail-meta .blog-share ul li {
    background: #516fb1;
    color: #fff;
    margin-right: 10px;
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.blog-detail-meta .blog-share ul li:last-child {
    margin-right: 0px;
}

.blog-detail-meta .blog-share ul li.facebook {
    background: #516fb1;
    color: #fff;
}

.blog-detail-meta .blog-share ul li.twitter {
    background: #2B8FE5;
    color: #fff;
}

.blog-detail-meta .blog-share ul li.pinterest {
    background: #a91e23;
    color: #fff;
}

.blog-detail-meta .blog-share ul li:hover a {
    color: #fff;
}

.comments-area {
    padding-top: 40px;
}

.comment-list article {
    display: flex;
    padding: 26px 0 35px;
    margin-bottom: 6px;
}

.comment-wrap .gravatar {
    margin-right: 40px;
}

.comment-meta {
    margin-bottom: 10px;
}

.comment-meta .comment-time {
    color: #7d7d7d;
    font-size: 14px;
    font-weight: 600;
}

.comment-list .children > li {
    padding: 0 0 0 130px;
}

.comment-list .children article {
    padding: 18px 0 35px 4px;
    border-top: 1px solid #f2f7ff;
}

.comment-reply-link {
    color: #2B8FE5;
    font-size: 13px;
}

.comment-reply {
    margin-top: 10px;
}

.comment-reply-link:hover {
    color: #2B8FE5;
}

.comment-respond {
    padding: 44px 45px;
    border: 2px solid #e2eeff;
}

.comment-respond h1 {
    margin-bottom: 25px;
    font-weight: 700;
    font-size: 24px;
}

.form-respond form input {
    width: 100%;
    padding: 15px;
    background: #F5F8FF;
    border: none;
    border-radius: 4px;
    height: 60px;
}


/* right-sidebar */

.widget {
    margin-bottom: 30px;
}

.widget.widget-bg {
    background: #F5F8FF;
    padding: 30px;
}

.widget-body .categories,
.widget-body .tags,
.widget-body .instagram,
.widget-body .news-box {
    margin-top: 25px;
}

.widget-title {
    margin-bottom: 10px;
}

.widget form input {
    width: 100%;
    padding: 15px;
    background: #F5F8FF;
    border: none;
    border-radius: 4px;
    position: relative;
}

.widget form button {
    border: none;
    color: #1A3D7D;
    background: none;
    position: absolute;
    right: 8%;
    top: 14px;
    font-size: 18px;
}

.widget .categories ul li a {
    color: #848E9F;
    margin-bottom: 15px;
    padding-bottom: 15px;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-transform: capitalize;
    position: relative;
    border-bottom: 1px solid rgb(219, 219, 219);
    transition: .3s linear all;
}

.widget .categories ul,
.widget .tags ul,
.widget .instagram ul {
    margin-bottom: 0;
}

.widget .categories ul li:hover a {
    color: #2B8FE5;
    cursor: pointer;
}

.widget .categories ul li a svg {
    float: right;
}

.widget-body .tags ul li {
    display: inline-block;
}

.widget-body .tags ul li a {
    background: #fff;
    padding: 10px 13px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 9px;
    margin-right: 5px;
    transition: .3s linear all;
    margin: 0 5px 10px 0;
    display: block;
    color: #212529;
}

.widget-body .tags ul li:hover a {
    background: #1A3D7D;
    color: #fff;
}

.widget .widget-body .instagram ul li {
    display: inline-block;
    margin: 2px;
    position: relative;
    border-radius: 3px;
    overflow: hidden;
    width: 60px;
    height: 60px;
}

.widget .widget-body .instagram ul li img {
    width: 100%;
    height: 100%;
}

.news-item {
    margin-bottom: 22px;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.news-item .item-content {
    padding-left: 20px;
}

.news-img img {
    max-width: none;
}

.news-item h5 {
    color: inherit;
    font-weight: 500;
}

.doctor-info span {
    color: #2B8FE5;
    font-size: 13px;
}


/* # QR CODE STARTS # */

.qrcode {
    width: 100%;
}

.qrcode img {
    width: 100%;
}

.qr-code-modal .button {
    border: none;
    padding: 15px 30px;
}

.qr-code-modal .button.later {
    background: #848E9F;
}


/* # Watch Appointment # */

.download-prescription {
    margin-bottom: 15px;
}

.download-prescription:last-child {
    margin-bottom: 0;
}

.download-prescription span {
    background: #1A3D7D;
    border-radius: 5px;
    padding: 15px 20px;
    display: block;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    position: relative;
}

.quote-box .quote-item .download-prescription span svg {
    top: 19px;
    color: #fff;
}


/* # ADMIN CHECKING PAGE # */

.admin-check .right-side {
    background: #fff;
}

/* # ADMIN PROFILE PAGE #*/

.controls button.w-0 {
    width: inherit;
}

/* # SETTINGS PAGE # */

.settings-right {
    min-height: 55vh;
}

.settings-tab {
    justify-content: space-between;
}

.settings-tab .nav-link {
    width: 30%;
}

.settings-select .selectStyle ul.list {
    width: 100%;
}

form.payment-form label {
    color: #a4a4a4;
}

/* mobile menu */

.mean-container a.meanmenu-reveal {
    border: 1px solid #1A3D7D;
}

.mean-container a.meanmenu-reveal span {
    background: #1A3D7D none repeat scroll 0 0;
}

a.meanmenu-reveal.meanclose {
    color: #1A3D7D;
}


/* search element */

.search-box {
    transition: 0.5s;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(26 61 125 / 90%);
    z-index: 1040;
    display: none;
}

.search-box form {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 85%;
    display: flex;
    align-items: center;
}

.search-box form .form-row {
    width: 100%;
}

.search-box form input {
    background-color: transparent;
    width: 100%;
    font-size: 24px;
    color: #FFF;
    border: 0;
    border-bottom: 1px solid #FFF;
    margin-top: 5px;
}

.search-box form button {
    position: absolute;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    background-color: transparent;
    text-align: center;
    font-size: 22px;
    color: #13ADE5;
    border: 0;
    outline: none;
}

.search-box .search-box-icon {
    position: absolute;
    right: 50px;
    top: 50px;
    font-size: 22px;
    color: #FFF;
    cursor: pointer;
}

.search-active {
    display: block;
}

.search-box form input[type="search"]::placeholder {
    color: #fff;
}

.custom-select {
    background: none;
    color: #fff;
    border: none;
    border-radius: 0;
    border-bottom: 1px solid #FFF;
}

.custom-select.selectStyle.nice-select.open .list {
    width: 100%;
    border-radius: 0;
    color: #1A3D7D;
}

.custom-select.selectStyle.nice-select span.current {
    color: #fff;
    font-size: 24px;
}

/* scroll top btn */

.top-btm {
    position: fixed;
    width: 50px;
    height: 50px;
    line-height: 48px;
    font-size: 20px;
    bottom: 65px;
    right: 50px;
    z-index: 999;
    color: #fff;
    background: #2B8FE5;
    text-align: center;
    cursor: pointer;
    transition: .3s linear all;
    border-radius: 0;
    display: none;
    border-radius: 50%;
}

.top-btm:hover {
    background: #1A3D7D;
}

/* Doctor's Page */

.doctor-image img {
    border-radius: 5px 5px 0 0;
}

.doctor-image {
    position: relative;
}

.doctor-image .share-link {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    transition: .3s;
    opacity: 0;
    visibility: hidden;
    text-align: center;
    margin-bottom: 20px;
}

.doctor-image:hover .share-link {
    bottom: 20px;
    visibility: visible;
    opacity: 1;
}

.doctor-image .share-link i {
    display: inline-block;
    height: 35px;
    width: 35px;
    line-height: 35px;
    border-radius: 50px;
    font-size: 17px;
    background-color: #33B9CB;
    color: #fff;
    transition: .3s;
    text-align: center;
}

.doctor-image .share-link i:hover {
    background: #2B8FE5;
}

.share-link a {
    margin-left: 5px;
}

.doctor-profile {
    padding: 5px 20px;
    margin-top: 13px;
    position: relative;
}

.doctor-profile i {
    position: absolute;
    top: -3px;
}

.doctor-profile-wrap {
    border: 1px solid #DBDEE3;
    border-radius: 8px;
}

.doctor-profile h6 {
    font-size: 20px;
    margin: 10px 0 5px;
}

.doctor-profile span {
    color: #2B8FE5;
    font-weight: 500;
}

.doctor-profile p {
    font-size: 16px;
    margin-top: 20px;
    line-height: 26px;
}

.doctor-info {
    margin-top: 10px;
    padding: 10px 20px;
    position: relative;
}

.doctor-info h4 {
    font-size: 20px;
    margin: 10px 0;
}

.doctor-info a {
    color: #2B8FE5;
    font-weight: 500;
}

.doctor-info a.button {
    color: #fff;
    padding: 12px 28px;
}

.doctor-info a.button:hover {
    color: #fff;
    background: #1A3D7D;
}

.doctor-bio a.button:hover {
    color: #fff;
    background: #1A3D7D;
}

.doctor-info span {
    display: block;
    font-size: 16px;
    color: #2B8FE5;
}

.doctor-details-desc {
    padding-left: 20px;
}

.edit-btn h3 {
    font-size: 16px;
    background: #def0f8;
    padding: 15px;
    margin: 0 0 20px;
    border-radius: 8px;
    letter-spacing: 1px;
}

.doctor-details-desc p {
    line-height: 28px;
}

.introduction-content ul.list {
    margin: 0;
}

.doctor-details-desc .introduction-content .list li {
    color: #565656;
    list-style-type: none;
    margin-bottom: 15px;
    padding-left: 15px;
    position: relative;
}

.doctor-details-desc .skills-content .skills-list li {
    list-style-type: none;
    padding: 10px 15px;
    transition: .3s;
    border-radius: 5px;
}

ul.skills-list li i {
    background: #2B8FE5;
    border-radius: 50%;
    padding: 2px;
    color: #fff;
    margin-right: 10px;
}

.doctor-details-desc .book-an-appointment h3 {
    font-size: 20px;
    margin: 50px 0 20px;
}

.doctor-details-desc .book-an-appointment form .form-group {
    margin-bottom: 25px;
}

.doctor-details-desc .book-an-appointment form .form-group label {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
}

.doctor-details-desc .book-an-appointment form .form-group .form-control {
    border: 1px solid #ddd;
    height: auto;
    padding: 10px;
    transition: .3s;
    font-size: 15px;
}

.doctor-bio a.button {
    color: #fff;
    margin-top: 20px;
    border: none;
}

ul.biography li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dcdee2;
    color: #848e9f;
}

.doctor-bio img {
    max-width: 350px;
    height: 97%;
}

.contact-data {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.contact-data .contact-icon {
    font-size: 25px;
    color: #2B8FE5;
}

.contact-data .contact-meta {
    padding-left: 10px;
}

.contact-data .contact-meta h6 {
    font-size: 15px;
    font-weight: 500;
    color: #848E9F;
}

.doctor-schedule {
    background: #f6f6f6;
    margin-top: 30px;
    padding: 30px;
    border-radius: 8px;
    position: relative;
}

.schedule-icon i {
    font-size: 50px;
    color: #2B8FE5;
}

.doctor-schedule h4 {
    font-size: 18px;
    margin: 20px 0;
}

ul.schedule-list li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dcdee2;
    color: #848e9f;
}

.doctor-schedule:after {
    content: '';
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: 0;
    width: 3px;
    background-color: #2B8FE5;
}

.doctor-schedule a.button {
    margin-top: 20px;
    color: #fff;
}

.doctor-schedule a.button:hover {
    color: #fff;
    background: #1A3D7D;
}

.edit-btn {
    position: relative;
}

.edit-btn i {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 25px;
    color: #1A3D7D;
    cursor: pointer;
}

.doctor-profile i {
    position: absolute;
    top: -3px;
    right: -15px;
}

.doctor-image .edit-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.doctor-info .edit-btn i {
    position: absolute;
    top: -17px;
    right: -302px;
}

/* Modal CSS */

.modal-body textarea {
    height: 200px;
    width: 100%;
    border: 1px solid #ddd;
    padding: 20px;
}

.modal-body input {
    width: 100%;
    border: 1px solid #ddd;
    padding: 7px;
    margin-bottom: 20px;
}

.modal-content {
    border-top: 20px solid #2B8FE5;
}

.modal-footer {
    border-top: none;
}

/* To do list */

/* Include the padding and border in an element's total width and height */
* {
    box-sizing: border-box;
}

/* Remove margins and padding from the list */
ul#myUL {
    margin: 0;
    padding: 0;
}

/* Style the list items */
ul#myUL li {
    cursor: pointer;
    position: relative;
    padding: 12px 8px 12px 40px;
    list-style-type: none;
    background: #eee;
    font-size: 16px;
    transition: 0.2s;

    /* make the list items unselectable */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Set all odd list items to a different color (zebra-stripes) */
ul#myUL li:nth-child(odd) {
    background: #f9f9f9;
}

/* Darker background-color on hover */
ul#myUL li:hover {
    background: #ddd;
}

/* When clicked on, add a background color and strike out text */
ul#myUL li.checked {
    background: #888;
    color: #fff;
    text-decoration: line-through;
}

/* Add a "checked" mark when clicked on */
ul#myUL li.checked::before {
    content: '';
    position: absolute;
    border-color: #fff;
    border-style: solid;
    border-width: 0 2px 2px 0;
    top: 10px;
    left: 16px;
    transform: rotate(45deg);
    height: 15px;
    width: 7px;
}

/* Clear floats after the header */
.header:after {
    content: "";
    display: table;
    clear: both;
}

/* Style the input */
input {
    margin: 0;
    border: none;
    border-radius: 0;
    width: 75%;
    padding: 10px;
    float: left;
    font-size: 16px;
}

/* Style the "Add" button */
.addBtn {
    padding: 8px;
    width: 25%;
    background: #1EA362;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s;
    border-radius: 0;
    margin-bottom: 10px;
    position: absolute;
    right: 16px;
}

.addBtn:hover {
    background-color: #bbb;
}

.contact-data label {
    display: block;
}

/* Patient's Profile Page */

.patient-image img {
    border-radius: 5px 5px 0 0;
}

.patient-image {
    position: relative;
}

.patient-profile {
    padding: 5px 20px;
    margin-top: 13px;
    position: relative;
}

.patient-profile i {
    position: absolute;
    top: -3px;
}

.patient-profile-wrap {
    border: 1px solid #DBDEE3;
    border-radius: 8px;
}

.patient-profile h6 {
    font-size: 18px;
    margin: 10px 0 25px;
}

.patient-profile span {
    font-weight: 500;
}

.patient-profile p {
    font-size: 16px;
    margin-top: 20px;
    line-height: 26px;
}

.patient-info {
    margin-top: 10px;
    padding: 10px 20px;
    position: relative;
}

.patient-info h4 {
    font-size: 20px;
    margin: 10px 0;
}

.patient-info a {
    color: #2B8FE5;
    font-weight: 500;
}

.patient-info a.button {
    color: #fff;
    padding: 12px 28px;
}

.patient-info a.button:hover {
    color: #fff;
    background: #1A3D7D;
}

.patient-bio a.button:hover {
    color: #fff;
    background: #1A3D7D;
}

.patient-info span {
    display: block;
    font-size: 16px;
    color: #2B8FE5;
}

.patient-details-desc {
    padding-left: 20px;
}

.patient-details-desc .introduction-content h3 {
    font-size: 16px;
    background: #def0f8;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.introduction-content ul.list {
    margin: 0;
}

.patient-details-desc .introduction-content .list li {
    color: #848E9F;
    list-style-type: none;
    margin-bottom: 12px;
    padding-left: 15px;
    position: relative;
}

.patient-details-desc .skills-content h3 {
    font-size: 16px;
    background: #def0f8;
    padding: 15px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.patient-details-desc .skills-content .skills-list li {
    list-style-type: none;
    padding: 10px 15px;
    transition: .3s;
    border-radius: 5px;
}

ul.skills-list li i {
    background: #2B8FE5;
    border-radius: 50%;
    padding: 2px;
    color: #fff;
    margin-right: 10px;
}

.patient-details-desc .book-an-appointment h3 {
    font-size: 20px;
    margin: 50px 0 20px;
}

.patient-details-desc .book-an-appointment form .form-group {
    margin-bottom: 25px;
}

.patient-details-desc .book-an-appointment form .form-group label {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 12px;
}

.patient-details-desc .book-an-appointment form .form-group .form-control {
    border: 1px solid #ddd;
    height: auto;
    padding: 10px;
    transition: .3s;
    font-size: 15px;
}

.patient-bio h3 {
    font-size: 16px;
    background: #def0f8;
    padding: 15px;
    margin: 20px 0;
    border-radius: 8px;
}

.patient-bio a.button {
    color: #fff;
    margin-top: 20px;
    border: none;
}

ul.biography li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dcdee2;
    color: #848e9f;
}

.patient-bio img {
    max-width: 350px;
    height: 97%;
}

.contact-data {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.contact-data .contact-icon {
    font-size: 25px;
    color: #2B8FE5;
}

.contact-data .contact-meta {
    padding-left: 10px;
}

.contact-data .contact-meta h6 {
    font-size: 15px;
    font-weight: 500;
    color: #848E9F;
}

.contact-details {
    background: #f6f6f6;
    margin-top: 30px;
    padding: 30px;
    border-radius: 8px;
    position: relative;
}

.schedule-icon i {
    font-size: 50px;
    color: #2B8FE5;
}

.contact-details h4 {
    font-size: 18px;
    margin: 20px 0;
}

ul.patient-contact-details li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dcdee2;
    color: #848e9f;
}

.contact-details:after {
    content: '';
    position: absolute;
    top: 40px;
    bottom: 40px;
    left: 0;
    width: 3px;
    background-color: #2B8FE5;
}

.contact-details a.button {
    margin-top: 20px;
    color: #fff;
}

.contact-details a.button:hover {
    color: #fff;
    background: #1A3D7D;
}

.edit-btn {
    position: relative;
}

.edit-btn i {
    position: absolute;
    top: 10px;
    right: 7px;
    font-size: 25px;
    color: #1A3D7D;
    cursor: pointer;
}

.patient-profile i {
    position: absolute;
    top: -3px;
    right: -15px;
}

.patient-image .edit-btn {
    position: absolute;
    top: 0;
    right: 0;
}

.patient-info .edit-btn i {
    position: absolute;
    top: -17px;
    right: -302px;
}

ul.patient-bio li {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px solid #dcdee2;
    color: #848e9f;
}

/* Prescription CSS */

table {
    border-collapse: collapse;
    width: 100%;
}

td,
th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.patient-reports a {
    display: block;
    padding: 25px;
    margin-top: 40px;
    font-size: 20px;
}

.patient-reports i {
    font-size: 48px;
}

.patient-reports a {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.contact-details .edit-btn i {
    top: 0;
}

.patient-details-desc .skills-content .skills-list li {
    list-style-type: none;
    padding: 10px 15px;
    transition: .3s;
    border-radius: 5px;
}

.patient-details-desc ul.skills-list li {
    padding: 10px 15px;
}

.patient-prescribed h3 {
    font-size: 16px;
    background: #def0f8;
    padding: 15px;
    margin: 20px 0;
    border-radius: 8px;
}

table i {
    font-size: 24px;
    color: #2B8FE5;
}

table i:nth-child(2) {
    font-size: 24px;
    color: #f03e56;
}

/* patient list page  */

.search-criteria-btn button {
    background: #00ABA9;
    border: none;
    margin-bottom: 20px;
    padding: 7px 18px;
}

.patient-list-wrapper.section-padding {
    padding: 90px 0;
}

a.green i {
    color: #2ecc71;
}

/* Admin Profile Page  */

.admin-profile {
    background: #f6f6f6;
}

.admin-profile-box {
    border: 1px solid #eee;
    text-align: center;
    padding: 30px;
    background-color: #fff;
    position: relative;
}

.admin-profile-box i {
    position: absolute;
    top: 0;
    right: 0;
}

.admin-profile-img img {
    border-radius: 50%;
    width: 100px;
    height: auto;
}

.admin-title h5 {
    font-size: 16px;
    line-height: 20px;
    margin: 25px 0;
}

.admin-title h5 span {
    display: block;
    font-size: 15px;
    font-weight: 500;
    opacity: .5;
}

.social-link ul {
    display: flex;
    align-items: center;
    justify-content: center;
}

.social-link ul li a {
    color: #2196F3;
    margin: 0 10px;

}

.bg-white {
    position: relative;
}

.bg-white i:before {
    color: #1A3D7D;
    position: absolute;
    right: 0;
    top: -50px;
}

.form-select:not(.form-select-sm) {
    height: 25px;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
}

.form-control,
.form-select {
    border-color: #dae1e3;
    font-size: 16px;
    color: #656565;
}

.form-select:not(.form-select-sm) {
    height: 25px;
    padding-top: 1.7rem;
    padding-bottom: 0.7rem;
    width: 100%;
}

.form-control,
.form-select {
    border-color: #dae1e3;
    font-size: 16px;
    color: #656565;
}

form label {
    font-size: 14px;
    font-weight: 500;
    color: #4c4d4d;
    width: 100%;
}


.avatar-icon i {
    position: absolute;
    left: 56px;
    top: 36%;
}

.avatar-icon i:before {
    font-size: 25px;
    color: #fff;
    background: #2B8FE5;
    border-radius: 50%;
    padding: 7px;
    cursor: pointer;
}

.custom-file-input {
    cursor: pointer;
    position: relative;
    z-index: 2;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    margin: 0;
    opacity: 0;
}

.main-menu-area .is-sticky .sticky-area {
    background: #fff;
    z-index: 999 !important;
    -webkit-animation: slideInDown .6s forwards;
    animation: slideInDown .6s forwards;
    -webkit-box-shadow: 0 0 5px #eee;
    box-shadow: 0 0 5px #eee;
}

.form-dropdown {
    font-size: 14px;
    height: 40px;
    width: auto;
    border: 1px solid #ddd;
    color: #757575;
}

/* Contact Page  */

.contact-us-area {
    background: #DEF0F8;
    background-size: cover;
    height: 500px;
    position: relative;
    z-index: 1;
}

.contact-us-wrapper {
    background: #fff;
    margin-top: 50px;
    position: relative;
}

.contact-us-inner {
    text-align: center;
    padding: 40px 30px;
    border-right: 1px solid #eee;
}

.contact-us-inner:nth-last-child(4) {
    border-right: none;
}

.contact-us-inner h4 {
    margin: 40px 0px 20px;
    font-size: 20px;
    font-weight: 500;
}

.contact-us-inner a {
    text-transform: uppercase;
    color: #0099F7;
    font-size: 15px;
    font-weight: 500;
    display: block;
    margin: 30px 0 10px;
}

#contact-us .info-i {
    position: relative;
    z-index: 1;
}

#contact-us .info-i i:before {
    font-size: 40px;
    color: #0099F7;
}

#contact-us .contact-form .main-btn {
    margin-top: 30px;
}

.contact-section {
    background-image: url(../img/for-all/ap1.jpeg);
}

.contact-section .section-title h2 {
    color: #fff;
}

.contact-form .main-btn {
    border-radius: 0;
    border: none;
    margin: 40px 0;
}

/*Form Style CSS */

#contact-page h2 {
    margin-bottom: 30px;
}

#contact-page h6 {
    color: #fff;
}

#contact-page input,
#contact-page textarea,
#contact-page select {
    width: 100%;
    background: #fff;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: .3s;
    transition: .3s;
    margin-bottom: 20px;
}

#contact-page textarea {
    height: 150px;
    resize: none;
    border: none;
}

#contact-page input[type="submit"],
#contact-page button[type="submit"] {
    border: none;
    border-radius: 0;
    display: inline-block;
    background: #0099F7;
    color: #fff;
    padding: 15px 30px;
    margin: 27px 0;
    width: auto;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    font-size: 15px;
    font-weight: 600;
}

#contact-page input::placeholder,
#contact-page textarea::placeholder {
    font-size: 14px;
    font-weight: 500;
    color: #222;
}

#contact-page input:focus::-webkit-input-placeholder,
#contact-page textarea:focus::-webkit-input-placeholder {
    color: transparent;
}

#contact-page button {
    background: #fff;
    color: #2B8FE5;
}

#contact-page button:hover {
    background: #0B0C26;
    color: #fff;
}

#contact-page .auto-container {
    max-width: 800px;
    margin: 0 auto;
}

/* Style the close button */
.shutdown {
    position: absolute;
    right: 0;
    top: 0;
    padding: 12px 16px 12px 16px;
}

.shutdown:hover {
    background-color: #2B8FE5;
    color: white;
}


/* Breadcroumb Style */

.breadcrumb-container {
    color: #fff;
}

.nav-tabs .nav-link.active {
    position: relative;
}

.nav-tabs .nav-link.active::after {
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #2b90d9;
    position: absolute;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
    display: block;
}

.main-menu-area {
    position: relative;
}

.main-menu-area.absolute-header {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 99;
    padding: 10px 0;
    -webkit-transition: .3s;
    transition: .3s;
}

.main-menu-area.absolute-header .logo h5 {
    color: #fff;
}

.main-menu-area.absolute-header .main-nav ul li a:hover {
    color: #2B8FE5;
}

.main-menu-area.absolute-header .main-nav ul li a {
    color: #fff;
}

.main-menu-area.absolute-header .main-nav ul li.active a {
    color: #2B8FE5;
}

.is-sticky .sticky-area .logo h5 {
    color: #1A3D7D;
}

.is-sticky .sticky-area .main-nav ul li a {
    color: #1A3D7D;
}

.is-sticky .sticky-area .main-nav ul li.active a {
    color: #2B8FE5;
}

.main-menu-area.absolute-header .search,
.main-menu-area.absolute-header .profile {
    box-shadow: 0px 0px 10px 0px rgb(0 0 0 / 11%);
    background: #2B8FE5;
    color: #fff;
}

.is-sticky .sticky-area .search,
.is-sticky .sticky-area .profile {
    /* background: #fff; */
}

.is-sticky .sticky-area .search {
    color: #1A3D7D;
}

.main-menu-area.absolute-header ul.submenu li a {
    color: #1A3D7D;
}

.main-menu-area.absolute-header .meanmenu-reveal {
    background: #fff;
}

.main-menu-area.absolute-header .mean-container .mean-nav ul li li a {
    color: #2B8FE5;
}

/* appointment confirmation page */

.success-containter {
    border: 1px solid #f0f0f0;
    padding: 50px;
    text-align: center;
    position: relative;
}

.success-containter .logo {
    position: absolute;
    left: 45px;
    top: 35px;
}

.success-containter .invoice-no {
    position: absolute;
    right: 35px;
    top: 35px;
}

.success-containter .invoice-no p {
    font-size: 15px;
}

.success-icon {
    width: 50px;
    height: 50px;
    background: #09E5AB;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    border-radius: 50%;
}

.success-icon i {
    font-size: 27px;
    color: #fff;
}

.success-headline h6 {
    color: #272b41;
    font-size: 20px;
    margin: 20px 0 10px;
}

.success-containter p {
    font-size: 15px;
    color: #757575;
}

.appoint-wrap {
    border: 1px solid #f0f0f0;
    margin: 40px 0;
}

.apppointment-summary {
    text-align: left;
    padding: 22px;
}

.applicant-info {
    margin-bottom: 15px;
}

.applicant-info p {
    color: #272b41;
    font-weight: 500;
}

.applicant-info p span {
    opacity: .5;
}

.doct-info h6 {
    color: #272b41;
    font-size: 15px;
    margin-bottom: 15px;
}

.doct-info h6 span {
    display: block;
    opacity: .5;
}

.sche-info h6 {
    color: #272b41;
    font-size: 15px;
}

.sche-info .date {
    margin-bottom: 15px;
}

.qr-code-area p {
    text-align: justify;
    padding-left: 100px;
    padding-right: 70px;
    font-size: 14px;
    padding-bottom: 20px;
}

.qr-code-area img {
    max-width: 250px;
    height: auto;
}

.success-containter a.btn {
    border: none;
    padding: 10px 28px;
    margin: 20px 0;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 1px;
}

.success-containter a.btn:focus {
    outline: none !important;
}

.success-containter a.btn {
    margin-right: 15px;
    margin-top: 35px;
}

.patient-dtl p {
    margin: 15px 0 5px;
}


/* Search Criteria  */

.panel .panel-heading button {
    background: #00ABA9;
    padding: 8px 18px;
}

.btn-group {
    float: right;
}

.search-criteria form {
    background: #fff;
    padding: 30px;
}

.search-criteria h4 {
    font-size: 18px;
    font-weight: 600;
    background: #eee;
    padding: 10px;
    padding-left: 25px;
}

.dataTables_wrapper {
    background: #fff;
}

#vendor-sort_filter input[type=search],
#vendor-sort_filter label {
    display: none;
}

.dataTables_filter button[aria-expanded="true"] .panel-heading {
    border-bottom: none;
}

.search-criteria .close {
    position: absolute;
    top: 6px;
    right: 20px;
    font-size: 24px;
    opacity: .6;
}

.search-criteria {
    position: relative;
    border: 1px solid #eee;
}

.search-criteria .form-btn {
    margin-top: 25px;
}

#search_criteria #vendor-sort_paginate {
    text-align: right;
}

input:focus::-webkit-input-placeholder {
    color: transparent;
}

#search_criteria {
    margin-top: 40px;
}

#search_criteria .pagination {
    justify-content: end;
}

tr .sorting:after {
    position: absolute;
    content: "\f063";
    font-family: 'Line Awesome Free';
    font-weight: 600;
    font-style: normal;
    right: 4px;
    bottom: 5px;
    opacity: .5;
}

tr .sorting:before {
    position: absolute;
    content: "\f062";
    font-family: 'Line Awesome Free';
    font-weight: 600;
    font-style: normal;
    right: 15px;
    bottom: 5px;
}

tr .sorting {
    position: relative;
}

/* pagination */

#vendor-sort_paginate {
    margin-bottom: 25px;
}

#vendor-sort_length label {
    display: none;
}



/* register button  */

a.nav-link.btn {
    background: #2B8FE5;
    color: #fff !important;
    padding: 8px 20px;
    margin-right: -15px;
}

a.nav-link.btn.green {
    background: #00839A;
    color: #fff !important;
    padding: 8px 20px;

}

a.nav-link.btn.orange {
    background: #FFC107;
    color: #fff !important;
    padding: 8px 20px;

}

/* language dropdown */

.lang-dropdown .lang-dropdown-toggle {
    font-size: 14px;
    height: 40px;
    font-weight: 700;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 15px;
    color: #fff;
    background: none;
    border: none;
    outline: none;
}

/*FAQ Section  */

.accordion.faqs .card .card-header {
    background: #fff;
    padding: 0;
    margin-bottom: 0px;
    border-radius: 0px;
    border: none;
}

.accordion.faqs .card {
    margin-bottom: 20px;
    border-radius: 0px;
    border: 2px solid #f3f5f8;
}

.accordion.faqs .card:last-child {
    margin-bottom: 0;
}

.accordion.faqs .card .card-header .btn-link {
    padding: 25px 40px;
    background: #fff;
    font-size: 16px;
    font-weight: 700;
    color: #004976;
    width: 100%;
    display: block;
    text-align: left;
    position: relative;
    border-radius: 0px;
    position: relative;
    text-decoration: none;
    border: none;
    padding-right: 95px;
}

.accordion.faqs .card .card-header .btn-link::after {
    right: 40px;
    content: "+";
    height: 50px;
    width: 50px;
    text-align: center;
    top: 50%;
    font-size: 25px;
    font-weight: 400;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 50%;
    position: absolute;
    line-height: 51px;
    color: #fff;
    background: #2B8FE5;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}

.accordion.faqs .card .subtitle > button[aria-expanded="true"]::after {
    content: "-";
}

.accordion.faqs .card .card-body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 15px 30px;
    padding-bottom: 30px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.accordion.faqs .card .card-body .content {
    font-size: 16px;
    line-height: 24px;
    padding-left: 10px;
    text-align: justify;
}

.accordion.faqs .card:not(:first-of-type):not(:last-of-type) {
    border-bottom: 2px solid #f3f5f8;
}

.faq-icon-box {
    position: absolute;
    width: 140px;
    height: 140px;
    background: #fff;
    top: 40%;
    right: 85px;
    margin-top: -70px;
    z-index: 2;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;

}

.faq-thumb {
    position: relative;
    z-index: 2;
}

.faq-icon-box img {
    -webkit-animation: 1.5s shake infinite;
    animation: 1.5s shake infinite;
    width: 80px;
    height: auto;
}

@-webkit-keyframes shake {
    0% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
}

@keyframes shake {
    0% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }

    50% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(7deg);
        transform: rotate(7deg);
    }
}

.faq-icon-box::after {
    width: 180px;
    height: 180px;
    -webkit-box-shadow: 0 8px 16px 0px rgb(130 139 148 / 30%);
    box-shadow: 0 8px 16px 0px rgb(130 139 148 / 30%);
    left: -20px;
    content: "";
    position: absolute;
    border-radius: 50%;
    z-index: -1;
}

.faq-section h2 {
    margin-bottom: 40px;
}

.question-section {
    background: #1C3563;
    padding: 40px;
}

.question-section h6 {
    margin-bottom: 20px;
    font-size: 20px;
    color: #fff;
}

.question-section input::placeholder,
.question-section textarea::placeholder {
    font-size: 14px;
    color: #fff;
}

.question-section button {
    font-size: 14px;
    letter-spacing: 1px;
}

.question-section input,
.question-section textarea,
.question-section select {
    width: 100%;
    background: transparent;
    color: #fff;
    border: 1px solid #9ab5c5;
    padding: 15px 30px;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    -webkit-transition: .3s;
    transition: .3s;
    margin-bottom: 20px;
}