@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");

body {
    overflow-x: hidden;
    background: #f7f7f7;
    font-family: "Roboto", serif;
    font-optical-sizing: auto;
}

p {
    margin: 0 0;
    color: #222222;
    padding: 0;
    font-family: "Roboto", serif;
}

button,
button:focus,
button:active {
    outline: none !important;
    box-shadow: 0 0 !important;
}

form input::placeholder {
    font-size: 15px;
    color: #888;
    text-align: left !important;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

li {
    display: inline-block;
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
    outline-offset: 0;
    outline: 0;
}

a:hover {
    text-decoration: none;
}

button,
button:focus,
button:active {
    text-decoration: none;
    border: 0;
    outline: 0;
}

.form-control,
.form-control:focus,
input,
input:focus {
    outline: 0px !important;
    border: 1px solid #ddd !important;
    box-shadow: 0 0 !important;
}

.parsley-errors-list {
    color: #01808c;
}

.parsley-error {
    border: 1px solid #01808c !important;
}

img {
    width: 100%;
    height: 100%;
}

button {
    padding: 0;
    border: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    font-family: "Roboto", serif;
}

svg {
    height: 16px;
    width: 16px;
}

.cursor {
    cursor: pointer;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}
.drsecbxbtn1 i {
    color: #ff7600;
}
.container {
    max-width: 1350px;
}
button.join-close {
    display: none;
}
.section_title {
    margin-bottom: 40px;
    text-align: center;
}

.section_title h2 {
    font-size: 34px;
    color: #000000;
    display: inline-block;
    position: relative;
}

.section_title h2 span {
    color: #1f4187;
}

.section_title h2:after {
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 2px;
    width: 50%;
    background: #1f4187;
    content: "";
}

.section_title h2:before {
    position: absolute;
    bottom: -4px;
    left: 50%;
    height: 2px;
    width: 50%;
    background: #fff;
    content: "";
}

.section_title_2 {
    margin: 40px;
    text-align: center;
}

.section_title_2 h2 {
    font-weight: 300;
    color: #222;
    display: inline-block;
    /* position: relative; */
    margin-bottom: 20px;
}

.section_title_2 h2 span {
    color: #1f4187;
}

.section_title_2 h2:after {
    position: absolute;
    bottom: -4px;
    left: 0;
    height: 2px;
    width: 50%;
    background: #1f4187;
    content: "";
}

.section_title_2 h2:before {
    position: absolute;
    bottom: -4px;
    left: 50%;
    height: 2px;
    width: 50%;
    background: #222;
    content: "";
}

footer {
    padding: 0 0;
}

.footer_nav {
    display: none;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
    border-top: 1px solid #ddd;
}

.footer_nav ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.footer_nav ul li a span {
    display: block;
}

.footer_nav ul li {
    position: relative;
}

.footer_nav ul li i {
    font-size: 16px;
}

.meta-date.meta {
    color: #000;
}

.separator {
    padding: 45px 0px;
}

section.topbar {
    background: #cde8ff;
    padding: 5px 0;
    border-bottom: 1px solid #66b8ff;
}

.top_bar_menu {
    display: none;
}

.header-top {
    text-align: -webkit-auto;
}

.main_header_top_bar {
    display: none;
}

.header-top ul li {
    margin: 0 10px;
}


ul.top_bar_section li a i {
    margin-right: 5px;
    color: #1f4187;
}

.main__header_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.contact__header ul li a {
    font-size: 14px;
}

.mobile-header {
    display: none;
}

.heder-social ul li a {
    margin-left: 6px;
    background: var(--m-color);
    height: 30px;
    width: 30px;
    line-height: 32px;
    color: #fff !important;
    display: inline-block;
    text-align: center;
    font-size: 14px;
    border-radius: 50px;
}

.header-top ul li a {
    color: #4e4e4e !important;
    display: inline-block;
    font-size: 13px;
}

.header-social {
    text-align: right;
}

.header-branches ul li a {
    color: #fff;
    margin-right: 10px;
}

li.custom-dropdown a i {
    font-size: 13px;
    margin-left: 0px;
}

.heder-social {
    text-align: end;
}

.header_social li {
    padding: 0px 10px;
    transition: 0.35s all;
    line-height: 35px;
}

.header_social li i {
    color: #fff;
}
li.whats__app a {
    background: #25D366;
    padding: 6px 10px;
    color: white;
    border-radius: 3px;
}
li.header_search {
    width: 45px;
}

.header_search_box {
    display: block;
    top: 76px;
    right: 145px;
    height: 0;
    width: 0px;
    background-color: #fff;
    z-index: 1000;
    transition: all 0.11s ease;
    z-index: 999999;
    position: fixed;
    box-shadow: 0px 0px 4px 1px #1a1a1a42;
}

.header_search_box form {
    width: 0;
    height: 0;
    visibility: hidden;
}

.header_search_box.open form {
    width: 100%;
    height: 100%;
    background: #ffffff80;
    /* padding: 2px 0px; */
    cursor: pointer;
    visibility: visible;
    color: #000000c2;
    font-weight: 600;
    font-family: "Roboto", serif;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 20px;
}

.header_search_box form input {
}

.header_search_box form button {
    background: #1f4187;
    padding: 11px 18px;
    border-radius: 0px 30px 30px 0px;
    color: white;
}

.header_search_box.open {
    display: block;
    height: 43px;
    width: 300px;
    right: 130px;
    top: 65px;
    border-radius: 50px;
    overflow: hidden;
}

.logo-area {
    width: auto;
    height: 60px;
    margin-top: 0;
}

.logo-area a {
    height: 100%;
    display: block;
    padding: 5px;
    position: relative;
}

.logo-area a span,
.footer-logo a span {
    position: absolute;
    top: 0;
    left: 18px;
    font-size: 10px;
    font-weight: 600;
    color: #1f4187;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

.footer-logo a span {
    top: 10px;
    left: 38px;
}

.logo-area a img {
    height: 100%;
    width: auto;
    object-fit: contain;
}

.mobile-menu {
    display: none;
}

.menu-area {
    text-align: right;
    transition: 0.35s all;
}

.menu-area ul li a {
    color: #000000;
    text-align: right;
    margin-right: 5px;
    font-size: 16px;
    font-weight: 500;
    line-height: 58px;
    padding: 8px 5px;
    transition: all 0.5s ease;
    text-transform: capitalize;
    position: relative;
}
li.custom-health a {
    background: #1f4187;
    border-radius: 2px;
    color: white !important;
}

.menu-area ul li a::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 0px;
    display: block;
    background: #1f4187;
    bottom: 2px;
    left: 50%;
    transition: 0.35s all;
}

.menu-area ul li a:hover::after {
    content: "";
    position: absolute;
    height: 2px;
    width: 100%;
    display: block;
    background: #28b8b4;
    bottom: 2px;
    left: 0%;
}

.col-sm-12.application__form {
    width: 75%;
    margin: 0 auto !important;
    padding: 50px 0;
}

button.btn__application {
    background: #fff;
    width: 100%;
    border: 1px solid var(--p-color);
    border-radius: 3px;
    padding: 8px;
    color: var(--p-color);
    transition: all 0.3s ease-in-out;
}

button.btn__application:hover {
    background: var(--p-color);
    color: #fff;
}

.menu-area .active {
    transition: all 0.35s all;
    color: var(--m-color);
}

.menu-area .active:hover {
    color: var(--m-color);
}

.menu {
    cursor: pointer;
}

.menu-area ul li {
    position: relative;
    display: inline-block;
}

.cont_menu a {
    background: var(--m-color);
    border-radius: 50px;
    color: #fff !important;
    transition: 0.35s all;
    padding: 10px 12px !important;
}

.cont_menu a:hover {
    background: var(--m-color);
}

.menu {
    cursor: pointer;
}

.custom-dropdown {
    position: relative;
    transition: all 0.5s ease;
}

.submenu {
    position: absolute;
    background: #fff;
    width: 270px;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: all 0.5s ease;
    top: 110%;
    z-index: 9;
    right: -112px;
    padding: 0px;
}

.custom-dropdown:hover .submenu {
    visibility: visible;
    opacity: 1;
    transition: all 0.35s ease;
    top: 100%;
}

.submenu li {
    display: block !important;
}

.submenu li a {
    margin: 0 !important;
    color: #222 !important;
    padding: 5px 10px !important;
    text-align: left !important;
    line-height: 28px !important;
    transition: 0.35s all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.submenu li a:hover {
    color: #28b8b4 !important;
    background: var(--p-color);
}

/*==== header area starts ====*/
section.header {
    background-color: #fff;
    box-shadow: 0px 1px 10px #6c6c6c3d;
}

/*==== header css end ==== */
.slider-item {
    width: 100%;
    height: 95vh;
}

.slider-item img {
    height: 100%;
}

.slider-item:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.5);
    z-index: 9;
}
/*============*/
.wrappers {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    width: 100%;
    display: flex;
    justify-content: center;
}
.auto-type {
    position: absolute;
    top: 55%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
    width: 100%;
    display: flex;
    justify-content: center;
    background: #29c7bd;
    width: 35%;
    border-radius: 5px;
    font-size: 26px;
    padding: 3px 0;
    height: 37px;
}
.button__for__property {
    text-align: center;
    margin-top: 50px;
}
.button__for__property a {
    background: #1f4187;
    padding: 8px 12px;
    color: white;
    border-radius: 3px;
    font-weight: 600;
    transition: all 0.3s ease-in-out;
}
.button__for__property a:hover {
    background: #222;
}
.select_wrap select {
    width: 100%;
    padding: 7px;
    border-radius: 5px;
    border: 0;
    outline: 0;
    height: 45px;
    padding: 0 5px;
}
.down__btn {
    position: absolute;
    background: #29c7bd;
    top: 68%;
    left: 50%;
    z-index: 99999;
    transform: translate(-50%, -68%);
    padding: 10px;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 33px;
    font-size: 22px;
    border-radius: 50%;
    color: white;
}
.down__btn:hover {
    animation-name: elementor-animation-pulse-grow;
    animation-duration: 0.3s;
    animation-timing-function: linear;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes elementor-animation-pulse-grow {
    100% {
        height: 55px;
        width: 55px;
    }
}

.select_wrap {
    width: 180px;
    margin: 0 5px;
    position: relative;
    user-select: none;
}
.select_wrap_submit {
    width: 70px;
    margin: 0 5px;
    position: relative;
    user-select: none;
}

.select_wrap_submit button {
    padding: 9px 20px;
    border-radius: 5px;
    border: 1px solid #29c7bd;
    color: #38d8d2;
    font-weight: 900;
    color: #fff;
    background: #29c7bd;
}

.select_wrap_submit button:hover {
    color: #222;
}
/*==============*/

.slider-text {
    padding-top: 0px;
    position: absolute;
    top: 25%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    z-index: 99;
    width: 100%;
    margin: 0 auto;
    border-radius: 5px;
}

.slider-text h1 {
    color: #fff;
    font-size: 38px;
}

.slider-text p {
    color: #fff;
    font-size: 24px;
    margin-bottom: 35px;
    margin-top: 0;
}

.slider-text a {
    padding: 10px 25px;
    color: #fff;
    border: 2px solid #1f4187;
    border-radius: 50px;
    font-size: 16px;
    transition: 0.35s all;
}

.slider-text a:hover {
    background: #1f4187;
    color: #fff;
}

.main-slider button.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}

.main-slider button.owl-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
}

.main-slider .owl-nav i {
    background-color: #fb471e;
    color: #fff;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 25px;
    border-radius: 50px;
}

/*==== Slider css End ====*/

/*  ====  About css Start ==== */
.about-section {
    padding: 60px 0;
    background-color: #fff;
    position: relative;
}
.pattern_img_ab {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}

/* Flexbox layout */
.about-content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.about-text {
    position: relative;
    margin-right: 20px;
    padding-right: 50px;
    z-index: 9;
}

.about-text::after {
    content: "";
    position: absolute;
    width: 6px;
    background: #1f4187;
    height: 164px;
    top: 0px;
    right: 0;
}

.about-text::before {
    content: "";
    position: absolute;
    width: 164px;
    background: #1f4187;
    height: 6px;
    right: 0;
}

.about-text h5 {
    font-size: 16px;
    color: #999;
}

.about-text h2 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    position: relative;
}

.about-text h2::after {
    content: "";
    position: absolute;
    width: 24%;
    height: 2px;
    background: #333333bd;
    left: 0;
    bottom: -8px;
    border-radius: 2px;
}

.about-text h2 span {
    color: #1f4187;
    /* Featu#28b8b4 word in orange */
}

.about-text p {
    font-size: 16px;
    color: #666;
    line-height: 1.8;
    margin: 15px 0;
}

/* Contact button */

.about-btn {
    display: inline-block;
    padding: 10px 30px;
    color: #fff;
    text-transform: capitalize;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    z-index: 9;
}

.about-btn:hover::before {
    top: 0px;
    left: 0px;
    z-index: -2;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    border: 1.5px solid #ff0000;
}

.about-btn:before {
    top: 7px;
    left: 7px;
    z-index: -2;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    border: 1.5px solid #1f4187;
}

/* .about-btn::before {
    content: '';
    position: absolute;
    border: 1px solid #ddd;
    height: 100%;
    width: 100%;
    left: 10px;
    top: 10px;
    z-index: 1;
} */

/* .about-btn::after {
    content: '';
    position: absolute;
    border: 2px solid #e40808;
    height: 100%;
    width: 100%;
    right: 0px;
    top: 0px;
    z-index: 1;
    background: #28b8b4;
} */

.about-btn:after {
    top: 0;
    left: 0;
    z-index: -1;
    width: 100%;
    content: "";
    height: 100%;
    position: absolute;
    -webkit-transition: 500ms all ease;
    transition: 500ms all ease;
    background-color: #1f4187;
}

.about-btn:hover {
    color: #fff;
}

.about-image {
    position: relative;
    z-index: 1;
    margin-left: 15px;
    margin-top: 15px;
    margin-right: 15px;
}

.about-image::after {
    content: "";
    position: absolute;
    border: 6px solid #1f4187;
    height: 165px;
    width: 165px;
    right: -15px;
    top: -15px;
    z-index: -1;
}

.about-image img {
    width: 100%;
    height: 100%;
}

.service_section {
    position: relative;
    /*    background: #000;*/
}

.service_slider {
    position: relative;
}

.service_slider .owl-prev i {
    height: 40px;
    line-height: 37px !important;
    width: 40px;
    border-radius: 50% !important;
    color: #ff5f15 !important;
    border: 2px solid #1f4187;
}

.service_slider .owl-next i {
    height: 40px;
    line-height: 37px !important;
    width: 40px;
    border-radius: 50% !important;
    color: #ff5f15 !important;
    border: 2px solid #1f4187;
}

.service_item_image {
    height: 280px;
    position: relative;
    margin-bottom: 20px;
}

.service_item_image img {
    border-radius: 5px;
}

.service_text {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    background: #1f4187;
    width: 90%;
    border-radius: 5px;
    transition: 0.35s all;
}

.service_item_image:hover .service_text {
    background: #fff !important;
    color: #222 !important;
}

.service_text a {
    display: block;
    text-align: center;
    padding: 10px 0;
    color: #fff;
    transition: 0.35s all;
}

.service_item_image:hover .service_text a {
    color: #222;
}

/*==== Our Service End ====*/

section.latest_details {
    margin-bottom: 80px;
}

section.section__project {
    position: relative;
    margin-bottom: 35px;
}


.on__going_project_pro {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
}

.service_item a:hover {
    color: #1f4187;
    text-decoration-line: underline;
}

.details_img {
    height: 450px;
    width: auto;
    border-radius: 5px;
    margin-right: 30px;
}

.details_img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.pro_details_name {
    margin-bottom: 20px;
    text-align: start;
}

.pro_details_name h3 {
    color: #2c2c2c;
    letter-spacing: 1px;
    font-weight: 700;
}

.project__item {
    transition: all 0.5s ease;
    position: relative;
    box-shadow: 0px 0px 2px 0px #ddd;
}

.project__item:hover {
    transition: all 0.5s ease;
    box-shadow: 0px 3px 5px 0px #ddd;
}

.serv_inner {
    padding: 0 19px;
    padding-bottom: 33px;
}

.serv_des {
    margin-right: 45px;
}

.pro_name {
    padding: 10px 0;
    margin-top: 7px;
}

.pro_name p {
    text-align: start;
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

.pro_details {
    background: #1f4187;
    padding: 10px 0px;
    transition: all 0.3s ease;
    text-align: center;
    width: 45%;
    margin-top: 15px;
}

.pro_details a {
    text-align: center;
    font-size: 15px;
    font-weight: 500;
    color: white;
}

.pro_details:hover {
    background: #d82020;
}

.project__item img {
    transition: all 0.5s ease;
    width: 100%;
}

.item_img.item_imgs {
    overflow: hidden;
    height: 260px;
}

.service_card {
    background: #ddddddba;
    padding: 15px;
    margin-bottom: 23px;
}

.service_card span {
    margin: 4px 0 15px;
    font-size: 19px;
    text-align: center;
    display: flex;
    justify-content: center;
    color: #333131;
    font-weight: 700;
}

.service_card_inner {
    display: flex;
    align-items: center;
    background: #ffffff8c;
    padding: 10px 15px;
    transition: 0.35s all;
    margin: 10px 0;
    border-radius: 1px;
}

.service_card_inner:hover {
    background: #1f4187;
    color: #fff;
    margin-left: 2px;
    box-shadow: 0px 0px 6px 3px #3e3e3e5c;
}

.service_card_inner i {
    margin-right: 10px;
}

.service_card_inner:hover p {
    color: #fff;
}

.service_gallery {
    text-align: center;
    padding: 30px;
}

.details__latest__project {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 15px;
}

.gallery_item {
    height: 208px;
    overflow: hidden;
}

.equipments-image {
    height: 260px;
    overflow: hidden;
    position: relative;
    margin-bottom: 16px;
    width: 100%;
}

.equipments-image img {
    transition: all 0.5s ease;
}

.equipments-image img:hover {
    transform: scale(1.1);
}

.gallery_item img {
    width: 100%;
    height: 100%;
}

/* =========== Mission and Vision ============ */

section.vision-section {
    margin-bottom: 40px;
}

.missionvision-text.wow {
    padding: initial;
    padding-right: 19px;
}

.missionvision-img {
    width: 100%;
    height: 430px;
    position: relative;
}

.mivi_overlay {
    position: absolute;
    background: url("../images/dot-pattern.png");
    height: 100%;
    width: 100%;
    top: 35px;
    left: -37px;
    z-index: -1;
}

.missionvision-img img {
    width: 100%;
    height: 100%;
}

.missionvision-text ul li {
    padding-bottom: 5px;
    margin-left: 25px;
    position: relative;
    display: block;
}

.missionvision-text ul li:before {
    position: absolute;
    content: "";
    height: 100%;
    width: 2px;
    background: #fb471e;
    left: -12px;
    top: 15px;
}

.missionvision-text ul li:after {
    position: absolute;
    left: -17px;
    top: 7px;
    content: "\f05d";
    font-family: FontAwesome;
    color: #fb471e;
    background: #fff;
    border-radius: 50px;
    height: 15px;
    width: 15px;
    line-height: 15px;
}

.msi_vis {
    margin-top: 11px;
}

.msi_vis h2 {
    font-size: 35px !important;
    font-weight: 700;
}

/*  ============  Sevice css end ========== */

section.blogdetails-area {
    margin-bottom: 5px;
}

.blog-item {
    transition: all 0.5s ease;
    position: relative;
    /*    box-shadow: 0px 0px 2px 0px #ddd;*/
}
.pro__cat_items_alls {
    display: grid;
    gap: 30px;
    grid-template-columns: 1fr 1fr;
}
li.side__category_item a {
    color: #1f4187;
    text-decoration: underline;
}
.side__category_bar {
    background: #fff;
    padding: 30px;
}
.side__category_bar h2 {
    font-size: 24px;
    margin-bottom: 40px;
}
.location__page_name {
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%);
    color: #2bc0b9;
    background: #fff;
    padding: 5px 15px;
    border-radius: 1px;
}
section.explore__location__section {
    text-align: center;
    margin-bottom: 40px;
}
.blog__category_sec {
    background: #fff;
    padding: 35px;
}
.blog__category_sec a {
    display: block;
    color: #015eae;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 6px;
}
.blog__category_sec h4 {
    font-size: 18px;
    margin-bottom: 40px;
}
.recent__blogs_here h4 {
    font-size: 18px;
    margin-bottom: 35px;
}
.recent__blogs_here {
    background: #fff;
    padding: 35px;
}
.recent__blogs_here a {
    display: block;
    font-size: 15px;
    margin-bottom: 10px;
    color: #195eae;
    font-weight: 700;
}
.blog-img img {
    height: 100%;
    width: 100%;
}

.blog-img {
    height: 250px;
}

.blog-count {
    display: grid;
    grid-template-columns: 100px auto;
    grid-gap: 25px;
}

.blog-date {
    width: 80px;
    line-height: 45px;
    background: #203f87;
    margin-top: -23px;
    margin-left: 20px;
    border-radius: 3px;
    padding: 10px;
}

.blog-date p {
    color: #fff;
    font-size: 16px;
    text-align: center;
}

.blog-author {
    margin-top: 10px;
    font-size: 14px;
}

.blog-author p {
    color: #1f4187;
    font-size: 13px;
}
.blog-author i {
    color: #ddd;
}

.blog-text {
    padding: 15px;
    z-index: 99;
    background: #fff;
    position: relative;
}
button.edfil-close {
    display: none;
}
.bloc-dec {
    color: #444;
}
.blog-inner {
    display: grid;
    grid-template-columns: 49% 49%;
    gap: 10px;
}
.program-btn {
    border: 1px solid #203f87;
    padding: 6px 18px;
    display: inline-block;
    /* border-radius: 0px; */
    margin-top: 12px;
    color: #203f87;
    transition: 0.35s all;
    position: relative;
    overflow: hidden;
    z-index: 9;
}
.program-btn::after {
    content: "";
    position: absolute;
    background: #203f87;
    left: 0;
    top: 0;
    width: 0%;
    height: 100%;
    transition: all 0.3s ease-in-out;
}
.program-btn:hover::after {
    width: 100%;
    z-index: -1;
}
.program-btn:hover {
    color: white;
}
.separators {
    padding: 18px 0px;
}
.blogdetails-title-area {
    background: #fff;
}
.top__title_section {
    padding: 40px;
}
.top__title_section p {
    font-size: 32px;
    font-weight: 600;
    color: #0a3c76;
}
.date__achived {
    display: flex;
    gap: 20px;
    margin-top: 5px;
}
.blogdetails-ptag {
    padding: 30px;
}
.blog_details__recent {
    position: sticky;
    top: 75px;
}
.recent-title h2 {
    border-bottom: 1px solid #1f71cf;
    width: 100%;
    padding-bottom: 5px;
    position: relative;
}   
.recent-title h2::before {
    content: "";
    position: absolute;
    height: 2px;
    width: 17%;
    background: #0a3c76;
    bottom: 0;
}
.blog-recent-img {
    height: 90px;
    width: 100%;
}

.blog-recent-text span {
    color: #1f4187;
    font-weight: 800;
    font-size: 16px;
}

.blogdetails-title {
    padding: 15px 15px;
    background: #1f4187;
    overflow: hidden;
    margin: 15px 0;
    border-radius: 5px;
}

.blogdetails-tag {
    float: left;
    width: 60%;
}

.blogdetails-tag h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
    color: #fff;
}

.blogdetails-date {
    float: right;
    color: #fff;
}

.recent-title h2 {
    font-size: 20px;
    font-weight: 600;
    margin: 15px 0;
    display: inline-block;
}

.blog-recent {
    display: grid;
    grid-template-columns: 150px auto;
    background: #ffffff;
    padding: 10px;
    grid-gap: 10px;
    border-bottom: 5px solid #f7f7f7;
}

/*==== Blog css end ====*/
.project_img {
    height: 280px;
    position: relative;
}

.project_img:after {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    background: rgba(255, 95, 21, 0.5);
    opacity: 0;
}

.project_img:after {
    transition: 0.35s all;
}

.project_item {
    margin: 15px 0;
    transition: 0.35s all;
}

.project_item:hover .project_img:after {
    opacity: 1;
}

.project_title {
    position: absolute;
    top: 5%;
    background: rgba(255, 255, 255, 0.8);
    width: 79%;
    padding: 10px 15px;
    z-index: 9;
    visibility: hidden;
    opacity: 0;
    transition: 0.35s all;
    text-align: center;
    font-weight: 600;
    left: 50%;
    transform: translateX(-50%);
}

.project_des * {
    color: #fff;
}

.project_des {
    position: absolute;
    bottom: 21%;
    width: 100%;
    content: "";
    text-align: center;
    z-index: 9;
    color: #fff !important;
    visibility: hidden;
    opacity: 0;
    transition: 0.35s all;
    padding: 0px 35px;
}

.project_item:hover .project_title {
    visibility: visible;
    opacity: 1;
    top: 24%;
}

.project_item:hover .project_des {
    visibility: visible;
    opacity: 1;
}

/*==== Project Css End ====*/

.client_feedback_section {
    position: relative;
    background: #000;
    background: url("../images/feedback.jpg");
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 100%;
    background-size: cover;
    padding-bottom: 100px;
}

.client_feedback_slider {
    position: relative;
    z-index: 9 !important;
}

.client_feedback_slider .owl-prev i {
    position: absolute;
    left: -322%;
    top: 0%;
    height: 39px;
    line-height: 39px !important;
    width: 39px;
    /* border-radius: 0% !important; */
    color: #ffffff !important;
    background: #1f4187;
    border-radius: 50%;
}

.client_feedback_slider .owl-next i {
    position: absolute;
    right: 0%;
    top: 0%;
    height: 39px;
    line-height: 40px !important;
    width: 39px;
    border-radius: 50% !important;
    color: #ffffff !important;
    background: #1f4187;
}

.client_feedback_slider.owl-theme .owl-nav {
    margin-top: 0px;
    height: 25px !important;
    /*    background: #28b8b4;*/
    position: absolute;
    right: 0;
    top: 0;
    display: flex;
    justify-content: space-between;
}

.client_feedback_slider.owl-theme .owl-nav button {
}

.client_feedback_slider .owl-stage-outer {
    padding-top: 60px;
}

.feedback_item {
    border-radius: 5px;
    margin: 2px;
    height: 250px;
    transition: all 0.4s ease-in-out;
    position: relative;
}

.feedback_item span {
    font-size: 15px;
    font-weight: 700;
    color: #222;
}

.feedback_item {
    margin-top: 35px;
}

.feedback_text {
    padding: 15px;
    padding-top: 55px;
}

.owl-item.active.center .feedback_item {
    margin-top: -20px;
}

.feedback_item_image {
    height: 78px;
    width: 78px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top: -35px;
    border: 5px solid #ddd;
}

.feedback_item_image img {
    height: 100%;
    width: 100%;
    transition: 0.3s all;
}

.owl-item .cloned .active {
    transition: all 0.4s ease-in-out;
}

.owl-item.active .feedback_item {
    transition: all 0.4s ease-in-out;
    background: #fff;
}

.owl-item.active.center .feedback_item {
    position: relative;
    background: #1f4187;
    border-radius: 5px;
    z-index: 9;
}

.owl-carousel,
.owl-carousel .owl-item {
    -webkit-tap-highlight-color: transparent;
    position: relative;
}

.owl-item.active.center p,
span {
    color: #fff;
}

.owl-item.active.center span {
    color: #fff;
}

/*  ====  Client Feedback css end ==== */

/*==== Contact Css Start====*/
.contact-area {
    padding: 40px 0;
}

.contact-item {
    box-sizing: border-box;
    padding: 10px 10px;
    margin-bottom: 5px;
    box-shadow: 2px 2px 13px -1px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 2px 2px 13px -1px rgba(0, 0, 0, 0.75);
    box-shadow: 2px 2px 13px -1px rgba(191, 187, 187, 0.75);
    position: relative;
}

.contact-icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100px;
    height: 100%;
    content: "";
    background: #009e96;
}
.contact-form h2 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
}

.contact-icon a {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    right: 0;
    color: #fff;
    font-size: 35px;
}

.contact-address {
    margin-left: 100px;
    padding: 10px 10px;
}

.contact-address h2 {
    color: #222;
    font-weight: 900;
    font-size: 20px;
    letter-spacing: 1px;
}

.contact-address p {
    color: #262626;
}

.contact-info {
    margin-bottom: 25px;
}

.contact-form {
    padding: 5px 5px;
}

.contact-item .form-control {
    border: 1px solid #ddd;
    box-shadow: none !important;
}

.contact-form input {
    height: 44px;
}

/*==== Contact Css End====*/

section.brade_come_sections {
    position: relative;
    padding: 21px 0 2px;
}
p.category__pro__have {
    font-weight: 300;
    margin-bottom: 17px;
}
.blog-text h4 {
    font-size: 19px;
    font-weight: 300;
}
.sort__section_property {
    text-align: end;
}
.pro__all__title h2 {
    font-size: 23px;
    text-transform: capitalize;
}

.bread_overlay {
    position: absolute;
    background-color: #ef8228;
    opacity: 1;
    mix-blend-mode: multiply;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
    height: 260px;
    width: 100%;
}

.brade_img {
    height: 562px;
    width: 100%;
    /*    padding: 113px;*/
}

/*  ==== Bread Crumbs css end ==== */

/* footer css start */
.footer_area {
    background: #ffffff;
    padding: 40px 0 40px 0;
}

footer {
    padding: 0 0;
}

.footer_nav {
    display: none;
    text-align: center;
    padding: 10px 0;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #fff;
    z-index: 99;
    border-top: 1px solid #ddd;
}

.footer_nav ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
}

.footer_nav ul li a span {
    display: block;
}

.footer_nav ul li {
    position: relative;
}

.footer_nav ul li i {
    font-size: 16px;
}

.support {
    padding: 0 78px 10px 0px;
}

.main__logo_headers {
    width: 270px;
}

.footer_social_midea {
    margin-top: 13px;
}

.footer_area i {
    color: #1f4187;
}

.footer_social_midea ul li a i {
    color: white;
    font-size: 18px;
    transition: all 0.3s ease;
}

.footer_social_midea {
    text-align: left;
    /*margin-left: 30px;*/
    margin-top: -7px;
}

.dflex {
    display: flex !important;
    align-items: center;
}

.dflex ul li i {
    margin-right: 3px;
    transition: 0.35s all;
}

.dflex ul li:hover a {
    color: #1f4187;
}

.dflex ul:nth-last-child(1) {
    margin-left: 45px;
}

.footer_social_midea ul li {
    text-align: center;
    border-bottom: 1px solid #d4d4d4;
    margin: 16px 0;
    padding-bottom: 13px;
}

.footer_iconflex {
    display: flex !important;
    align-items: center;
}

.footer_iconflex:hover i {
    color: #000;
}

.footer_iconflex:hover p {
    color: #1f4187;
}

.footer_iconflex p {
    text-align: left;
    margin-left: 5px;
    font-weight: 500;
    transition: 0.35s all;
}

.footer_iconflex i {
    font-weight: 600;
    font-size: 25px;
    margin-right: 12px;
    margin-bottom: 5px;
    transition: 0.35s all;
}

.footer_social_midea {
    margin-top: 13px;
}

.fd_tittle h3 {
    color: #1f4187;
    font-size: 24px;
    margin: 17px 0px;
}

.quick_link ul li {
    display: block;
    line-height: 46px;
    font-size: 15px;
    font-weight: 500;
    transition: 0.35s all;
}

.quick_link ul li:hover {
    padding-left: 2px;
    color: #28b8b4;
}

.main-slider.owl-carousel.owl-loaded.owl-drag .owl-nav button {
    display: none;
}
.footer-bottom {
    background: #000000;
    padding: 10px 0;
}

.scrolltop {
    position: fixed;
    right: 34px !important;
    bottom: 10px !important;
    width: 40px !important;
    background: #1f4187 !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 50%;
    text-align: center !important;
    color: #ffff !important;
    font-size: 21px !important;
    cursor: pointer;
    z-index: 99;
}

.copyright p {
    text-align: center;
    color: #fff;
    font-size: 15px;
}

.copyright span {
    color: #1f4187;
    font-weight: 600;
}

.scroll i {
    color: white;
}
#navbar_top {
    transition: all 0.4s ease-in-out;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Optional shadow for smoothness */
}
.services___items {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 35px;
    position: relative;
    z-index: 9;
}
.services___items_property {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}
.section__header {
    text-align: center;
    padding: 50px 0;
}
.section__header h2 {
    font-weight: 400;
    color: #1f4187;
}
.service___item {
    box-shadow: 0 4px 4px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}
.service___item:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.service__img:hover img {
    transform: scale(1.05);
    transition: 0.3s all ease-in-out;
}

.service__img {
    height: 280px;
    width: 100%;
    transition: 0.3s all ease-in-out;
    overflow: hidden;
}
.service__img img {
    height: 100%;
    width: 100%;
    transition: 0.3s all ease-in-out;
}
.service__name {
    padding: 16px 15px 0px;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.service__location {
    padding: 0 15px;
    font-size: 13px;
}
.service__location p {
    color: #909090;
    font-weight: 600;
    margin-bottom: 20px;
}
.absolute__data {
    position: absolute;
    top: 10px;
    right: 14px;
}
.absolute__data p {
    background: #1f4187;
    padding: 1px 11px;
    border-radius: 2px;
    font-size: 11px;
    color: white;
    font-weight: 700;
}
.service__name:hover p {
    color: #1f4187;
}

.purpasses {
    padding: 0 15px 18px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    text-align: center;
}
.service__name p {
    font-weight: 500;
    color: #737070;
}
.pupasss {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
}
.pupass p {
    font-size: 14px;
    font-weight: 500;
    color: #1f4187;
}
.pupass p strong {
    color: #222;
    font-size: 16px;
}
.pupasss p strong {
    color: #222;
    font-size: 16px;
}
.pupasss p {
    font-size: 14px;
    font-weight: 500;
    color: #1f4187;
}
section.sell__your_property__section {
    height: 700px;
    padding: 50px 0;
    position: relative;
}
.over__lay {
    position: absolute;
    background: #ffffff;
    width: 43%;
    height: 86%;
    top: 50px;
    left: 0;
    opacity: 0.8;
}
.data__box_overlay {
    position: absolute;
    left: 24%;
    width: 410px;
    background: #1f4187;
    top: 50%;
    transform: translateY(-50%);
    height: 380px;
    padding: 42px;
}
.data__box_overlay h3 {
    color: white;
    font-size: 17px;
    padding: 16px 0;
}
.data__box_overlay h1 {
    color: white;
}
.data__box_overlay a {
    background: white;
    padding: 10px 15px;
    border-radius: 2px;
    transition: all 0.3s ease-in-out;
}
.data__box_overlay a:hover {
    background: #222;
    color: #fff;
}
/* ===================  Stay Connected (Advanced)  =================== */
.scx-subscribe{
  padding: 18px 12px;
  background:#0e0f12; /* page backdrop (fits dark footer) */
  color:#fff;
  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
}
.scx-shell {
    --scx-blue: #1f4187;
    --scx-dark: #1a1d21;
    --scx-line: #e2444b;
    --scx-text: #e9eef4;
    max-width: 1200px;
    margin: 0 auto;
    border-radius: 16px;
    overflow: hidden;
    padding: 26px;
    display: grid;
    align-items: center;
    gap: 22px;
    grid-template-columns: 1.1fr 1.4fr;
    color: var(--scx-text);
    background: linear-gradient(105deg, var(--scx-blue) 0 52%, var(--scx-dark) 52% 100%);
    position: relative;
    box-shadow: 0 6px 24px rgba(0,0,0,.25);
}
/* soft glow decor */
.scx-shell::before{
  content:"";position:absolute;right:8%;top:-40px;width:220px;height:220px;
  background:radial-gradient(closest-side,#0ab0ff44,transparent 70%);
  filter:blur(10px);pointer-events:none
}

/* left */
.scx-left{padding:6px 4px 6px 6px}
.scx-title{
  margin:0; font-weight:800; font-size:32px; line-height:1.15; letter-spacing:.2px
}
.scx-sub{margin:6px 0 10px; font-size:15px; opacity:.95}
.scx-sub {
    margin: 6px 0 10px;
    font-size: 15px;
    opacity: .95;
    color: white;
}

/* right/form */
.scx-form{
  display:grid;gap:12px;
  grid-template-columns: 1fr 1fr auto;
  align-items:center
}

/* floating label fields */
.scx-field{
  position:relative;height:46px
}
.scx-field .scx-ic{
  position:absolute;left:12px;top:50%;transform:translateY(-50%);
  width:18px;height:18px;opacity:.85;fill:#b7c7d6;pointer-events:none
}
.scx-field input{
  width:100%;height:100%;
  background:rgba(255,255,255,.09);
  border:1px solid transparent;
  color:#fff;border-radius:10px;
  padding:12px 12px 12px 40px;
  outline:none;transition: all .18s ease;
  caret-color:#7fd1ff;
}
.scx-field input::placeholder{color:transparent}
.scx-field label{
  position:absolute;left:40px;top:50%;
  transform:translateY(-50%);
  font-size:14px;color:#c9d6e2;pointer-events:none;
  transition: all .18s ease;
  background:transparent;padding:0 .2em
}

/* float up when typing/focus */
.scx-field input:focus{
  border-color:#68c1ff;background:rgba(255,255,255,.12);
  box-shadow:0 0 0 3px rgba(104,193,255,.2)
}
.scx-field input:focus + label,
.scx-field input:not(:placeholder-shown) + label{
  top:-8px;transform:none;font-size:12px;color:#a9c7de
}

/* button */
.scx-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    height: 46px;
    padding: 0 18px;
    border: 0;
    border-radius: 10px;
    background: linear-gradient(135deg, #1f4187, #1592d6);
    color: #00233e;
    font-weight: 800;
    letter-spacing: .2px;
    cursor: pointer;
    transition: transform .15s ease, box-shadow .15s ease, opacity .15s ease;
    color: white;
}
.scx-btn .scx-arrow{width:18px;height:18px}
.scx-btn:hover{transform:translateY(-1px);box-shadow:0 8px 16px rgba(10,176,255,.25)}
.scx-btn:active{transform:translateY(0);opacity:.9}

/* micro copy */
.scx-note{grid-column: 1 / -1; margin:2px 0 0; font-size:12px; color:#a9b7c6; text-align:right}

/* responsive */
@media (max-width: 992px){
  .scx-shell{grid-template-columns:1fr;row-gap:16px;padding:22px}
  .scx-left{text-align:center}
  .scx-accent{display:block;margin:8px auto 0}
  .scx-form{grid-template-columns:1fr;gap:10px}
  .scx-note{text-align:center}
}

footer {
    background: #060607;
}
.footer-container {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 20px;
    max-width: 1200px;
    margin: auto;
}

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

.footer-logo img {
    max-width: 150px;
}

.footer-logo p {
    margin: 10px 0;
}

.social-icons a {
    text-decoration: none;
    color: #000;
    font-size: 20px;
    margin: 0 5px;
}

.footer-links {
    text-align: left;
}
.footer-container {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
    padding: 50px 0;
    margin: auto;
}
.footer-links h3 {
    margin-bottom: 10px;
    font-size: 20px;
    color: white;
}
.footer-logo p {
    color: white;
}
.social-icons i {
    color: white;
}
.footer-links ul li i {
    font-size: 12px;
}
.footer-links ul {
    list-style: none;
    padding: 0;
}

.footer-links ul li {
    margin: 3px 0;
    cursor: pointer;
    display: block;
    font-weight: 500;
    color: white;
}

.footer-bottom {
    background: #000;
    color: #fff;
    display: flex;
    padding: 15px 0;
    justify-content: space-around;
    border-top: 1px solid #ddd;
}
.footer-bottom p {
    color: #fff;
}
.footer-menu a {
    color: #fff;
    text-decoration: none;
    margin: 0 10px;
}

.footer-menu a:hover {
    text-decoration: underline;
}
/*=========*/
.property-section,
.blogs-section {
    padding: 75px 0px;
    text-align: center;
    position: relative;
}
.clocationss{
    position: relative;
    z-index: 9;
}

.pattern_img_dot2 {
    position: absolute;
    left: 0;
    top: 0;
}
.section__footer{
    position: relative;
}
section.footer__tops {
    padding: 20px 0px;
    text-align: left !important;
}
.property-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 20px auto;
}

.property-box {
    background-size: cover;
    background-position: center;
    color: white;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 200px;
    border-radius: 5px;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
}

.btn-primary {
    padding: 10px 20px;

    color: white;
    border: none;
    cursor: pointer;
    font-size: 16px;
    margin-top: 20px;
    border-radius: 5px;
}

.blog-grid {
    display: flex;
    gap: 20px;
    margin: 20px auto;
}

.blog-card {
    width: 33.3333333333%;
    text-align: left;
    background: #fff;
    padding-bottom: 10px;
}
.blog-card h3,
.blog-card p,
.blog-card a {
    padding: 0px 17px;
}

.blog-card img {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.blog-card h3 {
    font-size: 18px;
    margin: 10px 0;
}

.blog-card a {
    text-decoration: none;
}

.footer-grid {
    display: flex;
    justify-content: space-between;
    max-width: 1200px;
    margin: 20px auto;
}

.footer-box {
    width: 22%;
    text-align: left;
}

.footer-box h3 {
    font-size: 18px;
    margin-bottom: 10px;
}

.footer-box p {
    margin: 5px 0;
    color: #1f7a84;
}
/*======sell your property=====*/
input.search-field {
    padding: 10px;
    border-radius: 3px;
}
.sort__section_property select {
    width: 50%;
    margin-bottom: 10px;
    border: 1px solid #ddd;
    outline: 1px solid #ddd;
    border-radius: 3px;
    height: 30px;
    font-size: 13px;
}
.our__mission {
    background: #fff;
    padding: 20px;
    margin-bottom: 30px;
}

/*======== contact form =========*/
.contact-form form {
    display: flex;
    flex-direction: column;
}
.new button {
    background: #009e96;
    color: white;
    padding: 5px 28px;
    border: 1px solid #009e96;
    border-radius: 3px;
    font-weight: 700;
}
/*======== contact form =========*/
.header__title_all p {
    color: #6c757d;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 6px;
}
.header__title_all h2 {
    font-size: 22px;
    font-weight: 400;
}
section.Paginate__here {
    margin-top: 50px;
    padding: 20px 0;
}
/*=========our team ===============*/
section.team__header__section {
    padding: 40px 0;
    text-align: center;
}
.main__teams_members {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 15px;
}
.member_image {
    height: 300px;
    width: 79%;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto;
    border: 10px solid #ddd;
    transition: all 0.3s ease-in-out;
}
.member_image img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
.member_image:hover {
    border: 10px solid #28b6af;
}
.main__member_item {
    text-align: center;
}
.team__data {
    background: #fff;
    padding: 43px 21px 21px 21px;
    border-radius: 5px;
    margin-top: -44px;
    border: 1px solid #24a9a3;
}
.mermber__name p {
    font-weight: 700;
    color: #28b2ad;
    font-size: 24px;
}
section.team__main__section {
    padding: 30px 0;
}
/*=========our team ===============end*/
/*=========our faq ===============*/
.accordion-title {
    font-size: 22px;
    /* text-align: center; */
    color: #28b5b1;
    font-weight: 600;
    padding: 20px;
}

.accordion {
    border-bottom: 1px solid #d8dee3;
    padding: 10px 0;
    transition: all 0.3s ease-in-out;
}

.accordion input {
    display: none;
}
.accordion-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-size: 18px;
    color: #34495e;
    font-weight: 500;
    padding: 12px;
    background-color: #ffffff;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    position: relative;
}

.accordion-header:hover {
    background-color: #fff;
}
.accordion-icon {
    width: 16px;
    height: 16px;
    display: inline-block;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    transition: transform 0.3s ease-in-out;
}

.accordion-icon::before,
.accordion-icon::after {
    content: "";
    position: absolute;
    background-color: #ff4d67;
    width: 2px;
    height: 12px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.accordion-icon::after {
    width: 12px;
    height: 2px;
}

.accordion-content {
    max-height: 0;
    overflow: hidden;
    padding: 0 12px;
    font-size: 16px;
    color: #5f6a7d;
    line-height: 1.5;
    transition: max-height 0.4s ease-in-out, padding 0.3s ease-in-out;
}

.accordion input:checked + .accordion-header .accordion-icon {
    transform: translateY(-50%) rotate(90deg);
}

.accordion input:checked ~ .accordion-content {
    max-height: 150px;
    padding: 10px 12px;
}
.accordian__data {
    background: white;
}
.accordian__section {
    margin: 50px 0px;
}
/*=========our faq ===============end*/
/*=========our sell property ===============end*/
.section-title {
    font-size: 24px;
    font-weight: bold;
    color: #1a4d8f;
    margin-bottom: 15px;
}

.section-description {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    margin-bottom: 20px;
}

.sub-title {
    font-size: 20px;
    font-weight: bold;
    color: #1a4d8f;
    margin-top: 20px;
    margin-bottom: 10px;
}

.benefits-list {
    list-style: none;
    padding: 0;
}

.benefits-list li {
    font-size: 16px;
    color: #333;
    padding-left: 20px;
    position: relative;
    margin-bottom: 5px;
}

.benefits-list li::before {
    content: "\f00c"; /* Font Awesome check icon */
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #1a4d8f;
    position: absolute;
    left: 0;
    top: 2px;
}

.img-fluid {
    max-width: 100%;
    height: auto;
}
/*section2*/
.expertise-section {
    margin-top: 50px;
}

.expertise-box {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    transition: 0.3s ease-in-out;
}

.expertise-box:hover {
    background: #e9ecef;
}

.expertise-icon {
    font-size: 40px;
    color: #1a4d8f;
    margin-bottom: 10px;
}

.expertise-title {
    font-size: 18px;
    font-weight: bold;
    color: #1a4d8f;
}

.expertise-description {
    font-size: 14px;
    color: #333;
    line-height: 1.5;
}
/*section 3*/
.buyer-section {
    margin-top: 50px;
}

.location-box {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    text-align: center;
    transition: 0.3s ease-in-out;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.location-box:hover {
    background: #e9ecef;
}

.location-title {
    font-size: 18px;
    font-weight: bold;
    color: #1a4d8f;
    margin-top: 10px;
}

.location-availability {
    font-size: 14px;
    color: #555;
    margin-bottom: 10px;
}

.btn-primary {
    background: #1a4d8f;
    border: none;
    padding: 8px 15px;
    font-size: 14px;
    border-radius: 5px;
    transition: 0.3s;
}

.btn-primary:hover {
    background: #143d6b;
}
/*section4 */
.document-section {
    margin-top: 50px;
}

.section-title {
    font-size: 22px;
    font-weight: bold;
    color: #1a4d8f;
    margin-bottom: 15px;
}

.section-description {
    font-size: 16px;
    color: #333;
    line-height: 1.5;
}

iframe {
    border-radius: 8px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
/*section 5*/
.find-buyer {
    text-align: center;
    padding: 30px 0;
}

.find-buyer h1 {
    font-size: 28px;
    font-weight: bold;
    color: #222;
    margin-bottom: 5px;
}

.find-buyer p {
    font-size: 16px;
    color: #666;
}
.sale-info {
    padding: 40px 0;
}

.sale-image {
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.sale-info h2 {
    font-size: 22px;
    font-weight: bold;
    color: #0056b3;
    margin-top: 15px;
}

.sale-info p {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
}
/*sectiom6*/
.apartment-sell {
    padding: 40px 0;
}

.apartment-sell h2 {
    font-size: 22px;
    font-weight: bold;
    color: #0056b3;
    margin-bottom: 15px;
}

.apartment-sell p {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
}

.video-container {
    max-width: 100%;
    border-radius: 5px;
    overflow: hidden;
}
/*section 6*/
.property-tips {
    padding: 40px 0;
}

.tips-image img {
    width: 100%;
    border-radius: 5px;
}

.property-tips h2 {
    font-size: 22px;
    font-weight: bold;
    color: #0056b3;
    margin-bottom: 15px;
}

.tips-list {
    list-style: none;
    padding: 0;
}

.tips-list li {
    font-size: 16px;
    color: #333;
    margin-bottom: 10px;
}
/*section 7*/
.simplified-selling {
    padding: 40px 0;
}

.simplified-selling h2 {
    font-size: 22px;
    font-weight: bold;
    color: #0056b3;
    margin-bottom: 15px;
}

.simplified-selling p {
    font-size: 16px;
    color: #333;
}

.selling-image img {
    width: 100%;
    border-radius: 5px;
}
/*section 8*/
.selling-journey-section {
    margin-top: 50px;
    padding: 40px 20px;
    background: #f8f9fa;
    border-radius: 8px;
}

.section-title {
    font-size: 24px;
    font-weight: bold;
    color: #1a4d8f;
    margin-bottom: 15px;
}

.section-description {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
}

.property-image {
    width: 100%;
    border-radius: 8px;
    margin-top: 15px;
}

.property-form .form-group {
    margin-bottom: 15px;
}

.property-form .form-control {
    width: 100%;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 5px;
}

.property-form .btn-primary {
    background: #1a4d8f;
    border: none;
    padding: 10px 20px;
    font-size: 16px;
    border-radius: 5px;
    transition: 0.3s;
}

.property-form .btn-primary:hover {
    background: #143d6b;
}
form.property-form {
    display: block;
}
section.property__page_top {
    padding: 50px 0 0;
}
/*=========our sell property ===============end*/
.brade_imgs {
    height: 260px;
}

.property-header {
    font-size: 16px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    text-align: left;
}

.property-slider {
    width: 100%;
    border-radius: 5px;
}

.property-slider .item img {
    width: 100%;
    border-radius: 5px;
}

.property-thumbnails {
    display: flex;
    gap: 5px;
    justify-content: left;
    margin-top: 10px;
}
.property-thumbnails img {
    width: 135px;
    height: 85px;
    cursor: pointer;
    border-radius: 5px;
    transition: 0.3s;
    margin-bottom: 10px;
}


.property-thumbnails img:hover {
    opacity: 0.7;
}

.contact-form {
    padding: 30px 23px;
    position: sticky;
    top: 100px;
    min-height: 430px;
}
.video__property h4 {
    margin-bottom: 15px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    color: #1f4187;
}

.description {
    background: #fff;
    margin: 10px 0;
    padding: 35px;
    text-align: left;
}

.contact-form input,
.contact-form textarea {
    width: 100%;
    margin-bottom: 10px;
    padding: 8px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.contact-form button {
    width: 100%;

    color: white;
    padding: 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}

.contact-form button:hover {
    background: #0056b3;
}

/*==========*/
.property-info {
    padding: 20px 0;
}

/* Key Features */
.key-features {
    background: #ffffff;
    padding: 35px;
    /* border-radius: 5px; */
}
.section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 2px;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.section-header h4 {
    font-size: 18px;
    font-weight: bold;
    color: #2dc1bd;
}

.update-time {
    font-size: 14px;
    color: #666;
}

.features-box {
    background: #e9f7d9;
    padding: 10px;
    border-radius: 5px;
    text-align: justify;
}

.features-box p {
    margin: 15px 0;
    font-size: 16px;
    border-bottom: 1px solid #c2dfa0;
}

.features-box i {
    /*    */
    margin-right: 5px;
}

/* Amenities */
.amenities {
    margin-top: 20px;
    background: #fff;
    padding: 35px;
    text-align: left;
}

.amenities h4 {
    font-size: 18px;
    font-weight: bold;
    color: #1f4187;
    border-bottom: 1px solid #ddd;
    padding-bottom: 9px;
}

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

.amenities ul li {
    font-size: 16px;
    margin: 5px 0;
}

.amenities ul li i {
    margin-right: 5px;
}

.property-description {
    padding: 20px 0;
}

/* Description */
.description h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    text-align: left;
}
.description h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 6px;
    color: #1f4187;
}

.description p {
    font-size: 16px;
    line-height: 1.5;
    color: #333;
}

/* Mortgage EMI */
.mortgage-emi {
    background: #ffffff;
    padding: 35px;
    border-radius: 5px;
    text-align: left;
}

.emi-button {
    padding: 10px 30px;
    border: none;
    font-size: 16px;
    cursor: pointer;
    margin-bottom: 10px;
    background: #2dc1bd;
    color: white;
}

.emi-button:hover {
    background: #0056b3;
}

.emi-text {
    font-size: 16px;
    color: #666;
    margin: 0;
}

.property-video {
    padding: 20px 0;
}
.video__property {
    background: #fff;
    padding: 35px;
    text-align: left;
    margin-top: 7px;
}
.property-video h4 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}
.budget_property h3 {
    padding: 0 0px 10px 15px;
    font-weight: 300;
    color: #1f4187;
}
ul.amenetis__all {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 6px;
    margin-top: 12px;
}
.contact-form.property__form {
    background: #fff;
}
section.service_items_center {
    position: relative;
}
.pattern_img {
    position: absolute;
    top: 15%;
    right: 0;
}
.video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 Aspect Ratio */
    height: 0;
    overflow: hidden;
    max-width: 100%;
    background: #000;
    border-radius: 5px;
}
.crumb__title {
    z-index: 999;
    position: absolute;
    color: #cfc7c7;
    top: 35%;
    left: 50%;
    transform: translate(-50%, -35%);
    /* width: 100%; */
}
.brade_come {
    position: relative;
}
.video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.core__values {
    background: #fff;
    padding: 25px;
    margin-bottom: 20px;
}
.property_management {
    background: #fff;
    padding: 25px;
    margin-bottom: 15px;
}
.contact-item.property_send_data {
    position: sticky;
    top: 100px;
}


.scrolltop {
    position: fixed;
    right: 34px !important;
    bottom: 10px !important;
    width: 40px !important;
    background: #203f87 !important;
    height: 40px !important;
    line-height: 40px !important;
    border-radius: 50% !important;
    text-align: center !important;
    color: #ffff !important;
    font-size: 24px !important;
    cursor: pointer;
    z-index: 99;
}

/*=====================Paginate================*/
.pagination-wrapper {
    text-align: center;
}

.pagination {
    display: inline-block;
    /* height: 70px; */
    margin-top: 24px;
    padding: 0 25px;
    border-radius: 35px;
    background-color: #eee;
}

@media only screen and (max-width: 1199px) {
    .pagination {
        height: 50px;
        margin-top: 50px;
        padding: 0 10px;
        border-radius: 25px;
    }
}

.page-numbers {
    display: block;
    padding: 0 25px;
    float: left;
    transition: 400ms ease;
    color: #595959;
    font-size: 20px;
    letter-spacing: 0.1em;
    line-height: 70px;
}

.page-numbers:hover,
.page-numbers.current {
    background-color: #86c023;
    color: #fff;
}

.page-numbers.prev:hover,
.page-numbers.next:hover {
    background-color: transparent;
    color: #86c023;
}

@media only screen and (max-width: 1199px) {
    .page-numbers {
        padding: 0 15px;
        font-size: 16px;
        line-height: 50px;
    }
}

@media only screen and (min-width: 120px) and (max-width: 1024px) {
    .page-numbers {
        padding: 0 14px;
        display: none;
    }

    .page-numbers:nth-of-type(2) {
        position: relative;
        padding-right: 50px;
    }

    .page-numbers:nth-of-type(2)::after {
        content: "...";
        position: absolute;
        font-size: 25px;
        top: 0;
        left: 45px;
    }

    .page-numbers:nth-child(-n + 3),
    .page-numbers:nth-last-child(-n + 3) {
        display: block;
    }

    .page-numbers:nth-last-child(-n + 4) {
        padding-right: 14px;
    }

    .page-numbers:nth-last-child(-n + 4)::after {
        content: none;
    }
}

/*=================doctor slider==============*/
  .tab-container {
      text-align: center;
      padding: 30px 0 10px;
    }

    .tab-btn {
      display: inline-block;
      margin: 0 20px;
      font-weight: 500;
      color: #334c7b;
      cursor: pointer;
      position: relative;
    }

    .tab-btn.active::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #0d6efd;
    left: 0;
    bottom: -5px;
}

    .tab-content {
      display: none;
      padding: 20px 50px;
    }

    .tab-content.active {
      display: block;
    }

    .owl-carousel .item {
      text-align: center;
      padding: 10px;
    }

.item img {
    border-radius: 50%;
    border: 1px solid #2E85E9;
    box-shadow: 0 0 0 0px #3b87ff;
    width: 120px;
    height: 210px;
    object-fit: contain;
    padding: 10px;
    background: #88C0FF;
}
.service-card img {
    height: 250px;
    object-fit: contain;
}
section.doctors__sections {
    background: #CDE8FF;
    padding: 30px 0;
}

    .item h4 {
      margin: 10px 0 5px;
      font-size: 16px;
      color: #1e2c57;
    }

    .item p {
      margin: 0;
      font-size: 14px;
      color: #555;
    }

    .custom-nav {
      position: relative;
      margin-top: 20px;
    }

    .custom-nav .prev, .custom-nav .next {
        position: absolute;
        top: 40%;
        transform: translateY(-50%);
        background: #fff;
        border-radius: 50%;
        width: 35px;
        height: 35px;
        box-shadow: 0 2px 6px rgba(0,0,0,0.2);
        cursor: pointer;
        line-height: 35px;
        font-size: 28px;
        color: #3b87ff;
    }

    .custom-nav .prev {
      left: -50px;
    }

    .custom-nav .next {
      right: -50px;
    }

    .view-all {
      text-align: center;
      margin: 30px 0;
    }

    .view-all a {
      padding: 10px 20px;
      border: 1px solid #3b87ff;
      background: transparent;
      border-radius: 5px;
      color: #3b87ff;
      cursor: pointer;
    }
/*=================doctor slider==============*/
.tab-container-hospital {
    text-align: center;
    padding: 30px 0 10px;
}

.tab-btn-hospital {
    display: inline-block;
    margin: 0 20px;
    font-weight: 500;
    color: #334c7b;
    cursor: pointer;
    position: relative;
}

.tab-btn-hospital.active::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: #2e85e9;
    left: 0;
    bottom: -5px;
}

.tab-content-hospital {
    display: none;
    padding: 20px 50px;
}

.tab-content-hospital.active {
    display: block;
}

section.hospital__sections {
    background: #CDE8FF;
}

.item_hospital {
    background: #cde8ff;
    box-shadow: 1px 3px 15px #a7c9fd8a;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #2e85e9;
}
.item_hospital img {
    height: 169px;
    object-fit: cover;
}
.item_hospital h4 {
    margin-top: 8px;
    font-size: 20px;
}
.item_hospital p {
    margin-bottom: 5px;
    font-size: 13px;
}
.custom-nav-hospital {
    position: relative;
    margin-top: 20px;
}

.custom-nav-hospital .prev-hospital1, .custom-nav-hospital .next-hospital1 {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    cursor: pointer;
    line-height: 35px;
    font-size: 28px;
    color: #3b87ff;
}

.custom-nav-hospital .prev-hospital1 {
    left: -50px;
}

.custom-nav-hospital .next-hospital1 {
    right: -50px;
}

.custom-nav-hospital .prev-hospital2, .custom-nav-hospital .next-hospital2 {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    cursor: pointer;
    line-height: 35px;
    font-size: 28px;
    color: #3b87ff;
}

.custom-nav-hospital .prev-hospital2 {
    left: -50px;
}

.custom-nav-hospital .next-hospital2 {
    right: -50px;
}

.custom-nav-hospital .prev-hospital3, .custom-nav-hospital .next-hospital3 {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    background: #fff;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.2);
    cursor: pointer;
    line-height: 35px;
    font-size: 28px;
    color: #3b87ff;
}

.custom-nav-hospital .prev-hospital3 {
    left: -50px;
}

.custom-nav-hospital .next-hospital3 {
    right: -50px;
}

.view-all-hospital {
    text-align: center;
    margin: 30px 0;
}

.view-all-hospital button {
    padding: 10px 20px;
    border: 1px solid #3b87ff;
    background: transparent;
    border-radius: 5px;
    color: #3b87ff;
    cursor: pointer;
}

/*=================doctor slider==============*/

/*=================doctor gallery==============*/
.video-gallery-section {
    padding: 60px 0;
    background: #cde8ff;
}

.video-gallery-title {
    font-size: 28px;
    font-weight: 700;
    text-align: center;
    color: #111827;
    margin-bottom: 60px;
}

.video-gallery-content {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
}

.main-video-box {
  flex: 1 1 60%;
}

.main-video-thumb {
  position: relative;
  overflow: hidden;
  border-radius: 16px;
}

.main-video-iframe {
    width: 100%;
    aspect-ratio: 16/9;
    border-radius: 16px;
}

.main-video-text {
  margin-top: 20px;
}

.video-title {
  font-size: 20px;
  font-weight: 600;
  color: #111827;
  margin-bottom: 5px;
}

.video-meta {
  font-size: 15px;
  color: #6b7280;
}

.video-list-box {
  flex: 1 1 35%;
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.video-list-item {
  display: flex;
  gap: 15px;
  align-items: flex-start;
  cursor: pointer;
  transition: 0.3s;
  padding: 10px;
  border-radius: 10px;
}

.video-list-item:hover {
  background-color: #88C0FF;
}

.active-video {
    background-color: #88C0FF;
    border: 1px solid #2E85E9;
}

.video-thumb {
  position: relative;
  flex-shrink: 0;
}

.video-thumb img {
  width: 120px;
  height: 80px;
  border-radius: 10px;
  object-fit: cover;
}

.video-play-icon-sm {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 24px;
  color: red;
  transform: translate(-50%, -50%);
}

.video-list-text {
  flex: 1;
}

.video-title-sm {
  font-size: 15px;
  font-weight: 600;
  color: #111827;
  margin: 0 0 3px 0;
}

.video-meta-sm {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 4px 0;
}

.video-date {
  font-size: 12px;
  color: #6b7280;
}

/*=================doctor service==============*/
.tab-carousel {
  display: none;
}

.active-tab-carousel {
  display: block;
}

.service-location-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 55px;
    list-style: none;
    padding: 0;
    margin-bottom: 30px;
    margin-top: 40px;
}
.service-card {
    background: white;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
}
span.stars {
    color: #ffb500;
}
span.rating-value {
    color: #7d7676;
    padding-left: 7px;
}
.service-rating i {
    color: #7d7676;
}
h5.service-card-title {
    font-size: 17px;
    color: #867b7b;
    padding: 5px 0;
}
.service-rating {
    padding-bottom: 10px;
}
section.hospitals__sections {
    padding: 25px 0;
}

.tab-item {
  cursor: pointer;
  font-weight: 500;
  color: #fff;
  border-bottom: 2px solid transparent;
  padding-bottom: 5px;
  transition: 0.3s;
}

.tab-item.active {
  border-bottom: 2px solid #fff;
}
section.service-area-section {
    background: #1f4187;
    padding: 50px 0;
}
.view-all a:hover {
    background: #3b87ff;
    color: white;
}
h2.service-area-title {
    color: white;
    font-size: 40px;
    margin-bottom: 15px;
}
p.service-area-subtitle {
    color: white;
    width: 55%;
    margin-bottom: 20px;
}
a.service-area-button {
    background: #0d6efd;
    padding: 10px;
    border-radius: 3px;
    color: white;
}
/*=================doctor service==============*/
.brand-item {
    height: 140px;
    border-radius: 5px;
    background: #fff;
}
.brand-item img {
    opacity: 0.8;
    transition: 0.35s all;
    padding: 25px 0;
    object-fit: contain;
}
/*===========doctor==============================*/
.main__card__devide {
    display: grid;
    grid-template-columns: 30% 69%;
    gap: 1%;
}
.doctor_image {
    text-align: center;
}
.doctor_image img {
    height: 208px;
    width: 200px;
    margin-bottom: 17px;
}
.right_top_sec {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 5px;
    margin: 20px 0;
}
.des__for__doctor {
    margin-bottom: 50px;
}
.des__for__doctor p {
    font-size: 14px;
    letter-spacing: 1px;
}
.bocking_doctor a {
    border: 1px solid #000;
    padding: 7px 12px;
    border-radius: 40px;
    font-size: 13px;
}
.bocking_doctor p {
    font-size: 13px;
}
.bocking_doctor span {
    color: #ff9200;
}
.spesiality {
    display: grid;
    grid-template-columns: 18% 78%;
    gap: 1%;
}

.img_sec_r {
    height: 30px;
}
.app_view_ratting {
    display: flex;
    justify-content: flex-start;
    gap: 20px;
}
.bocking_doctor a img {
    height: 15px;
    width: 15px;
    margin-right: 4px;
}
.main__doctor__card {
    background: linear-gradient(55deg, rgba(227, 199, 226, 0.671) 37%, rgba(255,255,255,1) 53%, rgba(123,242,235,0.7259278711484594) 93%);
    border-radius: 20px;
    margin-top: 30px;
    padding: 30px;
    margin-bottom: 30px;
}
.data_special h4 {
    font-size: 20px;
}
.data_special p {
    font-size: 13px;
    letter-spacing: 1px;
    margin-top: 5px;
}
/*===========doctor==============================*/
/*===========hospital==============================*/
.hospital-section {
    padding: 20px 0;
}

.hospital {
    border: 1px solid #e5e5e5;
    border-radius: 6px;
    padding: 20px;
    background-color: #fff;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05);
}

.hospital-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.hospital-icon {
    width: 60px;
    height: 60px;
    margin-right: 15px;
}

.hospital-info {
    flex: 1;
    margin-left: 10px;
}

.hospital-name {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #333;
}

.doctor-link {
    color: #007bff;
    text-decoration: none;
    font-size: 14px;
}

.patient-opinion {
    color: #999;
    font-size: 14px;
    margin-top: 5px;
}

.hospital-body {
    margin-top: 20px;
    display: grid;
    grid-template-columns: 60% 40%;
    width: 80%;
}

.hospital-location,
.hospital-fee {
    font-size: 14px;
    color: #333;
    /* display: flex; */
    align-items: center;
    margin-bottom: 10px;
}

.hospital-location i,
.hospital-fee i {
    margin-right: 6px;
    color: #007bff;
}

.hospital-footer {
    display: flex;
    justify-content: flex-end;
    margin-top: 10px;
}

.view-more-btn {
    padding: 6px 16px;
    background-color: #f1f5ff;
    border: 1px solid #c7d7fe;
    color: #007bff;
    border-radius: 6px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.view-more-btn:hover {
    background-color: #e3ecff;
}

/*===========auth customer==============================*/
section.auth-section {
    background: linear-gradient(to right, rgb(67, 206, 162), rgb(24, 90, 157));
    min-width: 100%;
    min-height: 100vh;
    overflow: hidden;
}
a.forget-link {
    color: white;
    text-align:center;
    width: 100%;
    display: block;
    font-size: 15px;
}
.form-content {
    width: 100%;
    background: rgba(255, 255, 255, 0.1);
    padding: 60px 40px;
    border-radius: 15px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(12px);
    color: rgb(255, 255, 255);
    position: absolute;
    width: 450px;
    top: 50%;
    transform: translateY(-40%);
}
p.auth-title {
    color: white;
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
}
a.forget-link {
    color: white;
}
.register-now.no-account p {
    color: white;
}
.register-now.no-account a {
    color: #1f4187;
}
.form-content form {
    display: inline;
}
.customer-section {
    padding: 20px 0;
}
.customer-sidebar {
    background-color: #fff;
    padding: 10px;
    height: 100%;
    backdrop-filter: blur(12px);
}
.customer-auth {
    display: grid;
    grid-template-columns: 60px auto;
    grid-gap: 10px;
    background: #ff7f9;
    padding: 10px;
    border-radius: 5px;
}
.customer-img img {
    border-radius: 50px;
}
.sidebar-menu {
    background: #FFF;
    margin: 0;
    border-radius: 5px;
}
.sidebar-menu ul li {
    display: block;
    position: relative;
}
.sidebar-menu li a {
    padding: 10px 15px;
    display: block;
    font-size: 15px;
    line-height: 18px;
    position: relative;
    text-transform: capitalize;
    font-weight: 500;
}
.sidebar-menu li a.active {
    color: #1f4187;
}
.customer-content {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
}
.account-title {
    margin-bottom: 15px;
    font-size: 16px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 8px;
    text-align: left;
    font-weight: 600;
}
.backend_img {
    height: 80px;
    width: 80px;
    border-radius: 50px;
}
form.profile__update {
    display: grid;
    grid-template-columns: 1fr 1fr;
    width: 100%;
}
button.submit-btn {
    margin: 0 !important;
    width: 100%;
    padding: 5px;
    border-radius: 3px;
    background: #1f4187;
    color: white;
}
/*===========auth customer==============================*/
/*===========auth blood==============================*/
.blood-donor-card {
    display: grid;
    grid-template-columns: 40% 36% 20%;
    gap: 2%;
    background: white;
    padding: 15px; 20px;
    border-radius: 8px;
    border: 1px solid #dadada;
    align-items: anchor-center;
}
.donor_image {
    height: 70px;
    width: 70px;
    border: 3px solid #1f4187;
    border-radius: 50%;
    overflow: hidden;
}
h5.donor-name {
    color: #1f4187;
}
.donor_image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.donor-profile {
    display: flex;
    gap: 20px;
    align-items: anchor-center;
}
.donor-action {
    text-align: right;
}
.donor-action a {
    background: #1f4187;
    padding: 12px 25px;
    border-radius: 5px;
    color: white;
}
.proud-member {
    position: sticky;
    top: 78px;
}
.search-form .search-box {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.search-form .search-icon {
    position: absolute;
    left: 12px;
    color: #888;
    font-size: 16px;
}

.search-form .search-input {
    padding-left: 38px;
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: none;
    transition: all 0.3s ease;
}

.search-form .search-input:focus {
    border-color: #007bff;
    box-shadow: 0 0 0 2px rgba(0, 123, 255, 0.2);
}
/* right widget inside hero */
.dpc-hero-right{max-width:100%}
.dpc-widget{background:#fff;color:#24343c;border-radius:8px;box-shadow:0 6px 18px rgba(0,0,0,.12);overflow:hidden}
.dpc-widget-sec{padding:12px;border-bottom:1px solid #eef2f5}
.dpc-widget-hd{font-weight:800;color:#0e88a0;margin-bottom:8px}
.dpc-radio{display:block;font-size:14px;color:#475e6b;margin:8px 0;cursor:pointer}
.dpc-radio input{display:none}
.dpc-radio span{display:inline-block;width:16px;height:16px;margin-right:8px;border-radius:50%;border:2px solid #0e88a0;position:relative;top:3px}
.dpc-radio input:checked+span{background:radial-gradient(circle,#0e88a0 55%,transparent 56%)}

.dpc-cal{border:1px solid #e8eef3;border-radius:6px}
.dpc-cal-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;background:#f4fafc;border-bottom:1px solid #e8eef3}
.dpc-cal-title{font-weight:800;color:#0e88a0}
.dpc-cal-nav{background:#0e88a0;color:#fff;border:0;border-radius:4px;padding:6px 10px;cursor:pointer}
.dpc-cal-nav:hover{opacity:.92}

.dpc-cal-grid{padding:10px}
.dpc-cal-dow{display:inline-block;width:calc(100%/7);text-align:center;font-size:12px;color:#7b8d99;font-weight:700}
.dpc-cal-days{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin-top:8px}
.dpc-day{height:34px;display:grid;place-items:center;border-radius:6px;border:1px solid #ecf1f5;background:#fff;color:#2d3f49;font-size:13px;cursor:pointer}
.dpc-day.muted{opacity:.35;cursor:default}
.dpc-day.today{box-shadow:inset 0 0 0 2px #0e88a0}
.dpc-day.selected{background:#0e88a0;color:#fff;border-color:#0e88a0}
.dpc-day:hover{box-shadow:0 0 0 2px #cfeef7}

.dpc-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:6px;padding:10px 14px;font-weight:800;cursor:pointer;transition:.15s}
.dpc-btn-primary{background:#0e88a0;color:#fff;border:0;width:100%;margin-top:10px}
.dpc-btn-primary:hover{opacity:.95}
.dpc-arr{width:18px;height:18px}

.dpc-wide-cta{display:flex;align-items:center;gap:10px;justify-content:center;background:#0f4171;color:#fff;text-decoration:none;font-weight:800;border-radius:6px;padding:12px;margin:16px 0}
.dpc-phone{width:18px;height:18px}
.dpc-cta-call{background:#1eb67c;color:#fff;border-radius:18px;padding:6px 10px;margin-left:12px;font-weight:700}
/* রঙ ভ্যারিয়েবল গুলো */

.blog-item-doctor {
    display: grid;
    grid-template-columns: 20% 78%;
    gap: 2%;
    margin-bottom: 8px;
    background: #ffffff;
    border-radius: 5px;
    overflow: hidden;
    height: 71px;
    border: 1px solid #eee6e6;
}
.blog-info h5 {
    font-size: 16px;
    padding: 5px 2px 0 0;
}
.blog-info p {
    font-size: 10px;
}
:root {
    --color-primary: #007da3;
    --color-secondary: #003f69;
    --color-accent: #00a6c8;
    --color-success: #1dbc75;
    --color-border: #e5e5e5;
    --color-muted: #777777;
    --color-text: #333333;
    --color-white: #ffffff;
}
section.doctor-details-section {
    background: #0e88a0;
    color: white;
    padding: 35px 0;
    margin-bottom: 40px;
}
/* ব্যানার সেকশন */
.doctor-banner {
    background: var(--color-primary);
    border-radius: 8px;
    color: var(--color-white);
    padding: 30px;
    margin-bottom: 25px;
    display: flex;
    flex-wrap: wrap;
}

.doctor-banner .image-wrapper {
    flex: 0 0 180px;
    max-width: 180px;
    margin-right: 20px;
    margin-bottom: 20px;
}

.doctor-banner .image-wrapper img {
    width: 100%;
    border-radius: 8px;
    object-fit: cover;
}

.doctor-banner .doc-info {
    flex: 1;
}

.doctor-banner .doc-info h1 {
    font-size: 26px;
    margin: 0 0 8px;
}

.doctor-banner .doc-info .position {
    font-size: 16px;
    line-height: 1.4;
    margin-bottom: 10px;
}

.doctor-banner .doc-info .meta {
    font-size: 14px;
    margin-bottom: 8px;
}

.doctor-banner .doc-info .share {
    font-size: 14px;
    display: flex;
    align-items: center;
}

.doctor-banner .doc-info .share i {
    margin-right: 6px;
}

/* কল টু অ্যাপয়েন্টমেন্ট বার */
.call-banner {
    background: var(--color-secondary);
    border-radius: 6px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 14px 20px;
    margin: 30px 0;
    color: var(--color-white);
    font-size: 16px;
}

.call-banner .call-btn {
    background: var(--color-success);
    color: var(--color-white);
    padding: 8px 14px;
    border-radius: 4px;
    text-decoration: none;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.call-banner .call-btn i {
    margin-right: 6px;
}

/* শিরোনাম ও তালিকা */
.about-heading {
    font-size: 22px;
    margin: 20px 0;
    color: var(--color-primary);
    font-weight: 700;
}

.about-item {
    margin-bottom: 24px;
}

.about-item h3 {
    font-size: 18px;
    color: var(--color-primary);
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.about-item h3 i {
    margin-right: 8px;
    color: var(--color-accent);
}

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

.about-item ul li {
    position: relative;
    padding-left: 16px;
    margin-bottom: 6px;
    font-size: 14px;
    color: var(--color-text);
    display: block;
}

.about-item ul li::before {
    content: '\2022';
    position: absolute;
    left: 0;
    top: 0;
    color: var(--color-accent);
}

/* অ্যাপয়েন্টমেন্ট কার্ড */
.appointment-card,
.callback-card {
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 8px;
    padding: 20px;
    margin-bottom: 30px;
}

.appointment-card h4 {
    font-size: 16px;
    margin-bottom: 15px;
    color: var(--color-primary);
    font-weight: 600;
}

.appointment-card .radio-group label {
    display: flex;
    align-items: center;
    margin-bottom: 6px;
    font-size: 14px;
    color: var(--color-text);
}

.appointment-card .radio-group input[type="radio"] {
    margin-right: 8px;
}

.calendar {
    border: 1px solid var(--color-border);
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 15px;
}

.calendar-header {
    background: var(--color-primary);
    color: var(--color-white);
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
}

.calendar table {
    width: 100%;
    border-collapse: collapse;
    text-align: center;
}

.calendar th,
.calendar td {
    padding: 8px 4px;
    font-size: 12px;
    border: 1px solid var(--color-border);
}

.calendar th {
    background: #f5f5f5;
    font-weight: 600;
}

.calendar td.active {
    background: var(--color-accent);
    color: var(--color-white);
    border-radius: 50%;
}

.calendar td.disabled {
    color: var(--color-muted);
}

.btn-book {
    width: 100%;
    background: var(--color-accent);
    color: var(--color-white);
    border: none;
    padding: 10px 0;
    font-size: 14px;
    border-radius: 6px;
    cursor: pointer;
    transition: background 0.2s;
}

.btn-book:hover {
    background: var(--color-primary);
}

/* কলব্যাক ফর্ম */
.callback-card h4,
.opd-timings h4,
.blog-list h4 {
    font-size: 16px;
    color: var(--color-primary);
    margin-bottom: 15px;
    font-weight: 600;
}

.callback-card .form-group {
    margin-bottom: 10px;
}

.callback-card input[type="text"],
.callback-card input[type="tel"] {
    width: 100%;
    border: 1px solid var(--color-border);
    border-radius: 4px;
    padding: 8px 10px;
    font-size: 14px;
    box-sizing: border-box;
}

.callback-card button {
    width: 100%;
    background: var(--color-secondary);
    color: var(--color-white);
    border: none;
    padding: 8px 0;
    font-size: 14px;
    border-radius: 4px;
    cursor: pointer;
}

.callback-card .opt-in {
    font-size: 12px;
    margin: 8px 0;
    display: flex;
    align-items: flex-start;
    color: var(--color-text);
}

.callback-card .opt-in input {
    margin-right: 6px;
    margin-top: 3px;
}

.callback-card .disclaimer {
    font-size: 10px;
    color: var(--color-muted);
    margin-top: 8px;
}

/* OPD টাইমিংস */
.opd-item {
    background: var(--color-white);
    border: 1px solid var(--color-border);
    border-radius: 6px;
    padding: 12px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
}

.opd-item::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    height: 100%;
    background: var(--color-accent);
}

.opd-item h5 {
    font-size: 14px;
    margin: 0 0 4px;
    color: var(--color-secondary);
    font-weight: 600;
}

.opd-item p {
    font-size: 12px;
    margin: 0;
    color: var(--color-muted);
}

.blog-item {
    margin-bottom: 12px;
}

.blog-item img {
    object-fit: cover;
    border-radius: 4px;
    margin-right: 8px;
}

.blog-item .blog-info h5 {
    font-size: 14px;
    margin: 0 0 4px;
    color: var(--color-secondary);
    font-weight: 600;
}

.blog-item .blog-info p {
    font-size: 11px;
    color: var(--color-muted);
    margin: 0;
}

.read-more {
    font-size: 14px;
    color: var(--color-secondary);
    text-decoration: none;
    display: inline-block;
    margin-top: 8px;
    background: white;
    padding: 7px 13px;
    margin-bottom: 30px;
    border-radius: 2px;
    border: 1px solid #eeeeee;
}
/* ====== Unique, scoped CTA styles ====== */
.bkcta-sec{padding:10px 0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif}
.bkcta-bar{
  background:#083d6c;        /* deep blue as in screenshot */
  color:#fff;
  border-radius:8px;
  min-height:56px;
  display:flex;align-items:center;justify-content:space-between;
  padding:10px 12px 10px 22px;
}
.bkcta-text{
  font-size:24px;
  font-weight:800;
  letter-spacing:.2px;
}

/* right pill */
.bkcta-call{
  position:relative;
  display:inline-flex;align-items:center;
  background:#24bdb6;        /* teal pill */
  color:#fff;text-decoration:none;
  padding:10px 18px 10px 60px;/* left space for circular badge overlap */
  border-radius:6px;
  border:2px solid #ffffff;  /* thin white stroke around pill */
  font-weight:800;
  box-shadow:0 0 0 1px rgba(255,255,255,.3) inset;
}

/* circular badge that overlaps the pill */
.bkcta-badge{
  position:absolute;left:-22px;top:50%;transform:translateY(-50%);
  width:46px;height:46px;border-radius:50%;
  background:#fff; color:#083d6c;
  border:6px solid #083d6c; /* dark blue ring */
  display:block;
}
.bkcta-badge-247{
  position:absolute;left:10px;top:7px;
  font-size:11px;font-weight:900;letter-spacing:.2px;
}
.bkcta-badge-phone{
  position:absolute;right:7px;bottom:6px;
  width:22px;height:22px;color:#083d6c
}

/* text inside pill */
.bkcta-call-text{white-space:nowrap}

/* responsive */
@media (max-width: 560px){
  .bkcta-text {
    font-size: 12px;
    font-weight: 600;
}
section.calender_sec_details {
    margin-top: 0 !important;
    width: 100%;
}
  .bkcta-call{padding-left:58px}
  .bkcta-badge{left:-20px;transform:translateY(-50%) scale(.94)}
  .bkcta-call-text {
    white-space: nowrap;
    font-size: 12px;
}
}

.read-more:hover {
    text-decoration: underline;
}

/* রেসপনসিভ সেটিং */
@media (max-width: 768px) {
    .doctor-banner {
        flex-direction: column;
        text-align: center;
    }
    .doctor-banner .image-wrapper {
        margin: 0 auto 15px auto;
    }
    .call-banner {
        flex-direction: column;
        text-align: center;
    }
    .call-banner span {
        margin-bottom: 8px;
    }
}
 .doctor-hero {
            background: var(--color-primary);
            padding: 20px 0 40px;
            color: var(--color-white);
        }

        .breadcrumb-nav {
            font-size: 14px;
            margin-bottom: 20px;
        }

        .breadcrumb-nav a {
            color: var(--color-white);
            text-decoration: none;
            font-weight: 500;
        }

        .breadcrumb-nav span {
            margin: 0 6px;
        }

        .doctor-card {
            display: flex;
            flex-wrap: wrap;
        }

.doctor-photo {
    width: 300px;
    margin-right: 20px;
    border-radius: 8px;
    overflow: hidden;
    object-fit: contain;
}

        .doctor-photo img {
            width: 100%;
            height: auto;
            display: block;
        }

        .doctor-details {
            flex: 1;
            min-width: 240px;
        }

        .doctor-details h1 {
            font-size: 32px;
            margin: 0 0 10px;
            font-weight: 700;
        }

      .doctor-details .designation {
    font-size: 21px;
    line-height: 1.4;
    margin-bottom: 8px;
    font-weight: 500;
}

        .doctor-details .meta {
            font-size: 17px;
            margin-bottom: 6px;
        }

        .doctor-details .share {
            font-size: 17px;
            display: flex;
            align-items: center;
            margin-top: 8px;
        }

        .doctor-details .share i {
            margin-right: 4px;
        }

        /* Appointment card styling */
        .appointment-card {
            background: var(--color-white);
            border-radius: 8px;
            box-shadow: 0 2px 8px rgba(0,0,0,0.05);
            overflow: hidden;
        }

        .appointment-card .header {
            background: var(--color-secondary);
            color: var(--color-white);
            padding: 12px 16px;
            font-size: 16px;
            font-weight: 600;
        }

        .appointment-card .body {
            padding: 12px 16px;
            background: var(--color-white);
            border-bottom: 1px solid var(--color-border);
        }

        .hospital-list label {
            display: flex;
            align-items: center;
            font-size: 14px;
            color: var(--color-text);
            padding: 6px 0;
            cursor: pointer;
        }

        .hospital-list input {
            margin-right: 8px;
        }

        .calendar-section {
            padding: 12px 16px;
            background: var(--color-white);
        }

        .calendar-nav {
            display: flex;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 10px;
            font-size: 14px;
            font-weight: 600;
        }

        .calendar-nav button {
            background: none;
            border: none;
            color: var(--color-secondary);
            font-size: 14px;
            font-weight: 600;
            cursor: pointer;
            padding: 0;
        }

        .calendar-table {
            width: 100%;
            border-collapse: collapse;
            text-align: center;
        }

        .calendar-table thead th {
            color: var(--color-secondary);
            font-weight: 600;
            padding: 8px 0;
            font-size: 14px;
        }

        .calendar-table td {
            width: 14.2857%;
            height: 38px;
            padding: 4px 0;
            font-size: 14px;
            color: var(--color-text);
            cursor: pointer;
        }

        .calendar-table td.disabled {
            color: var(--color-muted);
            cursor: default;
        }

        .calendar-table td.selected {
            background: var(--color-accent);
            color: var(--color-white);
            border-radius: 50%;
        }

        .calendar-table td.today {
            background: var(--color-success);
            color: var(--color-white);
            border-radius: 50%;
        }

        .btn-book-appointment {
            width: 100%;
            background: var(--color-secondary);
            color: var(--color-white);
            border: none;
            font-size: 16px;
            font-weight: 600;
            padding: 12px 0;
            cursor: pointer;
            border-radius: 0 0 8px 8px;
        }

        /* Call bar that spans across the container */
        .call-bar {
            margin-top: 20px;
            margin-bottom: 40px;
            display: flex;
            justify-content: space-between;
            align-items: center;
            background: var(--color-secondary);
            border-radius: 8px;
            overflow: hidden;
        }

        .call-bar .bar-title {
            flex: 1;
            padding: 18px 22px;
            font-size: 20px;
            font-weight: 600;
            color: var(--color-white);
        }

        .call-bar .call-btn {
            display: flex;
            align-items: center;
            background: var(--color-success);
            color: var(--color-white);
            padding: 12px 20px;
            font-size: 16px;
            font-weight: 600;
            text-decoration: none;
        }

        .call-bar .call-btn .badge {
            background: var(--color-white);
            color: var(--color-secondary);
            border-radius: 50%;
            width: 44px;
            height: 44px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size: 14px;
            font-weight: 700;
            margin-right: 10px;
        }

        .call-bar .arrow-wrapper {
            background: var(--color-accent);
            padding: 0 20px;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .call-bar .arrow-wrapper i {
            color: var(--color-white);
            font-size: 20px;
        }

        /* Responsive layout adjustments */
        @media (max-width: 992px) {
            .doctor-card {
                flex-direction: column;
                align-items: center;
            }
            .doctor-photo {
                margin: 0 0 20px;
            }
            .call-bar {
                flex-direction: column;
            }
            .call-bar .bar-title {
                padding: 16px;
                text-align: center;
            }
            .call-bar .call-btn {
                justify-content: center;
                width: 100%;
                border-radius: 0;
            }
            .call-bar .arrow-wrapper {
                width: 100%;
                padding: 10px 0;
            }
        }

/*======*/
label.field svg {
    position: absolute;
    top: 35%;
    left: 5%;
}
label.field input {
    height: 59px;
    width: 300px;
    padding-left: 20px;
}
.under {
    padding: 25px;
    text-align: center;
}
.under .pill {
    background: #1f4187;
    color: white;
    padding: 5px 15px;
    border: 1px solid;
}
.specialties a {
    border: 1px solid white;
    padding: 7px 13px;
    background: #ffffff;
    color: #1f4187;
    border-radius: 53px;
    line-height: 20px;
}
.specialties a.active {
    background: #1f4187;
    color: white;
}
.specialties {
    padding-top: 20px;
    width: 60%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
form.searchbar {
    width: 60%;
    margin: 0 auto;
    display: flex;
}
.blood-donor.ajax_doctor {
    background: white;
    padding: 5px;
    border-bottom: 1px solid #ddd;
}
.all___blogs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}
div#doctor-list {
    position: absolute;
    width: 43%;
    max-height: 250px;
    overflow: auto;
    top: 60px;
}
input.input.fast_input {
    margin-right: 5px;
    padding-left: 45px;
    width: 350px;
}
label.field {
    position: relative;
}
form.searchbar button {
    width: 100%;
    margin-left: 5px;
    border-radius: 3px;
    background: linear-gradient(45deg, #1f4187, #25d366);
    color: white;
}
 /* Unique, isolated styles */
  .am-stats { 
    --am-blue: #175c9a;       /* value text */
    --am-blue-border: #2f75b5;/* border & dividers */
    --am-grey: #6b7280;       /* labels */
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
  }
  .am-stats *, .am-stats *::before, .am-stats *::after { box-sizing: border-box; }

 .am-stats {
    --am-blue: #175c9a;
    --am-blue-border: #2f75b5;
    --am-grey: #6b7280;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Arial, sans-serif;
    padding: 30px 0px;
}
.am-stats__bar {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 12px 18px;
    border: 2px solid var(--am-blue-border);
    border-radius: 999px;
    background: #fff;
    width: 100%;
    justify-content: space-around;
}
  .am-stats__item {
    text-align: center;
    line-height: 1.15;
  }

  .am-stats__value {
    font-weight: 800;
    font-size: 22px;
    letter-spacing: 0.2px;
    color: var(--am-blue);
  }

  .am-stats__label {
    margin-top: 2px;
    font-size: 14px;
    color: var(--am-grey);
    white-space: nowrap;
  }

  .am-stats__divider {
    width: 1px;
    height: 30px;
    background: var(--am-blue-border);
    opacity: 0.8;
    flex: 0 0 auto;
  }
   /* ===== Unique, scoped styles for the reviews section ===== */
  .rv-sec{background:#eef6fb;padding:18px 0 28px}
  .rv-title{
    color:#1592d6; /* bright medical blue */
    font-weight:800;
    font-size:28px;
    margin:0 0 6px
  }
  .rv-subtitle{
    color:#6b7c8f;
    margin:0 0 14px;
    font-size:14px
  }

  /* Card */
  .rv-card{
    background:#fff;border:1px solid #e6eef5;border-radius:8px;
    box-shadow:0 1px 2px rgba(0,0,0,.04);
    padding:14px
  }
  .rv-card__top{display:flex;align-items:center;gap:12px;margin-bottom:10px}
  .rv-card__photo {
    width: 52px !important;
    height: 52px;
    border-radius: 50%;
    object-fit: cover;
    flex: 0 0 52px;
}
  .rv-card__id{line-height:1.15}
  .rv-card__name{color:#1592d6;font-weight:700;text-decoration:none}
  .rv-card__name:hover{text-decoration:underline}
  .rv-card__spec{color:#98a6b6;font-size:12px;margin-top:2px}
  .rv-rating{margin-left:auto;color:#f5a623;letter-spacing:1px;font-size:16px;font-weight:700}

  .rv-card__meta{
    display:flex;align-items:center;gap:8px;color:#9aa8b7;font-size:12px;margin-bottom:6px
  }
  .rv-badge{
    background:#fff;border:1px solid #d7e5f2;border-radius:3px;
    padding:2px 6px;color:#5f7286;font-weight:600
  }
  .rv-date{margin-left:auto;color:#7e8fa1}
  .rv-text{color:#5a6b7d;font-size:14px;margin:0}
  .rv-quote{color:#b4c4d4;font-size:22px;line-height:0;vertical-align:-4px;margin-right:6px}

  /* Owl dots styling only inside this section */
  .rv-carousel .owl-dots{display:flex;justify-content:center;gap:6px;margin-top:14px}
  .rv-carousel .owl-dot span{
    width:8px;height:8px;border-radius:50%;background:#b8d7ee;display:block
  }
  .rv-carousel .owl-dot.active span{background:#1592d6}

  /* CTA */
  .rv-cta{display:flex;justify-content:center;margin-top:12px}
  .rv-btn{
    background:#1592d6;color:#fff;border:0;border-radius:6px;
    padding:8px 14px;font-size:14px;text-decoration:none
  }
  .rv-btn:hover{opacity:.9}

  /* spacing between items in carousel */
  .rv-item{padding:6px}

   /* ===== Unique, scoped footer styles ===== */
  .ecf-footer{
    background:#1a1d21;
    color:#cfd6dd;
    padding:50px 0 24px;
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Arial,sans-serif;
  }

  /* local grid only inside footer */
  .ecf-footer .ecf-row{
    display:flex;flex-wrap:wrap;gap:24px;margin-bottom:20px
  }
  .ecf-footer .ecf-col{
    flex:1 1 240px;min-width:220px
  }

  .ecf-hd{
    color:#ffffff;
    font-weight:800;
    font-size:18px;
    text-transform:uppercase;
    letter-spacing:.6px;
    margin:0 0 18px;
    position:relative;
    padding-top:2px
  }
  .ecf-hd::after{
    content:"";
    display:block;
    width:36px;
    height:3px;
    background:#e2444b;
    margin-top:10px;
    border-radius:2px
  }

  .ecf-list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-grid;
    width: 100%;
}
  .ecf-list li{
    border-bottom:1px solid #2a2f34;
  }
  .ecf-list a{
    display:block;
    padding:10px 0;
    color:#cfd6dd;
    text-decoration:none;
    transition:color .2s ease, padding-left .2s ease;
  }
  .ecf-list a:hover{color:#ffffff;padding-left:2px}

  /* contact */
  .ecf-contact{list-style:none;margin:0;padding:0}
  .ecf-contact li{
    display:flex;gap:10px;align-items:flex-start;
    padding:10px 0;border-bottom:1px solid #2a2f34
  }
  .ecf-contact strong{color:#fff}
  .ecf-c-title{color:#cfd6dd;font-weight:700;margin-bottom:2px}

  /* tiny icon system */
  .ecf-ic{
    width:18px;height:18px;flex:0 0 18px;
    display:inline-block;color:#cfd6dd;margin-top:2px
  }
  .ecf-ic-pin{background:
    radial-gradient(circle at 50% 35%, #e2444b 0 2px, transparent 2px) ,
    conic-gradient(from 180deg at 50% 65%, #e2444b 0 360deg);
    -webkit-mask:
      radial-gradient(circle at 50% 30%,#000 9px,transparent 9px),
      radial-gradient(circle at 50% 100%,transparent 8px,#000 8px);
    mask:
      radial-gradient(circle at 50% 30%,#000 9px,transparent 9px),
      radial-gradient(circle at 50% 100%,transparent 8px,#000 8px);
    border-radius:50% 50% 50% 50%/60% 60% 40% 40%;
    filter: drop-shadow(0 0 0 #e2444b);
  }
  .ecf-ic-phone{
    background:
      linear-gradient(#cfd6dd,#cfd6dd) left 2px top 1px/2px 16px no-repeat,
      linear-gradient(#cfd6dd,#cfd6dd) right 2px bottom 1px/2px 16px no-repeat,
      radial-gradient(circle,#cfd6dd 0 2px,transparent 2px) 50% 50%/6px 6px no-repeat;
    border-radius:3px
  }
  .ecf-ic-mail{
    box-shadow:0 0 0 1.5px #cfd6dd inset;
    border-radius:3px; position:relative
  }
  .ecf-ic-mail::after{
    content:""; position:absolute; inset:0;
    background:linear-gradient(135deg,#cfd6dd 0 2px,transparent 0) left,
               linear-gradient(225deg,#cfd6dd 0 2px,transparent 0) right;
    background-size:50% 50%; background-repeat:no-repeat
  }
  .ecf-contact a{color:#cfd6dd;text-decoration:none}
  .ecf-contact a:hover{color:#fff}

  /* socials */
  .ecf-socials{
    display:flex;justify-content:center;gap:14px;margin:18px 0 14px
  }
  .ecf-soc{
    color:#e6e9ed;opacity:.95;text-decoration:none;
    width:36px;height:36px;border-radius:6px;
    display:grid;place-items:center;background:#2a2f34
  }
  .ecf-soc:hover{opacity:1;transform:translateY(-1px)}

  .ecf-bottom-line{
    height:1px;background:#2a2f34;margin:18px 0
  }
  .ecf-copy{
    text-align:center;color:#cfd6dd;font-size:13px
  }
section.calender_sec_details {
    margin-top: -333px;
    width: 100%;
}
  /* responsive tweaks */
  @media (max-width: 768px){
    .ecf-footer{padding-top:36px}
    .ecf-footer .ecf-col{min-width:100%}
  }

  /* Mobile-first toggle button: hidden on ≥768px */
.edfil-toggle {
  display: inline-flex;
  align-items: center;
  gap: .5rem;
  padding: .5rem .75rem;
  font-weight: 600;
  border: 1px solid #ddd;
  border-radius: .5rem;
  background: #fff;
  cursor: pointer;
}
@media (min-width: 768px) {
  .edfil-toggle { display: none; }
}

/* Base aside styles (desktop unchanged) */


/* Drawer styles for mobile */
@media (max-width: 767.98px) {
  /* Make the main column full width just in case */
  .col-sm-9 { width: 100%; flex: 0 0 100%; max-width: 100%; }

  /* Hide the grid column that contains the aside so it doesn't take space */
  .col-sm-3 { position: static; }

  /* Turn aside into an off-canvas drawer */
  .edfil {
    position: fixed;
    top: 0;
    left: 0;
    height: 100dvh;
    width: min(88vw, 360px);
    padding: 16px;
    overflow-y: auto;
    box-shadow: 0 10px 30px rgba(0,0,0,.2);
    transform: translateX(-105%);
    transition: transform .25s ease;
    z-index: 1041; /* above backdrop */
  }
  .edfil.edfil--open { transform: translateX(0); }

  /* Backdrop */
  .edfil-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.35);
    backdrop-filter: blur(1px);
    z-index: 1040;
  }
  .edfil-backdrop[hidden] { display: none; }

  /* Close button inside drawer */
  .edfil-close {
    position: absolute;
    top: 8px; right: 8px;
    width: 36px; height: 36px;
    border: 0;
    border-radius: 999px;
    background: #f3f4f6;
    font-size: 24px;
    line-height: 1;
    cursor: pointer;
  }
}

/* Optional: prevent body scroll when drawer open */
.body--lock { overflow: hidden; }
/* Floating "Join Now" (mobile only) */
.join-toggle{
  position: fixed; right: 16px; bottom: 16px;
  padding: 10px 14px;
  border: 0; border-radius: 999px;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  background: #0d6efd; color: #fff;
  z-index: 1050;
}
@media (min-width: 768px){
  .join-toggle{ display: none; }
}

/* Drawer/backdrop (mobile only) */
@media (max-width: 767.98px){
  /* Left column full width already via Bootstrap; ensure right col takes no space */
  .join-col{ flex: 0 0 0 !important; max-width: 0 !important; padding: 0 !important; }

  /* Make the card a right-side drawer */
  .proud-member{
    position: fixed; top: 0; right: 0;
    height: 100dvh; width: min(92vw, 420px);
    border-radius: 0; margin: 0;
    overflow-y: auto;
    transform: translateX(105%);
    transition: transform .25s ease;
    z-index: 1041; /* above backdrop */
  }
  .proud-member.join--open{ transform: translateX(0); }

  /* Backdrop */
  .join-backdrop{
    position: fixed; inset: 0;
    background: rgba(0,0,0,.35);
    backdrop-filter: blur(1px);
    z-index: 1040;
  }
  .join-backdrop[hidden]{ display: none; }

  /* Close button inside drawer */
  .join-close{
    position: absolute; top: 10px; right: 10px;
    width: 36px; height: 36px;
    border: 0; border-radius: 999px;
    background: #f3f4f6; cursor: pointer;
    font-size: 22px; line-height: 1;
  }
}

/* Optional: lock scroll when drawer open */
.body--lock{ overflow: hidden; }


:root{
  --mh-navy:#0b3a5a;          /* primary button/links */
  --mh-navy-dark:#072c45;
  --mh-text:#102a43;
  --mh-muted:#5c6f82;
  --mh-bg:#f4f8fc;            /* modal soft bg */
  --mh-border:#e1e8f0;
  --mh-radius:16px;
  --mh-shadow:0 20px 60px rgba(0,0,0,.18);
}

/* Backdrop */
.mh-backdrop{
  position: fixed; inset:0;
  background: rgba(0,0,0,.45);
  backdrop-filter: blur(2px);
  z-index: 1050;
}

/* Modal */
.mh-modal {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%) scale(.98);
    width: min(640px, 92vw);
    background: var(--mh-bg);
    border-radius: var(--mh-radius);
    box-shadow: var(--mh-shadow);
    padding: 28px 28px 22px;
    z-index: 1060;
    transition: transform .2s ease, opacity .2s ease;
    opacity: 0;
}
.mh-contact span {
    color: black;
}
.mh-modal[hidden]{ display:none; }
.mh-backdrop[hidden]{ display:none; }

.mh-modal.mh--open{ opacity:1; transform: translate(-50%,-50%) scale(1); }

/* Close button */
.mh-close{
  position:absolute; right:14px; top:12px;
  width:36px; height:36px;
  border-radius:50%;
  border:1px solid var(--mh-border);
  background:#fff; cursor:pointer;
  display:grid; place-items:center;
}
.mh-close svg{ width:18px; height:18px; fill:#3c5166; }

/* Headings */
.mh-modal h2{
  margin: 8px 8px 6px;
  text-align:center;
  color:#1b3d5a;
  font-weight:800;
  font-size: clamp(1.25rem, 1.2rem + 1vw, 1.6rem);
}
.mh-subtitle{
  margin: 0 8px 18px;
  text-align:center;
  color: var(--mh-muted);
  font-weight:600;
}

/* Form */
.mh-form {
    max-width: 508px;
    margin: 0 auto;
    display: block;
}
.mh-field{ margin-bottom:12px; }
.mh-field input{
  width:100%;
  height: 50px;
  border:1px solid var(--mh-border);
  border-radius:10px;
  background:#fff;
  padding: 0 14px;
  font-size:16px; color:var(--mh-text);
  outline: none;
}
.mh-field input::placeholder{ color:#93a4b5; }
.mh-field input:focus{
  border-color:#c5d4e3;
  box-shadow:0 0 0 3px rgba(11,58,90,.09);
}

/* CTA */
.mh-cta{
  width:100%;
  height:52px;
  border-radius:10px;
  background: var(--mh-navy);
  color:#fff; font-weight:800;
  border:0; cursor:pointer;
  margin-top:6px;
}
.mh-cta:hover{ background: var(--mh-navy-dark); }

/* Legal */
.mh-legal{
  margin: 12px 0 10px;
  text-align:center;
  color:#7b8c9d; font-size:.92rem;
}
.mh-legal a{ color:var(--mh-navy); text-decoration: underline; }

/* OR */
.mh-or{
  text-align:center;
  color:#6a7c8f;
  font-weight:700;
  margin: 6px 0 2px;
}

/* Contacts */
.mh-contacts{
  display:grid; gap:10px;
  justify-items:center;
  padding-bottom: 8px;
}
.mh-contact{
  display:flex; align-items:center; gap:10px;
  color:#173c5a; font-weight:700;
}
.mh-contact a{ color:#173c5a; text-decoration:none; }
.mh-contact a:hover{ text-decoration:underline; }
.mh-icon{
  width:38px; height:38px;
  border-radius:50%;
  display:grid; place-items:center;
  background:#e8f0f7;
}
.mh-icon svg{ width:22px; height:22px; fill:#173c5a; }

/* Body lock */
/*.mh-lock{ overflow:hidden; }*/

section.header__marquee_sec {
    background: #1f4187;
    color: white;
    height: 30px;
    line-height: 30px;
}
select#doc_country_cat,#doc_doctor_cat {
    height: 30px;
}
div#tab3,#tab2 {
    text-align: center;
}
div#tab_hospital2, #tab_hospital3 {
    text-align: center;
}

.booking__form {
    background: white;
    border-radius: 27px;
    padding: 30px;
    text-align: center;
    border: 1px solid #e7e7e7;
}
.related__head h1 {
    font-size: 28px;
    margin-bottom: 20px;
    position: relative;
    border-bottom:1px solid #003f69;
}
.related__head h1::after {
    content: "";
    background: #003f69;
    width: 180px;
    height: 4px;
    left: 0;
    position: absolute;
    top: 33px;
}
.related__doctors {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
}
.related_image img {
    height: 220px !important;
    width: 100% !important;
    object-fit: contain;
}
.related__item {
    border: 1px solid #1f4187;
    padding: 10px;
    text-align: center;
}
.related_name {
    margin-top: 10px;
    font-size: 17px;
}