/* --------------------------------------------------- */
/* Header social icons spacing                         */
/* - The colored Instagram/WhatsApp icons are bigger   */
/* - Reduce the horizontal gap a bit (~1/3 less)       */
/* --------------------------------------------------- */
.alias-social-hdr-ul {
    gap: 0.65rem;
}

@font-face {
    font-family: "IRANSans";
    src: url("../Fonts/IRANSansWeb.woff2") format("woff2"),
    url("../Fonts/IRANSansWeb.woff") format("woff"),
    url("../Fonts/IRANSansWeb.ttf") format("truetype");
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: "IRANSans";
    src: url("../Fonts/IRANSANS(FANUM)_BOLD.TTF") format("truetype");
    font-weight: 700;
    font-style: normal;
}


body {
    padding: 0;
    margin: 0;
    direction: rtl;
    font-family: "IRANSans" !important;
    font-size: 15px;
}

.icon-color,
.small-title-color {
    color: #0ce0ff !important;
}

.title-color {
    color: #121212;
}

.font-s {
    font-size: 11px;
    line-height: 23px;
}

.border-raduis-8 {
    border-radius: 8px;
}

.border-raduis-4 {
    border-radius: 4px;
}

.del-link {
    text-decoration: none;
}

.site-logo-link {
    align-items: center;
    display: inline-flex;
    gap: 10px;
    min-height: 60px;
    text-decoration: none;
}

.site-logo-link:hover {
    text-decoration: none;
}

.site-logo-mark {
    display: block;
    height: 54px;
    object-fit: contain;
    width: 60px;
}

.site-logo-text {
    color: #164d85;
    display: flex;
    flex-direction: column;
    font-family: "IRANSans", Tahoma, Arial, sans-serif;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.8;
    text-align: right;
    white-space: nowrap;
}

.alias-menu-dropdown {
    position: relative;
}

.alias-sections-dropdown {
    border: 0;
    border-radius: 6px;
    box-shadow: 0 8px 22px rgba(0, 0, 0, 0.16);
    min-width: 220px;
    padding: 8px 0;
    right: 0;
    text-align: right;
}

.alias-menu-dropdown:hover > .alias-sections-dropdown,
.alias-menu-dropdown:focus-within > .alias-sections-dropdown {
    display: block;
}

.alias-sections-dropdown .dropdown-item {
    color: #164d85;
    font-size: 13px;
    padding: 9px 16px;
    text-align: right;
}

.alias-sections-dropdown .dropdown-item:hover,
.alias-sections-dropdown .dropdown-item:focus {
    background-color: #eef8fb;
    color: #0a355f;
}

.mobile-menu-contact {
    border-top: 1px solid rgba(255, 255, 255, 0.18);
    margin-top: 8px;
    padding: 12px 18px 4px;
}

.mobile-menu-contact a {
    color: #ffffff;
}

.mobile-menu-contact-link {
    display: block;
    font-size: 12px;
    line-height: 2;
}

.mobile-menu-phone-links {
    display: flex;
    gap: 12px;
    justify-content: flex-start;
    margin-top: 8px;
}

.mobile-menu-phone-links a {
    border: 1px solid rgba(255, 255, 255, 0.35);
    border-radius: 4px;
    font-size: 12px;
    padding: 5px 8px;
}

.footer-logo-link {
    display: inline-block;
}

.footer-address-link {
    align-items: flex-start;
    line-height: 2;
}

.footer-address-icon {
    flex: 0 0 28px;
    max-width: 28px;
}

.footer-address-text {
    flex: 1 1 auto;
    max-width: 100%;
}

.del-link:hover {
    text-decoration: none;
}

.text-black {
    color: #000000;
}

.customer-club-box {
    z-index: 1;
    position: absolute;
    max-width: 100%;
    width: 100%;
    margin-top: -126px;
}

.customer-input {
    border: none;
}

.customer-input:focus {
    box-shadow: none;
    outline: none;
}

.customer-btn {
    background-color: #164d85;
    color: white;
    border-radius: 8px;
}

.about-header {
    background-image: url("../Images/Header-Slider/backgroundr.svg");
    background-size: cover;
    height: 497px;
    position: relative;
    background-repeat: no-repeat;
    background-color: #8daac7bf;
    background-blend-mode: color-burn;
}

.video-box video {
}

.fixed-sec-header {
    margin-top: -66px;
    z-index: 1;
    position: relative;
    max-width: 100%;
}

.next-icon,
.preview-icon {
    background-color: #ffffff;
    border-radius: 50%;
    padding: 7px 10px;
    font-size: 20px !important;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(204, 204, 204, 1);
    -moz-box-shadow: 0px 2px 5px 0px rgba(204, 204, 204, 1);
    box-shadow: 0px 2px 5px 0px rgba(204, 204, 204, 1);
}

.carousel-custom .carousel-control-next,
.carousel-control-prev {
    opacity: 1;
    height: 30px;
    position: absolute;
    top: 50%;
}

.carousel-custom {
    position: relative;
}

.top-menu {
    position: absolute;
    top: 0;
    background-color: #ffffff;
    border-radius: 10px;
}

.text-link {
    font-size: 15px;
    color: #000000;
}

.text-link:hover {
    color: #000000;
}

.set-logo {
    height: 60px;
    /* align-items: end; */
    /* display: flex; */
}

.relation-box {
    /* align-items: end; */
}

.carousel-caption-custom {
    position: absolute;
    right: 15%;
    top: 38%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
}

.slider-btn {
    background-color: #164d85;
    padding: 10px 30px;
    border-radius: 5px;
    color: white;
    font-size: 20px;
}

.slider-title {
    font-size: 32px;
}

.indicators-custom li {
    background-image: url("../Images/Icons/Rectangle98.png");

    background-repeat: no-repeat;

    /* background-size: cover; */

    /* height: 20px; */

    background-color: transparent;

    height: 18px;

    width: 39px;

    /* margin: 0; */
}

.indicators-custom li.active {
    background-image: url("../Images/Icons/Rectangle103.png");

    background-repeat: no-repeat;

    background-size: cover;
    height: 18px;

    width: 39px;
}

.indicators-custom-2 li {
    padding: 3px;
    border-radius: 8px;
    background-image: url(../Images/Icons/Rectangle98.png);
    background-repeat: no-repeat;
    /* background-size: cover; */
    /* height: 20px; */
    background-color: transparent;
    height: 18px;
    width: 39px;
}

.indicators-custom-2 li.active {
    background-image: url("../Images/Icons/Rectangle103.png");

    background-repeat: no-repeat;

    background-size: cover;
    height: 18px;

    width: 39px;
}

.navbar-custom {
    position: absolute;
    top: 156px;
}

.navbar-custom nav {
    width: 78%;

    background-color: #164d85;

    border-radius: 8px;
}

.navbar-custom nav .navbar-toggler-icon {
    color: white;
    border: 2px solid white;
}

.navbar-custom .navbar .navbar-nav .nav-link {
    color: white;
    padding: 20px 15px;
    font-size: 15px;
}

.navbar-custom .navbar .navbar-nav .nav-item.active {
    color: #0ce0ff;
    border-bottom: 2px solid #0ce0ff;
}

.navbar-custom .navbar .navbar-nav .nav-item.active a {
    color: #0ce0ff !important;
}

.navbar-custom .navbar .navbar-nav .nav-item:hover {
    color: #0ce0ff;
    border-bottom: 2px solid #0ce0ff;
}

.aboutus-title {
    color: #121212;
}

.aboutus-list {
    color: #707070;
}

.about-background {
    background-image: url("../Images/AboutUs/about-background.svg");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
}

.about-btn {
    background-color: #164d85;
    color: #ffffff;
    border-radius: 4px;
    width: 140px;
    border: none;
    padding: 10px 0;
    font-weight: bold;
    height: 45px;
}

.services-background {
    background-color: #f8f9fa;
}

.doctor-background {
    background-color: #f8f9fa;
}

.services-description {
    color: #707070;
}

.reserve-description {
    color: #707070;
}

.doctor-item {
    border-radius: 4px;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(217, 217, 218, 1);
    -moz-box-shadow: 0px 3px 6px 0px rgba(217, 217, 218, 1);
    box-shadow: 0px 3px 6px 0px rgba(217, 217, 218, 1);
    padding: 0px 12px;
    border-radius: 8px;
}

.doctor-description {
    color: #707070;
}

.doctor-item .card-header,
.card-footer {
    background-color: transparent;
    border: none;
}

.doctor-item-title {
    color: #121212;
    font-size: 12px;
    font-weight: 200;
}

.years-experience {
    color: #757575;
    font-size: 14px;
}

.percentage-comments {
    color: #164d85 !important;
    font-size: 13px;
    font-weight: bold;
}

.comment-number {
    color: #757575 !important;
    font-size: 12px;
    font-weight: 100;
}

.doctor-item .card .card-body span {
    color: #707070;
    font-size: 13px;
    line-height: 32px;
    display: block;
}

.reserve-btn,
.comment-save-btn,
.profile-btn,
.comment-save-btn:focus,
.reserve-btn:focus,
.profile-btn:focus {
    border: 2px solid #164d85;
    color: #164d85;
    width: 110px;
    box-shadow: none;
    font-weight: bold;
}

.reserve-btn:focus,
.profile-btn:focus {
    border: 2px solid #164d85;
    color: #164d85;
    width: 110px;
    box-shadow: none;
}

.reserve-btn:hover,
.comment-save-btn:hover,
.profile-btn:hover {
    background-color: #164d85;
    color: #0ce0ff;
}

.carousel-custom-2 .carousel-control-prev,
.carousel-control-next {
    opacity: 1;
    height: 30px;
    position: absolute;
    top: 50%;
}

.none-display {
    display: none;
}

.blog-post:hover .box-hover-set {
    display: block !important;
}

.more-btn {
    background-color: #164d85;
    width: 110px;
    color: white;
}

.more-btn:hover {
    background-color: #164d85;
    color: #0ce0ff;
}

.btn-send:hover {
    color: #0ce0ff;
}

.box-hover-set {
    position: absolute;

    bottom: -28px;

    width: 100%;
}

.suggestions-box {
    background-color: #164d85;
    border-top-left-radius: 0;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 0;
    padding: 60px 20px;
}

.rel-btn {
    border-radius: 4px;
    background-color: white;
    width: 120px;
    font-weight: bold;
    font-size: 20px;
}

.rel-btn,
.rel-btn:hover,
.rel-btn:focus {
    color: #164d85;
    text-decoration: none;
}

.speicality-img {
    /* position: relative; */
    /* height: 180px; */
    /* box-shadow: 2px 2px 13px rgb(0 0 0 / 10%); */
    border-radius: 100%;
    width: inherit;
    background: #fff;
    margin: 0 auto 30px auto;
    min-width: 107px;
    max-width: 230px;
}

.speicality-img:hover {
    border: 2px solid #0ce0ff;
}

.speicality-img img {
    position: absolute;
    top: 50%;
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: 0 auto;
}

.slick-slide img {
    display: block;
}

.speicality-img span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    bottom: 3px;
    left: 0px;
    box-shadow: 1px 6px 14px rgb(0 0 0 / 20%);
    border-radius: 50%;
    padding: 2px;
    background-color: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
}

.speicality-img span i {
    font-size: 10px;
    color: #0de0fe;
}

.speicality-item span {
    font-size: 15px;
    font-weight: 500;
    margin: 30px 0 0;
}

.speicality-item:hover .title-color {
    color: #0ce0ff;
}

.specialty-box option {
    border-color: red !important;
}

.specialty-box {
    -webkit-appearance: none;
    border: none;
    background-color: #f8f9fa;
    border-radius: 4px;
    height: 45px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(196, 190, 196, 1);
    -moz-box-shadow: 0px 3px 6px 0px rgb(196, 190, 196);
    box-shadow: 0px 3px 6px 0px rgba(196, 190, 196, 1);
    background-image: url("../Images/Icons/ArrowDown.png"); /* replace with anything */
    background-repeat: no-repeat;
    background-position: 10px center;
    border: none;
    outline: none !important;
    font-size: 13px;
}

.specialty-box:focus {
    border: none;
    background-color: #f8f9fa;
    border-radius: 4px;
    height: 45px;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(196, 190, 196, 1);
    -moz-box-shadow: 0px 3px 6px 0px rgb(196, 190, 196);
    box-shadow: 0px 3px 6px 0px rgba(196, 190, 196, 1);
}

select *.option-custom {
    background: #f8f9fa;
    color: #707070;
    font-size: 18px;
}

select *.option-custom:hover {
    background: #dc0c75;
    color: #707070;
    font-size: 18px;
}

.reserve-footer {
    background-image: url("../Images/reserve/search-bg.svg");
    background-size: cover;
    height: 200px;
    background-repeat: no-repeat;
    background-position-x: center;
    background-position-y: bottom;
}

.news-item {
    background-color: #f8f9fa;
    border-radius: 8px;
}

.news-item .card,
.card-header,
.card-footer,
.card-body {
    background-color: #f8f9fa;
    border: none;
}

.news-item .news-date {
    font-size: 15px;
    color: #666666;
    word-spacing: -2px;
}

.news-title {
    color: #272b41;
    font-size: 18px;
}

.news-des {
    font-size: 13px;
    color: #666666;
    line-height: 26px;
}

.journal-background {
    background-image: url("../Images/AboutUs/about-background.svg");
    background-repeat: no-repeat;
    background-position-x: left;
    background-position-y: center;
    background-size: contain;
}

.journal-btn {
    background-color: #164d85;
    color: #ffffff;
    border-radius: 4px;
    width: 150px;
    border: none;
    padding: 10px 0;
}

footer {
    background-color: #164d85;
}

.copyright-text {
    font-size: 12px;
}

.footer-border-bottom {
    border-bottom: 1.5px solid #0ce0ff;
}

.footer-content ul li a {
    color: #ffffff;
    font-size: 15px;
}

.footer-content ul li a i {
    font-size: 20px;
}

.footer-content ul li a:hover {
    color: #0ce0ff;
    text-decoration: none;
}

.footer-main-info .footer-content {
    max-width: 620px;
    width: 100%;
}

.footer-trust-area .back-enamad {
    max-width: 150px;
}

.home-suggestions-section .suggestions-box {
    width: 100%;
}

.home-news-card,
.home-news-card .card,
.service-page-card {
    height: 100%;
}

.home-news-card .card-header img {
    border-radius: 6px;
    max-height: 160px;
    object-fit: cover;
}

.home-news-empty {
    font-size: 14px;
    line-height: 28px;
    padding: 26px 0 40px;
}

.services-page .service-page-summary,
.services-page .service-page-description {
    line-height: 2;
}

.services-page .service-page-icon {
    border-radius: 8px;
    object-fit: cover;
}

.filter-content {
    background-color: #ffffff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(224, 224, 224, 1);
    -moz-box-shadow: 0px 3px 6px 0px rgba(224, 224, 224, 1);
    box-shadow: 0px 3px 6px 0px rgba(224, 224, 224, 1);
}

.doctors-content {
}

.doctor-list .list-item {
    border: 1.5px solid #0ce0ff;
    padding: 3px 5px;
    border-radius: 4px;
    color: #0ce0ff;
    max-width: 130px;
    min-width: 90px;
}

.doctor-list .list-item:hover {
    color: #0ce0ff;
    text-decoration: none;
}

.doctors-content .card,
.card-header,
.card-footer,
.card-body {
    background-color: white !important;

    border: none;
}

.box-shadow {
    -webkit-box-shadow: 0px 3px 6px 0px rgba(224, 224, 224, 1);
    -moz-box-shadow: 0px 3px 6px 0px rgba(224, 224, 224, 1);
    box-shadow: 0px 3px 6px 0px rgba(224, 224, 224, 1);
}

.save-btn:hover {
    color: #0ce0ff !important;
}

.content-text p {
    color: #121212;
    line-height: 32px;
    font-size: 17px;
}

.clinik-background {
    background-size: cover;
    background-position-x: left;
    float: left;
    width: 100px !important;
    transform: rotate3d(1, 1, 1, 343deg);
}

.expert-hover:hover {
    -webkit-box-shadow: 0px 3px 6px 0px #164d85;
    -moz-box-shadow: 0px 3px 6px 0px #164d85;
    box-shadow: 0px 3px 6px 0px #164d85;
}

.rel-background {
    background-color: #f8f9fa;
}

.content-relation p {
    line-height: 32px;
    font-size: 15px;
    color: #707070;
}

.rel-frm-input {
    width: 100%;
    background-color: white !important;
    border: none !important;
    padding: 10px;
    border-radius: 4px !important;
    height: unset !important;
    box-shadow: none !important;
    font-size: smaller;
}

.rel-select {
    -webkit-appearance: none;
    border: none;
    background-color: #f8f9fa;
    border-radius: 4px;
    height: 45px;
    -webkit-box-shadow: 0px 3px 6px 0px rgb(196 190 196);
    -moz-box-shadow: 0px 3px 6px 0px rgb(196, 190, 196);
    box-shadow: 0px 3px 6px 0px rgb(196 190 196);
    background-image: url(../Images/Icons/ArrowDown.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    border: none;
    outline: none !important;
}

.rel-frm-input:focus {
    outline: none;
}

.rel-frm-input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #707070;
    font-size: 13px;
    opacity: 1; /* Firefox */
}

.rel-frm-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #707070;
    font-size: 13px;
}

.rel-frm-input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #707070;
    font-size: 13px;
}

.search-link {
    background-color: #164d85;
    justify-content: center;
    display: flex;
    padding: 13px 0;
    border-radius: 4px;
    width: 56px;
}

.doctor-sort li {
    color: #707070;
    font-size: 15px;
}

.rel-title {
    font-size: 18px;
    font-weight: bold;
    color: #164d85;
}

.clinik-history {
    font-size: 15px;
    line-height: 32px;
    color: #121212;
}

.clinik-Possibilities {
    font-size: 15px;
    line-height: 32px;
    color: #121212;
}

.effect-image {
    position: absolute;
    color: white;
    text-align: center;
    line-height: 10em;
}

#first {
    top: 48%;
    background-image: url("../Images/AboutUs/pexels-pixabay.svg");
    background-size: contain;
    border-radius: 8px;
    overflow: hidden;
    left: 45%;
    background-repeat: no-repeat;
    width: 23%;
    height: 144px;
}

.button-tab {
    font-size: 43px;
}

.collapse.show .color-change {
    background-color: red !important;
}

#second {
    background-repeat: no-repeat;
    top: 15%;
    left: 25%;
    background-image: url("../Images/AboutUs/pexels-oles-kanebckuu.svg");
    background-size: contain;
    border-radius: 8px;
    z-index: 0;
    width: 32%;
    height: 143px;
}

#third {
    top: 37%;
    left: 10%;
    background-image: url("../Images/AboutUs/pexels-anna-shvets.svg");
    background-size: contain;
    border-radius: 8px;
    width: 22%;
    background-repeat: no-repeat;
    height: 139px;
}

.aboutus-bg {
    background-image: url("../Images/AboutUs/about-background.svg");
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 70px;
    height: 100px;
}

.raduis-top-right {
    border-top-right-radius: 8px;
}

.raduis-top-left {
    border-top-left-radius: 8px;
}

.raduis-bottom-left {
    border-bottom-left-radius: 8px;
}

.raduis-bottom-right {
    border-bottom-right-radius: 8px;
}

.gallery-img {
    background-color: #164d85;
    height: 300px;
    position: relative;
}

.gallery-set {
    /* position: absolute; */
    /* top: 35%; */
    justify-content: center;
    display: flex;
}

.account-tab-content ul {
    display: block;

    border: none;
    text-align: right;
}

.account-tab-content ul li a {
    color: #121212;
    font-size: 17px;
    border: none !important;
    display: flex;
    align-items: center;
}

.account-tab-content ul li a.active {
    color: #0ce0ff !important;
    border: none;
}

.account-tab-content ul li a:hover {
    color: #0ce0ff !important;
    border: none;
}

.tab-content-title {
    color: #707070;
    font-size: 15px;
}

.tab-content-input {
    background-color: #f8f9fa;
    border: none;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    font-size: 11px;
}

.tab-content-input:focus {
    outline: none;
}

.tab-content-select {
    background-color: #f8f9fa;
    border: none;
    border-radius: 4px;
    padding: 10px;
    width: 100%;
    font-size: 15px;
}

.tab-content-select:focus {
    outline: none;
}

.field-icon {
    float: left;
    margin-left: 8px;
    margin-top: -33px;
    position: relative;
    z-index: 2;
}

.save-btn {
    color: white !important;
    background-color: #164d85;
    border-right: 4px;
    width: 110px;
    padding: 10px 0;
}

.btn-next-week {
    color: #0ce0ff !important;
    background-color: #164d85;
    border-right: 4px;
    width: 110px;
    padding: 10px 0;
}

.profile-answer {
    color: #164d85;
    padding: 0 5px 0 0;
    font-weight: bold;
    font-size: 11px;
}

.profile-width-li {
    width: 33%;
}

.profile-information {
    font-size: 13px;
}

.account-content {
    background-color: #164d85;
}

.account-content span {
    font-size: 15px;
    color: white;
    letter-spacing: 1px;
}

.account-content ul li a {
    color: white;

    font-size: 20px;
}

.doctor-phone {
    color: white;
}

.profile-box-hover:hover {
    -webkit-box-shadow: 0px 3px 6px 0px #164d85;
    -moz-box-shadow: 0px 3px 6px 0px #164d85;
    box-shadow: 0px 3px 6px 0px #164d85;
}

.see-more-box {
    background-color: #f8f9fa;
    border-radius: 4px;
}

.see-more-box ul li a {
    color: #164d85;
    font-size: 15px;
    align-self: center;
    display: flex;
}

.blog-description p {
    font-size: 15px;
    color: #707070;
    line-height: 32px;
    padding: 20px 0;
}

.abstract {
    background-color: #f8f9fa;
    border-radius: 4px;
}

.abstract p {
    font-size: 15px;
    line-height: 32px;
    color: #164d85;
}

.share-box {
    background-color: #f8f9fa;
    border-radius: 4px;
}

.blog-input {
    border: 1px solid #707070;
    padding: 10px;
    height: 43px;
}

.blog-input:focus {
    box-shadow: none;
    border: 1px solid #707070;
}

.blog-description p {
    white-space: nowrap;
    /* width: 279px; */
    overflow: hidden;
    text-overflow: ellipsis;
    /* height: 135px; */
}

.active-category {
    color: #164d85;
}

.blog-title {
    font-size: 16px;
    color: #272b41;
}

.blog-date span {
    color: #666666;
    font-size: 14px;
}

.blog-seen span {
    color: #666666;
    font-size: 14px;
}

.title-bold {
    color: #164d85;
}

.bg-section {
    background-color: #f8f9fa;
}

.blog-post .card,
.card-header,
.card-body,
.card-footer {
    background-color: transparent !important;
    border: none;
    padding: 0;
}

.login-register-box .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: #164d85 !important;
    border-radius: 4px 4px 0 4px;
    color: #0ce0ff;
    font-size: 20px;
}

.login-register-btn {
    background-color: #164d85;
    border-radius: 4px;
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
    width: 140px;
}

.login-register-btn:hover {
    color: #0ce0ff;
}

.login-register-box .tab-content-input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #707070;
    opacity: 1; /* Firefox */
    font-size: 13px;
}

.login-register-box .tab-content-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #707070;
    font-size: 13px;
}

.login-register-box .tab-content-input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #707070;
    font: 13px;
}

.forgot-pass-text {
    font-size: 15px;
}

.forgot-pass-text a {
    color: #164d85;
}

.login-register-box .nav-link {
    padding: 10px 0;
    color: #164d85;
    -font-size: 20px;
}

.pass-send-btn {
    background-color: #164d85;
    border-radius: 4px;
    font-size: 15px;
    font-weight: 700;
    color: #ffffff;
    width: 100px;
    padding: 9px 10px;
    border: none;
}

.bio-icon {
    font-size: 25px;
    background-color: white;
    border-radius: 50%;
    padding: 11px;
    align-self: center;
    display: flex;
    color: #164d85;
}

.bio-footer-icon {
    position: absolute;
    width: 100%;
    margin-top: -6px;
}

.nav-tab-custom a {
    font-size: 15px;
    color: #121212;
    border: none !important;
    border-bottom: 1px solid #707070 !important;
    padding: 20px 0;
    font-weight: bold;
}

.nav-tab-custom .nav-link.active {
    color: #0ce0ff;
    border: none;
    border-bottom: 2px solid #0ce0ff !important;
}

.bio-nav-custom {
    border-bottom: none;
    border-bottom-color: transparent;
}

.service-item {
    width: 100px;
    border-radius: 4px;
    border: 1.5px solid #707070;
    color: #707070;
    padding: 10px 0;
    max-width: 100px;
}

.doctor-bio-title {
    font-size: 20px;
    color: #164d85;
    padding-right: 15px;
}

.star-list {
    color: #164d85;
    font-size: 17px;
}

.comment-description {
    font-size: 15px;
    line-height: 32px;
    color: #707070;
}

.color-t {
    color: transparent;
}

.reserve-text {
    font-size: 11px;
    line-height: 35px;
}

.carousel-custom .carousel-item {
    background-image: url("../Images/Header-Slider/backgroundr.svg");
    height: 700px;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 130px 0;
    position: relative;
    background-color: #00000073;
    background-blend-mode: color-burn;
}

.close:focus {
    outline: none;
}

.carousel-caption {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 20px;
    border-radius: 0.5rem;
}

.indicators-custom-2 {
    position: absolute;
    right: 0;
    bottom: -70px;
    left: 0;
    z-index: 15;
}

.menu-m-text {
    position: absolute;
    color: white;
    font-weight: bold;
    top: 62%;
}

.height-custom {
    height: 130px;
    min-height: 130px;
    max-height: 130px;
    width: inherit;
    min-width: 130px;
    max-width: 170px;
}

.height-custom:hover {
    color: #164d85;
}

.ad-sel {
    display: none;
}

.ad-label {
    font-size: 1.6rem;
    padding-left: 35px;
    position: relative;
    margin-right: 0;
    font-weight: 500;
    float: right;
}

input[type="checkbox"] + label .checkbox {
    transition: all 0.3s ease-in-out 0s;
    width: 20px;
    height: 20px;
    border: 3px solid #707070;
    border-radius: 20%;
    position: absolute;
    padding: 8px;
}

input[type="checkbox"]:checked + label .checkbox {
    padding: 8px;
    border: 3px solid #121212;
    outline: unset !important;
}

input[type="checkbox"]:checked + label .checkbox::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f111";
    position: absolute;
    top: -4px;
    right: 1px;
    color: #121212;
    font-size: 16px;
}

input[type="checkbox"] + label .checkbox-rule {
    transition: all 0.3s ease-in-out 0s;
    width: 20px;
    height: 20px;
    border: 3px solid rgb(220, 220, 220);
    border-radius: 20%;
    position: absolute;
    padding: 8px;
}

input[type="checkbox"]:checked + label .checkbox-rule {
    padding: 8px;
    border: 3px solid #164d85;
    outline: unset !important;
}

input[type="checkbox"]:checked + label .checkbox-rule::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f111";
    position: absolute;
    top: -3px;
    right: 1px;
    color: #000000;
    font-size: 16px;
}

.sorted-text {
    font-size: 16px;
    text-align: right;
}

.set-icon-comment {
    position: absolute;
    left: 41%;
    top: -45px;
}

.yes-no-btn {
    width: 110px;
    border: 2px solid #164d85;
    border-radius: 4px;
    padding: 10px 0;
    color: #164d85;
}

.yes-no-btn:hover {
    background-color: #164d85;
    color: #ffffff;
}

input[type="checkbox"] + label .checkbox-2 {
    transition: all 0.3s ease-in-out 0s;
    width: 20px;
    height: 20px;
    border: 3px solid #0ce0ff !important;
    border-radius: 50%;
    position: absolute;
    padding: 10px;
    background-color: #0ce0ff;
}

input[type="checkbox"]:checked + label .checkbox-2 {
    padding: 10px;
    border: 3px solid #121212;
    outline: unset !important;
}

input[type="checkbox"]:checked + label .checkbox-2::after {
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    content: "\f00c";
    position: absolute;
    top: -1px;
    right: -2px;
    color: #164d85;
    font-size: 16px;
    background-color: #0ce0ff;
    width: 24px;
    border-radius: 50%;
}

.Turn {
    display: flex;
}

.Turn li {
    padding: 4px 24px;
    margin: 5px 16px;
    border: 1.5px solid #ffffff;
    border-radius: 4px;
    font-size: 15px;
    cursor: pointer;
    text-align: center;
}

.Turn li span {
    color: #0ce0ff;
}

.nav-tabs-week li a {
    color: #688cb0;
}

.nav-tabs-week li a:hover span {
    color: #ffffff;
}

.nav-tabs-week li a:hover {
    color: #ffffff;
    border: none !important;
}

.nav-tabs-week li a.active span {
    color: #0ce0ff;
}

.nav-tabs-week .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    background-color: transparent;
    border-top-color: rgb(12, 224, 255);
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: rgb(12, 224, 255);
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: rgb(22 77 133);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: rgb(12, 224, 255);
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    font-weight: bold;
}

.tab-content-custom {
    border: 1.5px solid #0ce0ff;
    border-radius: 4px;
}

.tab-content-select {
    background-image: url("../Images/Icons/down-filled-triangular-arrow.svg");
    background-position: 6px center;
    background-size: 11px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.tab-content-select option {
    background-color: #f8f9fa;

    color: #707070;
}

.input-width {
    width: 70px;
}

.nav-btn:focus {
    box-shadow: none;
    outline: none;
    border: none;
}

.nav-btn {
    padding: 10px 0 3px 15px;
}

.btn-send {
    background-color: #164d85;
    color: white;
    width: 86px;
    border-radius: 4px;
}

.select-set {
    background-image: linear-gradient(44deg, transparent 50%, #707070 60%),
    linear-gradient(135deg, #707070 40%, transparent 50%) !important;
    background-position: calc(16% - 29px) 18px, calc(16% - 20px) 18px, 100% 0;
    background-size: 9px 6px, 10px 6px;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.star-list .small {
    color: #757575;
}

.back-enamad {
    background-color: white;
    height: 160px;
    width: 160px;
    align-self: center;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px;
    border-radius: 2px;
}

.paly-icon {
    position: absolute;
    left: 40%;
    right: 40%;
    margin: 34px 0;
}

.cover {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    /* padding-bottom: 50%; */
    /* margin-bottom: 50px; */
    box-sizing: border-box;
    width: 100%;
    /* position: absolute; */
    top: 0;
    left: 0;
    display: block;
    opacity: 0.95;
    cursor: pointer;
    background-image: url("../Images/Blog/blog-01.svg");
    transition: opacity 150ms;
    background-size: cover;
    background-blend-mode: color-burn;
    background-color: #baf2ff94;
}

.span-right {
    right: -80px;
    position: absolute;
    bottom: -38px;
    width: 100%;
}

.cover video {
    opacity: 0;
    width: 100%;
    transition: 1s;
    position: relative;
    z-index: -1;
}

.cover-2 {
    background-size: cover;
    background-repeat: no-repeat;
    width: 253px;
    height: 129px;
    padding-bottom: 50%;
    margin-bottom: 50px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    opacity: 0.95;
    cursor: pointer;
    background-image: url("../Images/Blog/blog-01.svg");
    transition: opacity 150ms;
    background-size: cover;
    position: relative;
    background-blend-mode: color-burn;
    background-color: #0ce0ff54;
}

.cover-2 video {
    opacity: 0;
    width: 100%;
    transition: 1s;
    position: relative;
    z-index: -1;
}

.set-text-center {
    display: none;
}

.cascade-slider_item.now .set-text-center {
    display: block;
    font-size: 10px;
    text-align: center;
    width: 100%;
    color: white;
    top: 50%;
}

.customer-text {
    font-size: 19px;
    line-height: 32px;
}

a.disabled {
    pointer-events: none;
    color: #9f9f9f !important;
}

.profile-account {
}

.disabled-account {
    pointer-events: none;
    color: #5a81a9 !important;
}

.raduis-50 {
    border-radius: 50%;
}

.cascade-slider_item {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0.3);
    transition: all 1s ease;
    opacity: 0;
    z-index: -1;
}

.cascade-slider_item.next {
    left: 29%;
    transform: translateY(-50%) translateX(-150%) scale(1.6);
    opacity: 1;
    z-index: 1;
}

.cascade-slider_item.prev {
    left: 71%;
    transform: translateY(-50%) translateX(50%) scale(1.6);
    opacity: 1;
    z-index: 1;
}

.cascade-slider_item.now {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(2);
    opacity: 1;
    z-index: 5;
    width: 253px;
}

.opt-slider {
    background-image: url("../Images/Reserve/shutterstock_125225417.svg");
    height: 124px;
    width: 252px;
    background-size: cover;
}

.opt-slider.now {
    background-blend-mode: color-burn;
    background-color: #aaebf2;
}

.cascade-slider_item-2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(0.3);
    transition: all 1s ease;
    opacity: 0;
    z-index: -1;
}

.cascade-slider_item-2.next {
    left: 29%;
    transform: translateY(-50%) translateX(-117%) scale(1.1);
    opacity: 1;
    z-index: 1;
}

.cascade-slider_item-2.prev {
    left: 71%;
    transform: translateY(-50%) translateX(17%) scale(1.1);
    opacity: 1;
    z-index: 1;
}

.cascade-slider_item-2.now {
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) scale(1.5);
    opacity: 1;
    z-index: 5;
}

.cascade-slider_arrow {
    display: inline-block;
    position: absolute;
    top: 50%;
    cursor: pointer;
    z-index: 5;
}

.cascade-slider_arrow-left {
    left: 32%;
    background-color: white;
    padding: 10px 17px;
    border-radius: 50px;
    color: #0ce0ff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(224, 224, 224, 1);
    -moz-box-shadow: 0px 3px 6px 0px rgba(224, 224, 224, 1);
    box-shadow: 0px 3px 6px 0px rgba(224, 224, 224, 1);
}

.cascade-slider_arrow-right {
    right: 32%;
    background-color: white;
    padding: 10px 17px;
    border-radius: 50px;
    color: #0ce0ff;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(224, 224, 224, 1);
    -moz-box-shadow: 0px 3px 6px 0px rgba(224, 224, 224, 1);
    box-shadow: 0px 3px 6px 0px rgba(224, 224, 224, 1);
}

.cascade-slider_nav {
    position: absolute;
    bottom: -120px;
    width: 100%;
    text-align: center;
    z-index: 5;
}

.cascade-slider_dot {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin: 1em;
    background: #ddd;
    list-style: none;
    cursor: pointer;
}

.cascade-slider_container {
    position: relative;
    width: 100%;
    height: 496px;
    margin: 0 auto;
    overflow: hidden;
}

.cascade-slider_dot:hover {
    background: #555;
}

.cascade-slider_dot.cur {
    background: #555;
}

.reserve-btn-menu {
    padding: 9px 2px;
    border: 2px solid #ffffff;
    background-color: #164d85;
    color: #ffffff;
    width: 120px;
    height: max-content;
}

.reserve-btn-menu:hover {
    color: #0ce0ff;
    border: 2px solid #0ce0ff;
}

.login-register-btn-menu {
    padding: 9px 5px;
    border: 2px solid #ffffff;
    background-color: #164d85;
    color: #ffffff;
    width: 120px;
}

.login-register-btn-menu:hover {
    color: #0ce0ff;
    border: 2px solid #0ce0ff;
}

.section-item:hover,
.section-item.selected {
    background-color: #164d85;
    color: #ffffff;
    z-index: 999;
}

.d-none-style {
    display: none;
}

.section-item:hover .section-item-hover,
.section-item.selected .section-item-hover {
    border-radius: 50px;
    display: block !important;
    position: absolute;
    top: -10px;
    left: -19px;
}

.reserve-input {
    border: none;
    border-radius: 4px;
    background-color: #f8f9fa;
    padding: 10px;
    height: 50px;
}

.reserve-input:focus {
    box-shadow: none;
    border: none;
    border-radius: 4px;
    background-color: #f8f9fa;
}

.reserve-input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #121212;
    opacity: 1; /* Firefox */
}

.reserve-input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #121212;
}

.reserve-input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #121212;
}

.customer-btn::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #121212;
    opacity: 1; /* Firefox */
}

.customer-btn:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #121212;
}

.customer-btn::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #121212;
}

.next-btn,
.next-btn:focus {
    border: 2px solid #164d85;
    background-color: #ffffff;
    border-radius: 4px;
    color: #164d85;
    box-shadow: none;
}

.next-btn:hover {
    color: #ffffff;
    background-color: #164d85;
}

.prev-btn,
.prev-btn:focus {
    border: 2px solid #164d85;
    background-color: #ffffff;
    border-radius: 4px;
    color: #164d85;
    box-shadow: none;
}

.prev-btn:hover {
    color: #ffffff;
    background-color: #164d85;
}

.expert-box {
    border: 1.5px solid #0ce0ff;
    font-size: 16px;
    border-radius: 4px;
}

.expert-item,
.expert-icon,
.expert-item:hover {
    color: #0ce0ff !important;
}

.dropdown-2 {
    background-color: #164d85;
    padding: 50px;
}

.accept-btn {
    background-color: #164d85;
    border-radius: 4px;
    width: 110px;
    color: white;
    padding: 10px 0;
}

.accept-btn:hover {
    color: #0ce0ff;
}

.payment-btn {
    background-color: #164d85;
    border-radius: 4px;
    width: 110px;
    color: white;
    padding: 10px 0;
}

.payment-btn:hover {
    color: #0ce0ff;
}

.green-text {
    color: #1b8017;
    font-size: 23px;
    word-spacing: 1px;
}

.reserve-change-btn {
    background-color: #ffffff;
    border-radius: 4px;
    width: 110px;
    color: #164d85;
    padding: 10px 0;
    border: 2px solid #164d85;
}

.reserve-change-btn:hover {
    color: #0ce0ff;
}

.half-opacity {
    opacity: 0.5;
}

.indicators-custom {
    position: absolute;
    top: 80%;
}

.MultiCarousel {
    float: left;
    overflow: hidden;
    padding: 15px;
    width: 100%;
    position: relative;
}

.MultiCarousel .MultiCarousel-inner {
    transition: 1s ease all;
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item {
    float: left;
}

.MultiCarousel .MultiCarousel-inner .item > div {
    text-align: center;
    padding: 10px;
    margin: 10px;
    background: #f1f1f1;
    color: #666;
}

.MultiCarousel .leftLst,
.MultiCarousel .rightLst {
    position: absolute;
    border-radius: 50%;
    top: calc(50% - 20px);
}

.MultiCarousel .leftLst {
    left: 0;
}

.MultiCarousel .rightLst {
    right: 0;
}

.MultiCarousel .leftLst.over,
.MultiCarousel .rightLst.over {
    pointer-events: none;
    background: #ccc;
}

.line-height-32 {
    line-height: 32px;
}

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

.input-error {
    border: 1.5px solid #db1f11;
}

.input-error-text {
    color: #db1f11;
    font-size: 13px;
}

.border-black {
    border: 3px solid #121212 !important;
}

.chg-bg-body {
    /*background-color: #67707B !important;*/
}

.reserve-turn {
    background-color: #0ce0ff;
}

.reserve-turn span {
    color: #164d85 !important;
}

.set-slider-aboutus {
    margin-top: 135px;
}

.tab-content-input.disabled {
}

/*col*/
@media screen and (min-width: 230px) and (max-width: 576px) {

    .height-col-week {
        height: 24px !important;
        font-size: 9px !important;
    }

    .centred-section {
        display: grid;
        margin: auto;
        justify-items: center;
    }

    .doctor-sort li {
        color: #707070;
        font-size: 11px;
    }

    .menu-m-text {
        position: absolute;
        color: white;
        font-weight: bold;
        top: 40%;
    }

    .btn-next-week {
        color: #0ce0ff !important;
        background-color: #164d85;
        border-right: 4px;
        width: 95px;
        padding: 10px 0;
    }

    .img-mobile-footer {
        background-image: url("../Images/Footer/logo-mobile-footer2.png");
        background-repeat: no-repeat;
        background-size: contain;
        height: 100px;
        width: 50%;
        position: absolute;
        top: 43px;
        right: 0;
        /* margin-top: -49px; */
    }

    .services-description {
        color: #707070;
        font-size: 14px;
    }

    .Educational-background .list-inline li span {
        font-size: 13px;
    }

    .doctor-item {
        border-radius: 4px;
        background-color: #ffffff;
        -webkit-box-shadow: 0px 3px 6px 0px rgb(217 217 218);
        -moz-box-shadow: 0px 3px 6px 0px rgba(217, 217, 218, 1);
        box-shadow: 0px 3px 6px 0px rgb(217 217 218);
        padding: 10px 12px;
        border-radius: 8px;
    }

    .reserve-btn-menu {
        padding: 9px 5px;
        border: 2px solid #ffffff;
        background-color: #164d85;
        color: #ffffff;
        width: 95px;
        height: max-content;
        font-size: 13px;
    }

    .content-relation p {
        line-height: 30px;
        font-size: 13px;
        color: #707070;
    }

    .login-register-btn-menu {
        width: 96px !important;
        font-size: 13px;
        display: flex;
        align-items: center;
    }

    .green-text {
        color: #1b8017;
        font-size: 15px;
        word-spacing: 1px;
    }

    .indicators-custom {
        position: absolute;
        top: 63%;
    }

    .half-opacity {
        opacity: 0.5;
        width: 100%;
    }

    .news-des {
        font-size: 12px;
        color: #666666;
        line-height: 20px;
        margin-bottom: 0;
        white-space: nowrap;
        width: 247px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .nav-tabs-week li a {
        color: #688cb0;
        font-size: 7px;
        padding: 1px;
    }

    .dropdown-2 {
        background-color: #164d85;
        padding: 20px 5px;
    }

    .clinik-list .height-col-week {
        height: 30px;
        font-size: 11px;
    }

    .clinik-list .height-col-week {
        height: 18px !important;
        font-size: 10px !important;
    }

    .clinik-list .font-col {
        font-size: 9px;
        margin: 0 6px;
    }

    #cascade-slider {
        height: 339px !important;
    }

    #cascade-slider-2 {
        height: 268px !important;
    }

    .speicality-item span {
        font-size: 12px;
        font-weight: 500;
        margin: 1px 0 0 !important;
        padding: 4px;
    }

    .speicality-img img {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 27px;
    }

    .services-img {
        width: 36px !important;
    }

    .tab-content-input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-size: 11px;
        opacity: 1; /* Firefox */
    }

    .tab-content-input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 11px;
    }

    .tab-content-input::-ms-input-placeholder {
        /* Microsoft Edge */
        font-size: 11px;
    }

    .select-set::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        font-size: 11px;
        opacity: 1; /* Firefox */
    }

    .select-set:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        font-size: 11px;
    }

    .select-set::-ms-input-placeholder {
        /* Microsoft Edge */
        font-size: 11px;
    }

    .tab-content-select {
        background-image: url("../Images/Icons/down-filled-triangular-arrow.svg");
        background-position: 10px center;
        background-size: 13px;
        background-repeat: no-repeat;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .font-s {
        font-size: 8px;
        line-height: 23px;
    }

    .set-icon-comment {
        position: absolute;
        left: 41%;
        top: -45px;
    }

    .set-logo {
        background-image: url("../Images/Header-Slider/logo-h.png");
        width: 100%;
        /* height: 60px; */
        background-repeat: no-repeat;
        /* background-size: contain; */
        background-position: left;
    }

    .reserve-input {
        border: none;
        font-size: 10px;
        border-radius: 4px;
        background-color: #f8f9fa;
        padding: 5px;
        height: 50px;
        align-items: center;
        display: flex;
    }

    .expert-item,
    .expert-icon,
    .expert-item:hover {
        color: #0ce0ff !important;
        font-size: 10px !important;
    }

    .responsive-text {
        font-size: 10px;
    }

    .copyright-text {
        font-size: 10px;
    }

    .search-link {
        background-color: #164d85;
        justify-content: center;
        display: flex;
        padding: 10px;
        border-radius: 4px;
        width: 50px;
        margin: auto;
    }

    .forgot-pass-text {
        font-size: 10px;
    }

    .customer-input {
        padding: 0 !important;
    }

    .customer-btn {
        font-size: 11px !important;
        padding: 0 8px !important;
    }

    .customer-input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */

        font-size: 10px;
        opacity: 1; /* Firefox */
    }

    .customer-input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

        font-size: 10px;
    }

    .customer-input::-ms-input-placeholder {
        /* Microsoft Edge */

        font-size: 10px;
    }

    .customer-text {
        font-size: 13px !important;
        line-height: 20px !important;
    }

    .set-slider-aboutus {
        margin-top: 45px !important;
    }

    .cascade-slider_arrow-left {
        left: 15% !important;
    }

    .arrow-l-1 {
        left: 15% !important;
    }

    .arrow-l-2 {
        left: 15% !important;
    }

    .cascade-slider_arrow {
        top: 57% !important;
    }

    .arrow-slider-1 {
        top: 71% !important;
    }

    .arrow-slider-2 {
        top: 68% !important;
    }

    .cascade-slider_arrow-right {
        right: 15% !important;
    }

    .arrow-r-1 {
        right: 15% !important;
    }

    .arrow-r-2 {
        right: 15% !important;
    }

    .cascade-slider_container {
        position: relative;
        width: 100%;
        height: 386px !important;
        margin: 0 auto;
        overflow: hidden;
    }

    .carousel-custom .carousel-item {
        height: 300px;
    }

    .navbar-custom .navbar .navbar-nav .nav-item.active {
        border-bottom: none;
    }

    .account-tab-content ul {
        display: block;
        border: none;
        text-align: center;
    }

    .Turn {
        display: block;
    }

    .reserve-input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */
        color: #121212;
        opacity: 1; /* Firefox */
        font-size: 10px;
    }

    .about-header {
        background-image: url(../Images/Header-Slider/backgroundr.svg);
        background-size: cover;
        height: 355px;
    }

    .reserve-input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #121212;
        font-size: 10px;
    }

    .reserve-input::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #121212;
        font-size: 10px;
    }

    .cascade-slider_item.next {
        left: 30% !important;
        transform: translateY(-50%) translateX(-150%) scale(1) !important;
        opacity: 1;
        z-index: 1;
    }

    .cascade-slider_item.now {
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%) scale(1) !important;
        opacity: 1;
        z-index: 5;
    }

    .cascade-slider_item.prev {
        left: 71%;
        transform: translateY(-50%) translateX(50%) scale(1) !important;
        opacity: 1;
        z-index: 1;
    }

    .Turn li {
        padding: 4px 12px;
        margin: 0 12px;
        border: 1.5px solid #ffffff;
        border-radius: 4px;
        font-size: 13px;
    }

    .search-link {
        background-color: #164d85;
        justify-content: center;
        display: flex;
        padding: 10px 0;
        border-radius: 4px;
    }

    .cascade-slider_item-2.now {
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%) scale(1) !important;
        opacity: 1;
        z-index: 5;
    }

    .effect-image {
        position: unset;
        width: 14em;
        height: 10em;
        padding: 0.2em;
        background-color: #666;
        color: white;
        text-align: center;
        line-height: 10em;
        margin: 0 0 20px 0;
    }

    .reserve-btn,
    .comment-save-btn,
    .profile-btn,
    .comment-save-btn:focus,
    .reserve-btn:focus,
    .profile-btn:focus {
        width: 86px;
        font-size: 13px;
    }

    .doctor-item .card .card-body span {
        color: #707070;
        font-size: 11px;
        justify-content: center;
    }

    .percentage-comments {
        color: #164d85;
        font-size: 14px;
        text-align: center;
        margin: auto;
        justify-content: center;
    }

    .suggestions-box {
        background-color: #164d85;
        border-top-left-radius: 0;
        border-top-right-radius: 8px;
        border-bottom-right-radius: 8px;
        border-bottom-left-radius: 0;
        padding: 10px 5px;
    }

    .comment-mobile {
        font-size: 15px;
        line-height: 32px;
    }

    .doctor-background .title-color {
        font-size: 20px;
    }

    .reserve-footer {
        background-image: url(../Images/reserve/search-bg.svg);
        background-size: cover;
        height: 45px;
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: bottom;
    }

    .speicality-img {
        position: relative;
        height: 70px;
        min-width: 70px;
        max-width: 70px;
        box-shadow: 2px 2px 13px rgb(0 0 0 / 10%);
        border-radius: 100%;
        background: #fff;
        margin: 0 auto 2px auto;
        min-height: 70px;
    }

    .aboutus-title {
        color: #121212;
        font-size: 20px;
    }

    .fixed-sec-header {
        margin-top: -31px;
        z-index: 1;
        position: relative;
        max-width: 100%;
    }

    .customer-club-box {
        z-index: 1;
        position: absolute;
        max-width: 100%;
        width: 100%;
        margin-top: -185px;
    }

    .relation-box {
        order: 2;
        justify-content: center;
        display: flex;
    }

    .navbar-custom .navbar .navbar-nav .nav-link {
        color: white;
        padding: 12px 15px;
        font-size: 14px;
        text-align: center;
    }

    .blog-date span {
        color: #666666;
        font-size: 12px;
    }

    .blog-seen span {
        color: #666666;
        font-size: 12px;
    }

    .w-100-mobile {
        width: 100%;
    }

    .center-item-mobile {
        justify-content: center;
        display: flex;
    }

    .aboutus-list li span {
        font-size: 13px;
        line-height: 32px;
    }

    .indicators-custom li {
    }

    .slider-btn {
        background-color: #1b5a90;
        padding: 10px 30px;
        border-radius: 5px;
        color: white;
        font-size: 13px;
    }

    .menu-m-responsive {
        display: flex;
        flex-flow: column;
    }

    .logo-box {
        /* order: 2; */
        /* position: absolute; */
        top: 30%;
        right: 0;
        background-color: #164d85;
        margin-bottom: 0 !important;
    }

    .set-box-2 {
        order: 1;
        padding: 0;
        display: none;
        /* flex-flow: column; */
    }

    .navbar-custom nav {
        width: 100%;
        background-color: #164d85;
        border-radius: 0;
        margin-top: -16px;
    }

    .navbar-custom {
        position: absolute;
        top: 0;
        left: 0;
        /* margin-top: 71px; */
        width: 100%;
        max-width: inherit;
        z-index: 1000;
    }

    .carousel-custom .carousel-control-next,
    .carousel-control-prev {
        display: none;
    }

    .carousel-custom {
        /* position: unset; */
        bottom: 0;
        display: inline-block;
        order: 2;
        margin-top: 60px;
    }

    .top-menu {
        position: absolute;
        top: unset;
        display: inline-block;
        order: 1;
        width: 100%;
        background-color: unset;
    }

    header {
        display: flex;
        flex-flow: column;
    }

    .carousel-caption-custom {
        position: absolute;
        right: 15%;
        top: 0;
        left: 15%;
        z-index: 10;
        padding-top: 55px;
        padding-bottom: 20px;
        color: #fff;
        text-align: center;
    }

    .slider-title {
        font-size: 19px;
        color: white;
    }

    .navbar-custom .navbar-toggler {
        position: absolute;
        right: 20px;
        top: 25px;
    }

    .navbar-custom .navbar-toggler:focus {
        outline: none;
    }

    .star-list .small {
        color: #757575;
        font-size: 12px;
    }

    .set-col-item {
        margin: auto;
        justify-content: center;
        display: grid;
        font-size: 11px;
        line-height: 26px;
        justify-items: center;
    }

    .fixed-sec-header-2 {
        margin-top: 6px !important;
    }

    .h-col-200 {
        height: 200px;
    }

    #first {
        top: 45px;
        position: absolute;
        background-image: url(../Images/AboutUs/pexels-pixabay.svg);
        background-size: cover;
        border-radius: 8px;
        overflow: hidden;
        right: 10%;
        width: 35%;
        height: 117px;
    }

    #second {
        top: -6%;
        left: 35%;
        position: absolute;
        background-image: url(../Images/AboutUs/pexels-oles-kanebckuu.svg);
        background-size: cover;
        border-radius: 8px;
        box-shadow: 0em 0.2em 0.4em 0 hsl(195deg 30% 46%);
        z-index: 0;
        width: 35%;
        height: 117px;
    }

    #third {
        top: 40%;
        left: 15%;
        background-image: url(../Images/AboutUs/pexels-anna-shvets.svg);
        background-size: cover;
        border-radius: 8px;
        width: 35%;
        height: 117px;
        position: absolute;
    }
}

/*sm*/
@media screen and (min-width: 576px) and (max-width: 768px) {
    .h-col-200 {
        height: 200px;
    }

    #first {
        top: 45px;
        position: absolute;
        background-image: url(../Images/AboutUs/pexels-pixabay.svg);
        background-size: cover;
        border-radius: 8px;
        overflow: hidden;
        right: 10%;
        width: 35%;
        height: 117px;
    }

    #second {
        top: -6%;
        left: 35%;
        position: absolute;
        background-image: url(../Images/AboutUs/pexels-oles-kanebckuu.svg);
        background-size: cover;
        border-radius: 8px;
        box-shadow: 0em 0.2em 0.4em 0 hsl(195deg 30% 46%);
        z-index: 0;
        width: 35%;
        height: 117px;
    }

    #third {
        top: 40%;
        left: 15%;
        background-image: url(../Images/AboutUs/pexels-anna-shvets.svg);
        background-size: cover;
        border-radius: 8px;
        width: 35%;
        height: 117px;
        position: absolute;
    }

    .fixed-sec-header-2 {
        margin-top: 6px !important;
    }

    .set-col-item {
        margin: auto;
        justify-content: center;
        display: grid;
        font-size: 11px;
        line-height: 26px;
    }

    .header-profile-btn img {
        width: 20px;
    }

    .header-profile-btn {
        font-size: 7px;
        padding: 3px 2px;
    }

    .arrow-slider-1 {
        top: 71% !important;
    }

    .arrow-slider-2 {
        top: 68% !important;
    }

    .menu-m-text {
        position: absolute;
        color: white;
        font-weight: bold;
        top: 50%;
    }

    .customer-club-box {
        z-index: 1;
        position: absolute;
        max-width: 100%;
        width: 100%;
        margin-top: -94px;
    }

    .doctor-item .card .card-body span {
        color: #707070;
        font-size: 11px;
        justify-content: center;
    }

    .set-col-item {
        font-size: 11px;
        line-height: 27px;
    }

    .content-relation p {
        line-height: 30px;
        font-size: 13px;
        color: #707070;
    }

    .rel-btn {
        border-radius: 4px;
        background-color: white;
        width: 108px;
        font-weight: bold;
        font-size: 20px;
    }

    .news-item .news-date {
        font-size: 12px;
        color: #666666;
        word-spacing: -2px;
    }

    .news-des {
        font-size: 12px;
        color: #666666;
        line-height: 23px;
    }

    .news-title {
        color: #272b41;
        font-size: 13px;
    }

    .news-des {
        margin-bottom: 0;
    }

    .nav-tabs-week li a {
        color: #688cb0;
        font-size: 12px;
        padding: 7px;
    }

    .dropdown-2 {
        background-color: #164d85;
        padding: 20px 5px;
    }

    .height-col-week {
        height: 18px;
        font-size: 14px;
    }

    .font-col {
        font-size: 9px;
        margin: 0 10px;
    }

    .fixed-sec-header {
        margin-top: -52px;
        z-index: 1;
        position: relative;
        max-width: 100%;
    }

    .speicality-item span {
        font-size: 15px;
        font-weight: 500;
        margin: 1px 0 0 !important;
        left: 20px;
        bottom: 12px;
        padding: 5px;
    }

    .speicality-img img {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 48px;
    }

    #cascade-slider {
        height: 550px !important;
    }

    #cascade-slider-2 {
        height: 410px !important;
    }

    .tab-content-select {
        background-image: url("../Images/Icons/down-filled-triangular-arrow.svg");
        background-position: 10px center;
        background-size: 13px;
        background-repeat: no-repeat;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .font-s {
        font-size: 8px;
        line-height: 23px;
    }

    .login-register-btn-menu {
        padding: 5px;
        border: 2px solid #ffffff;
        background-color: #164d85;
        color: #ffffff;
        width: 67px !important;
        font-size: 9px;
        align-items: center;
        display: flex;
    }

    .reserve-btn-menu {
        padding: 9px 0px;
        border: 2px solid #ffffff;
        background-color: #164d85;
        color: #ffffff;
        width: 51px;
        height: max-content;
        font-size: 9px;
    }

    .navbar-custom nav {
        width: 76%;
        background-color: #164d85;
        border-radius: 8px;
    }

    .speicality-img {
        position: relative;
        height: 96px;
        box-shadow: 2px 2px 13px rgb(0 0 0 / 10%);
        border-radius: 100%;
        width: inherit;
        background: #fff;
        margin: 0 auto 30px auto;
        min-width: 153px;
        max-width: 153px;
        min-height: 153px;
        max-height: 153px;
    }

    .search-link {
        background-color: #164d85;
        justify-content: center;
        display: flex;
        padding: 10px;
        border-radius: 4px;
        width: 50px;
        margin: auto;
    }

    .customer-input {
        padding: 0 !important;
    }

    .customer-btn {
        font-size: 11px !important;
        padding: 0 8px !important;
    }

    .customer-input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */

        font-size: 10px;
        opacity: 1; /* Firefox */
    }

    .customer-input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

        font-size: 10px;
    }

    .customer-input::-ms-input-placeholder {
        /* Microsoft Edge */

        font-size: 10px;
    }

    .customer-text {
        font-size: 11px !important;
        line-height: 20px !important;
    }

    .cascade-slider_container {
        height: 671px !important;
    }

    .set-slider-aboutus {
        margin-top: 0px !important;
    }

    .navbar-custom .navbar .navbar-nav .nav-item.active {
        /* border-bottom: none; */
    }

    .search-link {
        background-color: #164d85;
        justify-content: center;
        display: flex;
        padding: 10px 0;
        border-radius: 4px;
    }

    .Turn {
        display: block;
    }

    .Turn li {
        padding: 4px 15px;
        margin: 0 16px;
        border: 1.5px solid #ffffff;
        border-radius: 4px;
        font-size: 13px;
    }

    .effect-image {
        position: unset;
        width: 14em;
        height: 10em;
        padding: 0.2em;
        background-color: #666;
        color: white;
        text-align: center;
        line-height: 10em;
        margin: 0 0 20px 0;
    }

    .relation-img {
        justify-content: center;
        display: flex;
    }

    .reserve-btn,
    .comment-save-btn,
    .profile-btn,
    .comment-save-btn:focus,
    .reserve-btn:focus,
    .profile-btn:focus {
        width: 86px;
        font-size: 13px;
    }

    .comment-mobile {
        font-size: 15px;
        line-height: 32px;
    }

    .service-item {
        width: 99px;
        border-radius: 4px;
        border: 1.5px solid #707070;
        color: #707070;
        padding: 10px 0;
    }

    .navbar-custom {
        z-index: 1000;
    }

    .navbar-custom {
        position: absolute;
        top: 130px;
    }

    .navbar-custom .navbar .navbar-nav .nav-link {
        color: white;
        padding: 10px 3px;
        font-size: 10px;
    }

    .blog-date span {
        color: #666666;
        font-size: 12px;
    }

    .blog-seen span {
        color: #666666;
        font-size: 12px;
    }

    .indicators-custom li {
    }

    .w-100-mobile {
        width: 100%;
    }

    .center-item-mobile {
        justify-content: center;
        display: flex;
    }

    .set-logo {
        height: 100%;
        /* display: flex; */
        /* width: 100% !important; */
    }

    .carousel-custom .carousel-control-next,
    .carousel-control-prev {
        display: none;
    }

    .text-link {
        font-size: 8px;
        color: #000000;
    }
}

/*md*/
@media screen and (min-width: 768px) and (max-width: 992px) {
    .h-col-200 {
        height: 200px;
    }

    #first {
        top: 45px;
        position: absolute;
        background-image: url(../Images/AboutUs/pexels-pixabay.svg);
        background-size: cover;
        border-radius: 8px;
        overflow: hidden;
        right: 10%;
        width: 35%;
        height: 117px;
    }

    #second {
        top: -6%;
        left: 35%;
        position: absolute;
        background-image: url(../Images/AboutUs/pexels-oles-kanebckuu.svg);
        background-size: cover;
        border-radius: 8px;
        box-shadow: 0em 0.2em 0.4em 0 hsl(195deg 30% 46%);
        z-index: 0;
        width: 35%;
        height: 117px;
    }

    #third {
        top: 40%;
        left: 15%;
        background-image: url(../Images/AboutUs/pexels-anna-shvets.svg);
        background-size: cover;
        border-radius: 8px;
        width: 35%;
        height: 117px;
        position: absolute;
    }

    .arrow-slider-1 {
        top: 71% !important;
    }

    .arrow-slider-2 {
        top: 68% !important;
    }

    .sorted-text {
        font-size: 14px;
        text-align: right;
    }

    .menu-m-text {
        position: absolute;
        color: white;
        font-weight: bold;
        top: 50%;
    }

    .customer-club-box {
        z-index: 1;
        position: absolute;
        max-width: 100%;
        width: 100%;
        margin-top: -94px;
    }

    .percentage-comments {
        color: #164d85 !important;
        font-size: 15px;
        font-weight: bold;
        align-items: baseline;
    }

    .comment-number {
        color: #757575 !important;
        font-size: 11px;
        font-weight: 100;
    }

    .doctor-item .card .card-body span {
        color: #707070;
        font-size: 12px;
        justify-content: center;
    }

    .set-col-item {
        font-size: 11px;
        line-height: 26px;
    }

    .height-col-week {
        height: 30px;
        font-size: 11px;
    }

    .clinik-list .height-col-week {
        height: 30px;
        font-size: 11px;
    }

    .clinik-list .font-col {
        font-size: 9px;
        margin: 0 6px;
    }

    .font-col {
        font-size: 10px;
        margin: 0 6px;
    }

    .customer-input::placeholder {
        /* Chrome, Firefox, Opera, Safari 10.1+ */

        font-size: 13px;
        opacity: 1; /* Firefox */
    }

    .customer-input:-ms-input-placeholder {
        /* Internet Explorer 10-11 */

        font-size: 13px;
    }

    .customer-input::-ms-input-placeholder {
        /* Microsoft Edge */

        font-size: 13px;
    }

    .customer-text {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .news-item .news-date {
        font-size: 12px;
        color: #666666;
        word-spacing: -2px;
    }

    .doctor-item .card .card-body span {
        color: #707070;
        font-size: 11px;
        line-height: 32px;
        display: block;
    }

    .news-title {
        color: #272b41;
        font-size: 11px;
    }

    .news-des {
        color: #666666;
        line-height: 26px;
        font-size: 12px;
        margin-bottom: 0;
        white-space: nowrap;
        width: 136px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .fixed-sec-header {
        margin-top: -62px;
        z-index: 1;
        position: relative;
        max-width: 100%;
    }

    .speicality-item span {
        font-size: 13px;
        font-weight: 500;
        margin: 1px 0 0 !important;
        left: 25px;
        bottom: 5px;
        padding: 5px;
    }

    .speicality-img img {
        position: absolute;
        top: 50%;
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 50px;
    }

    #cascade-slider {
        height: 473px !important;
    }

    #cascade-slider-2 {
        height: 410px !important;
    }

    .tab-content-select {
        background-image: url("../Images/Icons/down-filled-triangular-arrow.svg");
        background-position: 10px center;
        background-size: 13px;
        background-repeat: no-repeat;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .font-s {
        font-size: 8px;
        line-height: 23px;
    }

    .text-link {
        font-size: 10px;
        color: #000000;
    }

    .login-register-btn-menu {
        width: 85px !important;
        font-size: 11px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .speicality-img {
        min-width: 128px;
        max-width: 128px;
        min-height: 128px;
        max-height: 128px;
        position: relative;
        height: 112px;
        box-shadow: 2px 2px 13px rgb(0 0 0 / 10%);
        border-radius: 100%;
        width: inherit;
        background: #fff;
        margin: 0 auto 30px auto;
    }

    .cascade-slider_container {
        height: 557px !important;
    }

    .reserve-btn-menu {
        width: 83px !important;
        font-size: 11px;
    }

    .navbar-custom .navbar .navbar-nav .nav-item.active {
        /* border-bottom: none; */
    }

    .navbar-custom {
        position: absolute;
        top: 129px;
    }

    .Turn {
        display: block !important;
        line-height: 32 p;
    }

    .search-link {
        background-color: #164d85;
        justify-content: center;
        display: flex !important;
        padding: 12px 0 !important;
        width: 50px !important;
    }

    .Turn li {
        padding: 4px 15px;
        margin: 0 16px;
        border: 1.5px solid #ffffff;
        border-radius: 4px;
        font-size: 13px;
    }

    .reserve-btn,
    .comment-save-btn,
    .profile-btn,
    .comment-save-btn:focus,
    .reserve-btn:focus,
    .profile-btn:focus {
        width: 86px;
        font-size: 13px;
    }

    .rel-btn {
        font-size: 15px;
    }

    .comment-mobile {
        font-size: 18px;
        line-height: 32px;
    }

    .navbar-custom {
        z-index: 1000;
    }

    .navbar-custom .navbar .navbar-nav .nav-link {
        color: white;
        padding: 10px 8px;
        font-size: 12px;
    }

    .center-item-mobile {
        justify-content: center;
        display: flex;
    }

    .w-100-mobile {
        width: 100%;
    }
}

/*lg*/
@media screen and (min-width: 992px) and (max-width: 1024px) {
    .arrow-slider-1 {
        top: 71% !important;
    }

    .arrow-slider-2 {
        top: 61% !important;
    }

    .menu-m-text {
        position: absolute;
        color: white;
        font-weight: bold;
        top: 50%;
    }

    .customer-club-box {
        z-index: 1;
        position: absolute;
        max-width: 100%;
        width: 100%;
        margin-top: -94px;
    }

    .speicality-item span {
        font-size: 15px;
        font-weight: 500;
        margin: 30px 0 0;
        left: 22px;
        bottom: 5px;
        padding: 5px;
    }

    .reserve-btn-menu {
        width: 71px !important;
        font-size: 12px !important;
    }

    .login-register-btn-menu {
        width: 86px !important;
        font-size: 12px !important;
    }

    .news-item .news-date {
        font-size: 12px;
        color: #666666;
        word-spacing: -2px;
    }

    navbar-custom {
        position: absolute;
        top: 129px !important;
    }

    .speicality-img {
        min-width: 153px;
        max-width: 153px;
        min-height: 153px;
        max-height: 153px;
        position: relative;
        height: 112px;
        box-shadow: 2px 2px 13px rgb(0 0 0 / 10%);
        border-radius: 100%;
        width: inherit;
        background: #fff;
        margin: 0 auto 30px auto;
    }

    .news-title {
        color: #272b41;
        font-size: 11px;
    }

    .news-des {
        color: #666666;
        line-height: 26px;
        font-size: 12px;
        margin-bottom: 0;
        white-space: nowrap;
        width: 136px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .tab-content-select {
        background-image: url("../Images/Icons/down-filled-triangular-arrow.svg");
        background-position: 10px center;
        background-size: 13px;
        background-repeat: no-repeat;
        -webkit-appearance: none;
        -moz-appearance: none;
    }

    .speicality-img {
        position: relative;
        height: 170px;
        box-shadow: 2px 2px 13px rgb(0 0 0 / 10%);
        border-radius: 100%;
        width: inherit;
        background: #fff;
        margin: 0 auto 30px auto;
    }

    .navbar-custom .navbar .navbar-nav .nav-link {
        padding: 20px 12px;
    }

    .reserve-text {
        font-size: 9px !important;
        line-height: 30px;
    }

    .Turn {
        display: block;
    }

    .search-link {
        background-color: #164d85;
        justify-content: center;
        display: flex;
        padding: 10px 0;
        border-radius: 4px;
    }

    .Turn li {
        padding: 4px 15px;
        margin: 0 16px;
        border: 1.5px solid #ffffff;
        border-radius: 4px;
        font-size: 13px;
    }

    .w-100-mobile {
        width: 100%;
    }

    .reserve-btn,
    .comment-save-btn,
    .profile-btn,
    .comment-save-btn:focus,
    .reserve-btn:focus,
    .profile-btn:focus {
        width: 77px;
        font-size: 14px;
    }

    .center-item-mobile {
        justify-content: center;
        display: flex;
    }

    .height-col-week {
        height: 30px;
        font-size: 11px;
    }

    .font-col {
        font-size: 9px;
        margin: 0 6px;
    }

    .clinik-list .height-col-week {
        height: 30px;
        font-size: 11px;
    }

    .clinik-list .font-col {
        font-size: 9px;
        margin: 0 6px;
    }
}

/*xl*/
@media screen and (min-width: 1024px) {
    .speicality-item span {
        font-size: 15px;
        font-weight: 500;
        margin: 30px 0 0;
        left: 10px;
        bottom: 0;
        padding: 5px;
    }

    .reserve-btn,
    .comment-save-btn,
    .profile-btn,
    .comment-save-btn:focus,
    .reserve-btn:focus,
    .profile-btn:focus {
        width: 100px;
        font-size: 16px;
        padding: 10px 0;
    }
}

@media screen and (min-width: 1024px) and (max-width: 1200px) {
    .navbar-custom {
        position: absolute;
        top: 129px !important;
    }
}

@media screen and (min-width: 992px) {
    .set-col-item {
        font-size: 13px;
        line-height: 26px;
    }

    .news-item .news-date {
        font-size: 12px;
        color: #666666;
        word-spacing: -2px;
    }

    .speicality-img {
        min-width: 117px;
        max-width: 117px;
        min-height: 117px;
        max-height: 117px;
        position: relative;
        height: 112px;
        box-shadow: 2px 2px 13px rgb(0 0 0 / 10%);
        border-radius: 100%;
        width: inherit;
        background: #fff;
        margin: 0 auto 30px auto;
    }

    .comment-mobile {
        font-size: 28px;
        line-height: 32px;
    }

    .navbar-custom .navbar .navbar-nav .nav-link {
        padding: 20px 12px;
    }

    .reserve-btn-menu {
        width: 95px;
        font-size: 13px;
        display: flex;
        align-self: center;
        justify-content: center;
    }

    .login-register-btn-menu {
        width: 98px;
        font-size: 13px;
    }
}

@media screen and (max-width: 1024px) {
    .reserve-btn,
    .comment-save-btn,
    .profile-btn,
    .comment-save-btn:focus,
    .reserve-btn:focus,
    .profile-btn:focus {
        width: 88px;
        font-size: 16px;
        padding: 10px 0;
    }
}

@media screen and (max-width: 1220px) {
    .search-link {
        background-color: #164d85;
        justify-content: center;
        display: flex;
        padding: 13px 0;
        border-radius: 4px;
        width: 56px;
    }

    .reserve-text {
        font-size: 10px;
        line-height: 30px;
    }

    .w-100-lg {
        width: 100%;
        display: flex !important;
    }

    .login-register-btn-menu {
        padding: 9px 5px;
        border: 2px solid #ffffff;
        background-color: #164d85;
        color: #ffffff;
        width: 98px;
        display: flex;
        align-self: center;
    }

    .w-100-lg .reserve-btn {
        margin-bottom: 0 !important;
        margin-left: 20px !important;
    }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .slide-box img {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        /* max-width: 50%; */
    }
}

@media (min-width: 768px) and (max-width: 991.98px) {
    .slide-box img {
        -ms-flex: 0 0 33.3333%;
        /* flex: 0 0 33.3333%; */
        /* max-width: 33.3333%; */
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .navbar-custom {
        position: absolute;
        top: 129px !important;
    }
}

@media (min-width: 1500px) {
    .slide-box img {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 100%;
    }

    .ml-xl-custom {
        margin-left: 190px !important;
    }
}

@media (max-width: 1300px) {
    .height-col-week {
        height: 65px;
        font-size: 18px;
    }

    .font-col {
        font-size: 13px;
        margin: 0 0px;
    }

    .about-size .height-col-week {
        height: 30px;
        font-size: 9px;
    }

    .about-size .font-col {
        font-size: 12px;
        margin: 0 0px;
        display: flex;
        justify-content: center;
    }

    .clinik-list .height-col-week {
        height: 35px;
        font-size: 13px;
    }

    .clinik-list .font-col {
        font-size: 13px;
        margin: 0 0px;
    }
}

.search-link-home {
    padding: 12px 0 !important;
}

.btn:focus {
    box-shadow: none;
}

.top-image-box {
    clip-path: circle(64.8% at 49% 18%);
}

.del-overflow {
    text-overflow: unset !important;
    white-space: inherit !important;
}

.w-color {
    color: white;
}

.list-rules li span {
    font-size: 13px;
}

.receipt-turn ul li .d-flex span {
    font-size: 12px;
}

.size-check-rules {
    font-size: 13px;
    color: black;
}


/* -------------------------------------------------
   Doctors: make photos circular (bug #26)
--------------------------------------------------- */
.doctor-photo,
.doctor-item .card-header img,
img[data-role="img"],
#reserve-selected-doctor-img{
    border-radius: 50% !important;
    object-fit: cover;
}


/* -----------------------------
   UI helpers
------------------------------*/
.disabled-link{pointer-events:none;opacity:.55;}

/* Reserve step 2: equal height specialty boxes */
.reserve2-specialty-box{
  min-height:80px;
  height:80px; /* keep all boxes the same height */
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.reserve2-specialty-box .reserve-text{
  text-align:justify;
  text-align-last:center;
  line-height:1.35;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* Doctor page: services list */
.doctor-bio-name-line {
  align-items: baseline;
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  line-height: 2;
  margin: 18px 0 12px;
}

.doctor-bio-name-line span {
  display: inline !important;
}

.doctor-bio-html-content,
.doctor-bio-html-item {
  color: #555555;
  font-size: 14px;
  line-height: 2.2;
}

.doctor-bio-html-content p,
.doctor-bio-html-item p {
  margin-bottom: 12px;
}

.doctor-bio-html-list {
  padding: 0 15px 0 0;
}

.doctor-bio-html-item {
  margin-bottom: 16px;
}

.doctor-services-list{
  list-style: disc;
  padding-right:1rem;
  margin:0.5rem 0 0;
}
.doctor-services-list li{
  margin-bottom:0.35rem;
}

@media screen and (max-width: 767.98px) {
    .site-logo-link {
        justify-content: center;
        min-height: 64px;
        width: 100%;
    }

    .site-logo-mark {
        filter: brightness(0) invert(1);
        height: 50px;
        width: 56px;
    }

    .site-logo-text {
        color: #ffffff;
        font-size: 13px;
    }

    .alias-sections-dropdown {
        background-color: rgba(255, 255, 255, 0.08);
        box-shadow: none;
        display: block;
        min-width: auto;
        position: static;
    }

    .alias-sections-dropdown .dropdown-item {
        color: #ffffff;
        font-size: 12px;
        padding: 7px 18px;
    }
}

/* -------------------------------------------------
   Phase 2: home header and homepage ordering
--------------------------------------------------- */
.home-header {
    background-color: #f7fbfe;
    display: flex;
    flex-direction: column;
    position: relative;
}

.home-header .menu-m-responsive {
    min-height: 226px;
    order: 1;
    position: relative;
    z-index: 20;
}

.home-header .carousel-custom {
    display: block;
    margin-top: 0;
    order: 2;
    width: 100%;
}

.home-header .top-menu {
    box-shadow: 0 10px 28px rgba(22, 77, 133, 0.12);
}

.home-header .navbar-custom nav {
    box-shadow: 0 12px 28px rgba(22, 77, 133, 0.24);
}

.home-header .carousel-custom .carousel-item {
    height: 460px;
    padding: 90px 0 70px;
}

.home-header .carousel-caption-custom {
    top: 28%;
}

.home-header .slider-title {
    font-size: 28px;
}

.home-header .indicators-custom {
    bottom: 26px;
}

.home-phase2-layout {
    display: flex;
    flex-direction: column;
}

.home-phase2-layout > div {
    order: 20;
}

.home-sections-strip {
    order: 1 !important;
}

.home-search-section {
    order: 2 !important;
}

.home-services-section {
    order: 3 !important;
}

.home-about-section {
    order: 4 !important;
}

.home-phase2-layout > .customer-club-box {
    margin-top: 40px !important;
    order: 30 !important;
    position: static !important;
}

.home-sections-empty {
    font-size: 14px;
    padding: 20px 0;
}

@media screen and (max-width: 767.98px) {
    .home-header .menu-m-responsive {
        min-height: 64px;
    }

    .home-header .carousel-custom {
        margin-top: 0 !important;
    }

    .home-header .carousel-custom .carousel-item {
        height: 300px;
        padding: 65px 0 40px;
    }

    .home-header .carousel-caption-custom {
        left: 8%;
        right: 8%;
        top: 17%;
    }

    .home-header .slider-title {
        font-size: 20px;
    }

    .home-header .indicators-custom {
        bottom: 18px;
    }

    .home-sections-strip .fixed-sec-header {
        margin-top: -42px;
    }

    .home-sections-strip ul.row > li:not(.home-sections-empty) {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
        padding-left: 4px;
        padding-right: 4px;
    }
}

/* -------------------------------------------------
   Phase 3/4: CMS services, home doctor search, selected doctors
--------------------------------------------------- */
.home-service-item .speicality-img {
    margin-left: auto;
    margin-right: auto;
}

.home-service-desc {
    color: #707070;
    display: block;
    font-size: 12px;
    line-height: 24px;
    margin-top: 8px;
    min-height: 24px;
    padding: 0 6px;
}

.home-service-empty,
.home-search-message {
    font-size: 14px;
    line-height: 28px;
}

.home-service-empty {
    padding: 26px 0 8px;
}

.home-search-input {
    direction: rtl;
    text-align: right;
}

.home-doctor-search-fields {
    align-items: flex-start;
    display: grid;
    gap: 28px;
    grid-template-columns: minmax(260px, 1fr) minmax(260px, 1fr) 56px;
    justify-content: center;
    margin: 0 auto;
    max-width: 980px;
    padding: 0 12px;
    width: 100%;
}

.home-doctor-search-fields > .home-search-field,
.home-doctor-search-fields > .home-search-action {
    min-width: 0;
}

.home-doctor-search-fields > .home-search-action {
    display: flex;
    justify-content: center;
}

.home-search-section .search-link-home {
    align-items: center;
    display: flex;
    height: 50px;
    justify-content: center;
    margin-top: 0;
    width: 50px;
}

.home-search-section .search-link-home span {
    width: auto;
}

.home-search-section button.search-link {
    cursor: pointer;
    outline: none;
}

.home-search-section button.search-link:disabled {
    cursor: default;
    opacity: 0.55;
}

.home-search-message {
    grid-column: 1 / -1;
    min-height: 28px;
}

.home-doctors-legacy {
    display: none !important;
}

.home-doctors-empty {
    font-size: 14px;
    line-height: 28px;
    padding: 30px 0;
}

.home-doctor-card,
.home-doctor-card .card {
    height: 100%;
}

.home-doctor-card .card-header {
    min-height: 125px;
}

.home-doctor-img {
    border-radius: 8px;
    max-height: 100px;
    object-fit: cover;
}

.home-doctor-card .card-footer {
    display: flex;
    gap: 10px;
    justify-content: space-between;
}

.home-doctor-card .card-footer .btn {
    float: none !important;
    min-width: 110px;
}

@media screen and (max-width: 767.98px) {
    .home-doctor-search-fields {
        gap: 14px;
        grid-template-columns: 1fr;
        max-width: 360px;
    }

    .home-search-section .search-link-home {
        margin: 0 auto;
    }

    .home-doctor-card .card-footer {
        flex-wrap: wrap;
    }
}

/* -------------------------------------------------
   Phase 5: footer and suggestions polish
--------------------------------------------------- */
@media screen and (max-width: 767.98px) {
    .footer-main-info .footer-content {
        float: none !important;
        margin: 0 auto;
        padding-top: 20px !important;
    }

    .footer-address-link {
        justify-content: center;
        text-align: right;
    }

    .footer-link-columns .row {
        justify-content: center;
    }

    .footer-trust-area {
        padding-top: 25px;
    }

    .home-suggestions-section .suggestions-box {
        border-radius: 0;
        text-align: center;
    }
}