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

a {
    background-color: transparent;
    text-decoration: none;
}

a:active,
a:hover,
a:focus {
    outline: 0;
}

img {
    max-width: 100%;
    border: none;
}

button {
    overflow: visible;
}

ol,
ul {
    list-style: none;
}

input:focus,
input:active,
select:focus,
select:active,
textarea:focus,
textarea:active,
button:focus,
button:active {
    outline: 0;
}

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&family=Space+Grotesk:wght@300..700&display=swap');

/* html{font-size: 62.5%;} */

main {
    overflow: hidden;
    color: #000;
}

body {
    font-family: sans-serif;
}

.section {
    padding-top: 50px;
}

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

.mt-2 {
    margin-top: 20px !important;
}

.container {
    max-width: 1352px;
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.position-rel {
    position: relative;
}

.text-center {
    text-align: center;
}

p {
    color: #666;
    font-size: 16px;
    line-height: 27px;
}

.heading02 {
    color: #000;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 35px;
}

.heading04 {
    font-size: 24px;
    color: #4ead21;
    line-height: 33px;
}

.heading06 {
    font-size: 23px;
    line-height: 30px;
}


/* herder */


/* .header {
    border-bottom: 1px solid rgb(0 0 0 / .09);
    padding: 10px 0;
    background: #001935;
} */

.logo {
    width: 170px;
    cursor: pointer;
}

nav ul {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

nav ul li {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    cursor: pointer;
    color: #ffffff;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
}

nav ul li:hover,
nav ul li.active {
    color: #cd7752;
}

.submenu {
    margin: 0 auto;
    position: absolute;
    z-index: 99;
    background: #fff;
    padding: 20px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    border-bottom-right-radius: 6px;
    top: 87px;
    left: 0;
    right: 0;
    border-bottom-left-radius: 6px;
    display: none;
}

.submenu ul li {
    font-size: 17px;
    color: #000;
    font-weight: 200;
    line-height: 22px;
    letter-spacing: .3px;
}

.submenu ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
}

.enq-section .right-box {
    width: 455px;
    background: #fff;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    padding: 40px 30px;
    display: none;
}

.enq-section .overlay {
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}

.d-flex {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    gap: 30px;
}

.enq-section .right-box .close-icon {
    color: #3eb8c1;
    font-size: 25px;
    text-decoration: none;
    position: absolute;
    right: 5px;
    top: 5px;
    cursor: pointer;
}

.template_modal_close_btn:hover {
    color: grey;
}

.second-navsection {
    background-color: rgb(243 244 246);
}

.second-nav {
    padding: 10px 0;
}

.field {
    width: 100%;
}

.field input {
    padding: 10px;
    border: 1px solid #ccc;
    height: 35px;
    width: 100%;
    border-radius: 5px;
}

.second-nav .d-grid {
    gap: 20px;
    display: grid;
    justify-content: space-between;
    grid-template-columns: 70% auto;
}

.hospital-listsection {
    padding: 30px 0;
}

.Hospital-row {
    display: grid;
    grid-template-columns: 70% auto;
    gap: 30px;
}

.location {
    font-size: 17px;
    color: rgb(156 163 175);
    line-height: 30px;
    font-weight: 500;
}

.img-box img {
    width: 240px;
    height: 100px;
    border-radius: 10px;
}

.top-row {
    justify-content: space-between;
    display: flex;
    margin-right: 220px;
    align-items: center;
}

.hospital-count {
    display: flex;
    gap: 40px;
    align-items: center;
    justify-content: space-between;
}

.count-box {
    display: flex;
    gap: 15px;
    flex-direction: column;
    align-items: center;
}

.number {
    font-size: 28px;
    line-height: 39px;
    font-weight: 600;
    color: #3fbbc0;
}

.dr-count {
    font-size: 19px;
    font-weight: 700;
    color: rgb(156 163 175);
}

.Hospital-box {
    padding: 15px;
    border: 2px solid darkgreen;
    border-radius: 10px;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    margin-bottom: 25px;
}

.bootom-row {
    padding-top: 30px;
    display: grid;
    grid-template-columns: 60% auto;
    gap: 30px;
    align-items: self-end;
}

.share-box {
    display: flex;
    justify-content: space-between;
}

.btn {
    background: #3fbbc4 !important;
    border: none;
    color: #fff !important;
    padding: 8px 20px !important;
    font-size: 16px !important;
    border-radius: 10px !important;
    cursor: pointer !important;
    padding: 8px 20px !important;
    border-radius: 3px !important;
    /*display: block!important;*/
    /*margin: 0 auto !important;*/
}

.right-box {
    padding: 10px;
    background: #0a1600;
    border: 2px solid #0a1600;
    border-radius: 30px;
}

.right-box .field input,
.right-box .field textarea {
    margin-bottom: 15px;
    border: none;
    border-bottom: 1px solid #ccc;
    width: 100%;
    padding: 10px;
    background: #f3f3f3;
    border-radius: 20px
}

.right-box .heading04 {
    margin-bottom: 20px;
}

.footer-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.footer {
    background: #001935;
    padding: 50px 0;
}

.footer .foot-logo {
    width: 185px;
}

.social-row {
    display: flex;
    gap: 20px;
}

.social-iocn {
    margin-top: 20px;
}

.first-row p {
    color: #fff;
    margin-bottom: 20px;
}

.social-iocn svg {
    font-size: 20px;
    color: #fff;
}

.second-row h4 {
    color: #fff;
    margin-bottom: 20px;
}

.second-row ul li a {
    color: #fff;
    margin-bottom: 20px;
    display: block;
}

.Copyright {
    color: #fff;
    padding-top: 20px;
}

.Copyright a {
    color: #3fbbc0;
}

.banner {
    background: rgb(0, 125, 158);
}

.h-details-section .heading04 {
    margin: 20px 0;
}

.nav-item {
    padding: 20px 0;
    overflow: auto;
    white-space: nowrap;
}

.nav-item ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 30px;
    align-items: center;
}

.nav-item ul a {
    padding: 10px 20px;
    background: rgb(243 244 246);
    border-radius: 24px;
    color: #1c1b1b;
}

.nav-item ul a:hover,
.nav-item ul a.active {
    background: #3fbbc0;
    color: #fff;
    transition: ease all .3s;
}

.doc-row .doc-img img {
    border-radius: 100%;
    width: 80px;
    height: 80px;
}

.doc-p-row .doc-row .doc-img img {
    border-radius: 6px;
    border: 1px solid #ccc;
}

.doc-row {
    display: grid;
    grid-template-columns: 10% 1fr 1fr 1fr;
    align-items: center;
    padding: 20px 10px;
    background: rgb(63 187 196 / 10%);
    gap: 20px;
    margin-bottom: 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
    text-align: center;
}

.doc-row .doc-name {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px;
}

.doc-row .degination {
    font-size: 16px;
    line-height: 23px;
}

.doc-row .doc-time span {
    display: block;
}

.doc-row .days {
    font-weight: 700;
    margin-bottom: 5px;
    font-size: 15px;
}

.doc-row .time {
    font-size: 15px;
}

.doc-row .price span {
    padding: 10px 20px;
    background: #fff;
    border-radius: 6px;
    font-weight: 500;
}


/* .doc-p-row .heading04::after{    content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  background: red;
  left: 0;} */

.doc-p-row .heading04 {
    position: relative;
    display: inline-block;
    color: #001935;
    margin-bottom: 20px;
}

.d-details-section {
    display: grid;
    grid-template-columns: 35% auto;
    gap: 10px;
}

.d-details-section .doc-row {
    grid-template-columns: 25% 1fr;
    background: none;
    padding: 10px;
    box-shadow: none;
    /* margin-bottom: 33px; */
    border-bottom: 1px solid #000;
    margin: 12px 0;
}

.doc-profile-box .doc-img img {
    border-radius: 100%;
    width: 100px;
    height: 100px;
}

.doc-profile-box .doc-name {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 5px;
    margin-top: 15px;
}

.doc-profile-box .doc-expri {
    font-size: 15px;
    line-height: 20px;
    margin-bottom: 10px;
    color: #3fbbc4;
    font-weight: 700;
}

.doc-profile-box ul li {
    font-size: 14px;
    line-height: 20px;
    letter-spacing: .2px;
    margin-bottom: 5px;
}

.doc-profile-box ul {
    margin-bottom: 10px;
}

.doc-profile-box {
    text-align: center;
    border: 1px solid #e5e7eb;
    padding: 10px;
    height: 350px;
}

.doc-p-row {
    align-items: center;
    padding: 20px;
    background: rgb(63 187 196 / 10%);
    gap: 20px;
    margin-bottom: 15px;
    box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
}

.serv a {
    padding: 8px 16px;
    border: 1px solid #ccc;
    border-radius: 38px;
    display: block;
    background: rgb(63 187 196 / 10%);
    color: #000;
    width: fit-content;
}

.spcial-row .doc-row {
    display: flex;
    flex-wrap: wrap;
}

.academic-info {
    border-bottom: 1px solid #ccc;
    padding-bottom: 18px;
    padding-top: 18px;
}

.academic-info strong {
    font-size: 20px;
    margin-bottom: 5px;
    display: block;
}

.academic-info .years {
    font-size: 18px;
    line-height: 24px;
    display: block;
    margin-top: 7px;
}

.doc-row {
    text-align: left;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: #fcfcfc;
    border-radius: 30px;
}

::-webkit-scrollbar {
    width: 2px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: #ccc;
    border: 2px solid #ccc;
}

.ask-question {
    display: none;
}

.sticy-btn {
    display: none;
}

.gallery-row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.menu-btn,
.close-menu {
    display: none;
}

.pagination-container {
    text-align: center;
    margin-top: 20px;
    /* Adjust margin as needed */
}


/* Optional: Style the pagination links */

.pagination-container ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

.pagination-container ul.pagination li {
    display: inline;
    margin-right: 5px;
    /* Adjust spacing between pagination items */
}

.pagination-container ul.pagination li a {
    color: #f37920;
    /* Link color */
    text-decoration: none;
    padding: 5px 10px;
    /* Adjust padding as needed */
    border: 1px solid #f37920;
    /* Border color */
    border-radius: 5px;
    /* Rounded corners */
}

.pagination-container ul.pagination li.active a {
    background-color: #f37920;
    /* Active link background color */
    color: #fff;
    /* Active link text color */
}


/* Reduce the size of Previous and Next icons */

.pagination-container ul.pagination li .page-link {
    font-size: 14px;
    /* Adjust the font size as needed */
}


/* Alternatively, if you're using FontAwesome icons */

.pagination-container ul.pagination li .page-link i {
    font-size: 14px;
    /* Adjust the font size as needed */
}


/* Reduce the size of SVG icons */

.pagination-container ul.pagination li .page-link svg {
    width: 20px;
    /* Adjust the width of the SVG icon */
    height: 20px;
    /* Adjust the height of the SVG icon */
}


/* Media query for smaller screens */


/*@media (max-width: 768px) {*/


/*    .navbar-collapse {*/

display: none;

/* Ensure it's hidden by default */


/*    }*/


/*    .navbar-toggler {*/


/*        display: block;*/


/*    }*/


/*    .navbar-collapse.collapse.show {*/


/*        display: block;*/


/*        flex-direction: column;*/


/*        width: 100%;*/


/*    }*/


/*    .nav {*/


/*        flex-direction: column;*/


/*    }*/


/*    .nav li {*/


/*        margin: 0;*/


/*        width: 100%;*/


/*    }*/


/*    .submenu {*/


/*        display: none;*/


/*        position: static;*/


/*        box-shadow: none;*/


/*        border: none;*/


/*    }*/


/*    .submenu ul {*/


/*        flex-direction: column;*/


/*    }*/


/*    .submenu ul li {*/


/*        padding: 5px 10px;*/


/*        width: 100%;*/


/*    }*/


/*    .navParent .fa-angle-down {*/


/*        display: inline-block;*/


/*        margin-left: 5px;*/


/*    }*/


/*    .navParent.active .submenu {*/


/*        display: block;*/


/*    }*/


/*    .submenu ul li a {*/


/*        display: block;*/


/*        width: 100%;*/


/*    }*/


/*    .header .navbar-nav li > a {*/


/*  -webkit-box-align: center;*/


/*      -ms-flex-align: center;*/


/*          align-items: center;*/


/*  display: -webkit-box;*/


/*  display: -ms-flexbox;*/


/*  display: flex;*/


/*  padding: 3px 0px;*/


/*  color: #FFF;*/


/*  text-transform: capitalize;*/


/*  font-size: 14px; }*/


/*  .header .navbar-nav li > a:hover {*/


/*    color: #ff8a00; }*/


/*  .header .navbar-nav li > a i {*/


/*    margin-left: 5px;*/


/*    font-size: 10px; }*/


/*}*/

.doctor-b {
    padding: 10px 40px 10px;
    border-radius: 50px;
    border: 2px solid #4ead21;
    color: darkgreen;
}



/* Media query for smaller screens */

@media (max-width: 768px) {
    .navbar-collapse {
        display: none;
        /* Ensure it's hidden by default */
    }

    .navbar-toggler {
        display: block;
    }

    .navbar-collapse.collapse.show {
        display: block;
        flex-direction: column;
        width: 100%;
    }

    .nav {
        flex-direction: column;
    }

    .nav li {
        margin: 0;
        width: 100%;
    }

    .submenu {
        display: none;
        position: static;
        box-shadow: none;
        border: none;
    }

    .submenu ul {
        flex-direction: column;
    }

    .submenu ul li {
        padding: 5px 10px;
        width: 100%;
    }

    .navParent .fa-angle-down {
        display: inline-block;
        margin-left: 5px;
    }

    .navParent.active .submenu {
        display: block;
    }

    .submenu ul li a {
        display: block;
        width: 100%;
    }

    .header .navbar-nav li>a {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 3px 0px;
        color: #FFF;
        text-transform: capitalize;
        font-size: 14px;
    }

    .header .navbar-nav li>a:hover {
        color: #ff8a00;
    }

    .header .navbar-nav li>a i {
        margin-left: 5px;
        font-size: 10px;
    }
}