/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

:root {
    --main-color1: #fff;
    --main-color2: #fff;
    --main-color3: #fff;
    /* --swiper-theme-color: var(--main-color1); */
}

@font-face {
    font-family: "Plus Jakarta Sans" !important;
    src: url("../fonts/PlusJakartaSans-Medium.ttf");
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans" !important;
    src: url("../fonts/PlusJakartaSans-SemiBold.ttf");
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Plus Jakarta Sans" !important;
    src: url("../fonts/PlusJakartaSans-Bold.ttf");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}


/* hide scrollbar but allow scrolling */

body {
    font-family: century gothic !important;
    -ms-overflow-style: none;
    /* for Internet Explorer, Edge */
    scrollbar-width: none;
    /* for Firefox */
    overflow-y: scroll;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    font-family: inherit;
}

button {
    margin: 0;
    padding: 0;
    background-color: transparent;
}

.icon-color {
    fill: #fff !important;
}

.icon-color-doctor-detail {
    fill: #1dbab5 !important;
}

.icon-color-light-green {
    fill: #45eaaa !important;
    ;
}

.icon-color__30 {
    fill: var(--main-color1op3) !important;
}

body::-webkit-scrollbar {
    /*display: none;*/
    /* for Chrome, Safari, and Opera */
}

.tabs [class^="tab"] [type="radio"]:checked,
.tabs [class*=" tab"] [type="radio"]:checked {
    border-bottom: 1px solid var(--main-color1);
}

.main-color {
    color: var(--main-color1);
}

.colorP {
    background-color: var(--main-color1);
}

.colorS {
    background-attachment: var(--main-color2);
}

.colorT {
    background-attachment: var(--main-color3);
}

.color10 {
    background-color: var(--main-color1op1);
}

.color20 {
    background-color: var(--main-color1op2);
}

.color30 {
    background-color: var(--main-color1op3);
}

.textColorP {
    color: #1dbab5!important;
}

.textColorS {
    color: var(--main-color2);
}

.textColorT {
    color: var(--main-color3);
}

.textColor30 {
    color: var(--main-color3op3);
}

.borderP {
    border: 1px solid;
    border-color: var(--main-color1);
}

.footer-menu__items:hover {
    color: var(--main-color1);
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.paging__active {
    background-color: #4adda4;
}

a {
    color: #000000;
}

a:hover {
    color: var(--main-color1) !important;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.login-btn:hover {
    background-color: var(--main-color1);
    color: #fff;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.question__detail-btn:hover .icon-color {
    fill: #fff !important;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.question-form__submit:hover .icon-color {
    fill: #fff !important;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.register-button:hover {
    background-color: var(--main-color2);
    color: #fff;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.search-t-h:hover {
    color: var(--main-color1) !important;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.doctor-card-m:hover .dr-b-hover:hover {
    background-color: var(--main-color1);
    color: #fff!important;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.doctor-card-m:hover .login-btn {
    background-color: var(--main-color2);
    color: #fff!important;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.login-btn:hover {
    color: #fff!important;
}

.doctor-card-m:hover .search-t-h {
    color: var(--main-color1) !important;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.blog-card-l:hover .l-card-title,
.blog-card-m:hover .m-card-title {
    color: var(--main-color1);
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.tick-checkbox__link {
    color: var(--main-color1);
}

.app-active-hover:hover {
    background-color: var(--main-color1)!important;
    color: #fff!important;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.dr-o-hover:hover {
    background-color: var(--main-color1op3);
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.appointment-buttons button {
    color: var(--main-color1);
}

.w3-white,
.w3-hover-white:hover {
    color: var(--main-color1) !important;
    background-color: #fff !important;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.video-play_cover {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--main-color1);
    border-radius: 100%;
}

.c-video-wrapper:hover .c-info-video-link {
    color: var(--main-color1);
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.show-more__calendar {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: -40px;
}

.show-more__ {
    margin-bottom: -40px;
    margin-top: 24px;
    cursor: pointer;
}

.show_more__icon {
    margin-right: 8px;
    height: 20px;
    width: 20px;
}

.swiper__navicon {
    width: 15px;
    height: 18px;
}

.show_more__text {
    font-size: 15px !important;
    cursor: pointer;
    color: #1dbab5;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    font-family: helvetica neue;
    font-weight: 500;
    position: relative;
    display: block;
}

.show_more__text:hover {
    color: #45eaaa!important;
}

.show_more__icon-down,
.show_more__icon-up {
    width: 22px;
    height: 11px;
}

.show_more__icon-up {
    transform: rotate(180deg);
}

html {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: 100%;
}

body {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}

html {
    font-family: "Plus Jakarta Sans", sans-serif;
}

*,
:after,
:before {
    box-sizing: border-box;
    border: 0px solid #fff;
}

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

h1,
h2,
h3,
h4 {
    margin: 0 !important;
}

h1 {
    font-size: 32px;
}

h2 {
    font-size: 18px;
}

h3 {
    font-size: 14px !important;
}

h4 {
    font-size: 10px !important;
}

p {
    margin: 0 !important;
    padding: 0 !important;
}

span {
    margin: 0;
    padding: 0;
}

.nowrap {
    white-space: nowrap;
}

button {
    white-space: nowrap !important;
}

ul {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.text-right {
    text-align: right !important;
}

@media (max-width: 480px) {
    h1 {
        font-size: 18px !important;
    }

}

.text-black {
    color: #000000 !important;
}

.c-container {
    width: 100%;
    padding-left: 164px;
    padding-right: 164px;
}

@media (max-width: 1299px) {
    .c-container {
        padding-left: 24px;
        padding-right: 24px;
    }
}

.main-tab-head__item.active>span {
    color: var(--main-color1) !important;
}

.main-tab-head__item>span {
    color: #00000070;
}

.main-tab-head__item:after {
    background: #45eaaa !important;
}

.main-tab-head__item:hover>span {
    color: #45eaaa !important;
}

#faq {
    max-width: 700px;
    width: 100%;
}

section.faq {
    padding-top: 2em;
    padding-bottom: 3em;
}

#faq p {
    padding-left: 18px !important;
    padding-right: 18px !important;
    padding-bottom: 18px !important;
}

#faq ul {
    text-align: left;
}

#faq li :after,
#faq li :before {
    box-sizing: border-box;
    border: 1px solid var(--main-color1);
}

#faq li i {
    margin-right: 24px !important;
}

.transition,
p,
ul li i:before,
ul li i:after {
    transition: all 0.1s;
}

#faq .no-select,
#faq h3 {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    user-select: none;
}

#faq h3 {
    width: 90%;
    font-size: 16px;
    line-height: 34px;
    text-align: left;
    padding: 15px 15px 0;
    text-transform: none;
    letter-spacing: 1px;
    display: block;
    margin: 0;
    cursor: pointer;
    transition: 0.2s;
}

#faq p {
    color: #a5a5a5;
    text-align: left;
    font-size: 14px;
    font: normal;
    line-height: 1.45;
    letter-spacing: 0.8px;
    position: relative;
    overflow: hidden;
    will-change: max-height;
    contain: layout;
    display: inline-block;
    opacity: 1;
    transform: translate(0, 0);
    margin-top: 5px;
    margin-bottom: 15px;
    padding: 0 50px 0 15px;
    transition: 0.3s opacity, 0.6s max-height;
    hyphens: auto;
    z-index: 2;
}

ul {
    list-style: none;
}

#faq ul {
    list-style: none;
    perspective: 900;
    padding: 0;
    margin: 0;
}

#faq ul li {
    position: relative;
    overflow: hidden;
    padding: 0;
    margin: 0;
    /* padding-bottom: 4px;*/
    /*padding-top: 18px; */
    background: #fff;
    border: 1px solid #e8e8e8;
    border-radius: 12px;
    -webkit-tap-highlight-color: transparent;
}

#faq ul li+li {
    margin-top: 15px;
}

#faq ul li:last-of-type {
    padding-bottom: 0;
}

#faq ul li i {
    position: absolute;
    transform: translate(-6px, 0);
    margin-top: 28px;
    right: 15px;
}

#faq ul li i:before,
ul li i:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 9px;
}

#faq ul li i:before {
    transform: translate(-3px, 0) rotate(45deg);
}

#faq ul li i:after {
    transform: translate(3px, 0) rotate(-45deg);
}

#faq ul li input[type="checkbox"] {
    position: absolute;
    cursor: pointer;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    touch-action: manipulation;
}

#faq ul li input[type="checkbox"]:checked~h2 {
    color: #000;
}

#faq ul li input[type="checkbox"]:checked~p {
    /*margin-top: 0;*/
    max-height: 0;
    transition: 0.1s;
    opacity: 0;
    /*transform: translate(0, 50%);*/
}

#faq ul li input[type="checkbox"]:checked~i:before {
    transform: translate(3px, 0) rotate(45deg);
}

#faq ul li input[type="checkbox"]:checked~i:after {
    transform: translate(-3px, 0) rotate(-45deg);
}

@media (max-width: 480px) {
    #faq {
        padding: 0px 0px;
    }
    #faq h3 {
        width: 90%;
        text-align: left;
        line-height: 22px;
    }
    .appointment_status{
        display: none!important;
    }
    .meet-detail__map{
        display: none!important;
    }
}


/* loader */

.lds-loader {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
    margin-top: 15%;
    margin-left: 45%;
}

.lds-loader div {
    display: inline-block;
    position: absolute;
    left: 8px;
    width: 16px;
    background: #45eaaa;
    animation: lds-loader 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-loader div:nth-child(1) {
    left: 8px;
    animation-delay: -0.24s;
}

.lds-loader div:nth-child(2) {
    left: 32px;
    animation-delay: -0.12s;
}

.lds-loader div:nth-child(3) {
    left: 56px;
    animation-delay: 0;
}

.f-t-16 {
    font-size: 16px;
}

.branch-name {
    min-height: 40px;
    margin-top: 10px;
    color: #040345;
    font-weight: 600;
    font-size: 16px!important;
    margin-bottom: 40px!important;
}

.modal-video-close-btn {
    position: absolute;
    z-index: 2;
    top: -60px;
    right: 0;
    background: #fff;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    cursor: pointer;
}

.modal-video-close-btn::after,
.modal-video-close-btn::before {
    content: '';
    position: absolute;
    top: 24px;
    left: 15px;
    width: 20px;
    height: 3px;
    border-radius: 10px;
    background: var(--main-color1);
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    cursor: pointer;
}

.video-modal-dialog {
    margin-top: 75px!important;
    transform: none;
    position: relative;
    width: auto;
}

.video-modal-dialog iframe {
    border-radius: 25px;
}

@media (min-width: 576px) {
    .video-modal-dialog {
        max-width: 940px;
        margin: 1.75rem auto;
    }
}

.modal-video-close-btn::before {
    transform: rotate(45deg);
}

.modal-video-close-btn::after {
    transform: rotate(-45deg);
}

.detail-swiper {
    max-height: 180px;
    align-items: start!important;
    overflow: hidden!important;
    width: 100%!important;
}

.nav-link {
    padding: 0!important;
}

.nav-tabs>.active {
    border-bottom: var(--main-color1);
    border-style: solid;
    border-width: thin;
    border-right: none;
    border-top: none;
}

.four-block-day {
    padding-left: 30px!important;
}

.branch-text {
    font-size: 17px!important;
    font-family: century gothic!important;
    color: #45d59d;
}

.no-margin-left {
    margin-left: 0px;
}

.border-red {
    border-color: red;
    border-width: thin;
}

.js-remove-sale {
    width: 60px;
    height: 60px;
    position: relative;
    border-radius: 50%;
    background-color: #FFF;
    opacity: 0.8;
    transition: 0.3s ease-out;
    /*&:before,
    &:after {
        content: "";
        position: absolute;
        width: 80%;
        height: 2px;
        background-color: #36658d;
        left: 50%;
        top: 50%;
    }
    &:after {
        transform: translate(-50%, -50%) rotate(45deg);
    }
    &:before {
        transform: translate(-50%, -50%) rotate(-45deg);
    }*/
    &:hover,
    &:focus {
        transform: scale(1.15);
        opacity: 1;
    }
}

.blog-back-ground-img {
    height: 30rem;
    border-radius: 32px;
    border: none;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    overflow: hidden;
    border-radius: 23px;
    box-shadow: 0 40px 26px -30px rgba(17, 84, 64, .1);
}

.hero-app__btn img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    transform: scale(.8);
}

.page-404__big {
    font-size: 14rem;
    color: var(--main-color1);
    font-weight: 600;
    line-height: 1em;
}

.quick-search-list {
    list-style: none;
    text-align: left;
    padding-left: 0;
    width: 100%;
    cursor: pointer;
}

.dropdown-item:hover {
    background-color: transparent!important;
    color: rgba(4, 3, 69, .4)!important;
}

.search-list-item {
    font-weight: 500;
    font-size: 15px;
    color: rgba(4, 3, 69, .8);
    font-family: helvetica neue;
    padding: 6px 0;
}

.search-list-item>a {
    margin-left: 13px;
}

.search-list-item>a:hover {
    color: #000!important;
}

.search-list-item:hover {
    background-color: #e9ecef;
}

.doctor-card-info {
    max-width: 456px!important;
}

.swal2-icon {
    font-size: 8px!important;
}

.modal-backdrop {
    z-index: 200!important;
}

.cls-1 {
    fill: #69dca3;
}

.cls-2 {
    fill: var(--main-color1)!important;
    opacity: 0!important;
    width: 100px;
}

.cls-3 {
    fill: var(--main-color1)!important;
    opacity: 0!important;
    width: 100px;
}

.header-desktop-wrapper {
    display: block;
}

.icon-right {
    margin-right: 12px;
    font-size: 12px;
}

.icon-left {
    margin-left: 12px;
    font-size: 11px;
}

.homepage-head {
    width: 100%;
}

.homepage-head>.homepage-title {
    font-size: 42px;
    line-height: 1.3em;
    font-weight: 600;
    margin-top: 20px!important;
    color: #fff;
    text-align: center;
}

.colored-light-green {
    color: #45eaaa;
}

.bg-dark-green {
    background-color: #399d99;
}

.bg-light-green {
    background-color: #1dbab5;
}

.homepage-head>.homepage-switch>.appointment-head-cover {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    line-height: 1.3em;
    color: #fff;
    text-align: center;
}

.homepage-head>.homepage-switch>.appointment-head-cover>.appointment-buttons {
    max-width: 450px;
    padding: 6px 8px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 62px;
    margin-top: 10px;
    border-radius: 23px;
    gap: 4px;
}

.homepage-head>.homepage-switch>.appointment-head-cover>.appointment-buttons>.appointment-button {
    width: 50%;
    height: 48px;
    border-radius: 18px;
}

.homepage-switch-select-color {
    background-color: #3fc4c0 !important;
    color: #fff !important;
}

.btn-group__txt {
    font-size: 14px;
    color: #fff;
    font-weight: 600;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.homepage-head>.homepage-search {
    position: relative;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    line-height: 1.3em;
    color: #fff;
    text-align: center;
}

.homepage-head>.homepage-search>.welcome-search {
    max-width: 660px;
    width: 100%;
    height: 68px;
    margin-top: 0px;
    z-index: 3;
}

.homepage-head>.homepage-search>.welcome-search>.search {
    max-width: 660px;
    width: 100%;
    height: 68px;
    box-shadow: 0 10px 20px -10px rgba(0, 0, 0, .2);
}

.homepage-head>.homepage-search>.welcome-search>.search>.search-input {
    width: 100%;
    height: 100%;
    font-family: helvetica neue;
    font-style: normal;
    font-size: 1.1em;
    color: #040345;
    text-indent: 30px;
    border-radius: 20px;
}

.homepage-head>.homepage-search>.welcome-search>.search>.search-input::placeholder {
    font-family: helvetica neue;
    font-style: normal;
    color: #b1b3cb;
}

.homepage-search {
    margin-top: 15px;
}

.homepage-search-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0px 13px;
    height: 58px;
    border-radius: 18px;
    color: #fff;
    background-color: #3ee0a1;
    cursor: pointer;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.homepage-search-btn:hover {
    background-color: #17cc85;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.homepage-search-btn>svg {
    width: 16px;
    height: 16px;
    font-weight: 700;
    fill: #fff;
}

.homepage-search-btn>span {
    font-weight: 700;
    padding: 0px 20px 0px 10px;
}
.blog-search-btn {
    position: absolute;
    top: 5px;
    right: 5px;
    padding: 0px 13px;
    height: 58px;
    border-radius: 18px;
    color: #fff;
    background-color: #3ee0a1;
    cursor: pointer;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.blog-search-btn:hover {
    background-color: #17cc85;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.blog-search-btn>svg {
    width: 16px;
    height: 16px;
    font-weight: 700;
    fill: #fff;
}

.blog-search-btn>span {
    font-weight: 700;
    padding: 0px 20px 0px 10px;
}

.homepage-bottom {
    margin-top: 140px;
}

.bottom-image-right {
    position: absolute;
    top: -40px;
    right: 20px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 25px 17px;
    width: 160px;
    border-radius: 20px;
    box-shadow: 0 10px 31px -9px rgba(25, 44, 100, .25);
    opacity: 1;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.image-right-head {
    color: #040345;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 10px;
}

.image-right-txt {
    color: rgba(4, 3, 69, .4);
    font-size: 13px;
    font-family: helvetica neue;
    font-weight: 400;
    line-height: 15px;
}

.bottom-image-left {
    position: absolute;
    top: 175px;
    left: -100px;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 25px;
    width: 295px;
    border-radius: 20px;
    box-shadow: 0 10px 31px -9px rgba(25, 44, 100, .25);
    opacity: 1;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.bottom-blt-logo {
    padding-right: 10px;
}

.bottom-blt-txt {
    color: #fff;
    font-weight: 600;
    font-size: 21px;
    line-height: 27px;
}

.google-play-btn img {
    padding: 10px 20px;
}

.app-store-btn img {
    padding: 10px 20px;
}

.head-infos {
    position: absolute;
    right: 0;
    margin-top: 80px;
    background-color: #fff;
    width: 50%;
    border-radius: 57px 0px 0px 57px;
    padding: 80px 100px;
    transform: translateY(10px);
    z-index: 3;
}

.head-info-item-title {
    color: #040345;
    font-weight: 600;
    font-size: 18px;
}

.head-info-item-txt {
    color: rgba(4, 3, 69, .4);
    font-weight: 400;
    font-family: helvetica neue;
    font-size: 15px;
    margin-top: 17px;
    line-height: 16px;
    padding-right: 30px;
}

.head-infos-outline-css {
    padding-bottom: 4rem;
    margin-bottom: 4rem;
    border-bottom: 1px solid rgba(128, 146, 190, .3);
}

.head-info-item-svg {
    margin-bottom: 25px;
}

.banner-section {
    padding-bottom: 0px;
}

.banner-section:before {
    content: '';
    position: absolute;
    top: 200px;
    left: 0;
    width: 100%;
    background-image: url('https://bulutklinik.com/assets/bulut-klinik/img/theme/hero-wave.svg');
    background-size: 100%;
    opacity: .6;
    z-index: 1;
    background-repeat: repeat;
    height: 1078px;
    pointer-events: none;
}

.popular-branches {
    margin-top: 100px;
}

.popular-branch-head {
    font-size: 22px;
    line-height: 15px;
    font-weight: 600;
    padding: 20px;
}

.popular-branch-txt {
    font-size: 15px;
    font-weight: 400;
    line-height: 15px;
    padding-left: 20px;
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue;
    font-style: normal;
}

.swiper-slide {
    padding: 10px;
    background-color: #fff!important;
    border: 10px solid #eef8f4;
    border-radius: 30px;
}

.branch-btn {
    display: flex;
    align-items: center;
    background-color: #dbf2f2;
    width: 100%!important;
    text-align: center;
    align-items: center;
    padding: 0 20px;
    border-radius: 20px;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    cursor: pointer;
    height: 55px;
    font-size: 14px;
    color: rgb(68 186 182)!important;
    position: relative;
    font-weight: 600;
    flex-direction: column;
    justify-content: center;
}

.branch-btn:hover {
    background-color: rgb(68 186 182)!important;
    color: #dbf2f2!important;
    .branch-btn-see {
        display: block;
    }
    .branch-total-doctor-count {
        display: none;
    }
}

.branch-swipper-hover:hover {
    .branch-btn {
        background-color: rgb(68 186 182)!important;
    }
    .branch-btn>.branch-btn-see {
        color: #dbf2f2;
    }
    .branch-btn-see {
        display: block;
    }
    .branch-total-doctor-count {
        display: none;
    }
}

.homepage-banner-div {
    background-color: #1DBAB5;
    border-radius: 52px;
    padding-left: 80px;
    font-size: 14px;
    padding-right: 0px!important;
    color: #fff!important;
    width: 100%;
    height: 350px;
}

.banner-left-side {
    margin: 30px 0;
    max-width: 60%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 100px;
}

.branch-swiper-svg {
    padding: 30px 0;
}

.branch-swiper-svg>svg {
    width: 60px;
    height: 60px;
}

.branch-btn-see {
    display: none;
}

.homepage-banner-title {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    line-height: 30px;
}

.homepage-banner-txt {
    font-family: helvetica neue;
    font-weight: 400;
    font-size: 1.1em;
    line-height: 1.5em;
    color: rgba(255, 255, 255, .8);
    margin-top: 20px;
    margin-bottom: 30px;
}

.banner-btn {
    width: 80%!important;
    background-color: #fff;
    .btn-txt {
        color: #1DBAB5!important;
    }
    .btn-icon {
        fill: #1DBAB5!important;
    }
}

.banner-btn:hover {
    width: 80%!important;
    background-color: #1A9D99!important;
    .btn-txt {
        color: #fff!important;
    }
    .btn-icon {
        fill: #fff!important;
    }
}

.earthquake {
    position: absolute;
    bottom: 0;
    right: 8%;
    border-bottom-right-radius: 15px;
    float: right;
    height: 390px;
}

.homepage-blog-content {
    padding: 50px 0;
}

.blog-title-left {
    font-size: 22px;
    line-height: 1.5em;
    font-weight: 600;
}

.blog-btn {
    background-color: #1a9d99;
}

.blog-btn:hover {
    background-color: #168784;
}

.first-blog {
    background-color: #c1e6b2;
    height: 380px;
    margin-top: 20px;
    padding-left: 50px;
    border-radius: 1em;
    overflow: hidden;
    cursor: pointer;
}

.other-blog {
    position: relative;
    background-color: #e6e6e6;
    height: 380px;
    margin-top: 20px;
    border-radius: 1em;
    overflow: hidden;
    cursor: pointer;
}

.first-blog-left-title {
    font-weight: 600;
    padding-top: 40px;
    line-height: 28px;
    padding-right: 20px;
    font-size: 20px;
    position: relative;
    z-index: 3;
}

.blog-bottom-btn {
    background-color: rgba(255, 255, 255, .15);
    margin-bottom: 50px;
}

.first-blog-image {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    transition: transform .5s;
}

.first-blog:hover {
    .first-blog-image {
        transform: scale(1.05);
    }
}

.other-blog:hover {
    .other-blog-image>img {
        transform: scale(1.05);
    }
}

.other-blog-image {
    position: absolute;
    top: 0;
}

.other-blog-image>img {
    transition: transform .5s;
}

.other-blog-head {
    padding: 40px;
    font-weight: 600;
    line-height: 1.4em;
    font-size: 20px;
    position: relative;
    z-index: 3;
}

section {
    padding: 50px 0;
}

.homepage-faq {
    border-bottom: 1px solid rgba(0, 0, 0, .125);
}

.faq-left-title {
    font-size: 28px;
    line-height: 1.3em;
    font-weight: 600;
    padding-top: 20px;
}

.faq-left-txt {
    margin-top: 30px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
    color: rgba(4, 3, 69, .5)!important;
}

.faq-left-btn {
    margin-top: 30px;
}

.bg-transparent {
    background-color: transparent!important;
}

.accordion-button-blt {
    padding: 20px;
    padding-right: 0px;
    width: auto;
}

.accordion-button:hover::after {
    background-color: #45eaaa!important;
}

.accordion-button:focus {
    border-color: transparent!important;
    box-shadow: none!important;
}

.accordion-button:not(.collapsed) {
    color: #000;
}

.accordion-button:not(.collapsed)::after {
    background-color: transparent!important;
}

.homepage-accordion-title {
    font-size: 17px;
    font-weight: 600;
    color: rgba(4, 3, 69, .7);
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    line-height: 1.3em;
}

.accordion-body {
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue;
    font-style: normal;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
}

.patient-comment-swiper {
    padding: 80px;
    margin: 0;
    margin-bottom: 80px;
    background-color: rgba(29, 186, 181,0)!important;
    border: none!important;
}

.patient-cmnt-title {
    text-align: center;
    font-size: 28px;
    line-height: 1.3em;
    font-weight: 600;
}

.patient-comment-div {
    padding: 80px;
    padding-bottom: 20px;
    border-radius: 52px;
    background-color: rgba(29, 186, 181, 0.1)!important;
}

.patient-comment-txt {
    font-weight: 500;
    color: rgba(4, 3, 69, .8);
    line-height: 30px;
    font-size: 17px;
    text-align: left;
}

.patient-comment-txt::before {
    content: '\201C';
    position: absolute;
    top: 105px;
    left: 0;
    color: #1dbab5;
    font-size: 150px;
    font-weight: 600;
    transform: rotate(180deg) rotateY(-180deg);
}

.patient-comment-stars {
    margin-top: 25px;
}

.patient-comment-stars>svg {
    width: 20px;
    height: 20px;
    fill: #3ee0a1;
}

.author-image {
    margin-top: 40px;
}

.author-image>img {
    width: 37px!important;
    height: 37px!important;
    border-radius: 10px;
}

.patient-comment-d-name {
    color: #040345;
    font-weight: 600;
    font-size: 18px;
}

.patient-comment-d-title {
    font-family: helvetica neue;
    font-size: 15px;
    color: rgba(4, 3, 69, .4);
    font-weight: 400;
}

.homepage-for-d-head {
    font-weight: 600;
    color: rgba(4, 3, 69, .5);
    display: block;
    margin-bottom: 25px;
}

.colored-light-blue {
    color: #1dbab5!important;
}

.homepage-for-d-title {
    font-size: 26px;
    line-height: 34px;
    font-weight: 600;
}

.homepage-for-d-txt {
    font-size: 15px;
    font-weight: 400;
    line-height: 26px;
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue;
    font-style: normal;
    margin-top: 30px;
}

.homepage-for-d-btn {
    margin-top: 30px;
}

.for-doctor-icon-play {
    fill: #69ebab;
    width: 15px;
    height: 15px;
}

.play-icon-play {
    margin-left: 20px;
    background-color: #fff!important;
}

.play-icon-play:hover {
    background-color: #1dbab5!important;
    .for-doctor-icon-play {
        fill: #fff;
        width: 15px;
        height: 15px;
    }
}
@media screen and (max-width: 1000px) {
    .faq-left-btn {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .header-container-blt {
        padding: 25px 20px!important;
    }
    .homepage-top-banner {
        padding: 0 20px!important;
    }
    section {
        padding: 0 10px;
    }
    .homepage-head>.homepage-title {
        font-size: 27px!important;
    }
    .homepage-search-btn>span {
        display: none;
    }
    .homepage-search-btn>svg {
        width: 30px;
    }
    .bottom-image-right {
        display: none;
    }
    .bottom-image-left {
        display: none;
    }
    .homepage-top-banner-logo {
        display: none!important;        
    }
    .homepage-bottom {
        margin-top: 0px;
        min-height: 35px;
    }
    .head-infos {
        width: 95%;
        margin-top: -150px;
        padding: 30px;
        border-radius: 20px 0 0 20px;
        display: none;
    }
    .head-info-item-txt {
        display: none;
    }
    .head-infos>.col-md-6 {
        width: 50%!important;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .head-info-item-svg {
        margin-bottom: 5px;
    }
    .head-info-item-title {
        font-size: 17px;
    }
    .popular-branches {
        margin-top: 30px;
    }
    .swiper-button-next,
    .swiper-button-prev {
       /* opacity: 0!important; */
    }
    .opacity-1{
        opacity: 1!important;
    }
    .blog-bottom-btn {
        background-color: rgba(255, 255, 255, .45);
    }
    .for-doctors-banner {
        padding: 0 20px;
    }
    .patient-comment {
       /* padding: 0 20px; */
    }
    .patient-comment-div {
        padding: 30px;
        min-height: 700px;
    }
    .patient-comment-swiper {
        padding: 10px;
        margin-top: 20px;
    }
    .patient-comment-txt::before {
        opacity: 0;
    }
    .homepage-banner {
        padding: 0 20px;
        margin-top: 30px;
    }
    .homepage-banner-div {
        padding: 0 50px!important;
        border-radius: 30px;
    }
    .banner-left-side {
        padding: 0;
        max-width: 100%;
    }
    .banner-right-side {
        display: none;
    }
    .banner-btn {
        width: 100%!important;
    }
    .faq-left-btn {
        display: none;
    }
    .homepage-faq {
        margin-top: 50px;
    }
    .faq-left-title {
        text-align: center;
    }
    .faq-left-txt {
        text-align: center;
    }
    #accordionFlushExample {
        margin-top: 30px;
    }
    .homepage-accordion-title {
        font-size: 14px;
    }
    .all-faq-btn {
        display: block;
        width: 100%!important;
        margin-top: 30px;
        margin-bottom: 60px;
    }
    .homepage-blog-content>.blog-items {
        display: flex!important;
        flex-direction: row!important;
        flex-wrap: nowrap!important;
        overflow: auto;
    }
    .homepage-blog-content>.blog-items>div {
        width: 330px;
        height: 330px;
        >div {
            width: 300px;
            height: 300px;
        }
    }
    .blog-title-right {
        display: none;
    }
    .all-blog-btn {
        display: block!important;
        width: 300px;
    }
    .homepage-blog-content>.blog-items>div img {
        width: 300px;
        height: 300px;
    }
    .for-doctors-div {
        padding-right: 0px!important;
        padding-left: 0px!important;
    }
    .homepage-for-doctors>.row {
        display: flex;
        flex-direction: column-reverse;
    }
    .mobile-menu-button {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        width: 58px;
        height: 58px!important;
        cursor: pointer!important;
        border-radius: 16px!important;
        color: #fff!important;
        font-size: 18px;
        transition: .4s cubic-bezier(.29, .13, .27, .74);
        z-index: 100;
    }
    .for-doctors-banner-img {
        max-width: 360px;
    }
    .for-doctor-price-item {
        flex-direction: column!important;
        gap:30px;
    }

    .for-d-mobile-app-area {
        padding: 0px !important;
        align-content: normal !important;
    }

    .for-d-mobile-app-area .btn-blt{ 
        width: 150px;
    }
    .for-d-mobile-app-area .btn-blt{ 
        width: 150px;
    }
    .for-d-mobile-app-area .bottom-blt-txt {
        text-align: center;
    }

    .mobile-mappin{
        margin-left: -5px!important;
        width: 25px!important;
    }
    .hide-mobile{
        display: none;
    }
    .banner-section:before {
        background-image: none!important;
    }

    .swiper-slide {
        height: 170px!important;
    }
    .branch-name {
        font-size: 14px!important;
        margin-bottom: 20px!important;
    }
    .swipper-opacity-0 {
        opacity: 0;
    }
}

#quickSearchDropdown {
    margin-top: 72px;
    z-index: 42;
}

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

@media only screen and (max-width: 1200px) and (min-width: 768px) {
    .blog-detail__img>img {
        width: 100%!important;
    }
    .bottom-image-right {
        transform: translate(calc(100% - 100px), calc(-20%)) scale(0.8);
    }
    .bottom-image-left {
        transform: translate(calc(100% - 100px), calc(-20%)) scale(0.8);
        top: 150px;
        left: -200px;
    }
    .banner-section:before {
        height: 860px;
    }
    .homepage-top-banner-logo {
        padding-left: 90px;
    }
    .head-infos {
        margin-top: 40px;
        padding: 30px;
        border-radius: 40px 0 0 40px;
    }
    .head-info-item-txt {
        font-size: 12px;
    }
    .head-infos-outline-css {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
    .head-info-item-title {
        padding-right: 10px;
    }
    .img-fluid {
        min-height: 530px;
    }
    .m-for-doctors-h-p-title {
        font-size: 32px!important;
    }
    .m-home-page-sec {
        padding-top: 0px!important;
    }
    .for-doctor-table-head {
        padding-right: 10px;
    }
    .right-info-img-m {
        width: 35px!important;
        height: 31px!important;
    }
    .banner-section:before {
        top: 100px;
    }
    .for-doctors-right-side-m {
        margin-top: 80px;
    }
    .main-tab-head-links {
        overflow-x: auto;
        width: 100%;
        padding: 0 20px;
    }
    .item_active {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .for-doctor-main-tab-items>div {
        width: 100%!important;
    }
    .for-bottom-image-left-m {
        left: 0!important;
    }
    .btn-area-txt {
        font-size: 15px!important;
    }
    .btn-area-icon>img {
        width: 25px!important;
        height: 23px!important
    }
    .btn-area-icon {
        margin-right: 10px!important;
    }
    .for-doctor-entegration-btn-area>a {
        margin: 0px 16px!important;
        padding: 0 25px!important;
    }
    .for-doctors-banner-img {
        width: 345px;
        height: 294px;
    }
    .for-doctors-banner-right-area {
        padding: 0px!important;
    }
    .for-d-banner-left {
        right: auto!important;
    }
    .for-d-cmnt-swip {
        padding: 40px 70px!important;
        padding-right: 0px!important;
    }
    .for-doctors-m-cont {
        display: flex;
        flex-direction: column-reverse;
        align-content: center;
        align-items: center;
    }
    .for-doctors-m-cont>div {
        width: 100%;
    }
    .for-doctors-div>div {
        align-items: center!important;
    }
    .for-d-bottom-txt {
        text-align: center;
    }
    .header-menu-items {
        display: none!important;
    }
}

.price-area-btn {
    margin-top: auto;
}

.header-container-light {
    background-color: #fafdfc!important;
    border-bottom: 1px solid rgba(128, 146, 190, .1);
}

.header-container-light>.container>.header-blt {
    background-color: #fafdfc!important;
}

.header-container-light>.container>.header-blt>.header-mid>.header-buttons>.auth-buttons>.login-btn {
    border: 1px solid #1dbab5;
}

.header-container-light>.container>.header-blt>.header-mid>.header-buttons>.auth-buttons>.login-btn:hover {
    background-color: #1dbab5;
    >div>.btn-txt {
        color: #fff!important;
    }
    >div>.btn-icon>svg {
        fill: #fff!important;
    }
}

.header-container-light>.container>.header-blt>.header-mid>.header-buttons>.auth-buttons>.login-btn>div>span {
    color: #1dbab5!important;
}

.header-container-light>.container>.header-blt>.header-mid>.header-buttons>.auth-buttons>.login-btn>div>span>.icon-color {
    fill: #1dbab5!important;
}

.header-container-light>.container>.header-blt>.header-mid>.header-search>.search>.homepage-search-btn {
    height: 50px!important;
}

.header-container-light>.container>.header-blt>.header-mid>.header-search>.search {
    width: 80%!important;
}

.header-container-light>.container>.header-blt>.header-mid>.header-search>.search>.search-input {
    height: 62px!important;
    border-radius: 20px;
}

.header-container-light .account-profile__exit {
    background-color: rgba(240, 109, 109, .1)!important;
}

.header-container-light .account-profile__exit>svg {
    fill: #f06d6d!important;
}

.header-container-light .account-profile__exit:hover {
    background-color: #f06d6d!important;
    >svg {
        fill: #fff!important;
    }
}

.header-container-light .mobile-menu-button {
    background-color: #edf8f4;
    box-shadow: 0 0 0 1px #1dbab5;
}

.header-container-light .mobile-menu-button:before {
    background: #4ac8c4!important;
}

.header-container-light .mobile-menu-button:after {
    background: #4ac8c4!important;
}

.header-container-light-for-doctors {
    background-color: #edf8f4!important;
    border-bottom: 1px solid rgba(128, 146, 190, .1);
}

.header-container-light-for-doctors>.container>.header-blt {
    background-color: #edf8f4!important;
}

.header-container-light-for-doctors>.container>.header-blt>.header-mid>.header-buttons>.auth-buttons>.login-btn {
    border: 1px solid #1dbab5;
}

.header-container-light-for-doctors>.container>.header-blt>.header-mid>.header-buttons>.auth-buttons>.login-btn:hover {
    background-color: #1dbab5;
    >div>.btn-txt {
        color: #fff!important;
    }
    >div>.btn-icon>svg {
        fill: #fff!important;
    }
}

.header-container-light-for-doctors>.container>.header-blt>.header-mid>.header-buttons>.auth-buttons>.login-btn>div>span {
    color: #1dbab5!important;
}

.header-container-light-for-doctors>.container>.header-blt>.header-mid>.header-buttons>.auth-buttons>.login-btn>div>span>.icon-color {
    fill: #1dbab5!important;
}

.header-container-light-for-doctors>.container>.header-blt>.header-mid>.header-search>.search>.homepage-search-btn {
    height: 50px!important;
}

.header-container-light-for-doctors>.container>.header-blt>.header-mid>.header-search>.search {
    width: 70%!important;
}

.header-container-light-for-doctors>.container>.header-blt>.header-mid>.header-search>.search>.search-input {
    height: 62px!important;
    border-radius: 20px;
}

.header-container-light-for-doctors .account-profile__exit {
    background-color: rgba(240, 109, 109, .1)!important;
}

.header-container-light-for-doctors .account-profile__exit>svg {
    fill: #f06d6d!important;
}

.header-container-light-for-doctors .account-profile__exit:hover {
    background-color: #f06d6d!important;
    >svg {
        fill: #fff!important;
    }
}

.header-container-light-for-doctors .mobile-menu-button {
    background-color: #edf8f4;
    box-shadow: 0 0 0 1px #1dbab5;
}

.header-container-light-for-doctors .mobile-menu-button:before {
    background: #4ac8c4!important;
}

.header-container-light-for-doctors .mobile-menu-button:after {
    background: #4ac8c4!important;
}

.header-container-light-for-doctors .for-doctors-search {
    background-color: rgba(29, 186, 181, .1);
}

.header-container-light-for-doctors .for-doctors-search:hover {
    background-color: #1dbab5;
    >div>.btn-txt {
        color: #fff!important;
    }
    >div>.btn-icon>svg {
        fill: #fff!important;
    }
}

.header-container-light-for-doctors .for-doctors-search>div>span>svg {
    fill: #1dbab5!important;
}

.header-container-light-for-doctors .for-doctors-search>div>span {
    color: #1dbab5!important;
}

.s-list-header {
    padding-top: 0px!important;
}

.dr-detail-container {
    background-color: #fafdfc!important;
}

.s-page-p {
    color: #9b9ab5!important;
}

.doctor-detail-container {
    padding-top: 20px!important;
    padding-bottom: 0px!important;
}

.doctor-detail-desc {
    width: 100%;
}

.filter-btn-wrapper>p {
    font-family: helvetica neue;
    font-weight: 500;
    font-size: 14px;
    color: rgba(4, 3, 69, .3);
    margin-bottom: 15px;
}

.filter-icon-cover {
    border-radius: 20px!important;
}

.filter-icon-cover>.icon-font {
    fill: #fff;
    height: 15.39px;
}

.doctor-detail-route {
    color: #98a1ab;
    font-family: century gothic;
    font-size: 14px;
}

.search-result-container {
    padding-top: 0px!important;
}

.doctor-detail-route-title>h1 {
    font-size: 19px!important;
    font-family: century gothic!important;
    font-weight: 600;
}
.doctor-detail-title {
    font-size: 19px!important;
    font-family: century gothic!important;
    font-weight: 600;
}

.doctor-detail-route-title>h2 {
    font-family: helvetica neue!important;
    font-size: 14px!important;
    font-weight: 400!important;
    color: rgba(4, 3, 69, .5)!important;
    margin-top: 10px!important;
    max-width: 450px;
    max-height: 80px;
    overflow-y: auto;
}
.doctor-detail-route-title-h-2 {
    font-family: helvetica neue!important;
    font-size: 14px!important;
    font-weight: 400!important;
    color: rgba(4, 3, 69, .5)!important;
    margin-top: 10px!important;
    max-width: 450px;
    max-height: 80px;
    overflow-y: auto;
}

.doctor-detail-check-icon {
    height: 10px;
    width: 10px;
    fill: #fff;
}

.doctor-detail-check-div {
    background-color: #45eaaa;
    border-radius: 50%;
    height: 20px;
    width: 20px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
}

.doctor-detail-location-icon {
    height: 13px;
    width: 13px;
    margin-right: 7.5px;
    fill: #1dbab5;
}

.doctor-detail-location-div {
    background: rgba(29, 186, 181, .1);
    border-radius: 12px;
    padding: 10px 15px;
    font-family: helvetica neue;
    font-weight: 500;
    margin-top: 2px;
    display: flex;
    align-items: center;
    font-size: 13px;
    color: rgba(4, 3, 69, .6);
}

@media screen and (max-width: 480px) {
    .doctor-detail-location-div {
        display: none!important;
    }
}

.main-tab-address {
    margin-top: 20px;
    color: #1dbab5;
    font-size: 18px;
    font-family: century gothic;
    font-weight: 600;
}

.clinic-info-title>img {
    width: 35.6px;
    height: 30.8px;
}

.main-tab-clinic-info {
    margin-bottom: 0px!important;
    margin-left: 10px!important;
}

.main-tab-clinic-info>h2 {
    font-family: helvetica neue;
    font-weight: 400;
    color: rgba(4, 3, 69, .4);
    font-size: 14px;
}
.main-tab-clinic-info-h-2 {
    font-family: helvetica neue;
    font-weight: 400;
    color: rgba(4, 3, 69, .4);
    font-size: 14px;
}

.main-tab-clinic-name {
    font-size: 15px;
    color: rgba(4, 3, 69, .85);
    font-weight: 600;
    margin-top: 5px;
}

.icon-color-adress {
    width: 15.41px!important;
    height: 15.41px!important;
    fill: #00b7b3;
    margin-top: 0px!important;
    margin-right: 10px!important;
}

.main-tab-clinic-adress {
    font-family: century gothic;
    font-weight: 400;
    font-size: 14px!important;
    line-height: 24px;
    color: rgba(4, 3, 69, .6);
}

.main-tab-facilities>img {
    width: 20px;
    height: 20px;
}

.patient-comment-point {
    width: 70px;
    height: 70px;
    flex-shrink: 0;
    margin-right: 25px;
    border-radius: 18px;
    background: #edf8f4;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: 600;
    color: rgba(4, 3, 69, .85);
}

.patient-general-score {
    font-family: helvetica neue;
    font-weight: 500;
    color: #040345;
    font-size: 15px;
}

.patient-comment-score {
    font-family: helvetica neue!important;
    font-weight: 400!important;
    color: rgba(4, 3, 69, .5)!important;
    margin-top: 5px!important;
}

.appointment-date-calendar>.appointment-button {
    color: #1dbab5!important;
    font-size: 14px;
    font-weight: 600;
}

.appointment-date-calendar>.w3-white {
    background-color: #58c4c1!important;
    color: #fff!important;
}

.d-swiper-calendar {
    border: none;
}

.d-calendar-next-btn,
.d-calendar-prev-btn {
    width: 30px!important;
    height: 30px!important;
    top: 28px!important;
    background-color: transparent!important;
}

.d-calendar-next-btn>svg {
    fill: #000!important;
    ;
}

.d-calendar-prev-btn>svg {
    fill: #000!important;
    ;
}

.d-list-stars>.doctor-comment-star-l {
    width: 15.39px;
    height: 15.39px;
}

.dr-card-cm-total {
    color: rgba(4, 3, 69, .5)!important;
}

.mobile-menu-button:before {
    content: '';
    position: absolute;
    left: 19px;
    background: #fff;
    width: 20px;
    height: 4px;
    border-radius: 3px;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    top: 20px;
}

.mobile-menu-button:after {
    content: '';
    position: absolute;
    left: 19px;
    background: #fff;
    width: 20px;
    height: 4px;
    border-radius: 3px;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    bottom: 20px;
}

.menu-close-btn,
.close-mobile-menu {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    width: 58px!important;
    height: 58px!important;
    cursor: pointer!important;
    border-radius: 16px!important;
    color: #fff!important;
    background-color: #e8f8f7!important;
    font-size: 18px;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    z-index: 9999 !important;
}

.menu-close-btn:before,
.close-mobile-menu::before {
    content: '';
    position: absolute;
    left: 19px;
    background: #1dbab5;
    width: 20px;
    height: 4px;
    border-radius: 3px;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    transform: rotate(-45deg) scale(1.3);
    top: 27px;
}

.menu-close-btn:after,
.close-mobile-menu::after {
    content: '';
    position: absolute;
    left: 19px;
    background: #1dbab5;
    width: 20px;
    height: 4px;
    border-radius: 3px;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    transform: rotate(-45deg) scale(1.3);
    top: 27px;
    transform: rotate(45deg) scale(1.3);
    bottom: 27px;
}

.close-mobile-menu {
    float: right;
    margin-right: 20px;
}

.m-menu-head {
    border-bottom: 1px solid #e6e6e6;
    padding-bottom: 20px;
}

.mobile-register-btn {
    height: 64px!important;
}

.mobile-login-btn {
    height: 64px!important;
    border: 1px solid #1a9d99!important;
    background-color: #fff!important;
}

.mobile-login-btn>div>span {
    color: #1a9d99!important;
}

.m-menu-accordion {
    width: 100%!important;
    margin-top: -25px;
}

.mobile-accourdion-items {
    text-align: start!important;
}

.accordion-button::after {
    background-image: none!important;
}

.accordion-button:hover::after {
    background-color: transparent!important;
}

.accordion-items-svg {
    border-radius: 50%;
    background-color: #45eaaa!important;
    font-size: 7px;
    width: 30px!important;
    height: 30px!important;
    transition: .3s transform;
}

.accordion-items-svg>svg {
    fill: #fff!important;
    width: 7px;
    height: 7px;
    transition: .3s transform;
    transform: rotate(180deg);
}

.accordion-header>.collapsed>button>span>.accordion-items-svg>svg {
    transform: rotate(0deg);
    transition: .3s transform;
    fill: #45eaaa!important;
}

.accordion-header>.collapsed>button>span>.accordion-items-svg {
    background-color: #edf8f4!important;
    transition: .3s transform;
}

.accordion-header>.collapsed>button>span>.accourdion-mobile-txt {
    color: rgba(4, 3, 69, .6);
    font-size: 18px;
    font-weight: 700;
}

.accourdion-mobile-txt {
    color: #040345;
    font-size: 18px;
    font-weight: 700;
}

.m-items-top {
    border: none;
}

.accourdion-m-btn {
    padding: 10px 0!important;
}

.mobile-accourdion-body {
    padding-top: 0px!important;
}

.mobile-accourdion-body>a {
    display: flex;
    font-size: 18px!important;
    margin-top: 15px;
    opacity: .6;
    color: #040345;
    transition: .3s;
    font-family: helvetica neue;
    font-weight: 400;
    height: 25px;
    align-items: center;
}

.mobile-menu-bottom {
    border-top: 1px solid #e6e6e6;
    width: 100%;
}

.mobile-menu-bottom>a {
    font-weight: 700;
    font-size: 18px!important;
    display: block;
    margin-bottom: 15px;
    height: 30px;
    color: #040345;
    opacity: .6;
    transition: .3s;
}

.mobile-menu-bottom-btn {
    width: 100%;
    margin-top: -20px;
    margin-bottom: 20px;
}

.mobile-for-doctor-btn {
    background-color: rgb(232 248 247);
    width: 100%!important;
}

.faq-span-title {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    align-items: center;
}

.faq-accordion-title>.collapsed>button>span>.accordion-items-svg {
    background-color: #fff!important;
    transition: .3s transform;
}

.b-shadow-none>.search {
    box-shadow: none!important;
}

.b-shadow-none {
    margin-bottom: 40px!important;
}

@media screen and (min-width: 1175px) {
    .b-shadow-none {
        display: none!important;
    }
}

.search-detail-clinic-infos {
    margin-top: 30px!important;
}

.login-page-image {
    padding: 40px 0;
}

.p-reward {
    color: #1dbab5!important;
    font-size: 13px;
    font-weight: 500;
    font-family: helvetica neue;
    margin-bottom: 8px;
}

.forget-me-div>.f-me-span {
    color: #040345!important;
    font-size: 14px!important;
    font-weight: 500!important;
    user-select: none;
    font-family: helvetica neue;
}

.login-page-lgn-btn {
    background-color: #3ee0a1;
}

.login-page-lgn-btn:hover {
    background-color: #17cc85;
}

.login-page-bottom>.auth-check {
    text-align: center;
    margin-top: 40px;
    color: #8684a5;
    font-weight: 300!important;
    font-family: helvetica neue;
    font-size: 16px;
    margin-bottom: 5rem;
}

.login-page-bottom>a>span {
    font-weight: 700;
    color: #1dbab5;
    margin-left: 3px;
    font-family: century gothic;
    text-decoration: none!important;
}

.register-right-side {
    width: 340px;
    margin-left: 70px;
}

.register-right-side-head {
    font-size: 19px;
    line-height: 1.5em;
    color: #040345;
    font-weight: 700;
    margin-bottom: 55px;
}

.register-right-side-head>span {
    color: #1dbab5;
}

.register-side-item-head {
    color: #040345;
    font-weight: 600;
    font-size: 18px;
}

.register-side-item-body {
    color: rgba(4, 3, 69, .4);
    font-weight: 400;
    font-family: helvetica neue;
    font-size: 15px;
}

.register-side-items-txt {
    color: rgba(4, 3, 69, .4);
    font-weight: 400;
    font-family: helvetica neue;
    font-size: 15px;
    margin-top: 17px;
    line-height: 1.6em;
}

.register-side-items {
    margin-bottom: 40px;
}

@media screen and (max-width: 765px) {
    .register-mobile-design {
        flex-direction: column!important;
        padding: 40px;
        padding-top: 0px;
    }
    .r-mobile-style {
        width: 100%;
    }
    .register-right-side {
        display:none;
        margin-left: 0px;
        width: 100%;
    }
    .blog-detail__img>img {
        width: 100%!important;
    }    
}

.blt-search-bar-new:hover {
    background-color: rgba(4, 3, 69, .05)!important;
}

.seachbar-blg-top {
    color: rgba(4, 3, 69, .8);
    font-size: 15px;
    font-weight: 500;
    font-family: helvetica neue;
}

.seachbar-blg-bottom {
    color: rgba(4, 3, 69, .4)!important;
    font-family: helvetica neue;
    margin-left: 15px;
}

.blg-search-result {
    text-align: center;
    font-size: 14px;
    color: #1dbab5!important;
    font-weight: 700;
    width: 100%;
    padding: 15px;
    display: block;
}

.blog-categories-head {
    font-size: 18px;
    font-weight: 600;
    color: #040345;
    margin-top: 5px;
    font-family: century gothic!important;
}

.icon-blg-left-def {
    transform: rotate(180deg);
    width: 12px;
    height: 12px;
    fill: rgba(4, 3, 69, .1);
}

.icon-blg-left-right-svg {
    width: 16px;
    height: 16px;
    fill: #1dbab5;
    display: none;
}

.blog-categories-count {
    margin-left: auto;
    flex-shrink: 0;
    width: 2.5em;
    height: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(29, 186, 181, .1);
    border-radius: 0.7em;
    color: #1dbab5;
    font-size: 13px;
    font-family: helvetica neue;
    font-weight: 500;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.blog-side_menu-item-cover:hover>.blog-categories-count {
    background-color: #1dbab5;
    color: #fff!important;
}

.blog-side-share {
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
}

.sticky-side-blg {
    position: -webkit-sticky;
    position: sticky;
    top: 30px;
}

.social-media-icons-blg>span {
    color: rgba(59, 141, 138, .5);
    background: rgba(237, 248, 244, .75);
    width: 44px;
    height: 44px;
    border-radius: 0.7em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    font-size: 15px;
}

.social-media-icons-blg>span:hover {
    background: #1dbab5;
    color: #fff;
    cursor: pointer;
}

.social-media-icons-blg>span>svg {
    fill: currentColor;
    width: 21px;
    height: 21px;
}

.blog-info-short-desc>p {
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
}

.blog-detail__content h2 {
    font-size: 18px;
    font-weight: 600;
    margin-top: 35px!important;
    margin-bottom: 15px!important;
    line-height: 1.3;
    font-family: century gothic;
}

.blog-detail__content p,
.blog-detail__content li {
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 20px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: century gothic;
}

.related-doctor-head-txt {
    color: #040345;
    font-weight: 600;
    font-size: 18px;
    transition: .3s;
    display: flex;
    justify-content: center;
}

.related-doctor-bg {
    background-color: #fff;
    border-radius: 26px!important;
    padding: 25px!important;
    border: 10px solid #eef8f4;
    transition: .3s;
}

.related-doctor-bg:hover {
    box-shadow: 0 50px 36px -30px rgba(17, 84, 64, .15);
    transform: translateY(-3px);
}

.related-doctor-name {
    font-size: 17px;
    font-weight: 600;
    color: #040345;
    display: flex;
    align-items: center;
}

.related-doctor-branch-name {
    transition: .3s;
    color: rgba(4, 3, 69, .5);
    font-size: 14px;
    opacity: .5;
    font-weight: 400;
    font-family: helvetica neue;
}

.related-doctor-branch-name:hover {
    color: #45eaaa;
}

.related-doctor-branch-count {
    color: #1dbab5;
    font-weight: 500;
    position: relative;
    font-size: 1em;
    cursor: pointer;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background-color: transparent;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    font-family: helvetica neue;
    font-weight: 700;
    user-select: none;
}

.related-doctor-branch-count:hover {
    background-color: rgba(29, 186, 181, .2);
    color: #168e8a;
}

.related-doctor-comment-count {
    font-family: helvetica neue;
    color: rgba(4, 3, 69, .5);
    font-weight: 500;
    margin-left: 15px;
    font-size: 14px;
}

.related-doctor-btn {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: center;
    width: 100%;
    height: 52px;
    border-radius: 20px;
    background: rgba(29, 186, 181, .1);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    color: #1dbab5;
    font-weight: 600;
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0, 0, 0);
    z-index: 10;
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.main-swiper-pagination .swiper-pagination-bullet {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: rgba(29, 186, 181, .15);
    opacity: 1;
    margin: 0 6px!important;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    border-radius: 50%;
}

.main-swiper-pagination .swiper-pagination-bullet-active {
    background: #1dbab5;
    transform: scale(1.4);
}

.search-list-item>a {
    font-family: century gothic!important;
    font-weight: 500!important;
    color: rgba(4, 3, 69, .8)!important;
    font-size: 15px;
    font-weight: 500!important;
    font-family: helvetica neue!important;
    display: block;
}

.modal-close:hover {
    background: #45eaaa;
}

.modal-close {
    background: #edf8f4;
    position: relative;
    width: 55px;
    height: 55px;
    border-radius: 10px!important;
    box-shadow: 0 50px 36px -30px rgba(17, 84, 64, .15);
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    cursor: pointer;
    flex-shrink: 0;
    top: 0;
    right: 0;
}

.modal-close:hover:before {
    transform: rotate(180deg);
}

.modal-close:hover:before,
.modal-close:hover:after {
    background: #fff;
}

.modal-close:before {
    content: '';
    position: absolute;
    top: 26px;
    left: 17px;
    transform: rotate(45deg);
    width: 20px;
    height: 3px;
    border-radius: 10px;
    background: #1dbab5;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.modal-close:hover:after {
    opacity: 0;
    transform: rotate(180deg);
}

.modal-close:hover:before,
.modal-close:hover:after {
    background: #fff;
}

.modal-close:after {
    content: '';
    position: absolute;
    top: 26px;
    left: 17px;
    transform: rotate(-45deg);
    width: 20px;
    height: 3px;
    border-radius: 10px;
    background: #1dbab5;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.modal-title {
    color: #040345;
    font-weight: 700;
    font-size: 19px;
}

.modal-earthquake-victims-head {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    justify-content: center;
    z-index: 1;
    position: relative;
    transition: .2s cubic-bezier(.29, .13, .27, .74);
}

.modal-body {
    padding: 20px 30px;
}

.modal-earthquake-r-svg {
    background: #edf8f4;
    color: #1dbab5;
    position: relative;
    width: 40px;
    height: 40px;
    border-radius: 10px!important;
    box-shadow: 0 50px 36px -30px rgba(17, 84, 64, .15);
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    cursor: pointer;
    flex-shrink: 0;
    top: 0;
    right: 0;
}

.modal-earthquake-r-svg:hover {
    background: #1dbab5;
    color: #edf8f4;
}

.modal-earthquake-r-svg {
    fill: currentColor;
}

.modal-earthquake-border {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 18px;
    border: 1px solid #d4d4d6;
    margin-top: 10px;
    box-shadow: 0 10px 20px -10px rgba(68, 68, 68, .1);
    z-index: 2;
    padding: 10px 27px;
    background-color: #fff;
    border-radius: 20px;
    position: relative;
    transition: .2s cubic-bezier(.29, .13, .27, .74);
}

.modal-earthquake-company-name {
    width: 33%;
    display: flex;
    align-items: center;
    line-height: 1.5em;
    font-size: 16px;
    font-weight: 500;
    font-family: helvetica neue;
    padding-right: 1.5em;
}

.modal-earthquake-border:hover {
    color: #000!important;
}

.modal-earthquake-branch-name {
    font-size: 16px;
    font-weight: 500;
    font-family: helvetica neue;
    color: rgba(4, 3, 69, .7);
}

.new-form-label {
    color: rgba(4, 3, 69, .4);
    font-weight: 700;
    letter-spacing: -.16px;
    font-size: 13px;
    margin-bottom: 7.5px;
    display: flex;
    align-items: center;
}

.new-tick-checkbox {
    color: #040345;
    font-size: 14px;
    font-weight: 500;
    user-select: none;
    font-family: helvetica neue;
    line-height: 1.3em;
}

.color-green-hover-dark {
    background-color: #3ee0a1!important;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    color: #fff!important;
}

.color-green-hover-dark:hover {
    background-color: #17cc85!important;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    color: #fff!important;
}

.color-white-bg-dark-red {
    background-color: #f06d6d!important;
    color: #fff!important;
}

.color-white-bg-dark-red:hover {
    background-color: #eb3f3f!important;
}

.color-red-hover-dark {
    background-color: rgba(240, 109, 109, .1)!important;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    color: #f06d6d!important;
    >.btn-txt {
        color: unset;
    }
}

.color-red-hover-dark:hover {
    background-color: #f06d6d!important;
    color: #fff!important;
}

.paging>div {
    border-radius: 25px;
    font-family: helvetica neue;
    padding: 7px 22px;
    font-size: 15px;
    font-weight: 500;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.no-calendar-text {
    text-align: center;
    font-size: 15px;
    color: #1DBAB5;
    font-family: century gothic;
    font-style: normal;
    font-weight: 300;
}

.no-calendar-request-appointment {
    background-color: rgba(29, 186, 181, .1)!important;
    color: #1dbab5;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.9em;
    padding: 12.5px 19.5px;
    letter-spacing: .16px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    transition: .2s cubic-bezier(.29, .13, .27, .74);
    text-decoration: none;
    font-family: helvetica neue;
    line-height: 15px;
}

.no-calendar-request-appointment:hover {
    background-color: rgba(29, 186, 181, .2)!important;
}

.modal-close-btn-radius {
    position: absolute;
    border-radius: 50%!important;
    transform: scale(.8);
}

html,
body {
    font-family: century gothic;
    font-style: normal;
}

.blog-card__author-name {
    color: #040345;
    font-weight: 600;
    font-size: 17px;
    transition: .3s;
}

.blog-card__author-name:hover {
    color: #1dbab5;
    cursor: pointer;
}

.blog-card__author-date {
    font-family: helvetica neue;
    font-weight: 400!important;
    color: rgba(4, 3, 69, .35)!important;
    font-size: 15px!important;
}

.jitsi-header {
    padding: 20px;
}

@media (max-width:389px) {
    .jitsi-header {
        display: none !important;
    }
}

.vertical-line {
    display: flex;
    align-items: center;
    margin-left: 35px;
    padding-left: 35px;
    border-left: 1px solid #ddd;
    height: 16px;
    font-size: 17px;
    font-weight: 700;
    line-height: 1em;
    outline: none;
    letter-spacing: .18px;
}

.meet-buton {
    border: 1px solid #e9e1e1;
    background: #fff;
    border-radius: 16px;
    height: 45px;
}

.max-width-650 {
    max-width: 650px;
}

.appointment-request-modal-head {
    color: #040345;
    font-weight: 700;
    font-size: 19px;
    font-family: century gothic;
    font-style: normal;
}

.appointment-request-modal-txt {
    font-weight: 400;
    font-size: 15px;
    color: #040345!important;
}

.save-requisition {
    font-size: 14px!important;
    font-weight: 700;
    height: 55px!important;
}

.close-requisition {
    font-size: 14px!important;
    font-weight: 700;
    height: 55px!important;
}

.doctor-detail-route a {
    color: #98a1ab!important;
    font-family: century gothic;
    font-size: 14px;
    padding-bottom: 20px;
}

.breadcrumb {
    column-gap: 5px;
    display: inline!important;
}

.blog-articles-detail {
    background-color: #fff;
    padding: 34px 34px 28px;
    border-radius: 24px;
}

.blog-content-title {
    font-size: 18px;
    font-weight: 600;
    color: #040345;
    margin-top: 5px;
    margin-bottom: 30px;
}

.main-categories__item {
    list-style: none;
}

.main-categories__item>a {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 10px 0;
    font-size: 15px;
    border-bottom: 1px solid rgba(128, 146, 190, .2);
}

.main-categories__txt {
    font-family: helvetica neue;
    font-weight: 500;
    color: rgba(4, 3, 69, .5);
    font-size: 15px;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.main-categories__item:last-child>a {
    border-bottom: none;
}

.main-categories__txt:hover {
    color: #040345;
}

.new-appointment-date {
    font-size: 15px;
    color: rgba(4, 3, 69, .85);
    font-weight: 600;
}

.new-appointment-txt {
    font-family: helvetica neue!important;
    font-weight: 400;
    color: rgba(4, 3, 69, .4);
    font-size: 14px!important;
}

.icon__eyeclosed:hover {
    cursor: pointer;
}

.icon__eyeopened:hover {
    cursor: pointer;
}

.svg-right-items {
    position: absolute;
    right: 20px;
}

.doctor-question-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 28px!important;
    font-weight: 600;
    font-family: century gothic;
    border-radius: 1.7rem;
    width: max-content;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    cursor: pointer;
    height: 55px;
    font-size: 14px;
    position: relative;
    background-color: rgba(29, 186, 181, .1)!important;
    margin-top: 20px!important;
    filter: none!important;
}

.doctpr-question-btn>svg {
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.doctor-question-btn:hover {
    background-color: #1dbab5!important;
    color: #fff!important;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    >svg {
        fill: #fff!important;
        transition: .4s cubic-bezier(.29, .13, .27, .74);
    }
}

.payment-succes-3d {
    color: #040345;
    font-weight: 700;
    font-size: 19px;
    text-align: center;
}

.payment-succes-3d-txt {
    font-size: 15px!important;
    color: rgba(4, 3, 69, .6);
    line-height: 1.45em;
    text-align: center;
}

.payment-succes-3d-info-title {
    text-align: center;
    color: #040345;
    font-weight: 700;
    font-size: 19px;
    margin-top: 30px;
}

.all-child-div-border {
    padding: 0 25px;
}

.all-child-div-border>div {
    border-bottom: 1px solid #e6e6e6;
    padding: 5px 0px;
    margin: 10px 0px;
}

.all-child-div-border>div:nth-last-child(-n+2) {
    border-bottom: none;
}

.text-color-white {
    color: #fff!important;
}

.text-color-white:hover {
    color: #fff!important;
}

.payment-succes-3d-info-items-txt {
    font-size: 15px;
    color: rgba(4, 3, 69, .6);
    line-height: 1.45em;
}

.header-previus-page-btn {
    color: #1dbab5!important;
    font-weight: 600;
    font-size: 14px;
    font-family: century gothic;
    font-style: normal;
}

.static-page-head {
    margin-top: 200px;
}

.blog-page-cards h1 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px!important;
    line-height: 1.3;
}

.blog-page-cards h4,
.blog-page-cards h5,
.blog-page-cards h6 {
    font-weight: 600;
    font-size: 15px!important;
    margin-top: 10px!important;
    margin-bottom: 15px!important;
    line-height: 1.3;
}

.blog-page-cards p {
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue!important;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 20px!important;
}

.send-mail-to-a {
    font-size: 15px;
    color: #1dbab5!important;
    margin-top: 5px;
}

.blog-page-cards a {
    color: #1dbab5!important;
    font-size: 15px;
}

.blog-detail__img.big {
    height: 42rem;
    border-radius: 32px;
    border: none;
}

.big-about-us-background-img {
    height: initial!important;
}

.position-relative {
    position: relative;
}

.blog-detail__img {
    overflow: hidden;
    border-radius: 23px;
    height: 40rem;
    box-shadow: 0 40px 26px -30px rgba(17, 84, 64, .1);
    border: 8px solid #deede7;
}

.blog-detail__content img {
    height: auto!important;
    object-fit: cover;
    border: none;
    width: 100%;
    overflow: hidden;
    border-radius: 23px;
    box-shadow: 0 40px 26px -30px rgba(17, 84, 64, .1);
    border: 8px solid #deede7;
    margin: 5px;
}

.blog-detail__img>img {
    width: 680px;
    height: 100%;
    object-fit: cover;
    border: none;
}

.about-us-background-img {
    background-color: #fff;
    height: 100%!important;
}

.main-play-btn {
    background: rgba(255, 255, 255, .5);
    border-radius: 22px;
    width: 75px;
    height: 75px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1dbab5;
    cursor: pointer;
    position: relative;
    z-index: 3;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.about-us-background-main-play-btn {
    position: absolute;
    top: calc(50% - 37.5px);
    left: calc(50% - 37.5px);
}

.main-play-btn:hover {
    background: #fff;
}

.new-about-us-items {
    background: #fff;
    border-radius: 45px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    border: 20px solid #eef8f4;
}

.contact-page {
    background-color: #fff;
}

.contact-page-head-right-img {
    height: 344px;
}

.contact-page-head {
    font-family: century gothic;
    font-style: normal;
    font-size: 42px;
    color: #040345;
    line-height: 1.3em;
    font-weight: 600;
}

.contact-page-head-txt {
    padding-right: 150px;
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
    margin-top: 40px;
}

.all-doctor-banner {
    background-color: #1dbab5;
    border-radius: 32px!important;
}

.all-doctor-banner>img {
    border-radius: 32px!important;
}

.contact-page-all-doctor-banner-btn {
    position: absolute!important;
    right: 30px;
}

.contact-page-banner-txt {
    font-size: 24px;
    color: #fff;
    font-weight: 600;
    max-width: 350px;
}

.contact-banner {
    margin-top: -100px;
}

.contact-expert-vide-svg-div {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(29, 186, 181, .1);
    color: #1dbab5;
    font-size: .7em;
    margin-right: 20px;
    flex-shrink: 0;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.contact-expert-vide-svg-div>svg {
    fill: #1dbab5!important;
    width: 10px;
    height: 10px;
}

.contact-expert-opinions {
    background: #fff;
    border-radius: 32px;
    padding: 30px;
}

.contact-expert-opinions-head {
    color: #040345;
    font-weight: 600;
    font-size: 19px;
    margin-bottom: 45px!important;
}

.contact-expert-opinion-item:hover {
    cursor: pointer;
    >div>.contact-expert-vide-svg-div>svg {
        fill: #fff!important;
    }
    .contact-expert-vide-svg-div {
        background: #1dbab5!important;
    }
    .contact-video-item-txt {
        color: #040345!important;
    }
}

.contact-expert-opinion-item {
    padding-bottom: 22px;
    margin-bottom: 22px;
    border-bottom: 1px solid rgba(128, 146, 190, .2);
}

.contact-video-item-title {
    font-family: helvetica neue;
    font-weight: 500;
    font-size: 17px;
    color: #040345;
    margin-bottom: 5px;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.contact-video-item-txt {
    font-family: helvetica neue;
    font-weight: 400;
    font-size: 14px;
    color: rgba(4, 3, 69, .5);
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.contact-expert-opinion-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

.contact-company-detail-side {
    margin-bottom: 35px;
}

.contact-company-detail-side-img-div {
    margin-right: 20px;
}

.contact-company-detail-side-title {
    font-weight: 600;
    font-size: 15px;
    color: rgba(4, 3, 69, .3);
}

.contact-company-detail-side-txt {
    font-family: helvetica neue;
    font-weight: 500;
    font-size: 24px;
    color: #040345;
    cursor: pointer;
    margin-top: -5px;
    display: block;
}

.contact-company-detail-side-p {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5em;
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue!important;
    font-style: normal;
}

.blg-main-title {
    margin-top: 30px;
    font-size: 21px;
    text-align: center;
    color: #9b9ab5!important;
    line-height: 1.7em;
    font-family: century gothic!important;
    font-style: normal;
    font-weight: 300;
}

.colored-dark-green {
    color: #1dbab5!important;
}

.blg-main-title>.colored-dark-green {
    color: #1dbab5!important;
    font-weight: 600;
    font-size: 30px;
}

.blg-main-title>.colored-dark-text {
    color: #040345!important;
    font-weight: 600;
    font-size: 30px;
}

.advisory-board-item {
    background: #fff;
    border-radius: 38px;
    box-shadow: 0 5px 36px -12px rgba(17, 84, 64, .15);
    margin-bottom: 25px;
    font-size: 14px;
    padding: 22.4px;
    max-width: 720px;
}

.advisory-board-item-img {
    width: 273px;
    min-height: 214px;
    flex-shrink: 0;
    border-radius: 26px;
    overflow: hidden;
}

.advisory-board-item-img img {
    height: auto!important;
    object-fit: cover;
    border: none;
    width: 100%;
    overflow: hidden;
    border-radius: 23px;
    box-shadow: 0 40px 26px -30px rgba(17, 84, 64, .1);
    border: 8px solid #deede7;
    margin: 5px;
}

.advisory-board-name {
    font-size: 18px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 0px;
    line-height: 1.3;
    color: #1dbab5!important;
    font-family: century gothic;
}

.advisory-board-branch {
    color: rgba(4, 3, 69, .4);
    font-family: helvetica neue;
    margin-bottom: 15px;
    line-height: 1.3;
    font-weight: 600;
    font-size: 15px;
    margin-top: 0px;
    text-align: initial;
    margin-bottom: 15px;
}

.advisory-board-desc p {
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
    margin-bottom: 20px;
}

.any-more-btn {
    color: #1dbab5;
    font-weight: 600;
    text-decoration: underline;
    cursor: pointer;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.any-more-btn:hover {
    color: #1a9d99;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
}

.for-doctor-table-head {
    color: #040345;
    margin-bottom: 70px;
    font-size: 26px;
    line-height: 1.3em;
    font-weight: 600;
}

.tab-menu-white-border {
    width: 91px;
    height: 91px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    font-size: 4.8rem;
}

.tab-btn-txt {
    color: rgba(4, 3, 69, .55)!important;
    font-weight: 600;
    font-size: 15px!important;
    margin-top: 25px!important;
    margin-bottom: 25px!important;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    text-align: center;
    font-family: century gothic;
    font-style: normal;
}

.border-bottom-1-px-solid-e6 {
    border-bottom: 1px solid #e6e6e6;
}

.main-tab-head-links .active>div>.tab-btn-txt {
    color: #040345!important;
}

.main-tab-head__item:hover {
    >div>.tab-btn-txt {
        color: #040345!important;
    }
}

.main-tab-img-r {
    margin: 0 auto;
    background: #fff;
    padding: 50px 15px 15px;
    border-radius: 25px;
    position: relative;
    box-shadow: 0 10px 31px -9px rgba(25, 44, 100, .25);
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    transform: scale(0.8);
}

.main-tab-item-left-head {
    font-size: 26px;
    font-weight: 600;
    font-family: century gothic;
    font-style: normal;
    margin-top: 50px;
    margin-bottom: 25px;
}

.main-tab-item-left-m-head {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 30px;
    font-family: century gothic;
    font-style: normal;
}

.main-tab-item-left-txt {
    font-size: 15px;
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 40px;
}

.for-doctor-main-tab-items {
    display: none;
}

.item_active {
    display: flex;
}

.for-doctors-left-side-img {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    object-fit: cover;
}

.for-doctors-left-side {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: end;
    position: absolute;
    right: 10%;
    bottom: -5px;
    gap: 10px
}

.for-doctors-left-side-comment {
    border-radius: 20px 20px 20px 4px;
    background: #fff;
    padding: 25px;
    box-shadow: 0 10px 31px -9px rgba(25, 44, 100, .25);
}

.left-side-comment-title {
    color: #040345;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.left-side-comment-txt {
    color: rgba(4, 3, 69, .4);
    font-size: 18px;
    font-family: helvetica neue;
    font-weight: 400;
    line-height: 1.5em;
}

.for-doctor-entegration-head {
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    max-width: 750px;
}

.for-doctor-entegration-title {
    font-size: 28px;
    line-height: 1.3em;
    font-weight: 600;
    font-family: century gothic;
    font-style: normal;
}

.for-doctor-entegration-txt {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue;
    font-style: normal;
    margin-top: 30px;
}

.for-doctor-entegration-btn-area {
    display: flex;
    flex-direction: row;
    text-align: center;
    justify-content: center;
    max-width: 900px;
    margin: 75px auto 0;
}

.for-doctor-entegration-btn-area>a {
    width: 100%;
    margin-right: 25px;
    background: #fff;
    border-radius: 24px;
    height: 70px;
    padding: 0 28px;
}

.btn-area-icon {
    margin-right: 25px;
}

.btn-area-txt {
    margin-left: auto!important;
    margin-right: auto!important;
    color: #040345!important;
    font-weight: 600!important;
    font-size: 17px!important;
}

.for-doctors-banner-area {
    width: 100%;
    background: #1dbab5;
    border-radius: 52px;
    padding: 0;
    font-size: 1.4rem;
    display: block;
}

.for-doctors-banner-img {
    border-radius: 52px 0 0 52px;
}

.for-doctors-banner-right-area {
    padding-left: 100px;
    padding-right: 100px;
    max-width: 44%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
}

.for-doctors-banner-right-head {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    line-height: 1.3em;
}

.for-doctors-banner-right-txt {
    font-family: helvetica neue;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5em;
    color: rgba(255, 255, 255, .8);
    margin-top: 20px;
    margin-bottom: 30px;
}

.for-doctor-banner-btn {
    background-color: #fff!important;
    >div>.btn-txt {
        color: #1dbab5!important;
    }
    >div>span>svg {
        fill: #1dbab5!important;
        ;
    }
}

.for-doctor-banner-btn:hover {
    background-color: #1a9d99!important;
    >div>.btn-txt {
        color: #fff!important;
    }
    >div>span>svg {
        fill: #fff!important;
        ;
    }
}

.patient-comment-video-img {
    border-radius: 15px;
}

.for-doctor-price-item {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    margin-top: 50px;
}

.for-doctor-price-area {
    width: 100%;
    background: #fff;
    margin-right: 25px;
    padding: 20px;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    cursor: pointer;
}

.price-area-svg {
    background: #f6fafb;
    width: 96px;
    height: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 20px;
    margin-top: 30px;
    margin-bottom: 40px;
}

.price-area-price {
    font-size: 24px;
    font-weight: 600;
    color: #040345;
}

.price-area-time {
    color: rgba(4, 3, 69, .4);
    font-size: 20px;
    font-family: helvetica neue;
    margin-top: 20px;
    font-weight: 400;
}

.price-area-txt {
    color: rgba(4, 3, 69, .4);
    font-size: 14px;
    line-height: 1.4em;
    max-width: 80%;
    margin: 40px auto;
    font-family: helvetica neue;
    font-weight: 400;
}

.for-doctor-price-btn {
    background-color: rgba(62, 224, 161, .1);
    >div>.btn-txt {
        color: #1dbab5!important
    }
}

.for-doctor-price-btn:hover {
    background-color: #3ee0a1;
    >div>.btn-txt {
        color: #fff!important
    }
}

small.try {
    font-size: 18px;
    font-family: -apple-system, BlinkMacSystemFont, segoe ui, Roboto, Helvetica, Arial, sans-serif, apple color emoji, segoe ui emoji, segoe ui symbol!important;
}

.play-apple-btn-dark {
    background-color: #fff;
}

.play-apple-btn-dark:hover {
    background-color: #45eaaa;
}

.for-d-bottom-txt {
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6em;
}

.select2-dropdown {
    z-index: 99999!important;
}

.select2-results__option {
    padding: 11px 0!important;
    color: rgba(4, 3, 69, .6);
    font-family: helvetica neue;
    font-weight: 500;
    transition: .15s;
    font-size: 16px;
}

.select2-results {
    padding-bottom: 3px;
}

.select2-phone_code-results {
    width: 5px;
}

.scroll-hidden::-webkit-scrollbar {
    display: none
}

.scroll-hidden::-webkit-scrollbar-track {
    background: 0 0
}

.scroll-hidden::-webkit-scrollbar-thumb {
    background: 0 0
}

.custom-scrollbar.on-hover::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 20px;
    margin-top: 15px;
    margin-bottom: 15px
}

.custom-scrollbar.on-hover::-webkit-scrollbar-thumb {
    background: 0 0
}

.custom-scrollbar.on-hover:hover::-webkit-scrollbar-track {
    background: rgba(29, 186, 181, .3)
}

.custom-scrollbar.on-hover:hover::-webkit-scrollbar-thumb {
    background: #1dbab5;
    border-radius: 20px
}

.custom-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 90%
}

.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(29, 186, 181, .3);
    border-radius: 20px;
    margin-top: 15px;
    margin-bottom: 15px
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #1dbab5;
    border-radius: 20px
}

.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #168e8a
}

.custom-scrollbar--show-hover::-webkit-scrollbar-track {
    background: 0 0
}

.custom-scrollbar--show-hover::-webkit-scrollbar-thumb {
    background: 0 0
}

.custom-scrollbar--show-hover:hover::-webkit-scrollbar-track {
    background: rgba(29, 186, 181, .3)
}

.custom-scrollbar--show-hover:hover::-webkit-scrollbar-thumb {
    background: #1dbab5
}

.custom-scrollbar--full::-webkit-scrollbar-track {
    height: 100%!important;
    margin: 0!important
}

.custom-scrollbar .select2-results__options::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 20px;
    margin-top: 15px;
    margin-bottom: 15px
}

.custom-scrollbar .select2-results__options::-webkit-scrollbar-thumb {
    background: 0 0
}

.custom-scrollbar .select2-results__options:hover::-webkit-scrollbar-track {
    background: rgba(29, 186, 181, .3)
}

.custom-scrollbar .select2-results__options:hover::-webkit-scrollbar-thumb {
    background: #1dbab5;
    border-radius: 20px
}

.custom-scrollbar .select2-results__options::-webkit-scrollbar {
    width: 5px;
    height: 90%
}

.custom-scrollbar>span {
    left: 0px!important;
    box-shadow: 0 0 10px 7px rgba(214, 214, 214, .18), 0 40px 28px -25px rgba(29, 186, 181, .25);
}

.support-dropdown {
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    background: #fff;
    border-radius: 14px;
    opacity: 0;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    padding: 0 20px;
    box-shadow: 0 0 10px 7px rgba(214, 214, 214, .3), 0 40px 28px -25px rgba(29, 186, 181, .25);
}

.f-d-dropdown-item {
    width: max-content;
    padding: 15px 0;
    font-size: 15px;
    color: rgba(4, 3, 69, .6);
    font-family: helvetica neue;
    font-weight: 500;
    display: block;
    cursor: pointer;
}

.support-dropdown:hover {
    opacity: 1;
}

.support-dropdown-top:hover {
    .support-dropdown {
        opacity: 1;
    }
}

.f-d-dropdown-item:hover {
    color: #040345;
}

.support-dropdown-top {
    color: rgba(4, 3, 69, .5)!important;
    padding: 15px;
    display: flex;
    align-items: center;
    font-weight: 600;
    transition: .4s cubic-bezier(.29, .13, .27, .74)!important;
    font-size: 15px!important;
    font-family: century gothic;
    font-style: normal;
}

.table tr th {
    border: 1px solid;
    background-color: #2be2ab;
    padding: 10px;
}

.modal-form-elements p {
    color: #040345!important;
    font-weight: 300;
    font-size: 16px;
    line-height: 1.5em;
    margin-bottom: 0;
}

.table tr td {
    border: 1px solid;
    padding: 5px;
}

.for-d-top-section::before {
    height: 870px!important;
}

.blog-detail__content h3 {
    font-size: 16px!important;
    font-weight: 600;
    margin-top: 20px;
    margin-bottom: 20px!important;
    line-height: 1.3;
}

.blog-detail__content ul,
.blog-detail__content ol {
    margin-left: 20px;
    padding: 0;
}

.blog-detail__content ul li {
    list-style: square;
}

.blog-detail__bottom {
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 1;
    transform: translateY(70px);
}
.blog-detail__bottom:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: rgba(128, 146, 190, 0.2);
    z-index: -1;
}

.for-d-blog-det-bottom {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    max-width: 900px;
    background-color: #fff;
    margin: 30px 0px;
    background: #fff;
    border-radius: 30px;
    padding: 20px;
    position: relative;
}

.for-d-blog-detail-bottom-img {
    width: 66px;
    height: 66px;
    border-radius: 19px;
}

.for-d-blog-detail-bottom-txt {
    font-weight: 600;
    color: rgba(4, 3, 69, .5);
    font-size: 16px;
    margin-right: 15px;
}

.for-d-blog-det-bottom-bef::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    height: 1px;
    background: rgba(128, 146, 190, .2);
    z-index: 0;
}

@media (max-width: 600px) {
    .for-d-blog-det-bottom {
        flex-direction: column!important;
        gap: 15px;
    }
}

.branches>.swiper-container>.branch-swiper {
    position: unset!important;
}

.dr-card-l-stars {
    padding-left: 105px!important;
}

.dr-info-oops {
    padding-left: 0px!important;
}

.dr-card-l-dr-field a {
    transition: .3s;
    font-family: helvetica neue!important;
    color: rgba(4, 3, 69, .5)!important;
    font-weight: 400!important;
    font-size: 14px!important;
}

.dr-card-l-dr-field a:hover {
    color: #040345!important;
}

#showMoreListBtn {
    border-bottom: 1px solid #1dbab5;
}

.show_more__hours {
    text-decoration: underline;
    font-size: 14px!important;
    color: #1dbab5;
    font-weight: 600;
}

.tabs>.active>label {
    color: #000000 !important;
}

.alert-danger:hover {
    background-color: rgba(240, 109, 109, .2);
}

.alert-danger {
    color: #f06d6d!important;
    background-color: rgba(240, 109, 109, .1);
}

.alert {
    border-radius: 30px!important;
    padding: 10px 18px!important;
    font-size: 12px!important;
    font-weight: 700!important;
    font-family: century gothic!important;
    cursor: default;
}

.alert__icon {
    margin-right: 21px;
}

.alert__icon>svg {
    width: 19px!important;
    height: 19px!important;
    fill: #f06d6d!important;
}

.h-56px {
    height: 56px!important;
}

.p-items-style {
    color: rgba(4, 3, 69, .6)!important;
    font-family: helvetica neue!important;
}

.main-tab-head-links>.active {
    color: #040345!important;
}

.comment-div>div {
    border-bottom: 1px solid #e8e8e8;
}

.comment-div>div:last-child {
    border-bottom: none;
}

.clinic-info-video>div {
    border-bottom: 1px solid #e8e8e8;
}

.clinic-info-video>div:last-child {
    border-bottom: none;
}

.categories-show-more-content {
    max-height: 325px;
    overflow: hidden;
    transition: .3s;
}

.doctor-detail-show-more-content {
    max-height: 125px;
    overflow: hidden;
    transition: .3s;
}

.doctor-detail-show-btn {
    cursor: pointer;
    margin-top: 10px;
    display: block;
    padding-left: 30px;
    font-family: helvetica neue;
    font-weight: 500;
    color: #1dbab5;
    font-size: 14px;
}

.active-any-more {
    overflow: visible;
    max-height: unset;
}

.doctor-detail-treatments>li {
    font-weight: 400;
    font-size: 14px!important;
    color: rgba(4, 3, 69, .6);
    padding-left: 30px;
    padding-bottom: 15px;
    position: relative;
    line-height: 1.3;
}

.doctor-detail-treatments>li::before {
    content: '';
    position: absolute;
    top: 5px;
    left: 5px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: rgba(4, 3, 69, .15);
}

.doctor-detail-treatments {
    padding-left: 0;
}

.doctor-detail-lang {
    font-family: helvetica neue;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.5em;
    color: rgba(4, 3, 69, .6);
}

.doctor-detail-video-name {
    font-family: helvetica neue;
    font-weight: 500;
    font-size: 17px!important;
    color: #040345;
    margin-bottom: 0.8em;
    transition: .4s cubic-bezier(.29, .13, .27, .74);
    margin-left: 20px!important;
}

@media (max-width: 480px) {
    .doctor-detail-video-name {
        margin-left: 5px!important;
    }
    .left-tab-side:before { 
        left:0;
        width: 90%;
        margin:25px;
    }
}

.d-detail-user-name {
    font-family: helvetica neue;
    font-weight: 500;
    font-size: 18px!important;
    color: #040345;
}

.d-detail-date {
    font-family: helvetica neue;
    font-weight: 400;
    color: rgba(4, 3, 69, .45);
    font-size: 14px;
}

.main-tab-doctor-detail {
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    gap: 10px;
    position: sticky;
    top: 0;
    z-index: 199;
    background: #fafdfc;
    margin-bottom: -50px;
    height: 80px;
    border-radius: 0 0 16px 16px;
}

.svg-fill-and-14px {
    fill: #1dbab5;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}

.clinic-page-side {
    background: #fff;
    border-radius: 32px;
    padding: 22px;
}

.clinic-item-city-name {
    color: #040345;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 45px;
}

.a-clinic-detail-btn {
    display: flex;
    flex-direction: column;
    text-align: start;
    justify-content: start;
}

.a-clinic-detail-btn>a {
    font-family: helvetica neue;
    color: #1dbab5!important;
    text-decoration: underline!important;
    font-weight: 600;
    font-size: 12px;
    transition: .2s cubic-bezier(.29, .13, .27, .74);
    text-align: center;
}

.a-clinic-detail-btn>a:hover {
    color: #1a9d99!important;
}

.any-more-detail {
    >.btn-txt {
        color: #1dbab5;
    }
    background-color: rgba(29,
    186,
    181,
    .1);
}

.any-more-detail:hover {
    >.btn-txt {
        color: #fff;
    }
    background-color: #1dbab5;
}

.bg-color-dashboard {
    background-color: #edf8f4;
}

.comment_message_border {
    border: 1px solid #dcdcdc;
}

.rating-stars ul>li.star {
    display: inline-block;
}

.rating-stars ul>li.star.hover>i.fa {
    color: #3EE0A1;
}

.rating-stars ul>li.star>i.fa {
    font-size: 25px;
    color: #ccc;
}

.rating-stars ul>li.star.selected>i.fa {
    color: #32aa7c;
}

.h-350 {
    height: 350px;
}

.max-width-540 {
    max-width: 540px;
}

.tick-checkbox__link {
    color: #1dbab5!important;
}

.max-width-380 {
    max-width: 380px;
}

.accourdion-side-item {
    font-weight: 600;
    color: rgba(4, 3, 69, .7);
    font-size: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
}

@media (max-width: 1250px) {
    .mobile-search-detail-card {
        flex-direction: column-reverse!important;
        align-items: center!important;
        justify-content: center!important;
    }
    .search-result-map-container {
        position: unset!important;
        margin-top: 20px!important;
        width: 760px!important;
        height: 240px!important;
    }
    .search-result-map {
        width: 760px!important;
        height: 240px!important;
    }

    .max-width-380 {
        max-width: unset!important;
    }
}

.empty_doctor_profile {
    padding-top: 100px;
}

.empty_doctor_profile .doctor-card {
    border-radius: 20px;
    background: rgb(249, 253, 252);
    padding: 0px;
    font-family: century gothic;
    font-style: normal;
    font-weight: 300;
}

.empty-doctor-profile-txt {
    font-family: 'Helvetica Neue';
    font-weight: 400;
    color: #484848;
    font-size: 12px;
    padding: 20px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.empty-doctor-register .doctor-card {
    background: #c1e6b2;
    border-radius: 20px;
    padding: 30px;
    font-size: 14px;
}

.empty-doctor-register-txt {
    font-family: 'Helvetica Neue';
    font-weight: 400;
    color: rgba(4, 3, 69, 0.5);
    font-size: 1em;
    padding: 15px;
    margin-top: 5px;
}

.alert_appointment_side {
    margin-bottom: 20px;
}

.alert_appointment_side .doctor-card {
    background: rgba(240, 109, 109, 0.1);
    border-radius: 20px;
    padding: 5px;
    font-size: 14px;
}

.alert_appointment_side .empty-doctor-profile-txt {
    padding: 0px;
}

.new-doctor-calendar-side {
    border-radius: 20px;
    background: #fff;
    margin-top: 20px;
    padding: 20px;
}

[class*=copyrights-pane] {
    display: none!important;
}

.doctor-detail-map-expand-btn {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #1dbab5!important;
    z-index: 1;
    position: absolute;
    top: 7px;
    right: 7px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, .1);
    border-radius: 8px;
    width: 30px;
    height: 30px;
}

.doctor-detail-map-expand-btn:hover {
    background-color: #1dbab5;
    color: #fff!important;
}

.doctor-detail-map-expand-btn svg {
    width: 12px;
    height: 12px;
    fill: currentColor;
}

.font-sized-faq-head {
    font-size: 17px;
    color: #21385a;
}

.icon__eyeclosed:hover {
    fill: rgb(128 129 162)!important;
}

.search-bar-blog {
    font-family: 'Helvetica Neue';
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    color: #040345;
    opacity: 0.5;
}

.btn-bg-style {
    background-color: rgba(29, 186, 181, .1);
    .btn-txt {
        color: #1dbab5;
    }
    .login-icon {
        fill: #1dbab5!important;
    }
}

.btn-bg-style:hover {
    background-color: #1dbab5;
    .btn-txt {
        color: #fff;
    }
    .login-icon {
        fill: #fff!important;
    }
}

.features-head-title-txt {
    color: rgba(4, 3, 69, .5);
    font-family: helvetica neue;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    margin-top: 40px;
    margin-bottom: 30px;
}

.features-head-highlight {
    font-family: helvetica neue;
    font-weight: 500;
    color: rgba(4, 3, 69, .85);
    font-size: 20px;
    position: relative;
    margin-bottom: 50px;
}

.features-head-highlight:before {
    right: calc(100% + 20px);
}

.features-head-highlight:before,
.features-head-highlight:after {
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 35vw;
    height: 1px;
    background: rgba(128, 146, 190, .2);
}

.features-head-highlight:after {
    left: calc(100% + 20px);
}

.features-head-highlight-btn {
    background-color: rgba(29, 186, 181, .1);
    color: #1dbab5!important;
    margin-right: 10px;
    margin-bottom: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.9em;
    padding: 12.4px 19.5px;
    letter-spacing: .16px;
    font-size: 13px;
    font-weight: 500;
    text-align: center;
    transition: .2s cubic-bezier(.29, .13, .27, .74);
    text-decoration: none;
    font-family: helvetica neue;
}

.highlight-btn-txt {
    color: currentColor;
}

.features-head-highlight-btn:hover {
    background-color: rgba(29, 186, 181, .2);
}

.highlight-btn-red {
    background-color: rgba(240, 109, 109, .1)!important;
    color: #f06d6d!important;
}

.highlight-btn-red:hover {
    background-color: rgba(240, 109, 109, .2)!important;
    color: #f06d6d!important;
}

.max-width-1100 {
    max-width: 1100px;
}

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

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

.right-tab-side:before {
    background: rgba(29, 186, 181, .1);
    right: -200px;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 600px;
    height: calc(100% + 100px);
    border-radius: 52px;
}

.left-tab-side:before {
    background: rgba(69, 213, 157, .12);
    left: -200px;
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 600px;
    height: calc(100% + 100px);
    border-radius: 52px;
}

.main-tab-color-red .main-tab-head__item:after {
    background: #f06d6d !important;
}

.text-color-red {
    color: #f06d6d !important;
}

.location_select2 .select2-container--default .select2-selection--single {
    background-color: rgba(29, 186, 181, .1);
    border-radius: 16px!important;
}

.select2-container {
    width: 100%!important;
    border-radius: 16px!important;
    z-index: 200;
}

.location_select2 .select2-selection__placeholder {
    color: #040345!important;
    font-weight: 500;
    font-family: helvetica neue;
    opacity: .2;
    font-size: 15px;
}

.search-left-padding {
    padding-left: 150px;
}

.location_select2 {
    position: absolute;
    left: 7px;
    top: 8px;
    height: 50px!important;
    width: 165px;
}

.location_select2 .select2-selection__arrow {
    right: 20px!important;
}

.maps-card-side {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
}

.maps-card-side>a {
    width: 70px;
    height: auto;
    border-radius: 5px;
    margin-right: 5px;
    margin-top: 5px;
}

.maps-card-side__img>img {
    width: 70px;
    height: 100px;
    object-fit: contain;
}

.date-card__author-cnt {
    display: flex;
    flex-direction: column;
}

.maps-card-info-side {
    display: flex;
    flex-direction: column;
}

.date-card__name {
    font-size: 11px;
    margin-top: 5px;
    line-height: 1.1em;
    font-weight: 600;
    color: #040345;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.date-card__branch {
    font-family: helvetica neue;
    color: rgba(4, 3, 69, .5);
    font-weight: 400;
    margin-bottom: 5px;
}

.date-card__branch a {
    transition: .3s;
    color: inherit!important;
}

.date-card__rated {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-top: auto;
    margin-bottom: 10px;
}

.date-card__author.in-map .date-card__rated {
    margin-top: 10px;
}

.date-card__author.in-map .date-card__rated {
    margin-bottom: 5px;
}

.main-star__wrp {
    display: flex;
    align-items: center;
}

.date-card__author.in-map .date-card__rated-txt {
    font-size: 10px;
    margin-left: 10px;
}

.date-card__rated-txt {
    font-family: helvetica neue;
    color: rgba(4, 3, 69, .5);
    font-weight: 500;
    margin-left: 15px;
    font-size: 1em;
}

.date-card__rated .main-star {
    font-size: 1.1em;
}

.main-star.active {
    color: #45eaaa;
}

.icon-font {
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
}

.main-star {
    color: rgba(29, 186, 181, .2);
    font-size: 20px;
    margin-right: 5px;
}

.date-card__author.in-map .date-card__rated-txt {
    font-size: 10px;
    margin-left: 10px;
}

.date-card__rated-txt {
    font-family: helvetica neue;
    color: rgba(4, 3, 69, .5);
    font-weight: 500;
    margin-left: 15px;
    font-size: 10px;
}

.date-card__branch a:hover {
    color: #040345;
}

.date-card__branch a {
    transition: .3s;
    color: inherit;
}

.lab-detail-head-txt {
    color: #040345!important;
    font-weight: 600;
    font-size: 28px;
    font-family: century gothic;
    font-style: normal;
}

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

.blog-detail {
    margin-top: -200px;
    margin-bottom: 75px;
}

.background-img-to-div {
    height: 300px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 32px;
    border: none;
}

.blog-detail__content {
    padding: 0 25px;
    width: 100%;
}

.blog-detail__content ul>li {
    margin-bottom: 0!important;
}

.form-box {
    border-radius: 30px;
    background-color: #fff;
    height: 100%;
    display: flex;
    flex-direction: column;
    font-size: 1.5rem;
}

input[type=radio]:checked+label {
    font-weight: 100;
    background-color: #fff;
}

.label {
    width: 100%;
    height: 57px;
    border: 1px solid #ccc!important;
    border-radius: 20px;
    padding: 0;
    margin-bottom: 3%;
}

input[type=radio]:checked+div .dot {
    height: 25px;
    width: 25px;
    background-color: #3ee0a1;
    border-radius: 50%;
}

.dot {
    height: 25px;
    width: 25px;
    background-color: #fff;
    border-radius: 50%;
    border-style: solid;
    border-color: grey;
    border-width: 1px;
}

.lab-radio-btn {
    position: absolute;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.table>:not(:last-child)>:last-child>* {
    border: none!important;
}

.choose-address {
    color: #1dbab5;
    font-weight: 600;
    text-align: center;
    align-items: center;
    padding: 0 2em;
    border-radius: 1.7rem;
    cursor: pointer;
    height: 5.5rem;
    font-size: 1.4rem;
    width: 100%;
    display: none;
}

.input-special {
    width: 100%;
    padding: 10px;
}

.head-info-item-txt-for {
    color: rgba(4, 3, 69, .4);
    font-weight: 400;
    font-family: helvetica neue;
    font-size: 15px;
    margin-top: 17px;
    line-height: 16px;
    padding-right: 30px;
}
@media (max-width: 600px) {
.advisory-board-item {
    flex-direction: column;
}


}

@media (max-width: 768px) {
    .for-doctors-search {
        display: none!important;
    }
    .homepage-bottom-for-doctor {
        margin-top: 40px;
    }
    .head-info-item-txt-for {
        font-size: 12px;
    }
    .hero--bottom-sec-mobile {
        margin-top: 0px;
    }
    .hero--bottom-sec-mobile>.container {
        padding-left: 20px;
    }
    .hero--bottom-sec-mobile .blog-btn {
        width: 100%;
    }
    .for-doctors-features {
        margin-top: 30px;
        align-items: start!important;
    }
    .main-tab-head-links {
        overflow-x: auto;
        width: 100%;
        padding: 0 20px;
    }
    .item_active {
        display: flex;
        flex-direction: column;
        justify-content: center;
        max-width: fit-content!important;
    }
    .for-doctor-main-tab-items>div {
        width: 100%!important;
    }
    .for-doctor-entegration-btn-area {
        margin-top: 20px;
        flex-wrap: wrap;
        gap: 20px;
    }
    .for-doctor-entegration-btn-area>a {
        width: 44%;
        margin-right: 0px;
    }
    .for-doctors-banner {
        margin-top: 50px;
    }
    .for-doctors-banner-right-area {
        position: absolute;
        max-width: 100%;
        top: 15%;
    }
    .for-doctors-left-side {
        display: none;
    }
    .blog-page {
        margin-top: 155px;
    }
    .blog-back-ground-img {
        height: 192px;
        margin-bottom: 4px;
    }
    .blog-card-xl__card-info {
        margin-top: 5px!important;
    }
    .blog-page-title>.mt-5 {
        margin-top: 15px!important;
    }
    .blog-page-title {
        height: auto!important;
        padding-bottom: 80px!important;
    }
    .footer-new-bottom {
        margin-top: 30px!important;
    }
    .features-head-highlight:before, .features-head-highlight:after { 
        width: 20vw;
    }
}

@media (max-width: 480px) {
    .location_select2 {
        display: none;
    }
    .search-left-padding {
        padding-left: 0px!important;
    }
    .padding-left-130 {
        padding-left: 0px!important;
    }
    .doctor-question-btn {
        padding: 0px 10px !important;
    }
    
}

.__logut-form {
    margin-bottom: 0px;
}

.user-header-cover {
    margin-top: 5px;
}

.btn-no-border-close {
    color: #040345;
    font-weight: 600;
}

.btn-no-border-close:hover {
    color: #1a9d99;
}

.max-width-1440 {
    max-width: 1440px;
}

.padding-left-130 {
    padding-left: 155px;
}

.tippy-box {
    background: #1dbab5;
    box-shadow: 0 50px 36px -30px rgba(17, 84, 64, .15);
    transition-duration: 200ms;
    position: relative;
    color: #fff;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.4;
    outline: 0;
    transition-property: transform, visibility, opacity;
}

.tippy-arrow {
    color: #1dbab5;
    position: absolute;
    left: 0px;
    transform: translate(147.757px, 0px);
}

.tippy-content {
    text-align: center;
    line-height: 1.4em;
    font-weight: 400;
    font-family: helvetica neue;
    max-width: 300px;
    position: relative;
    padding: 5px 9px;
    z-index: 1;
}

.white-space {
    white-space: pre-line;
}

.blog-info-area {
    font-family: helvetica neue;
    font-weight: 400;
    color: rgba(4, 3, 69, .35);
    font-size: 13px;
}

#pac-input {
    background-color: #fff;
    border: 1px solid grey;
    font-family: Roboto;
    font-size: 15px;
    font-weight: 300;
    text-overflow: ellipsis;
    width: 60%;
    left: 20%;
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 50;
    margin-top: 10px;
    opacity: 0.7;
}

.no-border {
    border-radius: 5px;
    border: 0px!important;
    text-align: center;
}

table {
    display: table;
    border-collapse: separate;
    box-sizing: border-box;
    text-indent: initial;
    border-spacing: 2px;
    border-color: gray;
}

.form-file__subtitle {
    text-decoration: underline;
    font-size: 1em!important;
    opacity: .5;
    color: #040345;
    transition: .2s cubic-bezier(.29, .13, .27, .74);
    font-family: helvetica neue;
}
.packet-info-top {
    padding-bottom: 10px;
    border-bottom: 1px solid #e8e8e8;
}
.packet-info-top:last-child {
    border-bottom: none;
}
.packet-txt-head {
    font-size: 15px;
    color: rgba(4, 3, 69, .85);
    font-weight: 600;
    margin-top: 5px;
}
.packet-txt-small {
    font-family: helvetica neue;
    font-weight: 400;
    color: rgba(4, 3, 69, .4);
    font-size: 14px;
}
.app-update-btn {
    background-color: #fef0d6;
}

.app-update-btn > .btn-txt{
    color:#eda724!important;
}

.app-update-btn:hover {
    background-color: #eda724!important;
    > .btn-txt {
        color:#fff!important;
    }
}
.dashboard-item__text {
    opacity: 1;
    color:#000000;
    font-size: 17px;
    font-weight: 500;
    transition: 0.2s cubic-bezier(0.29, 0.13, 0.27, 0.74);
    font-weight: bold;
}

.dashboard-menu-item svg{
    fill:#1a9d99 !important;
    width: 21px;
    height: 21px;
}

@media (max-width: 1000px) {
    .support-right-image-side {
        display: none;
    }
    .support-left-side {
        width: 100%!important;
        text-align: center;
    }
    .contact-page-head-txt {
        padding-right: 0px;
        margin-bottom: 40px;
    }
    .contact-company-detail-side-txt {
        font-size: 17px;
    }
}

@media (max-width: 768px) {
    .contact-page-head-txt {
        margin-bottom: 100px;
    }
    .mobile-top-side {
        margin-top: 1.5rem!important;
    }
    .all-doctor-banner {
        margin-top:25px;
        background-image: url('/assets/bulut-klinik/images/pics/doctor-with-tablet.png');
        min-height: 150px;
        > img {
            display: none;
        }
        
    }
    .contact-page-banner-txt {
        font-size: 17px;
        padding-left:20px;
        padding-right:20px;
    }
    .cookie-mobile {
        flex-direction: column;
        gap: 10px;
    }
    .cookie-mobile > a {
        width: auto;
    }
}

@media (max-width: 500px) {
    .contact-page-banner-txt {
        max-width: 240px;
    }
}

.calendar-clock-doctor {
    height: 36px;
    font-size: 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    border-radius: 12px;
    background-color: rgba(29, 186, 181, .1);
    color: #1dbab5;
}

.calendar-clock-area {
    width: calc(100% - 15px);
    max-width: unset;
    overflow: hidden;
}

.share-container {
    height: 200px;
}
.share-wrp {
    display: flex;
    justify-content: space-between;
    background: #fff;
    width: max-content;
    border-radius: 30px;
    width: 60%;
}
.share-wrp-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.share-blt-icon > img {
    object-fit: cover;
    border-radius: 19px;
}
.share-comp-name {
    color: #040345;
    font-weight: 600;
}
.share-comp-name:hover {
    color: #1DBAB5;
    cursor: pointer;
}
.share-aut-date {
    font-family: 'Helvetica Neue';
    font-weight: 400;
    color: rgba(4, 3, 69, 0.35);
    font-size: 13px;
}
.share-txt {
    font-weight: 600;
    color: rgba(4, 3, 69, 0.5);
    font-size: 16px;
}
@media(max-width:800px){
    .share-wrp {
        flex-direction: column;
        align-items: center;
        width: 90%;
     }
     .share-container {
        height: 250px;
     }
}
.treatments-h-2 {
    font-size: 14px!important;
    align-items: center!important;
    font-family: helvetica neue !important;
    font-weight: 500!important;
    color: rgba(4, 3, 69, .85)!important;
}
.social-pairing-txt {
    font-size: 14px;
}
.social-pairing-icon {
    display: flex;
}
.social-pairing-item {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #ebedf5;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.social-pairing-status > div {
    font-size: 13px;
}

.social-pairing-status > div:first-child {
    font-size: 14px;
    color: #66C2C5;
    font-weight: 600;
}

.social-pairing-item:last-child {
    border-bottom:none;
}
.main-tab-facilities {
    font-size: 14px;
}

@media (min-width: 1300px) and (max-width: 1600px) {
    .padding-l-r-0 {
      padding-right: 0!important;
      padding-left: 0!important;
    }

  }

.first-blog-left-btn {
    z-index: 1;

}

.cf-turnstile {
    width: 100%!important;
}

.cf-turnstile iframe {
    width: 100%!important;

}

.mobile-doctor-btn {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 13px;
    padding-left: 10px;
    height: 45px!important;
    background-color: rgba(29, 186, 181, .1);
    color: #1dbab5;
    border-radius: 10px!important;
    font-weight: 700;
    color:#2C2F60!important;
    justify-content: center!important;
}

.mobile-doctor-online {
    display: flex;
    align-items: center;
    gap: 20px;
    font-size: 13px;
    padding-left: 30px;
    justify-content: center!important;
    height: 45px!important;
    background-color: #1dbab5!important;
    color: #1dbab5;
    border-radius: 10px!important;
    font-weight: 700;
    color:#fff!important;
}

@media (max-width: 475px){
    .hero--bottom-sec-mobile {
        margin-top: 0px;
    }
    .for-doctor-entegration-btn-area > a {
        padding: 0px 15px;
    }
    .for-doctor-entegration-btn-area .btn-area-icon {
        margin-right: 0;
    }
    .for-doctors-banner-right-area {
        padding-left: 30px;
        padding-right: 30px;
        background: linear-gradient(to bottom, #1dbab5 30%, rgba(29, 186, 181, 0) 100%);
        width: 94%;
        margin-left: 11px;
        border-radius: 30px;
        top: 0;
        padding-top: 15px;
    }
    .for-doctors-banner-img {
        height: 300px;
    }
    .for-doctors-banner-right-head {
        text-align: center;
        font-size:23px;
    }
    .modal-form-elements p {
        font-size: 12px;
    }
   
}
@media (max-width: 768px){

    .font-sized-faq-head {
        font-size: 14px;
    }

}

.match-symbol {
    font-size: xxx-large;
    transform: rotate(90deg);
    color: #040345;
}

.img-404 {
    height: 100px!important;
}
.page-404__big {
    text-align: center;
    font-size: 82px;
}
.page-404__txt {
    font-size: 18px!important;
    text-align: center;
}
.footer-google-apple-btn {
    justify-content: center !important;
}


.patient-comment-author{
    text-align: left;
}

.hover-btn>div>span{
    color: #1dbab5!important;
}

.hover-btn>div>span>svg{
    fill: #1dbab5!important;
}

.hover-btn:hover .login-icon {
    fill: #fff !important;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.hover-btn:hover .btn-txt {
    color: white !important;
    transition: 0.4s cubic-bezier(0.29, 0.13, 0.27, 0.74);
}

.hover-btn:hover {
    background-color: #1dbab5;
}

.padding-left-10 .select2-dropdown{
    padding-left: 10px!important;
}

.text-start .select2-dropdown{
    text-align:left!important;
}
@media(max-width:500px){

    .fix-page{
        display: inline-block!important;
    }

    .m-overflow-width {
        overflow: auto;
        width: 90vw;
    }
    
}

@media (max-width: 480px) {
    .left-tab-side:before { 
        left:0;
        width: 90%;
        margin:25px;
    }
    .right-tab-side:before { 
        left: 0;
        width: 90%;
        margin:25px;
    }
    .right-tab-side, .left-tab-side {
        margin-top:20px;
    }

    .right-tab-side > div, .left-tab-side > div{
        padding: 0 25px;
    }

    .left-tab-side {
        flex-direction: column-reverse;
    }
    .f-doctor-mobile-comment {
        flex-direction: column;
    }
    .m-w-100 {
        width: 100%!important;
    }
    .for-d-pat-comment-stars {        
        display: flex;
        justify-content: center;
        gap: 6px;
    }
    .f-doctor-center-m {
        justify-content: center!important;
    }   

}
@media (max-width: 420px) {
    
    .contact-page-banner-txt {
        max-width: 160px;
    }

}

.circle {
    margin-left: 10px;
    width: 20px;
    height: 20px;
    border-radius: 50%; /* Çember oluşturmak için */
    border-style: dotted;
    border-color: white;
    background-color: transparent; /* Çember rengi */
    border-width: medium;
    animation: spin 2s linear infinite; /* Döndürme animasyonu */
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.branch-custom-scrollbar {
    max-height: 40px;
    overflow: auto;
}
.branch-custom-scrollbar.on-hover::-webkit-scrollbar-track {
    background: 0 0;
    border-radius: 20px;
    margin-top: 15px;
    margin-bottom: 15px
}

.branch-custom-scrollbar.on-hover::-webkit-scrollbar-thumb {
    background: 0 0
}

.branch-custom-scrollbar.on-hover:hover::-webkit-scrollbar-track {
    background: rgba(29, 186, 181, .3)
}

.branch-custom-scrollbar.on-hover:hover::-webkit-scrollbar-thumb {
    background: #1dbab5;
    border-radius: 20px
}

.branch-custom-scrollbar::-webkit-scrollbar {
    width: 5px;
    height: 90%
}

.branch-custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(29, 186, 181, .3);
    border-radius: 20px;
    margin-top: 3px;
    margin-bottom: 3px
}

.branch-custom-scrollbar::-webkit-scrollbar-thumb {
    background: #1dbab5;
    border-radius: 20px
}

.branch-custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: #168e8a
}

.branch-custom-scrollbar--show-hover::-webkit-scrollbar-track {
    background: 0 0
}

.branch-custom-scrollbar--show-hover::-webkit-scrollbar-thumb {
    background: 0 0
}

.branch-custom-scrollbar--show-hover:hover::-webkit-scrollbar-track {
    background: rgba(29, 186, 181, .3)
}

.branch-custom-scrollbar--show-hover:hover::-webkit-scrollbar-thumb {
    background: #1dbab5
}

.branch-custom-scrollbar--full::-webkit-scrollbar-track {
    height: 100%!important;
    margin: 0!important
}
.unset-span-w-h {
    width: unset;
    height: unset;
}

.checkout-logo-mobile {
    display: none;
}

@media (max-width: 480px) { 
    .checkout-logo-mobile {
        display: block;
    }
    .checkout-logo-mobile-d-none {
        display: none!important;
    }
    .m-gab-10 {
        gap:10px;
    }
}

@media (min-width: 765px) and (max-width: 1250px) { 
    .right-tab-side {
        flex-direction: row!important;
        align-items: center!important;
    }
    .left-tab-side {
        flex-direction: row!important;
        align-items: center!important;
    }
    .checkout-tablet-size {
        width: 50%!important;
    }
}

@media (max-width: 765px) { 
    .left-tab-side {
        flex-direction: column-reverse;
    }
}


@media (min-width: 765px) and (max-width: 1000px) { 
    .checkout-tablet-size {
        width: 55%!important;
    }
}

@media (min-width: 994px) and (max-width: 1200px) { 
    .checkout-tablet-size {
        width: 45%!important;
    }

    .tablet-view {
        width: 75%!important;
    }

    .tablet-e-invoice {
        left:-40px!important;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) { 
    .checkout-tablet-size {
        width: 38%!important;
    }
}

.background-black-transparent {
    background-color: rgba(0, 0, 0, 0.5);
}

.change-mail-btn {
    background-color: #3EE0A1!important;
    font-size: 13px; 
    color:#fff!important;
    font-weight:bold;
}

.change-mail-btn:hover {
    color:#fff!important;
}
.e-mail-update-btn:hover {
    cursor: pointer;
}

.agreement-txt h4 { 
    font-weight: 600;
    font-size: 15px !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
    line-height: 1.3;

}
.event-detail-area {
    background-color: #1dbab5;
    border-radius: 15px;
    height: 180px;
    margin-top: -85px;
    text-align: center;
}

.event-detail-area > div {
    font-size: 25px;
    color: #fff;
    font-weight: 600;
    margin-top:25px
}
.company-name {
    font-size: 15px;
}
.branch-detail {
    color: rgba(4, 3, 69, .5);
    font-size: 15px;
}

.calendar-item {
    border:1px solid #000; 
    border-radius:15px;
    font-weight:700;
    opacity:0.5; 
    cursor: pointer;
}

.calendar-item:hover{
    opacity: 1;
    > span {
        color: #000;
    }
}
.font-size-17px {
    font-size:17px!important;
}