body p {
    font-size: 18px;
}

.enquirySec {
    position: relative;
    width: 100%;
    background-color: #125162;
    background-image: url('../img/enquiry-banner.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.enquirySec:before {
    position: absolute;
    content: "";
    background: #0a5062a6;
    width: 100%;
    height: 100%;
    top: 0;
}

#msg {
    color: yellow;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 10px;
}

.validation {
    color: yellow;
    font-size: 13px;
    text-align: left;
}

.text-head {
    color: #005878;
}

.text-bg-head {
    background: #005878;
    color: #ffffff;
}

.main_logo {
    position: relative;
    padding: 0.5rem 0;
}

.headerText {
    position: relative;
    width: 100%;
}

.headerForm {
    position: relative;
    text-align: center;
    background: #0d82a1;
    padding: 2rem 1.5rem;
    border-radius: 5px;
    box-shadow: 0px 0px 6px 1px #424242;
}

.headerForm input,
.headerForm select {
    position: relative;
    width: 100%;
    border: none;
}

.headerForm textarea {
    position: relative;
    width: 100%;
    border: none;
}

.headerForm #btnSubmit {
    position: relative;
    width: 100%;
    color: #fff;
    border-radius: 30px;
    text-align: center;
    font-size: 20px;
    font-weight: 600;
    border: none;
}

.headerForm a {
    text-decoration: none;
}

.headerForm .orcall {
    position: relative;
    display: block;
    text-align: center;
}

.headerForm .orcall::before {
    content: '';
    height: 2px;
    width: 35%;
    background: rgb(255, 193, 7);
    left: 0;
    top: 12px;
    display: block;
    position: absolute;
}

.headerForm .orcall strong {
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.headerForm .orcall::after {
    content: '';
    height: 2px;
    width: 35%;
    background: rgb(255, 193, 7);
    right: 0;
    top: 12px;
    position: absolute;
    display: block;
}

.headerForm .anchor-text {
    color: #f8f9fa;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.5;
}

.headerForm .anchor-text:hover,
.headerForm .anchor-text:active,
.headerForm .anchor-text:focus {
    color: #f8f9fa;
    font-weight: 700;
    font-size: 30px;
    line-height: 1.5;
}

.excellenceSec {
    position: relative;
    width: 100%;
    text-align: center;
}


.excellenceSec .tbs_cls img {
    position: relative;
    border-radius: 50px;
    padding: 10px;
    border: 1px solid #0d82a1;
}

.introSec {
    position: relative;
    width: 100%;
}

/* Disease Causes */
.causesSec {
    position: relative;
    width: 100%;
    background: #005970;
    color: #ffffff;
}

.causesSec ul li {
    color: #ffffff;
    line-height: 1.5;
    font-size: 18px;
}

.causesSec ul li strong {
    color: #ffc107;
    font-weight: 600;
    border-bottom: 1px solid;
}

/* Types of Disease */
.typeSec {
    position: relative;
    width: 100%;
}

.typeSec .card {
    text-align: center;
    padding: 1.5rem 0;
}

.typeSec .card img {
    text-align: center;
    margin: auto;
}

.typeSec .card-body {
    color: var(--text-dark);
    font-weight: 400;
}

.typeSec .card-title {
    background: #0d82a1;
    padding: .25rem 0;
}

.symptomsSec {
    position: relative;
    width: 100%;
}

.icon-list {
    padding-left: 0;
    list-style: none;
    margin-bottom: 1rem;
}

.icon-list li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 0.25rem;
    padding-left: 20px;
    font-size: 18px;
    line-height: 1.5;
    font-weight: 400;
    margin-bottom: 0.25rem;
}

.icon-list li::before {
    content: "";
    font-family: "Font Awesome 6 Free";
    font-size: 18px;
    font-weight: 900;
    color: #005f62;
    position: relative;
    left: -2%;
}

/* .diagnosisSec {
    position: relative;
    width: 100%;
} */

.treatmentSec {
    position: relative;
    width: 100%;
}

.treatmentSec .box_content p {
    font-size: 1.2rem;
    line-height: 1.5;
    font-weight: 400;
}

.side_fixed {
    position: fixed;
    display: inline-block;
    bottom: 30%;
    right: -8px;
    width: auto;
}

.side_fixed a {
    background: #ffffff;
    color: #fff;
    font-size: 12px;
    display: block;
    width: 64px;
    text-align: center;
    padding: 5px;
    transform: rotate(360deg);
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #0d82a1;
    margin-bottom: 4px;
}

.side_fixed ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.side_fixed a img {
    width: 50px;
    height: 50px;
}

.factsSec {
    position: relative;
    width: 100%;
}

.factsSec .card {
    border-radius: 18px 18px 0px 0px;
}

.factsSec .card-title {
    width: auto;
    display: inline-block;
    font-size: 18px;
    font-weight: bold;
}

.factsSec .card-title span {
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 0;
    padding: 0.25rem;
}

.testimonialSec {
    position: relative;
    width: 100%;
    background: #fff;
}

.testimonialSec .dr_se h2 {
    text-align: center;
}

/* Sticky in Mobile */
.section_phon_all_we {
    position: fixed;
    width: 100%;
    z-index: 9;
    bottom: 0;
    text-align: center;
    opacity: 0;
}

.section_phon_all_we .phon_all_we_in a {
    position: relative;
    display: inline-block;
    width: 100%;
    background: #ff8300;
    padding: 14px 0px;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    letter-spacing: normal;
}

/* Footer */
.footerSec {
    position: relative;
    width: 100%;
    background: #ffefc1;
}

/* ========= Custom CSS ======== */
/* ============================= */
p:last-child {
    margin-bottom: 0rem;
}

.videoSec .video_container img {
    cursor: pointer;
    transition: transform .2s;
    width: 100%;
}

.videoSec .video_container img:hover {
    transform: scale(1.04);
}

.modal .modal-content {
    border-radius: 0;
    border: transparent;
}

.modal .modal-body {
    position: relative;
    padding: 20px
}


/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media only screen and (max-width: 575.98px) {
    #enquiry .main_logo {
        text-align: center;
    }

    #enquiry .main_logo img {
        height: 70px !important;
        margin: 20px auto;
    }

    .introSec {
        text-align: center;
    }

    .introSec .row {
        flex-direction: column-reverse;
    }

    .introSec p {
        text-align: justify;
    }

    .causesSec {
        text-align: center;
    }

    .causesSec p {
        text-align: justify;
    }

    .causesSec ul li {
        text-align: left;
    }
}

@media only screen and (min-width: 768px) {
    .section_phon_all_we {
        display: none !important;
    }
}

@media only screen and (max-width: 768px) and (min-width: 320px) {
    .headerText {
        margin-top: 2rem;
        text-align: center;
    }

    .headerText p {
        text-align: center;
    }

    .testimonialSec .headerText.headerForm {
        display: none;
    }

    .enquirySec #revcs {
        flex-direction: column-reverse;
    }

    body .img {
        height: 400px;
    }
}

/* `md` applies to small devices (landscape phones, less than 768px) */
@media only screen and (max-width: 767.98px) {}

/* `lg` applies to medium devices (tablets, less than 992px) */
@media only screen and (max-width: 991.98px) {}

/* `xl` applies to large devices (desktops, less than 1200px) */
@media only screen and (max-width: 1199.98px) {}

/* `xxl` applies to x-large devices (large desktops, less than 1400px) */
@media only screen and (max-width: 1399.98px) {}

/* new form design */
.appoinment_form {
    position: relative;
    background-color: #fff;
    padding: 25px;
    outline: 5px solid #fff;
    outline-offset: 5px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.appoinment_form .title {
    text-align: center;
    font-size: 20px;
    font-weight: 500;
    border-radius: 10px;
    background-color: #005878;
    padding: 5px 10px;
    color: #fff;
    position: relative;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
    margin-bottom: 30px;
}

.appoinment_form .title::after {
    content: '';
    border-top: 10px solid #005878;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    width: 20px;
    bottom: -10px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

.appoinment_form p {
    font-weight: 500;
    text-align: center;
}

.appoinment_form .form-group {
    margin-bottom: 20px;
}

.appoinment_form .form-group .form-select,
.appoinment_form .form-group .form-control {
    box-shadow: rgba(9, 30, 66, 0.15) 0px 4px 8px -2px, rgba(9, 30, 66, 0.08) 0px 0px 0px 1px;
    border-radius: 0;
    border: 1px solid #888;
}

.appoinment_form .form-group .submit-btn {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    border-radius: 10px;
}

.appoinment_form .form-group .submit-btn button {
    border: none;
    background-color: #005878;
    padding: 10px 20px;
    letter-spacing: 4px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    width: 100%;
    border-radius: 10px 0 0 10px;
}

.appoinment_form .form-group .submit-btn button:visited,
.appoinment_form .form-group .submit-btn button:focus,
.appoinment_form .form-group .submit-btn button:active {
    background-color: red;
}

.appoinment_form .form-group .submit-btn i {
    background-color: #ffc000;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    border-radius: 0 10px 10px 0;
}


.pattern {
    position: relative;
}

.pattern::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: 0.3;
}

.pattern .icon {
    position: absolute;
    z-index: 2;
    width: 50px;
    height: 50px;
    color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 45px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin-top: auto;
    margin-bottom: auto;
    margin-left: auto;
    margin-right: auto;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
}

.pattern .icon::before {
    animation: pulse2 2s infinite;
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.pattern .icon i {
    filter: drop-shadow(1px 0 0 #fff) drop-shadow(-1px 0 #fff) drop-shadow(0 1px 0 #fff) drop-shadow(0 -1px 0 #fff) drop-shadow(1px 1px 0 #fff) drop-shadow(1px -1px 0 #fff) drop-shadow(-1px 1px 0 #fff) drop-shadow(-1px -1px 0 #fff);
}