@import url("./bootstrap-icons.css");
@import url("typography.css");
@import url("variable.css");

* {
    padding: 0;
    margin: 0;
}

.pattern-nav {
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
    width: 100%;
    height: auto;
    position: absolute;
}

.btnafter-scroll {
    width: 0;
    height: 0;
    overflow: hidden;
}

.master-nav.scrolled {
    background-color: rgba(255, 255, 255, 0.83) !important;
    /* backdrop-filter: blur(7px) !important; */
    transition: 0.5s;
    max-width: 100% !important;
    padding-top: 0;
    padding-bottom: 0;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.2);
    position: sticky !important;
    top: 0px;
    z-index: 999 !important;
}

.master-nav.scrolled .desktop-menu {
    max-width: 98% !important;
    transition: transform 0.5s ease, max-width 0.5s ease;
}

.master-nav.scrolled .px-3 hr {
    margin: 0 !important;
}

.master-nav.scrolled .navbar {
    padding: 5px 0 !important;
}

.master-nav.scrolled .navbar .navbar-nav {
    justify-content: flex-start !important;
    align-items: center;
    gap: 25px;
}

.master-nav.scrolled .navbar .nav-item:last-child {
    margin-right: auto;
}

.master-nav.scrolled .pattern-nav {
    transform: translateY(0);
    height: 0;
    transition: transform 0.5s ease, height 0.5s ease;
}

.master-nav .top {
    transform: translateY(0);
    max-height: 100px;
    /* ارتفاع واقعی */
    overflow: hidden;
    transition: transform 0.5s ease, max-height 0.5s ease;
}

.master-nav.scrolled .top {
    transform: translateY(-100%);
    max-height: 0;
    /* بسته میشه */
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
}

.master-nav.scrolled .items-menu-desktop {
    padding: 5px 0 !important;
    width: 100%;
}

.master-nav.scrolled .btnafter-scroll {
    width: max-content;
    height: max-content;
    transition: transform 0.5s ease, width 0.5s ease, height 0.5s ease;
}

.btnafter-scroll .btn-consultant {
    padding: 4px 16px 7px !important;
    font-size: 12px !important;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
}

.btn-consultant img {
    filter: brightness(0) invert(1);
    margin-top: 3px;
}

.cta-fixed {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 0px 10px 18px;
    z-index: 1000;
    position: fixed;
    background: #FFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
}

.cta-fixed .right-btn,
.cta-fixed .left-btn {
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2);
    border-color: #fff;
    border-style: solid;
    border-width: 2px;
    transition: 0.2s ease-in-out;
    justify-content: center;
    align-items: center;
    color: #fff;
    display: flex;
    padding: 10px;
    width: 100%;
}

.cta-fixed .right-btn:hover,
.cta-fixed .left-btn:hover {
    background-color: #fff;
}

.cta-fixed .left-btn {
    background-color: #fff;
}

.cta-fixed .left-btn {
    border-color: #f54a4a !important;
    color: #f54a4a !important;
}

.cta-fixed .right-btn {
    background-color: #18a27b;
}

.cta-fixed .right-btn:hover {
    border-color: #18a27b;
    color: #18a27b;
}

.btn-fixed {
    border-radius: 15px !important;
    border: 2px solid #fff !important;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    /* background-color: var(--main-green) !important; */
}

.container {
    max-width: 76% !important;
    padding: 0 !important;
}

.desktop-doctors p {
    font-size: 9px;
    margin-bottom: 5px !important;
    font-family: yekan-extrabold;
}

.desktop-doctors span {
    padding: 3px 6px;
    background-color: #f8f8f8;
    color: #18a27b;
    font-size: 8px;
}

.custome-mt {
    margin-top: 5.5rem;
}

h2 {
    font-size: 35px !important;
}

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

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

h5 {
    font-size: 22px !important;
}

.color-1 {
    color: #00a37d !important;
}

.color-2 {
    color: #f54a4a;
}

.color-3 {
    color: #999 !important;
}

.color-4 {
    color: #5edd60;
}

.on-off {
    top: 10%;
    left: 75%;
}

.font-18 {
    font-size: 18px !important;
}

.hale::after {
    content: "";
    position: absolute;
    top: -150px;
    right: 100px;
    width: 650px;
    height: 300px;
    background-color: rgba(255, 255, 255, 0.845);
    z-index: 2;
    border-radius: 40px;
    filter: blur(50px);
}

header span.fs-1,
header h1 {
    font-family: yekan-black !important;
    font-size: 28px;
    color: var(--main-tousi);
}

@media (min-width: 1200px) and (max-width: 1400px) {

    header span.fs-1,
    header h1 {
        font-size: 25px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {

    header span.fs-1,
    header h1 {
        font-size: 22px;
    }
}

header p {
    font-size: 15px;
    color: var(--main-tousi);
}

header .button-1,
.button-2 {
    padding: 9px 18px;
    border-radius: var(--main-radius);
    font-size: 14px;
    font-family: yekan-light;
    transition: 0.3s;
}

header .button-1 {
    background-color: var(--main-green);
}

header .button-2 {
    background-color: #f54a4a;
}

header .button-1:hover,
.button-2:hover {
    opacity: 50%;
    transform: translatey(-1.5px);
}

.header-img::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    width: 70%;
    height: 60%;
    background-color: #18a27b;
    filter: blur(132px);
    z-index: 5;
    margin: auto;
    border-radius: 50%;
}

.header-img::before {
    content: "";
    position: absolute;
    top: -258px;
    bottom: 0;
    right: 0;
    left: 0;
    width: 500px;
    height: 190px;
    background-color: rgb(255 255 255);
    margin: auto;
    z-index: 6;
    filter: blur(49px);
}

.footer-gra {
    background: linear-gradient(0deg,
            rgba(238, 238, 238, 1) 0%,
            rgba(255, 255, 255, 0) 100%);
    margin-top: 5rem;
}

.footer-container {
    max-width: 80% !important;
    margin: auto;
}

.footer-titles {
    font-family: yekan-black;
}

.c-3 {
    color: #333333;
}

.c-4 {
    color: var(--main-green) !important;
}

.font-12 {
    font-size: 12px !important;
}

.rahweb {
    font-family: yekan-black;
    color: var(--main-green);
}

.map-image {
    height: 133px;
    object-fit: cover;
}

.map-image-flex {
    bottom: -70%;
}

.services img {
    height: 100%;
    object-fit: cover;
    transition: 0.3s;
    position: relative;
}

.services .services-after:hover {
    opacity: 50%;
    transform: translatey(-1.5%);
}

.services .services-after {
    transition: var(--main-transition);
}

.services-after::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(320deg,
            rgba(0, 0, 0, 0.765) 0%,
            rgba(255, 255, 255, 0) 100%);
    border-radius: 12px;
    z-index: 5;
}

.services a {
    transition: 0.3s;
}

.services p {
    font-family: yekan-extrabold;
    font-size: 20px;
}

.services span {
    font-size: 14px;
}

.font-29 {
    font-size: 25px !important;
}

.black {
    font-family: yekan-black !important;
}

.title p,
.text-adults-kids {
    font-family: yekan-black !important;
    color: var(--main-tousi);
    font-size: 25px;
}

.mySwiper2 {
    height: auto;
}

.border-main {
    border: 1px solid #eeeeee;
}

.mySwiper2 p,
.mySwiper3 p {
    color: var(--main-tousi);
    font-size: 14px;
    font-family: yekan-bold;
}

.service-title {
    font-size: 14px;
    color: var(--main-green) !important;
}

.service-title-2 {
    font-size: 25px;
    font-family: yekan-black;
}

.service-title-3 {
    color: #555555;
    font-family: yekan-bold;
    font-size: 14px;
}

.see-more {
    color: #f54a4a;
}

.mySwiper2 .swiper-button-next {
    left: -30px !important;
    width: 25px;
    height: 25px;
    background-color: #fffefe;
    border-radius: 50%;
    border: 1px solid #eeeeee;
}

.mySwiper3 .swiper-button-prev {
    right: -30px !important;
    width: 25px;
    height: 25px;
    background-color: #fffefe;
    border-radius: 50%;
    border: 1px solid #eeeeee;
}

.mySwiper2 .swiper-button-next::after {
    color: #999999;
    font-size: 14px !important;
    font-weight: bold;
}

.mySwiper3 .swiper-button-prev::after {
    color: #999999;
    font-size: 14px !important;
    font-weight: bold;
}

.position-after::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 10%;
    height: 100%;
    background: linear-gradient(270deg,
            rgb(255 255 255 / 22%) 0%,
            rgba(255, 255, 255, 1) 100%);
    z-index: 10;
}

.position-before::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    width: 20%;
    height: 100%;
    background: linear-gradient(90deg,
            rgb(255 255 255 / 22%) 0%,
            rgba(255, 255, 255, 1) 100%);
    z-index: 10;
}

.rezerve-back {
    background-image: url(../images/reserve-banner.jpg);
    background-size: cover;
    transition: var(--main-transition);
}

.rezerve-back-2 {
    background-image: url(../images/services-banner-2.jpg);
    background-size: cover;
    transition: var(--main-transition);
}

.rezerve-back-3 {
    background-image: url(../images/rezerve-banner-3.jpg);
    background-size: cover;
    transition: var(--main-transition);
}

.rezerve-back:hover img {
    scale: 1.1;
}

.rezerve-back img {
    transition: var(--main-transition);
}

.rezerve-back-4 {
    background-image: url(../images/rezerve-banner-4.jpg);
    background-size: cover;
    transition: var(--main-transition);
}

.reserve-btn {
    padding: 8px 16px;
    color: var(--main-tousi);
    font-size: 14px;
}

.title-reserve {
    font-family: yekan-extrabold;
}

.trupist .span-1 {
    font-family: yekan-black;
}

/* .trupist {
  border-left: 1px solid #eeeeee;
} */

/* .trupist:nth-child(5),
.trupist:nth-child(10) {
  border-left: unset !important;
} */

.trupist .span-2 {
    color: #18a27b;
    font-size: 12px;
}

.truoist hr {
    width: 2px;
    border-top: 20px solid;
    opacity: 1;
    color: #eeeeee;
}

.c-55 {
    color: #555555;
}

.numbers p {
    font-size: px;
    color: #333333;
}

.numbers hr {
    color: #18a27b;
    opacity: 0.2;
    border-top: 50px solid;
    width: 2px;
}

.hrr {
    color: #18a27b;
    opacity: 0.2;
    border-top: 20px solid;
    width: 1px;
}

.numbers span {
    font-size: 45px;
    color: var(--main-green);
    font-family: yekan-extrabold;
}

.number-video {
    color: var(--main-green);
}

.top-radius {
    border-radius: 12px 12px 0px 0px;
}

.nth-after::after {
    content: "";
    position: absolute;
    width: 10px;
    height: 50%;
    border-radius: 8px 0px 0px 8px;
    background-color: #18a27b;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.mySwiper7 img {
    width: 450px !important;
}

.mySwiper7 .swiper-pagination {
    top: 0 !important;
    margin: auto !important;
    left: 200px !important;
    width: max-content !important;
    flex-direction: column !important;
    display: flex !important;
    gap: 6px !important;
    bottom: 0 !important;
    margin: auto !important;
    height: max-content;
}

.mySwiper7 .swiper-pagination .swiper-pagination-bullet {
    width: 9px !important;
    height: 13px !important;
    border-radius: 40%;
    background-color: #999999;
}

.mySwiper7 .swiper-pagination .swiper-pagination-bullet-active {
    width: 9px !important;
    height: 18px !important;
    border-radius: 40%;
    background-color: var(--main-green);
}

.truoist .nav-tabs .nav-link.active {
    background-color: #18a27b;
    color: white !important;
}

.truoist .nav-tabs .nav-link {
    background-color: #eeeeee;
    color: #888888;
    border-radius: 15px;
    padding: 10px 20px !important;
    font-size: 12px;
}

.truoist .nav-tabs .nav-link:hover {
    color: #888888 !important;
}

.truoist .nav-tabs .nav-link.active:hover {
    color: #ffffff !important;
}

.truoist .nav-tabs .nav-item {
    border-left: 1px solid #18a27b39;
    padding-left: 12px;
    padding-right: 12px;
}

.truoist .nav-tabs .nav-item:last-child {
    border: unset !important;
}

.nav-tabs .nav-link.active {
    color: unset !important;
}

.nav-tabs .nav-link:hover {
    color: black !important;
}

.greem {
    color: #18a27b;
}

.number-see {
    background-color: #18a27b;
    padding: 9px 18px;
    border-radius: 12px;
}

.eiyuling::after {
    content: "";
    position: absolute;
    top: -90px;
    bottom: 0;
    left: -82px;
    background-image: url(../images/lining.svg);
    background-size: 82%;
    height: 5px;
    width: 203px;
    margin: auto;
    background-repeat: no-repeat;
}

.eiyuling2::after {
    content: "";
    position: absolute;
    top: -90px;
    bottom: 0;
    right: -118px;
    background-image: url(../images/lining.svg);
    background-size: 82%;
    height: 5px;
    width: 203px;
    margin: auto;
    background-repeat: no-repeat;
}

.see-3 {
    color: var(--main-green);
}

.color-text {
    color: #626c72;
}


.tousi {
    color: #39454b;
}

.hover {
    transition: var(--main-transition);
}

.hover:hover {
    opacity: 50%;
    transform: translatey(-1.5%);
}

.black {
    font-family: yekan-black;
}

.order-child>div.row:nth-child(2) .col-3 {
    order: 1;
}

.order-child>div.row:nth-child(2) .swiper-button-next {
    right: -30px !important;
    transform: rotate(180deg);
}

.order-child>div.row:nth-child(2) .position-after::after {
    right: 0 !important;
    rotate: 180deg;
}

.form-select:focus,
.form-control:focus {
    border-color: transparent;
    outline: 0;
    box-shadow: none;
}

.ismb {
    font-family: "ismb";
}

.breadcrumb .breadcrumb-item+.breadcrumb-item::before {
    content: "\F284";
    font-family: bootstrap-icons !important;
    font-size: 16px;
}

.breadcrumb li a {
    color: #364147;
    font-size: 14px;
    line-height: 27px;
}

.breadcrumb li span {
    color: #adadad;
    font-size: 14px;
    line-height: 27px;
}

.ismull {
    font-family: "ismull";
}

.social {
    display: flex;
    align-items: center;
}

.social li {
    margin-left: 10px;
}

.social li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;
    height: 35px;
    background: #efefef;
    box-shadow: 5px 5px 40px rgba(0, 0, 0, 0.05);
    border-radius: 10px;
    color: #18a27b;
}

.social li a i {
    display: flex;
}

.social li a:hover {
    background-color: #18a27b;
    color: #fff;
}

.rwb {
    color: #18a27b;
}

.rwb:hover {
    color: #f54a4a;
}

a,
.btn {
    transition: 0.5s ease-in-out;
    text-decoration: none !important;
}

.swiper-pagination-bullet-active {
    background: #f54a4a !important;
}

.carousel-indicators [data-bs-target] {
    background-color: #000;
    opacity: 0.2;
    width: 5px;
    height: 5px;
    border-radius: 10px !important;
    border: 0px;
}

.carousel-indicators .active {
    background-color: #f54a4a;
    width: 16px;
    opacity: 1;
}

.bar h2 {
    font-size: 22px;
    line-height: 34px;
    color: #364147;
}

.bar h2 span {
    color: #18a27b;
}

.bar .alllink {
    font-size: 14px;
    line-height: 22px;
    color: #f54a4a;
}

.bg-one {
    background-color: #18a27b;
}

.bg-second {
    background-color: #364147;
}

.bg-third {
    background-color: #f54a4a;
}

.bg-fourth {
    background-color: #f4afae;
}

.text-one {
    color: #18a27b !important;
}

.text-second {
    color: #364147 !important;
}

.text-third {
    color: #f54a4a !important;
}

.text-fourth {
    color: #f4afae !important;
}

.menu {
    padding: 0;
    margin: 0;
}

.menu .line {
    width: 100%;
    height: 6px;
    background-color: #18a27b;
}

.menu .vectoricon {
    margin-left: auto;
    margin-right: 8.5%;
}

.menu .nav-link {
    font-size: 12px;
    position: relative;
    color: #adadad;
}

.menu .nav-link.active {
    color: #18a27b;
}

.menu .nav-link.active::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    width: 12px;
    height: 2px;
    background-color: #364147;
    border-radius: 1rem;
    animation: navafter 0.4s ease-in-out;
}

@keyframes navafter {
    0% {
        width: 0px;
    }

    100% {
        width: 12px;
    }
}

.menu .nav-link:hover {
    color: #18a27b;
}

.menu .nav-call {
    display: flex;
    align-items: center;
    direction: ltr;
}

.menu .nav-call .nav-icon {
    background-color: #f54a4a;
    border-radius: 15px;
    height: 42px;
    width: 42px;
    margin-right: 10px;
    transition: 0.5s ease-in-out;
}

.menu .nav-call .nav-icon img {
    transition: 0.5s ease-in-out;
    filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(0%) hue-rotate(93deg) brightness(103%) contrast(103%);
}

.menu .nav-call .nav-bt .number {
    font-weight: bolder;
    font-size: 20px;
    display: flex;
    align-items: center;
    letter-spacing: 0.15em;
    color: #f54a4a;
    line-height: 20px;
}

.menu .nav-call .nav-bt .number span {
    transition: 0.5s ease-in-out;
    color: #f4afae;
}

.menu .nav-call .nav-bt .text {
    font-weight: 600;
    font-size: 10px;
    display: flex;
    align-items: center;
    letter-spacing: -0.01em;
    color: #adadad;
    transition: 0.5s ease-in-out;
}

.menu .nav-call:hover .nav-icon img {
    transform: rotate(-45deg);
}

.menu .nav-call:hover .number span {
    color: #f54a4a;
}

.menu .nav-call:hover .text {
    color: #000;
}

.header .carousel-item::before {
    content: "";
    position: absolute;
    background-color: #00a37db2;
    height: 100%;
    width: 100%;
    z-index: 1;
    border-radius: 30px;
}

.header .carousel-caption .carousel-caption-inner {
    z-index: 2;
}

.header .img-slider {
    border-radius: 20px;
}

.header .img-slider2 {
    border-radius: 20px;
}

.header .title-2 {
    font-weight: 700;
    line-height: 34px;
    font-size: 16px;
    padding-left: 220px;
    padding-right: 220px;
    margin-bottom: 0;
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .header .title-1 {
        font-size: 25px !important;
    }

    .headet .title-2 {
        font-size: 22px !important;
    }

    .header .title-3 {
        font-size: 15px !important;
    }

    .header .title-2 {
        padding-left: 100px;
        padding-right: 100px;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .header .title-1 {
        font-size: 20px !important;
    }

    .header .title-2 {
        font-size: 16px !important;
        padding-left: 100px;
        padding-right: 100px;
    }

    .header .title-3 {
        font-size: 10px !important;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .header .title-1 {
        font-size: 20px !important;
    }

    .header .title-2 {
        font-size: 1۶px !important;
        padding-right: 70px;
        padding-left: 70px;
    }

    .header .title-3 {
        font-size: 10px !important;
    }
}

.header .slider-inner {
    display: flex;
    flex-direction: column;
    justify-content: end;
    align-items: center;
    text-align: center;
    padding-bottom: 2rem;
}

.header .title-3 {
    font-weight: 700;
    line-height: 34px;
    font-size: 15px;
}

.header .container .img-parent::before {
    content: "";
    position: absolute;
    background: linear-gradient(to top,
            rgba(0, 163, 125, 0.9) 0%,
            rgba(0, 163, 125, 0) 80%);
    /* background: linear-gradient(90deg, rgba(2,0,36,1) 0%, rgba(24,162,123,1) 35%, rgba(0,212,255,1) 100%); */
    width: 100%;
    height: 100%;
    border-radius: 20px;
}

.header .title-1 {
    font-size: 25px;
}

.header .container .title-1 {
    color: white;
    text-align: center;
    font-size: 30px;
    height: max-content;
    font-family: "ismb";
}

.header .slider {
    border-radius: 20px;
}

.header .swiper .swiper-button-next {
    color: #00a37d;
}

.header .swiper .swiper-button-prev {
    color: #00a37d;
}

.header .p {
    width: max-content;
    font-size: 12px;
    line-height: 27px;
    margin: 0 auto 1rem;
    position: relative;
}

.header .p::after,
.header .p::before {
    content: "";
    width: 4px;
    height: 4px;
    top: 0;
    bottom: 0;
    margin: auto;
    background-color: #18a27b;
    border-radius: 50%;
    position: absolute;
}

.header .p::after {
    left: 0;
}

.header .p::before {
    right: 0;
}

.header .carousel .card {
    background-size: cover;
    background-position: center;
}

.header .carousel .bg-mouse {
    position: absolute;
    bottom: -0.75px;
    margin: auto;
    z-index: 2;
    right: 0;
    left: 0;
}

.header .carousel .mouse {
    position: absolute;
    margin: auto;
    z-index: 3;
    bottom: 0;
    right: 0;
    left: 0;
    animation-name: move;
    animation-duration: 0.75s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@keyframes move {
    from {
        transform: translate(0, 0);
    }

    to {
        transform: translate(0, 20%);
    }
}

.header .carousel .carousel-caption {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .carousel .title-1 {
    font-weight: 800;
    line-height: 65px;
}

.header .carousel .title-2 {
    font-weight: 700;
    line-height: 34px;
    color: #364147;
}

.header .carousel .title-3 {
    font-weight: 400;
    line-height: 38px;
    color: white;
}

.main-services h2 {
    font-size: 22px;
    line-height: 34px;
    color: #364147;
}

.main-services h2 span {
    color: #18a27b;
}

.main-services .alllink {
    font-size: 14px;
    line-height: 22px;
    color: #f54a4a;
}

.main-services .card {
    background: #ffffff;
    border-radius: 20px;
    border: 0px;
    box-shadow: 0px 10px 16px -13px rgba(0, 0, 0, 0.2);
}

.main-services .title {
    font-size: 18px;
    line-height: 28px;
    color: #364147;
}

.main-services .caption {
    font-size: 12px;
    line-height: 30px;
    color: #adadad;
}

.main-product-introduction {
    background: linear-gradient(180deg, #f8f8f8 0%, rgba(255, 255, 255, 0) 100%);
}

.main-product-introduction small {
    background: #f4afae;
    border-radius: 30px;
    font-size: 12px;
    padding: 5px 15px;
    display: flex;
    width: max-content;
    color: #f54a4a;
    margin-bottom: 10px;
}

.main-product-introduction .title-1 {
    font-size: 32px;
    line-height: 50px;
    color: #364147;
}

.main-product-introduction .title-2 {
    font-size: 20px;
    line-height: 31px;
    color: #18a27b;
}

.main-product-introduction .description {
    font-size: 14px;
    line-height: 30px;
    text-align: right;
    color: #adadad;
}

.main-product-introduction .time {
    font-size: 16px;
    line-height: 45px;
    color: #18a27b;
}

.main-product-introduction .time i {
    font-size: 20px;
}

.main-product-introduction a {
    background-color: #f54a4a;
    padding: 12px;
    width: 100%;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
}

.main-product-introduction a:hover {
    background-color: #f4afae;
}

.main-reservation .card {
    background-size: cover;
    background-position: bottom center;
    border-radius: 20px;
}

.main-reservation .card::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-radius: 20px;
    opacity: 0.8;
}

.main-reservation .abroad::after {
    background-color: #f54a4a;
}

.main-reservation .iran::after {
    background-color: #2c932c;
}

.main-reservation .card .cont {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-reservation .card .cont .h2 {
    font-size: 24px;
    color: #fff;
}

.main-reservation .card .cont .caption {
    font-size: 14px;
    color: #fff;
    line-height: 27px;
}

.main-reservation .card .nav-call {
    display: flex;
    align-items: center;
    direction: ltr;
}

.main-reservation .card .nav-call .nav-icon {
    background-color: #fff;
    border-radius: 15px;
    height: 42px;
    width: 42px;
    margin-right: 10px;
    transition: 0.5s ease-in-out;
}

.main-reservation .card .nav-call .nav-icon img {
    transition: 0.5s ease-in-out;
    filter: brightness(0) saturate(100%) invert(48%) sepia(42%) saturate(5031%) hue-rotate(337deg) brightness(112%) contrast(96%);
}

.main-reservation .card .nav-call .nav-bt .number {
    font-weight: bolder;
    font-size: 20px;
    display: flex;
    align-items: center;
    letter-spacing: 0.15em;
    color: #fff;
    line-height: 20px;
}

.main-reservation .card .nav-call .nav-bt .number span {
    transition: 0.5s ease-in-out;
    color: #fff;
    opacity: 0.75;
}

.main-reservation .card .nav-call .nav-bt .text {
    font-weight: 600;
    font-size: 10px;
    display: flex;
    align-items: center;
    letter-spacing: -0.01em;
    color: #fff;
    opacity: 0.75;
    transition: 0.5s ease-in-out;
}

.main-reservation .card .nav-call:hover .nav-icon img {
    transform: rotate(-45deg);
}

.main-reservation .card .nav-call:hover .number span {
    opacity: 1;
}

.main-reservation .card .nav-call:hover .text {
    opacity: 1;
}

.main-reservation .card .btn-reservation {
    display: flex;
    width: max-content;
    margin-right: auto;
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 50px;
}

.main-reservation .card .btn-reservation:hover {
    background-color: #fff;
    color: #f54a4a;
}

.consultants {
    width: 88%;
    height: 100%;
    border-radius: 20px;
}

.consultants .swiper-pagination-vertical.swiper-pagination-bullets,
.consultants .swiper-vertical>.swiper-pagination-bullets {
    right: 12px !important;
}

.consultants .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.img-light {
    width: 27px !important;
    height: 27px !important;
}

.consultants .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.consultants .name-1 {
    font-size: 14px;
    color: #adadad;
}

.consultants .name-2 {
    font-size: 22px;
    color: #000;
}

.consultants .name-2 span {
    color: #18a27b;
    font-size: 16px;
}

.consultants .name-3 {
    font-size: 12px;
    color: #18a27b;
    transition: 0.5s;
}

.consultants .name-3:hover {
    color: red;
}

.consultants img {
    border-radius: 15px;
}

.consultants .about-text {
    font-size: 14px;
    color: #adadad;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
}

.consultants a {
    background-color: #f54a4a;
    padding: 12px;
    width: 100%;
    display: flex;
    color: #fff;
    align-items: center;
    justify-content: center;
    position: relative;
    top: 0.25rem;
}

.consultants a:hover {
    background-color: #f4afae;
}

.consultants .swiper-pagination-bullet-active {
    width: 8px !important;
    height: 16px !important;
    border-radius: 1rem !important;
}

.main-about-us {
    background: linear-gradient(180deg, #f8f8f8 0%, rgba(255, 255, 255, 0) 100%);
}

.main-about-us small {
    background: #f4afae;
    border-radius: 30px;
    font-size: 12px;
    padding: 5px 15px;
    display: flex;
    width: max-content;
    color: #f54a4a;
    margin-bottom: 10px;
}

.main-about-us .title-1 {
    font-size: 32px;
    line-height: 50px;
    color: #364147;
}

.main-about-us .title-2 {
    font-size: 20px;
    line-height: 31px;
    color: #18a27b;
}

.main-about-us .description {
    font-size: 14px;
    line-height: 30px;
    text-align: right;
    color: #adadad;
}

.main-about-us .time {
    font-size: 16px;
    line-height: 45px;
    color: #18a27b;
}

.main-about-us .time i {
    font-size: 20px;
}

.main-about-us a {
    background-color: transparent;
    border: 1px solid #f54a4a;
    padding: 12px;
    width: 100%;
    display: flex;
    color: #f54a4a;
    align-items: center;
    justify-content: center;
}

.main-about-us a:hover {
    background-color: #f54a4a;
    color: #fff;
}

.main-article h2 span {
    color: #18a27b;
}

.main-article .alllink {
    font-size: 14px;
    line-height: 22px;
    color: #f54a4a;
}

.main-article a .card {
    box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    border: 1px solid #fff;
    transition: 0.5s ease-in-out;
}

.main-article a .card img {
    border-radius: 10px;
    height: max-content;
}

.main-article a .card .title {
    font-size: 16px;
    color: #000;
    line-height: 25px;
    transition: 0.5s ease-in-out;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 3rem;
}

.main-article a .card .caption {
    font-size: 13px;
    line-height: 25px;
    color: #a7a7a7;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.main-article a .card .date {
    font-size: 12px;
    line-height: 19px;
    color: #d4d4d4;
}

.main-article a .card .a {
    font-size: 12px;
    line-height: 19px;
    color: #000;
    transition: 0.5s ease-in-out;
}

.main-article a .card .a i {
    color: #18a27b;
}

.main-article a:hover .card {
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.05);
    border-radius: 20px;
    border: 1px solid #18a27b !important;
}

.main-article a:hover .card .title {
    color: #18a27b;
}

.main-article a:hover .card .a {
    color: #18a27b;
}

.main-article .swiper-pagination-bullet-active {
    width: 16px !important;
    height: 8px !important;
    border-radius: 1rem !important;
}

.main-contact-us h2 {
    font-size: 22px;
    line-height: 34px;
    color: #364147;
}

.main-contact-us .box-map .social-us {
    bottom: 0px;
}

.main-contact-us h2 span {
    color: #18a27b;
}

.main-contact-us .card {
    box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.05);
}

.main-contact-us .card .a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.main-contact-us .card .a:hover .img-box img {
    transform: rotate(-45deg);
}

.main-contact-us .card .a .img-box {
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #f4afae;
    border-radius: 15px;
    margin-left: 10px;
}

.main-contact-us .card .a .img-box img {
    transition: 0.5s ease-in-out;
}

.main-contact-us .card .a .text-box .slow {
    font-size: 12px;
    line-height: 19px;
    color: #adadad;
}

.main-contact-us .card .a .text-box .firmly {
    font-size: 14px;
    line-height: 27px;
    color: #364147;
    font-weight: bolder;
}

.main-contact-us .card .a .text-box .firmly a {
    font-size: 14px;
    line-height: 27px;
    color: #f4afae;
    letter-spacing: 0.15em;
    direction: ltr;
    font-weight: bolder;
}

.main-contact-us .card .a .text-box .firmly a .first {
    color: #000;
    transition: 0.5s ease-in-out;
}

.main-contact-us .card .a .text-box .firmly a:hover {
    color: #18a27b;
}

.main-contact-us .card .a .text-box .firmly a:hover .first {
    color: #18a27b;
}

.main-contact-us .map {
    width: 100%;
    height: 300px;
    display: flex;
    background-size: cover;
    background-position: center;
}

.footer {
    border-bottom: 6px solid #18a27b;
}

.footer .footer-title {
    color: #f54a4a;
    margin: 0;
    font-size: 16px;
    line-height: 25px;
}

.footer .footer-link {
    font-size: 14px;
    line-height: 30px;
    color: #adadad;
    transition: 0.5s ease-in-out;
}

.footer .footer-link:hover {
    color: #18a27b;
}

.footer .footer-call-link {
    font-size: 14px;
    line-height: 30px;
    color: #364147;
    transition: 0.5s ease-in-out;
}

.footer .footer-call-link:hover {
    color: #18a27b;
}

.footer .footer-call-link:hover img {
    transform: rotate(-45deg);
}

.footer .footer-call-link a {
    color: #364147;
}

.footer .footer-call-link a:hover {
    color: #18a27b;
}

.footer .footer-call-link img {
    filter: brightness(0) saturate(100%) invert(43%) sepia(99%) saturate(335%) hue-rotate(112deg) brightness(98%) contrast(96%);
    transition: 0.5s ease-in-out;
}

.footer .pbtm {
    font-size: 12px;
    line-height: 35px;
    color: #364147;
}

.inner-h1 {
    font-weight: bolder;
    font-size: 22px;
    line-height: 34px;
    color: #364147;
    font-family: "ismb";
}

.inner-h1 span {
    color: #18a27b;
    font-family: "sans";
}

.filter-form .filter-box {
    border: 1px solid #eeeeee;
    border-radius: 20px;
    height: 58px;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0 15px 0 0;
}

.filter-form .filter-box select {
    padding: 0;
    border: 0;
    font-size: 14px;
    line-height: 22px;
    color: #364147;
    min-height: max-content;
}

.filter-form .filter-box input {
    padding: 0;
    border: 0;
    font-size: 14px;
    line-height: 22px;
    color: #364147;
    min-height: max-content;
}

.filter-form .filter-box input::placeholder {
    color: #a7a7a7;
}

.filter-form .btn {
    top: 2px;
    left: 2px;
    bottom: 2px;
    background: #f54a4a;
    border-radius: 18px;
    padding: 0 30px;
    color: #fff;
}

.filter-form .btn:hover {
    background: #f4afae;
    color: #f54a4a;
}

.empty {
    background: #fff5f5;
    border-radius: 20px;
}

.empty p.title-1 {
    font-size: 25px;
    line-height: 39px;
    color: #f54a4a;
}

.empty p.title-2 {
    font-size: 14px;
    line-height: 22px;
    color: #f54a4a;
}

.empty p.title-3 {
    font-size: 14px;
    line-height: 42px;
    color: #adadad;
}

.consultants-detail .blog-card {
    background: #ffffff;
    border: 1px solid #ddd;
    border-radius: 20px;
}

.blog-details .blog-card .blg-img img {
    border-radius: 15px;
}

.blog-details .blog-card .blg-info ul li {
    margin: 5px;
    display: inline-table;
}

.blog-details .blg-info ul li p {
    padding: 5px 10px;
    border: 1px solid #f5f5f5;
    border-radius: 10px;
    color: #adadad;
    font-size: 16px;
    line-height: 25px;
}

.blog-details .blog-card h1 {
    font-size: 30px;
    color: #364147;
    margin: 10px 0;
    font-family: var(--fanum-extrabold) !important;
}

.blog-details .blog-card .blg-share .card {
    background: #f8f8f8;
    border-radius: 15px;
}

.blog-details .blog-card .blg-share .card p {
    font-size: 16px;
    line-height: 25px;
    color: #364147;
}

.blog-details .blog-card .blg-share .card li {
    margin: 0 7.5px;
}

.blog-details .blog-card .blg-share .card li a {
    color: #adadad;
    font-size: 25px;
    display: flex;
}

.blog-details .blog-card .blg-share .card li a i {
    display: flex;
}

.blog-details .blog-card .blg-share .card li a:hover {
    color: #18a27b;
    transform: rotate(-45deg);
}

.blog-details .blog-card.blg-sidebar .sidebar-title {
    font-size: 16px;
    line-height: 25px;
    color: #364147;
    font-family: "ismb";
}

.blog-details .blog-card.blg-sidebar .sidebar-title span {
    font-family: "sans";
    color: #18a27b;
}

.blog-details .blog-card.blg-sidebar .card {
    border: 1px solid #f5f5f5;
    border-radius: 15px;
}

.blog-details .blog-card .blg-title-comment {
    font-size: 24px;
    line-height: 37px;
    color: #2c2c2c;
    font-family: "ismb";
}

.blog-details .blog-card .form-box label {
    color: #adadad;
}

.blog-details .blog-card .form-box input,
.blog-details .blog-card .form-box textarea {
    border-color: #eeeeee;
    border-radius: 15px;
    font-size: 14px;
    color: #000;
    padding: 15px 20px;
}

.blog-details .blog-card .form-box input:focus,
.blog-details .blog-card .form-box textarea:focus {
    border-color: #eeeeee;
    outline: 0;
    box-shadow: none;
}

.blog-details .blog-card .form-box input::placeholder,
.blog-details .blog-card .form-box textarea::placeholder {
    font-size: 12px;
    color: #bfbfbf;
}

.blog-details .blog-card .form .form-check {
    display: flex;
    align-items: center;
}

.blog-details .blog-card .form .form-check .form-check-input {
    width: 24px;
    height: 24px;
    margin: 0 -1.5em 0 10px;
    border-radius: 7.5px;
}

.blog-details .blog-card .form .form-check .form-check-input:focus {
    border-color: #0d6efd;
    outline: 0;
    box-shadow: none;
}

.blog-details .blog-card .form .form-check .form-check-label {
    font-size: 14px;
    line-height: 22px;
    color: #a7a7a7;
}

.blog-details .form .btn {
    background: #f54a4a;
    width: 100%;
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    padding: 15px 10px;
}

.blog-details .blog-card .card-comm-item {
    background: #f8f8f8;
    border: 1px solid #f8f8f8;
    border-radius: 15px;
}

.blog-details .blog-card .card-comm-item .name {
    font-size: 16px;
    line-height: 25px;
    color: #2c2c2c;
}

.blog-details .blog-card .card-comm-item .date {
    font-size: 16px;
    line-height: 25px;
    color: #adadad;
}

.blog-details .blog-card .card-comm-item .description {
    font-size: 14px;
    line-height: 30px;
    color: #626262;
}

.blog-details .blog-card .card-comm-item .btn-reply {
    background: #fdecec;
    border-radius: 10px;
    color: #f54a4a;
    display: flex;
    width: max-content;
    align-items: center;
    margin-right: auto;
}

.blog-details .blog-card .card-comm-item .btn-reply img {
    transition: 0.5s ease-in-out;
}

.blog-details .blog-card .card-comm-item .btn-reply:hover {
    background: #f54a4a;
    border-radius: 10px;
    color: #fff;
}

.blog-details .blog-card .card-comm-item .btn-reply:hover img {
    filter: brightness(0) invert(1);
}

.consultants-list .about-text {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.description {
    font-size: 14px;
    line-height: 35px;
    text-align: right;
    color: #364147;
}

.description img {
    max-width: 50%;
    margin: 2% auto;
    height: auto !important;
}

@font-face {
    font-family: swiper-icons;
    src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
    font-weight: 400;
    font-style: normal;
}

:root {
    --swiper-theme-color: #007aff;
}

.swiper {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
}

.swiper-vertical>.swiper-wrapper {
    flex-direction: column;
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
}

.swiper-android .swiper-slide,
.swiper-wrapper {
    transform: translate3d(0px, 0, 0);
}

.swiper-pointer-events {
    touch-action: pan-y;
}

.swiper-pointer-events.swiper-vertical {
    touch-action: pan-x;
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform;
}

.swiper-slide-invisible-blank {
    visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
    height: auto;
}

.swiper-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform, height;
}

.swiper-backface-hidden .swiper-slide {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
    perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-wrapper {
    transform-style: preserve-3d;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
    background: rgba(0, 0, 0, 0.15);
}

.swiper-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0));
}

.swiper-css-mode>.swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
    display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: start start;
}

.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: x mandatory;
}

.swiper-vertical.swiper-css-mode>.swiper-wrapper {
    scroll-snap-type: y mandatory;
}

.swiper-centered>.swiper-wrapper::before {
    content: "";
    flex-shrink: 0;
    order: 9999;
}

.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
    margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
    height: 100%;
    min-height: 1px;
    width: var(--swiper-centered-offset-after);
}

.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
    margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-centered.swiper-vertical>.swiper-wrapper::before {
    width: 100%;
    min-width: 1px;
    height: var(--swiper-centered-offset-after);
}

.swiper-centered>.swiper-wrapper>.swiper-slide {
    scroll-snap-align: center center;
}

.swiper-virtual .swiper-slide {
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
}

.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
}

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
    height: 1px;
    width: var(--swiper-virtual-size);
}

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
    width: 1px;
    height: var(--swiper-virtual-size);
}

:root {
    --swiper-navigation-size: 44px;
}

.swiper-button-next,
.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 1.75rem;
    height: 1.75rem;
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
    border-radius: 5px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 0.35;
    cursor: auto;
    pointer-events: none;
}

.swiper-button-next.swiper-button-hidden,
.swiper-button-prev.swiper-button-hidden {
    opacity: 0;
    cursor: auto;
    pointer-events: none;
}

.swiper-navigation-disabled .swiper-button-next,
.swiper-navigation-disabled .swiper-button-prev {
    display: none !important;
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: 17px;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}

.swiper-button-prev,
.swiper-rtl .swiper-button-next {
    left: 0;
    right: auto;
}

.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    content: "prev";
}

.swiper-button-next,
.swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto;
}

.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
    content: "next";
}

.swiper-button-lock {
    display: none;
}

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

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0;
}

.swiper-pagination-disabled>.swiper-pagination,
.swiper-pagination.swiper-pagination-disabled {
    display: none !important;
}

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

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(0.33);
    position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(0.33);
}

.swiper-pagination-bullet {
    width: var(--swiper-pagination-bullet-width,
            var(--swiper-pagination-bullet-size, 8px));
    height: var(--swiper-pagination-bullet-height,
            var(--swiper-pagination-bullet-size, 8px));
    display: inline-block;
    border-radius: 50%;
    background: var(--swiper-pagination-bullet-inactive-color, #000);
    opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2);
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer;
}

.swiper-pagination-bullet:only-child {
    display: none !important;
}

.swiper-pagination-bullet-active {
    opacity: var(--swiper-pagination-bullet-opacity, 1);
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
}

.swiper-pagination-vertical.swiper-pagination-bullets,
.swiper-vertical>.swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px, -50%, 0);
}

.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
    display: block;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
}

.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: 0.2s transform, 0.2s top;
}

.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px);
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}

.swiper-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s left;
}

.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: 0.2s transform, 0.2s right;
}

.swiper-pagination-progressbar {
    background: rgba(0, 0, 0, 0.25);
    position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color, var(--swiper-theme-color));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top;
}

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top;
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0;
}

.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-vertical>.swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0;
}

.swiper-pagination-lock {
    display: none;
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0, 0, 0, 0.1);
}

.swiper-scrollbar-disabled>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-disabled {
    display: none !important;
}

.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%;
}

.swiper-scrollbar.swiper-scrollbar-vertical,
.swiper-vertical>.swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%;
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0, 0, 0, 0.5);
    border-radius: 10px;
    left: 0;
    top: 0;
}

.swiper-scrollbar-cursor-drag {
    cursor: move;
}

.swiper-scrollbar-lock {
    display: none;
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.swiper-zoom-container>canvas,
.swiper-zoom-container>img,
.swiper-zoom-container>svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.swiper-slide-zoomed {
    cursor: move;
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
    border-radius: 50%;
    border-top-color: transparent;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
    animation: swiper-preloader-spin 1s infinite linear;
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000;
}

@keyframes swiper-preloader-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.swiper .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000;
}

.swiper-free-mode>.swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto;
}

.swiper-grid>.swiper-wrapper {
    flex-wrap: wrap;
}

.swiper-grid-column>.swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column;
}

.swiper-fade.swiper-free-mode .swiper-slide {
    transition-timing-function: ease-out;
}

.swiper-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity;
}

.swiper-fade .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube {
    overflow: visible;
}

.swiper-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%;
}

.swiper-cube .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-cube.swiper-rtl .swiper-slide {
    transform-origin: 100% 0;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-next+.swiper-slide,
.swiper-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible;
}

.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right,
.swiper-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    z-index: 0;
}

.swiper-cube .swiper-cube-shadow:before {
    content: "";
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    filter: blur(50px);
}

.swiper-flip {
    overflow: visible;
}

.swiper-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
}

.swiper-flip .swiper-slide .swiper-slide {
    pointer-events: none;
}

.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto;
}

.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right,
.swiper-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.swiper-creative .swiper-slide {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
    transition-property: transform, opacity, height;
}

.swiper-cards {
    overflow: visible;
}

.swiper-cards .swiper-slide {
    transform-origin: center bottom;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    overflow: hidden;
}

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

    .header .carousel h1 {
        font-size: 20px !important;
        line-height: 1.5;
    }

    .header .carousel .title-1 p {
        font-size: 14px !important;
        font-weight: 100 !important;
    }

    .blg-description table {
        width: 100% !important;
    }

    .container {
        width: 100%;
        max-width: 100%;
    }

    .menu .nav-link {
        padding: 15px 0 5px !important;
        font-size: 16px !important;
        width: max-content;
    }

    .menu .nav-link.active::after {
        margin-left: auto;
        width: 50% !important;
    }

    .header .card {
        height: 25rem;
    }

    .header .carousel .title-1 {
        font-size: 20px;
        line-height: 25px;
    }

    .header .carousel .title-2 {
        font-size: 12px;
        line-height: 25px;
        padding: 0 15px;
    }

    .header .carousel .title-3 {
        font-size: 11px;
        line-height: 25px;
        padding: 0 15px;
    }

    .main-reservation .card {
        height: 22rem;
    }

    .description img {
        max-width: 100%;
        width: 100% !important;
        height: auto !important;
        margin: 2% 0%;
    }

    .consultants-list .consultants {
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
    }

    .menu .nav-call .nav-bt .number {
        font-size: 15px !important;
    }

    .blginfo-alert {
        width: 100% !important;
    }

    .blginfo-alert2 {
        width: 100% !important;
    }

    .mySwiper-100 .swiper-button-prev {
        height: 100%;
        top: 0%;
        width: 15% !important;
    }

    .swiper-button-next {
        height: 100%;
        top: 0%;
        width: 15% !important;
    }

    /* .box-consultant .btn-box {
    width: max-content !important;
    margin-right: auto !important;
  } */

    .box-consultant {
        padding: 40px 5px 5px 5px !important;
    }

    .offcanvas-bottom .blg-img {
        padding-left: 0 !important;
    }

    .offcanvas-bottom .img-consultant {
        width: 60px !important;
    }

    .box-consultant .img-box {
        width: 100% !important;
        height: auto !important;
    }

    .select .btn-more-modal {
        margin: unset !important;
        width: 100% !important;
    }

    .advisor-suggestions {
        bottom: 4rem !important;
    }

    .resend-button {
        flex-direction: column;
    }

    .footer-container {
        max-width: 100% !important;
        margin: auto;
    }

}

@media (min-width: 576px) and (max-width: 768px) {
    .container {
        width: 100%;
        max-width: 100%;
    }

    .menu .nav-link {
        padding: 15px 0 5px !important;
        font-size: 16px !important;
        width: max-content;
    }

    .menu .nav-link.active::after {
        margin-left: auto;
        width: 50% !important;
    }

    .header .card {
        height: 25rem;
    }

    .header .carousel .title-1 {
        font-size: 30px;
    }

    .header .carousel .title-2 {
        font-size: 16px;
    }

    .header .carousel .title-3 {
        font-size: 12px;
    }

    .main-reservation .card {
        height: 19rem;
    }

    html,
    body {
        position: relative;
        height: 75%;
    }

    .consultants {
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
    }

    .consultants .swiper-button-prev {
        right: 42% !important;
        left: auto !important;
        bottom: 3rem !important;
        top: auto !important;
        transform: rotate(90deg);
    }

    .consultants .swiper-button-next {
        right: 48% !important;
        left: auto !important;
        bottom: 3rem !important;
        top: auto !important;
        transform: rotate(90deg);
    }

    .consultants .swiper-button-prev,
    .consultants .swiper-button-next {
        background: #efefef;
        border-radius: 15px;
        width: 50px !important;
        height: 40px !important;
        color: #000;
    }

    .description img {
        max-width: 90%;
        width: 90% !important;
        height: auto !important;
        margin: 2% 5%;
    }

    .blginfo-alert {
        width: 87% !important;
    }

    .blginfo-alert2 {
        width: 87% !important;
    }

    .mySwiper-100 .swiper-button-prev {
        height: 100%;
        top: 0%;
        width: 17% !important;
    }

    .swiper-button-next {
        height: 100%;
        top: 0%;
        width: 17% !important;
    }

    .advisor-suggestions {
        bottom: 4rem !important;
    }

    .resend-button {
        flex-direction: column;
    }

    .footer-container {
        max-width: 80% !important;
        margin: auto;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .container {
        width: 97.5%;
        max-width: 97.5%;
    }

    .menu .nav-link {
        padding: 15px 0 5px !important;
        font-size: 16px !important;
        width: max-content;
    }

    .menu .nav-link.active::after {
        margin-left: auto;
        width: 50% !important;
    }

    .header .card {
        height: 25rem;
    }

    .header .carousel .title-1 {
        font-size: 30px;
    }

    .header .carousel .title-2 {
        font-size: 16px;
    }

    .header .carousel .title-3 {
        font-size: 12px;
    }

    .main-reservation .card {
        height: 13rem;
    }

    html,
    body {
        position: relative;
        height: 70%;
    }

    .consultants {
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
    }

    .consultants .swiper-button-prev {
        right: 42% !important;
        left: auto !important;
        bottom: 3rem !important;
        top: auto !important;
        transform: rotate(90deg);
    }

    .consultants .swiper-button-next {
        right: 48% !important;
        left: auto !important;
        bottom: 3rem !important;
        top: auto !important;
        transform: rotate(90deg);
    }

    .consultants .swiper-button-prev,
    .consultants .swiper-button-next {
        background: #efefef;
        border-radius: 15px;
        width: 50px !important;
        height: 40px !important;
        color: #000;
    }

    .description img {
        max-width: 80%;
        width: 80% !important;
        height: auto !important;
        margin: 2% 10%;
    }

    .blginfo-alert {
        width: max-content !important;
    }

    .blginfo-alert2 {
        width: max-content !important;
    }

    .footer-container {
        max-width: 100% !important;
        margin: auto;
    }

    .container {
        max-width: 100% !important;
    }
}

@media (min-width: 992px) and (max-width: 1200px) {
    .container {
        width: 99%;
        max-width: 99%;
    }

    .menu .nav-link {
        padding: 7.5px 5px !important;
    }

    .menu .mega-box {
        margin: 0px 5px !important;
    }

    .menu .nav-link.active::after {
        margin: auto;
    }

    .header .card {
        height: 30rem;
    }

    .header .carousel .title-1 {
        font-size: 38px;
    }

    .header .carousel .title-2 {
        font-size: 18px;
    }

    .header .carousel .title-3 {
        font-size: 14px;
    }

    .main-reservation .card {
        height: 19rem;
    }

    .main-reservation .card .btn-reservation {
        padding: 10px 10px;
    }

    html,
    body {
        position: relative;
        height: 22rem;
    }

    .consultants {
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
    }

    .consultants .swiper-button-prev {
        right: 34% !important;
        left: auto !important;
        bottom: 3rem !important;
        top: auto !important;
        transform: rotate(90deg);
    }

    .consultants .swiper-button-next {
        right: 39% !important;
        left: auto !important;
        bottom: 3rem !important;
        top: auto !important;
        transform: rotate(90deg);
    }

    .consultants .swiper-button-prev,
    .consultants .swiper-button-next {
        background: #efefef;
        border-radius: 15px;
        width: 50px !important;
        height: 40px !important;
        color: #000;
    }

    .blginfo-alert {
        width: max-content !important;
    }

    .blginfo-alert2 {
        width: max-content !important;
    }
}

@media (min-width: 1200px) and (max-width: 1400px) {
    .container {
        width: 95%;
        max-width: 95%;
    }

    .menu .nav-link {
        padding: 7.5px 10px !important;
    }

    .menu .mega-box {
        margin: 0px 15px !important;
    }

    .menu .nav-link.active::after {
        margin: auto;
    }

    .header .card {
        height: 35rem;
    }

    .header .carousel .title-1 {
        font-size: 40px;
    }

    .header .carousel .title-2 {
        font-size: 20px;
    }

    .header .carousel .title-3 {
        font-size: 16px;
    }

    .main-reservation .card {
        height: 17rem;
    }

    .consultants {
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
    }

    .consultants .swiper-button-prev {
        right: 27.5% !important;
        left: auto !important;
        bottom: 3rem !important;
        top: auto !important;
        transform: rotate(90deg);
    }

    .consultants .swiper-button-next {
        right: 31.5% !important;
        left: auto !important;
        bottom: 3rem !important;
        top: auto !important;
        transform: rotate(90deg);
    }

    .consultants .swiper-button-prev,
    .consultants .swiper-button-next {
        background: #efefef;
        border-radius: 15px;
        width: 50px !important;
        height: 40px !important;
        color: #000;
    }

    .blginfo-alert {
        width: max-content !important;
    }

    .blginfo-alert2 {
        width: max-content !important;
    }
}

@media (min-width: 1400px) {
    .container {
        width: 90%;
        max-width: 90%;
    }

    .menu .nav-link {
        padding: 7.5px 20px !important;
    }

    .menu .mega-box {
        margin: 0px 20px !important;
    }

    .menu .nav-link.active::after {
        margin: auto;
    }

    .header .card {
        height: 37.5rem;
    }

    .header .carousel .title-1 {
        font-size: 42px;
    }

    .header .carousel .title-2 {
        font-size: 22px;
    }

    .header .carousel .title-3 {
        font-size: 18px;
    }

    .main-reservation .card {
        height: 15rem;
    }

    .consultants {
        box-shadow: 0px 0px 40px rgba(0, 0, 0, 0.05);
    }

    .consultants .swiper-button-prev {
        right: 27.5% !important;
        left: auto !important;
        bottom: 3rem !important;
        top: auto !important;
        transform: rotate(90deg);
    }

    .consultants .swiper-button-next {
        right: 31% !important;
        left: auto !important;
        bottom: 3rem !important;
        top: auto !important;
        transform: rotate(90deg);
    }

    .consultants .swiper-button-prev,
    .consultants .swiper-button-next {
        background: #efefef;
        border-radius: 15px;
        width: 50px !important;
        height: 40px !important;
        color: #000;
    }

    .blginfo-alert {
        width: max-content !important;
    }

    .blginfo-alert2 {
        width: max-content !important;
    }
}

.menu .mega-box li:hover {
    color: unset !important;
}

.menu .mega-box li {
    border-bottom: 1px solid #c4c4c4;
    margin: 0px !important;
}

.menu .mega-box li a {
    font-size: 12px !important;
    display: flex;
    justify-content: center;
}

.menu .mega-box a:hover {
    color: #2eaa87 !important;
}

.text-color-1 {
    color: #adadad !important;
}

.text-color-1:hover {
    color: #2eaa87 !important;
}

.menu .mega-us {
    width: max-content;
    right: unset !important;
    left: unset !important;
}

.menu .mega-box {
    position: absolute;
    background-color: #fff;
    right: 0;
    left: 0;
    z-index: 1050;
    box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, 0.1);
    display: none;
    top: 100% !important;
    border-radius: 10px;
}

.menu .mega-box .card {
    border-radius: unset !important;
}

.menu .mega i::before {
    transform: unset !important;
}

@keyframes mega {
    0% {
        opacity: 0;
        top: 0%;
    }

    100% {
        opacity: 1;
        top: 100%;
    }
}

.menu .mega-item:hover .mega-box {
    display: block;
    opacity: 1;
    top: 64%;
    animation: mega 0.5s ease-in-out;
}

.menu-tabs {
    flex-direction: column;
}

.menu .mega-item .mega-box .font-size-custom-2 {
    padding: 0.7rem !important;
    transition: 0.5s;
    width: max-content;
}

.menu .mega-box .nav-link.active::after {
    display: none !important;
}

.menu .content {
    display: block;
    font-size: 14px;
    color: #adadad;
    margin: auto;
}

.menu #myTabContent {
    border-right: 2px solid #eee !important;
    height: 100%;
}

#collapseService .border {
    border-radius: 5px !important;
}

.etlaeat {
    border-radius: 15px;
}

.etlaeat span {
    color: #f54a4a;
}

.rezerv span {
    color: #00a37d;
}

.text-sabz {
    color: #00a37d !important;
}

.btn-yelo {
    background: gold;
    color: white;
    border-radius: 15px;
}

.label-img {
    cursor: pointer;
    border: 1px dashed slategrey;
    border-radius: 7px;
    /* Style as you please, it will become the visible UI component. */
}

#upload-photo {
    opacity: 0;
    position: absolute;
    z-index: -1;
    width: 0px !important;
}

li {
    list-style: none;
}

.bg-color {
    box-shadow: inset 0px 0px 8px -6px #06450857;
    background: #f9f9f9;
    overflow: hidden;
    border-radius: 15px;
}

.bg-color .form-control:focus {
    border-color: #cdd4da;
}

.bg-color * {
    align-self: center;
}

.bg-color i {
    color: #00a37d;
    font-size: 20px;
}

.bg-color li img {
    border-radius: 50%;
}

.bg-color * {
    background-image: none !important;
}

.bg-color td {
    min-width: 130px;
}

.bg-color .accordion-button::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    background-image: none !important;
    padding: 0px 2px;
    color: #00a37d !important;
}

.bg-color .accordion-button {
    background: #ffffff00;
}

.acSidbar {
    background: #f9f9f9 !important;
    color: black !important;
    border: 0pc !important;
}

.bg-color .accordion-button:not(.collapsed) {
    background: #18e0ae2d;
}

.bg-color .accordion-item {
    background: #ffffff11;
    border: 0px solid !important;
}

.chat {
    background-image: url("../images/WallpaperGram.png") !important;
    background-size: cover;
    position: relative;
    background-position: center;
    font-size: 14px;
    transform: rotateZ(180deg);
    line-height: 29px;
}

.chat-me {
    background-color: white;
    margin-right: 0px !important;
    border-radius: 15px;
    transform: rotateZ(180deg);
    border-top-left-radius: 0px;
}

.chat-you {
    background-color: white;
    margin-left: 0px !important;
    border-radius: 15px;
    transform: rotateZ(180deg);
    border-top-right-radius: 0px;
}

.chat-box {
    height: 400px;
    overflow: auto;
}

.chat-box::-webkit-scrollbar {
    display: none;
}

.chat-input {
    position: relative;
    padding-right: 70px;
    padding-left: 70px;
    top: 100%;
    background: white;
    border-radius: 15px;
    margin: auto;
    margin-top: -30px;
    overflow: hidden;
    border: 1px solid #737373;
}

.chat-input textarea {
    border: 0px !important;
    min-height: 47px !important;
}

.chat-input textarea::-webkit-scrollbar {
    width: 0px;
}

.chat-input input {
    border-radius: 0px;
}

.chat-input input[type="text"] {
    border: 0px;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
}

@media (max-width: 576px) {
    .btn-modal-rvan {
        width: 100%;
    }
}

.input-btn-rvan {
    margin: auto;
    position: relative;
    padding: 10px;
}

.input-btn-rvan .btn-check {
    top: 40%;
    width: 13px;
    height: 13px;
    right: 25px;
    clip: unset;
    display: block;
}

.input-btn-rvan .btn-check:checked {
    border: 1px solid #18a27b;
    background-color: #18a27b60;
    box-shadow: inset 0px 0px 0px 2px #fff;
}

.input-btn-rvan .disabled {
    color: rgb(140 0 0);
    border: 1px solid #c7777b47;
}

.input-btn-rvan label {
    width: 100%;
    background: white;
    border: 1px solid #e0e0e0 !important;
    padding: 12px 21px;
    padding-right: 40px;
    text-align: center;
    border-radius: 15px !important;
    transition: all 0.3s;
}

.input-btn-rvan .btn-check:checked+.btn {
    color: #18a27b;
    background-color: #ffffff00;
    border-color: #18a27b;
    box-shadow: 0px 0px 13px 0px #e0e0e0;
}

.btn-rvan {
    border: 1px solid #d7d7d7;
    position: relative;
    color: #212121;
    background: #95a39f0a;
    justify-content: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    padding: 14px 27px;
    text-align: center;
    border-radius: 7px;
}

.btn-rvan-act {
    border: 1px solid #18a27b;
    color: #18a27b;
    background: #18a27b0a;
}

.btn-modal-rvan {
    border-radius: 7px;
}

.swiper-prev-r,
.swiper-next-r {
    width: 30px;
    height: 30px;
    background-color: #18a27b;
    border-radius: 5px;
    justify-content: center;
    display: flex;
    align-items: center;
    color: white;
    margin: 0px 10px;
}

.etlaeat {
    border-radius: 15px;
}

.etlaeat span {
    color: #f54a4a;
}

.rezerv span {
    color: #00a37d;
}

.text-sabz {
    color: #00a37d !important;
}

.btn-yelo {
    background: gold;
    color: white;
    border-radius: 15px;
}

.label-img {
    cursor: pointer;
    border: 1px dashed slategrey;
    border-radius: 7px;
    /* Style as you please, it will become the visible UI component. */
}

#upload-photo {
    opacity: 0;
    position: absolute;
    z-index: -1;
    width: 0px !important;
}

li {
    list-style: none;
}

.bg-color {
    border: 1px solid #ddd;
    background: #f9f9f9;
    overflow: hidden;
    border-radius: 16px;
}

.bg-color .form-control:focus {
    border-color: #cdd4da;
}

.bg-color * {
    align-self: center;
}

.bg-color i {
    color: #00a37d;
    font-size: 20px;
}

.bg-color li img {
    border-radius: 50%;
}

.bg-color * {
    background-image: none !important;
}

.bg-color td {
    min-width: 130px;
}

.bg-color .accordion-button::after {
    content: "\F282";
    font-family: "bootstrap-icons";
    background-image: none !important;
    padding: 0px 2px;
    color: #00a37d !important;
}

.bg-color .accordion-button {
    background: #ffffff00;
}

.acSidbar {
    background: #f9f9f9 !important;
    color: black !important;
    border: 0pc !important;
}

.bg-color .accordion-button:not(.collapsed) {
    background: #18e0ae2d;
}

.bg-color .accordion-item {
    background: #ffffff11;
    border: 0px solid !important;
}

.chat {
    background-image: url("../images/f246d344fe.png") !important;
    background-size: cover;
    position: relative;
    background-position: center;
    font-size: 14px;
    transform: rotateZ(180deg);
    line-height: 29px;
}

.chat-box-mian {
    transform: rotateZ(180deg);
}

.chat-me {
    background-color: white;
    border: 1px solid #eee;
    transform: rotateZ(0deg);
    margin-left: 0px !important;
    border-radius: 15px;
    border-top-left-radius: 0px;
    max-width: 500px;
    width: max-content;
}

.chat-you {
    border: 1px solid #eee;
    max-width: 500px;
    transform: rotateZ(0deg);
    width: max-content;
    background-color: white;
    margin-right: 0px !important;
    border-radius: 15px;
    border-top-right-radius: 0px;
}

.chat-you p,
.chat-me p {
    white-space: pre-line;
}

.chat-box {
    height: 400px;
    overflow: auto;
}

.chat-box::-webkit-scrollbar {
    display: none;
}

.chat-input {
    position: relative;
    padding-right: 70px;
    padding-left: 70px;
    top: 100%;
    background: white;
    border-radius: 15px;
    margin: auto;
    margin-top: -30px;
    overflow: hidden;
    border: 1px solid #737373;
}

.chat-input textarea {
    border: 0px !important;
    min-height: 47px !important;
}

.chat-input textarea::-webkit-scrollbar {
    width: 0px;
}

.chat-input input {
    border-radius: 0px;
}

.chat-input input[type="text"] {
    border: 0px;
    border-left: 1px solid #bdbdbd;
    border-right: 1px solid #bdbdbd;
}

.login-box {
    max-width: 600px;
    background: white;
    border-radius: 15px;
}

.login-box label {
    color: #adadad;
}

.login-box input {
    border-color: #eeeeee;
    border-radius: 15px;
    font-size: 14px;
    color: #000;
    padding: 15px 20px;
}

.cta-btn {
    animation: blink 1s;
    background-color: #198754;
    animation-iteration-count: infinite;
}

@keyframes blink {
    0% {
        background-color: #f54a4a;
    }

    100% {
        background-color: #198754;
    }
}

.blg-description tbody,
.blg-description td,
.blg-description tfoot,
.blg-description th,
.blg-description thead,
.blg-description tr {
    border-width: 1px;
    border-color: rgba(0, 0, 0, 0.4);
    padding: 2px 6px;
}

.blg-description table {
    margin: auto;
    text-align: center;
    max-width: 100%;
    width: 100% !important;
}

.blginfo-alert {
    border-radius: 30px !important;
    width: 26%;
    padding: 10px !important;
    background-color: #ebfcd7 !important;
    border: none;
    color: #87c84b;
}

.blginfo-alert img {
    width: 35px !important;
}

.blginfo-alert2 {
    border-radius: 30px !important;
    width: 30%;
    padding: 10px !important;
    background-color: #0d8dff0d !important;
    border: none;
    color: #6289ff;
}

.blginfo-alert2 img {
    width: 35px !important;
}

/* new-landing */

.QA {
    color: #18a27b;
}

.main-article .h2-QA {
    margin-bottom: 20px;
}

.main-article .accordion-button:focus {
    z-index: 3;
    border-color: #27cca9;
    outline: 0;
    box-shadow: #27cca9;
}

.accordion-button:not(.collapsed) {
    color: white;
    background-color: #27cca9;
    box-shadow: inset 0 calc(-1 * var(--bs-accordion-border-width)) 0 var(--bs-accordion-border-color);
}

.main-article h2 {
    font-family: "ismb";
    font-size: 24px;
    line-height: 34px;
    color: #364147;
}

.consultants-list .QA {
    color: #27cca9;
}

.consultants-list .h2-QA {
    font-family: "ismb";
}

/* .newcode for landing(1403,7,30) */

.bg-counters {
    /* background-color: #1ca27b; */
    color: white;
    /* background-image: url('assets/site/images/ravanroshd.new.jpg'); */
    /* height: 400px; */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
    position: relative;
}

.bg-counters::after {
    background-color: #00a37d;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.8;
}

.bg-counters .counter {
    text-align: center;
    font-size: 30px;
    z-index: 10;
}

.bg-counters .count {
    font-family: "ismb";
}

.bg-counters .counter-p {
    color: rgb(200, 200, 200);
}

.text-container {
    max-width: 1000px;
    margin: 0 auto;
    position: relative;
    padding: 20px;
}

#text {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    max-height: 240px;
    overflow: hidden;
    transition: max-height 0.5s ease;
    position: relative;
}

.text-container #text::after {
    position: absolute;
    content: "";
    bottom: 0px;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
}

.text-container.expanded #text::after {
    content: none !important;
}

.fade-effect {
    content: "";
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    height: 50px;
    background: linear-gradient(180deg,
            rgba(255, 255, 255, 0) 0%,
            rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
}

.text-container.expanded #text {
    max-height: none;
}

.text-container.expanded .fade-effect {
    display: none;
}

.text-container .btn-seemore {
    width: max-content;
    margin: auto;
}

.nazar1 {
    position: relative;
    /* width: 400px;
  height: 250px; */
    background-color: #1ca27b;
    margin-top: 70px;
    border-radius: 30px;
    padding: 0px 15px 15px 15px;
}

.rates {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 0;
}

.rate2 {
    height: 15px;
}

.imgnazar {
    position: absolute;
    width: 60px;
    height: 60px;
    top: -30px;
    right: 40px;
    border-radius: 30px;
}

.img-opinion {
    width: 60px;
    height: 60px;
    border-radius: 30px;
}

.p-nazar-tozih {
    padding-top: 60px;
    /* width: 350px; */
    margin: auto;
    text-align: right;
    font-size: 14px;
    color: white;
    line-height: 1.7;
}

.hr-nazar {
    width: 90%;
    margin: auto;
    margin-top: auto;
    margin-top: 30px;
    color: #000;
}

.vaziat-nazar {
    color: #ececec;
    font-size: 18px;
    font-family: "ismb";
    margin: 0;
}

.name-nazar {
    font-size: 15px;
}

.content-idea {
    justify-content: center;
    align-content: center;
    gap: 10px;
}

.head-nazarat {
    text-align: center;
    margin: auto;
    font-size: 35px;
    width: max-content;
}

.opinion-adolecent .QA-box {
    background: #ffffff !important;
    box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.05) !important;
    border-radius: 20px !important;
}

.opinion-adolecent .h2-QA {
    font-family: "ismb" !important;
    font-size: 25px !important;
}

.opinion-adolecent .accordion-button {
    background-color: #159f7b !important;
}

.accordion-flush .accordion-item {
    border-left: 0px !important;
    border-right: 0 !important;
    border-radius: 0 !important;
    border-bottom: 0 !important;
}

.QA-box .accordion-button {
    color: rgb(0, 0, 0) !important;
}

.QA-box .accordion-flush .accordion-item .accordion-button,
.accordion-flush .accordion-item .accordion-button.collapsed {
    border-radius: 15px !important;
}

/* new-css-code:1403,8,10 */

.consultants-detail .bg-information {
    width: 100%;
    height: 100%;
    background-color: #8080800d;
    border-radius: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.consultants-detail .QA-info {
    display: flex;
    gap: 10px;
}

#landing-reservation-one {
    width: 100%;
    padding: 15px 0px;
    background-color: #0db39e;
    color: white !important;
    border-radius: 25px;
    border: none;
}

.tabcontent .reserve-btn {
    width: 100%;
    padding: 15px 0px;
    background-color: #0db39e;
    color: white !important;
    border-radius: 25px;
    border: none;
}

/* .consultants-detail .QA-info::after{
  content: '';
  position: absolute;
  background-color: red;
  width: 7px;
  height: 7px;
  border-radius: 30px;
  right: -10px;
  top: 0px;
  bottom: 0px;
  margin: auto;
} */
.consultants-detail .p-QA {
    width: max-content;
    margin: 0;
    font-family: "ismb";
}

/* .consultants-detail .p-QA::after{
  content: '';
  position: absolute;
  background-color: red;
  width: 7px;
  height: 7px;
  border-radius: 30px;
  right: -10px;
  top: 0px;
  bottom: 0px;
  margin: auto;
} */
.consultants-detail .p-QA-answer {
    color: #595959;
    margin: 0;
    font-family: "sans";
}

.consultants-detail .bi-patch-check {
    right: -22px;
    top: 1px;
    width: 16px;
    height: 16px;
}

.consultants-detail .bi-award {
    right: -22px;
    top: 1px;
    width: 16px;
    height: 16px;
}

.consultants-detail .bi-person {
    right: -22px;
    top: 1px;
    width: 16px;
    height: 16px;
}

.consultants-detail .bi-briefcase {
    right: -22px;
    top: 1px;
    width: 16px;
    height: 16px;
}

.consultants-detail .bi-pencil-square {
    right: -22px;
    top: 1px;
    width: 16px;
    height: 16px;
}

.consultants-detail .bi-graph-up-arrow {
    right: -22px;
    top: 1px;
    width: 16px;
    height: 16px;
}

.consultants-detail .bi-hand-thumbs-up {
    right: -22px;
    top: 1px;
    width: 16px;
    height: 16px;
}

.consultants-detail .bi-question-lg {
    right: -22px;
    top: 1px;
    width: 16px;
    height: 16px;
}

/* .gallery:new-code:1403,8,13 */

.parallax {
    /* The image used */
    background-image: url("../images/new-ravanpic-2.png");

    /* Set a specific height */
    min-height: 300px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax::after {
    background-color: #00a37d;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    opacity: 0.8;
}

.parallax-text {
    position: absolute;
    z-index: 10;
    color: white;
    text-align: center;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: max-content;
    margin: auto;
}

.col-text {
    position: absolute;
}

.col-pic .col-text {
    bottom: 10px;
    background-color: white;
    left: 0;
    right: 0;
    width: max-content;
    margin: auto;
    text-align: center;
    padding: 10px;
    border-radius: 20px;
}

.col-pic {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.col-pic:hover {
    box-shadow: 0 14px 28px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.22);
}

/* new-code-for slider-mainpage */
/* 1403/8/14 */
.header .swiper-wrapper .swiper-slide {
    height: 120px;
}

.navbar-toggler-icon {
    display: inline-block;
    width: 0.7em !important;
    height: 0.9em !important;
    vertical-align: middle;
    background-image: var(--bs-navbar-toggler-icon-bg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

/* .new-code 1403,9,27 */
.description li {
    list-style: inherit !important;
}

.menu-landinb .item .b {
    border-left: 1px solid #0db39e;
}

.menu-landinb .item li a {
    color: #a1a9ba;
    font-size: 14px;
    transition: 0.5s;
}

.menu-landinb .item li a:hover {
    color: #394a6d !important;
}

.menu-mobile .collapse .card-body ul li a {
    transition: 0.5s;
}

.menu-mobile .collapse .card-body ul li a:hover {
    color: #394a6d !important;
}

.color-btn {
    color: #a1a9ba !important;
}

.color-circle {
    color: #0db39e;
    font-size: 10px;
}

.title-footer-landing {
    font-size: 15px;
    color: #394a6d;
    font-weight: 600;
}

.text-footer-landing {
    font-size: 12px;
    color: #394a6d;
    font-weight: 200;
}

.text-footer-landing:hover {
    color: #394a6d;
}

.img-landing-1 .icon-holder svg path:hover {
    filter: invert(62%) sepia(51%) saturate(3743%) hue-rotate(127deg) brightness(95%) contrast(98%);
}

.img-landing-2 .icon-holder svg:hover {
    filter: invert(62%) sepia(51%) saturate(3743%) hue-rotate(127deg) brightness(95%) contrast(98%);
}

.mySwiper-100 .swiper-button-prev {
    height: 100%;
    top: 0%;
    width: 25%;
    opacity: 0;
}

.mySwiper-100 .swiper-button-next {
    height: 100%;
    top: 0%;
    width: 25%;
    opacity: 0;
}

/* اسکرول منو و واتساپ */

.fixed-scroll {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: white;
    z-index: 100;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.077);
    animation: fadeInUps 0.5s ease-out forwards;
}

@keyframes fadeInUps {
    0% {
        opacity: 0;
        transform: translateY(-20px);
    }

    100% {
        opacity: 1;
        transform: translateY(0);
    }
}

.for-whats-app-call {
    background-color: #18a27b !important;
    width: 90%;
    margin: auto;
}

.swing-img {
    rotate: 270deg;
    animation: swinging 1.5s ease-in-out infinite;
}

.fit-height {
    height: fit-content;
}

@keyframes swinging {
    0% {
        transform: rotate(0deg);
    }

    25% {
        transform: rotate(10deg);
    }

    50% {
        transform: rotate(0deg);
    }

    75% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

/* محدودیت نوشته لندینک */

.landing-text-limitation {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 14px;
}

.landing-one {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #18a27b;
    font-size: 12px;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    display: none !important;
}

.respnde-form input {
    padding: 10px 20px;
    border-radius: var(--main-radius);
    font-size: 14px !important;
}

.respnde-form input:focus-visible {
    box-shadow: unset !important;
}

.respnde-form textarea:focus-visible {
    box-shadow: unset !important;
}

.respnde-form input::placeholder {
    font-size: 13px;
    color: rgba(0, 0, 0, 0.301);
}

.respnde-form button {
    padding: 9px 18px;
    border-radius: var(--main-radius);
    font-size: 14px;
    font-family: yekan-light;
    transition: 0.3s;
    background-color: var(--main-green);
    color: white;
    border: 1px solid var(--main-green) !important;
}

.respnde-form button:hover {
    color: var(--main-green);
}

.respnde-form label {
    color: #555555;
    font-size: 14px;
}

.respnde-form textarea {
    border-radius: var(--main-radius);
}

.respnde-form textarea::placeholder {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.134);
}

.modal-body iframe {
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.ai-main-btn {
    background-color: #18a27b !important;
}

.ai-start {
    filter: invert(1);
    transform: rotate(180deg);
}

.ai-modal .modal-header {
    background-color: var(--main-green);
}

.ai-modal .modal-content {
    box-shadow: rgba(255, 255, 255, 0.1) 0px 4px 12px;
}

.trans {
    background: transparent !important;
}

.ai-modal .modal-body {
    background-image: url(../images/chat-back-7.jpg);
    background-size: contain;
}

.ai-modal textarea::placeholder {
    color: #cdcdcd;
    font-size: 14px;
}

.text-shadow {
    text-shadow: 3px 2px 3px rgb(0 0 0 / 15%);
}

.bor-no-2 {
    border-radius: 1.25rem;
}

/* .ai-main-after::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #ffffff23;
  width: 100%;
  height: 91.5%;
  border-radius: 0 0 0.5rem 0.5rem;
  z-index: 5;
  backdrop-filter: blur(2px);
} */

.ma-width {
    width: max-content;
}

.height-maxi {
    height: max-content;
}

.z-6 {
    z-index: 6;
}

@keyframes scolo {
    0% {
        scale: 1;
    }

    50% {
        scale: 1.1;
    }

    100% {
        scale: 1;
    }
}

.ai-submit {
    pointer-events: none;
    opacity: 0.5;
    transition: 0.5s;
}

.ai-submit.active {
    pointer-events: all !important;
    opacity: 1 !important;
    animation: scolo ease-in-out 0.5s;
}

.ai-modal textarea:focus-visible {
    border: unset !important;
    box-shadow: unset !important;
    outline: unset !important;
}

.ai-modal textarea {
    caret-color: #cdcdcd;
    vertical-align: bottom;
    color: #364147;
    font-family: yekan-light;
}

.ai-modal .modal-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.048) !important;
}

.message {
    font-size: 14px;
    max-width: 70%;
    display: inline-block;
    background-color: var(--main-green);
    padding: 10px;
    margin: 5px 0;
    border-radius: var(--main-radius);
    word-wrap: break-word;
    white-space: normal;
}

.message-2 {
    font-size: 14px;
    max-width: 70%;
    display: inline-block;
    background-color: #f8f8f8;
    padding: 10px;
    margin: 5px 0;
    border-radius: var(--main-radius);
    word-wrap: break-word;
    white-space: pre-line;
}

.invert {
    filter: invert(1);
}

.zir-chat {
    bottom: -3px;
    position: absolute;
    rotate: 90deg;
    right: 3px;
}

.zir-chat-2 {
    bottom: -3px;
    position: absolute;
    rotate: 270deg;
    left: 3px;
}

.btn-kids-adults {
    margin-top: 7rem;
}

.btn-kids-adults .btn-adults a {
    background-color: #18a27b;
    color: #fff !important;
    padding: 15px 50px;
    border-radius: 16px;
    font-size: 14px;
    border: 2px solid #18a27b;
}

.btn-kids-adults .btn-kids a {
    background-color: #18a27b;
    color: #fff !important;
    padding: 15px 50px;
    border-radius: 16px;
    font-size: 14px;
    border: 2px solid #18a27b;
}

.btn-kids-adults .btn-adults a:hover {
    background-color: unset;
    color: #00a37d !important;
}

.btn-kids-adults .btn-kids a:hover {
    background-color: unset;
    color: #00a37d !important;
}

.title-btn {
    font-size: 16px;
    color: #00a37d;
}

.form-adults .form-information-users .form-label {

    font-size: 14px;
    color: #444;
}

.form-adults .form-information-users .form-control {
    border-radius: 12px !important;
    font-size: 14px !important;
    color: #555;
}

.form-adults .form-information-users .form-control::placeholder {
    font-size: 12px !important;
    color: #888 !important;
}

.form-control:focus {
    border-color: #00a37d !important;
    outline: 0;
    box-shadow: unset !important;
}

.form-adults .form-information-users .form-select {
    font-size: 14px !important;
    color: #888 !important;
    border-radius: 12px;
}

.form-select:focus {
    border-color: #00a37d !important;
    box-shadow: unset !important;
}

.box-faq .form-check .form-check-input {
    width: 1.5rem !important;
    height: 1.5rem !important;
    border-radius: 5px !important;
    border: 2px solid#f54a4a !important;
}

.box-faq .form-check .form-check-input:checked {
    background-color: #f54a4a;
}

.form-check-input:focus {
    outline: 0;
    box-shadow: unset !important;
}

.box-faq .form-check .form-check-input:checked[type="radio"] {
    --bs-form-check-bg-image: url("../images/check-form.png");
}

.btn-return {
    background-color: #39454b;
    padding: 3px 10px;
    color: #fff;
    font-size: 14px;
    border-radius: 8px;
}

.btn-registration .btn-form {
    background-color: #00a37d;
    border: 2px solid #00a37d;
    color: #fff;
    font-size: 16px;
    border-radius: 14px;
    padding: 10px 60px;
    transition: 0.5s;
}

.btn-registration .btn-form:hover {
    background-color: #fff;
    color: #00a37d;
}

.form-adults .text-adults-kids {
    color: #00a37d;
}

.btn-kids-adults .title-btn h1 {
    font-family: yekan-black !important;
    color: var(--main-tousi);
    font-size: 25px;
}

@media (max-width: 1250px) {


    .header-img::before,
    .header-img::after {
        content: unset;
    }
}

.mySwiper-r img {
    height: 500px !important;
}

@media (max-width: 768px) {
    header {
        padding: 20px 0;
    }

    header h1 {
        font-size: 26px;
    }

    .container {
        max-width: 100% !important;
    }

    .footer-gra {
        margin-top: 6rem;
    }

    .eiyuling::after,
    .eiyuling2::after {
        content: none;
    }
}

@media (max-width: 992px) {

    .custome-mt-3,
    .custome-mt-2 {
        margin-top: 0rem !important;
    }

    .title p {
        font-size: 20px;
    }

    .numbers span {
        font-size: 30px;
    }

    .mySwiper7 img {
        width: 100% !important;
    }

    .bor-no,
    .bor-no-2 {
        border-radius: 0 !important;
    }
}

.vs__dropdown-toggle input {
    padding: 0 0 !important;
}

.box-consultant {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 40px 10px 10px 10px;
}

.img-consultant {
    background-color: #18a27b54;
    padding: 5px;
}

.box-consultant .span-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 12px;
    color: #18a27b;
}

/* .box-consultant .ranking img {
  filter: invert(73%) sepia(53%) saturate(2461%) hue-rotate(329deg) brightness(105%) contrast(104%);
} */

.box-consultant .ranking .img {
    margin-bottom: 6px;
}

.box-consultant .ranking .p {
    color: #ffb327;
}

.box-consultant .button-1 {
    background-color: #fff;
    border: 1.5px solid #00a37d;
    border-radius: 10px;
    color: #00a37d;
    font-size: 14px;
    transition: 0.5s;
}

.box-consultant .button-1:hover {
    background-color: #fff;
    border: 1.5px solid #00a37d;
    border-radius: 10px;
    color: #00a37d;
    font-size: 14px;
}

.box-consultant .button-1 i {
    padding-top: 2.8px;
}

.box-consultant .ranking .number-comment {
    font-size: 12px;
    color: #7c7c7c;
}

.filter .title {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 13px;
}

.filter .title p {
    font-size: 18px !important;
    color: #00a37d;
    font-family: yekan-bold !important;
    font-weight: bolder !important;

}

.filter .title i {
    font-size: 24px !important;
    color: #00a37d;
}

.title .close-filtes {
    background-color: #fef3f2 !important;
    border: unset !important;
    color: red !important;
    display: flex !important;
    font-size: 12px !important;
    padding: 4px 8px !important;
    align-items: center !important;
    border-radius: 30px !important;
}

.title .close-filtes i {
    color: red !important;
    font-size: 18px !important;
}

.close-filtring .close {
    background-color: #b3e0d43b !important;
    border: unset !important;
    color: #00a37d !important;
    display: flex !important;
    font-size: 12px !important;
    padding: 4px 8px !important;
    align-items: center !important;
    border-radius: 30px !important;
}

.close-filtring .close i {
    color: #00a37d !important;
    font-size: 18px !important;
}

.close-filtring li {
    background-color: #ffffff;
    border-radius: 30px;
    width: max-content;
    display: inline-table;
    margin: 3px 2px;
    margin-right: 2px;
}

.box-filters {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}

.box-filters .box .form-control::placeholder {
    font-size: 12px !important;
    color: #b5b5b5 !important;
}

.box-filters .box .form-control {
    font-size: 14px !important;
    color: #555 !important;
}

.box-filters .box .form-label {
    font-size: 14px !important;
    color: #7c7c7c !important;
}

.form-control:focus {
    border-color: #00a37d !important;
    box-shadow: unset !important;
}

.box-filters .box .form-check-input:checked {
    background-color: #00a37d !important;
    border-color: #00a37d !important;
}

.box-filters .box .specialties .form-check-input {
    width: 1.2rem !important;
    height: 1.2rem !important;
}

.box-filters .box .active .form-check-input {
    width: 40px !important;
    height: 20px !important;
}

.form-check-input:focus {
    border-color: #00a37d;
    outline: 0;
    box-shadow: unset !important;
}

.box-filters .scroll::-webkit-scrollbar {
    display: none !important;
}

.box-filters .scroll {
    overflow-y: scroll;
    max-height: 10rem;
    -ms-overflow-style: none !important;
    scrollbar-width: none !important;
}

.box-filters .box {
    border-bottom: 1px solid #ddd;
}

.box-filters .box:last-child {
    border-bottom: none !important;
}

.filter {
    position: sticky;
    top: 4.75rem;
}

.blog .sorting {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 14px;
    position: sticky;
    top: 1%;
    z-index: 9;
}

.blog .sorting.scrolled {
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.blog .sorting .icon {
    font-size: 24px;
}

.blog .sorting .text.active {
    color: #00a37d;
}

.blog .sorting .text {
    font-size: 14px;
    color: #333;
}

.btn-filter-mobile {
    background-color: #fff;
}

.btn-filter-mobile .close-filter-mobile {
    background-color: unset !important;
    border: unset !important;
    color: #7c7c7c;
}

.btn-filter-mobile .active-filter-btn {
    background: #00a37d;
    border: 1px solid #00a37d;
    color: #fff;
    border-radius: 10px;
    padding: 7px 10px !important;
}

.filter-mobile .btn-primary,
.filter-mobile .btn-secondary {
    font-size: 14px !important;
    border-radius: 15px;
}

.filter-mobile .btn-primary {
    background-color: #18a27b !important;
    border: 1px solid #18a27b !important;

}

.filter-mobile .btn-secondary {
    background-color: #f54a4a !important;
    border: 1px solid #f54a4a !important;
}

.filter-mobile .offcanvas-bottom {
    z-index: 10000;
    height: 100% !important;
}

.btn-close:focus {
    box-shadow: unset !important;
}

.filter-mobile .form-select {
    width: max-content !important;
}

.form-select:focus {
    border-color: #00a37d !important;
    box-shadow: unset !important;
}

.box-consultant-2 {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 10px;
}

.box-consultant-2 .img-consultant {
    background-color: #18a27b54;
    padding: 5px;
    border-radius: 50%;
}

.box-consultant-2 .span-2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 12px;
    color: #18a27b;
}

.box-consultant-2 .ranking .number-comment {
    font-size: 12px;
    color: #7c7c7c;
}

.box-consultant-2 .ranking p {
    color: #fe9b40;
}

.box-consultant-2 .ranking img {
    filter: invert(73%) sepia(53%) saturate(2461%) hue-rotate(329deg) brightness(105%) contrast(104%);
}

.box-consultant-2 .button-1 {
    background-color: #fff;
    border: 1.5px solid #00a37d;
    border-radius: 10px;
    color: #00a37d;
    font-size: 14px;
    transition: 0.5s;
    width: max-content;
}

.box-consultant-2 .button-1:hover {
    background-color: #00a37d;
    color: #fff;
}

.w-max {
    width: max-content !important;
}

.blog .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    background-color: unset !important;
    color: unset !important;

}

.blog .nav-pills .nav-link.active,
.nav-pills .show>.nav-link img {
    filter: invert(41%) sepia(62%) saturate(2809%) hue-rotate(138deg) brightness(96%) contrast(81%);

}

.blog .btn-tab-2 {
    transform: scaleX(-1);
}

.blog-card .span-2 {
    font-size: 12px;
}

.box-ranking .ranking img {
    filter: invert(73%) sepia(53%) saturate(2461%) hue-rotate(329deg) brightness(105%) contrast(104%);
}

.box-ranking {
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 10px !important;
}

.icon-card {
    filter: invert(42%) sepia(15%) saturate(293%) hue-rotate(159deg) brightness(92%) contrast(84%);
}

.title-about {
    font-size: 20px;
    color: #333;
}

.boxdes input {
    opacity: 0;
    position: absolute;
    pointer-events: none;
}

.boxdes .p {
    overflow: hidden;
    white-space: inherit;
    word-wrap: break-word;
    transition: max-height 0.5s ease;
    color: #444;
    text-overflow: ellipsis;
    max-height: 20rem;
    line-height: 1.75rem;
    font-size: 0.9rem;
    position: relative;
}

.boxdes .button i {
    display: flex;
    font-size: 24px;
}

.boxdes input:checked+.p {
    -webkit-line-clamp: unset;
    max-height: inherit !important;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
}

.boxdes .p::after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 50%;
}

.boxdes input:checked~.button {
    opacity: 0;
    visibility: hidden;
    max-height: 0;
}

.boxdes input:checked+.p::after {
    height: 0%;
}

.card-reservation {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    padding: 10px !important;
}

.card-reservation .box-reservation {
    background-color: #fafafa;
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 10px;
}

.card-reservation .box-reservation .icon {
    filter: invert(43%) sepia(10%) saturate(413%) hue-rotate(159deg) brightness(93%) contrast(88%);
}

.btn-reservation .btn {
    background-color: #00a37d !important;
    border: 1px solid #00a37d !important;
    border-radius: 10px !important;
    transition: 0.5s !important;
}

.btn-reservation .btn:hover {
    background-color: unset !important;
    color: #00a37d !important;
}

.box-time .box {
    background-color: #fff;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #ddd;
    border-radius: 13px;
}

.box-time .box p {
    line-height: 1.9;
    color: #595959;
    font-size: 10px;
}

.box-time .box.active {
    background-color: #18a27b14;
    text-align: center;
    padding: 5px 10px;
    border: 1px solid #18a27b;
    border-radius: 13px;
}

.box-time .box.active p {
    line-height: 1.9;
    color: #18a27b;
    font-size: 10px;
}

.box-time .box .turns {
    font-size: 9px;
    color: #7dd63e;
}

.box-time .box .completion {
    font-size: 10px;
    color: #adadad;
}

.box-time .box .closed {
    font-size: 11px;
    color: #adadad;
}

.taking-turns {
    border: 1px solid #7dd63e !important;
    color: #7dd63e !important;
    background-color: #fff !important;
    border-radius: 8px !important;
    transition: 0.5s !important;
    font-size: 14px !important;
}

.taking-turns:hover {
    background-color: #7dd63e1a !important;
    color: #7dd63e !important;
}

.filled {
    background-color: #e7e7e7 !important;
    border: 1px solid #e7e7e7 !important;
    border-radius: 8px !important;
    color: #b4b4b4 !important;
    font-size: 14px !important;
    cursor: default !important;
}

.filled:hover {
    background-color: #e7e7e7 !important;
    border: 1px solid #e7e7e7 !important;
    color: #b4b4b4 !important;

}

.time-turns li {
    width: max-content;
    display: inline-table;
}

.provision {
    background-color: #f8f8f9;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 10px;
}

.btn-next button {
    display: flex;
    justify-content: center;
    margin: auto;
    background-color: #18a27b;
    border: 1px solid #18a27b;
    color: #fff;
    padding: 8px 30px;
    border-radius: 8px;
}

.blg-comment .bg-comment {
    background-color: #f8f8f8;
    border-radius: 16px;
}

.blg-title-comment {
    color: #18a27b !important;
    font-size: 28px;
}

.form-box {
    font-size: 14px;
    color: #333 !important;
}

.form-control::placeholder {
    color: #8888 !important;
    font-size: 12px;
}

.card-comm-item {
    border-radius: 16px;
    background-color: #f8f8f8;
}

.buy-turn .title-table p {
    color: #333;
    font-size: 24px;
}

.buy-turn table thead tr th {
    color: #00a37d;
    font-size: 15px;
}

.buy-turn table tbody tr td {
    color: #666;
    font-size: 14px;
    white-space: nowrap !important;
    scrollbar-width: none !important;
}

.btn-buy-turn {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #18a27b;
    border-radius: 12px;
    padding: 10px;
    color: #fff;
    font-size: 18px;
}

.buy-turn table th,
td {
    white-space: nowrap;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.code-doctor p {
    background-color: #18a27b1f;
    padding: 8px 15px;
    border-radius: 30px;
    border: 1px solid #18a27b;
    color: #18a27b;
}

.box-consultant .label-1 p {
    background-color: #f54a4a14;
    padding: 2px 10px;
    border-radius: 8px;
    border: 1px solid #f54a4a;
    color: #f54a4a;
    font-size: 10px;
}

.box-consultant .label p {
    background-color: #18a27b0a;
    padding: 2px 10px;
    border-radius: 8px;
    border: 1px solid #18a27b;
    color: #18a27b;
    font-size: 10px;
}

.btn-offcanvas-bottom {
    z-index: 1050;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, .2) !important;
    background-color: #18a27b !important;
    border-color: #18a27b !important;
    border-style: solid !important;
    border-width: 2px !important;
    padding: 10px !important;
    justify-content: center;
    right: 0;
    margin: 8px;
    left: 0;
    border-radius: 16px !important;
}

.offcanvas-bottom {
    z-index: 1050 !important;
    height: unset !important;
}

.rating-comment .stars {
    display: flex;
    align-items: center;
    gap: 10px;
}

.rating-comment .stars i {
    font-size: 25px;
    color: #b5b8b1;
    transition: all 0.2s;
    cursor: pointer;
}

.rating-comment .stars i.active {
    color: #ffb851;
}

.success .boxs {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 26px;
    padding: 20px;
}

.box-specifications {
    background-color: #f9f9f9;
    border-radius: 22px;
}

.success .title .text {
    font-family: yekan-black !important;
    color: var(--main-tousi);
    font-size: 20px;
    color: #5edd60;
}

.success .title .name {
    color: #39454b;
    font-size: 14px;
}

.success .price {
    color: #5edd60;
    font-size: 18px;
}

.success .time-1 {
    color: #f54a4a;
    font-size: 12px;
    background-color: #f54a4a1a;
    padding: 3px 8px;
    border-radius: 10px;
}

.success .btn-home a {
    padding: 7px 25px;
    background-color: #18a27b;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
}

.success .btn-profile a {
    background-color: #f54a4a;
    padding: 7px 25px;
    border-radius: 10px;
    font-size: 14px;
    color: #fff;
}

.reservtion-details .bg {
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 16px;
    background: #fcfcfd;
}

.reservtion-details .information .title {
    font-size: 18px;
}

.information .time-1 {
    background-color: #f54a4a2b;
    padding: 1px 10px;
    border-radius: 30px;
}

.information hr {
    opacity: 0.09;
}

.blog .box-closest-turn {
    padding: 10px 15px;
    background-color: #f54a4a14;
    border: 1px solid #f54a4a;
    border-radius: 12px;
}


.blog .box-closest-turn .form-switch .form-check-input {
    width: 35px !important;
    height: 20px !important;
}

.form-check-input:checked {
    background-color: #f54a4a !important;
    border-color: #f54a4a !important;
}

.blog-details .blog-card .line {
    border-bottom: 1px solid #c5c5c5;
}

.blog-details .blog-card .line:last-child {
    border-bottom: none;
    padding-bottom: 0 !important;
}

.blog-details .blog-card .service {
    width: max-content;
    display: inline-table;
    background-color: #f2f4f7;
    border-radius: 30px;
}

.blog-details .blog-card .service p {
    color: rgb(52, 64, 84);
}

.vs__dropdown-toggle input {
    padding: 0 0 !important;
}

.vs__dropdown-toggle {
    padding: 7px 7px !important;
    border-radius: var(--main-radius) !important;
    border-color: #dee2e6 !important;
    direction: rtl !important;
}

.vs__dropdown-menu {
    text-align: start !important;
    direction: rtl !important;
}

.vs__actions {
    padding: 0 !important;
}

.vs__selected {
    margin: 0 !important;
}

.vs__actions .vs__clear {
    margin: unset !important;
    margin-left: 10px !important;
    padding: 8px !important;
    border-radius: 5px !important;
}

.vs__actions .vs__clear svg {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

}

.title-ai {
    background-color: #ececec;
    color: #1d1d1d;
    display: flex;
    margin: auto;
    border-radius: 24px;
    text-align: center;
    flex-direction: column;
}

.offcanvas-start .accordion-button:not(.collapsed) {
    color: #39454b !important;
    background-color: unset !important;
    box-shadow: unset !important;
}

.offcanvas-start .accordion-button:focus {
    z-index: 3;
    outline: 0;
    box-shadow: unset !important;
}

.text-accordion {
    color: #a7a7a7;
    font-size: 15px;
}

.offcanvas-start .accordion-collapse {
    background-color: #f4f4f4;
}

.offcanvas-start {

    z-index: 100000 !important;
}

.mobile-nav .nav-mobile-icon {
    filter: brightness(0) saturate(100%) invert(62%) sepia(47%) saturate(5860%) hue-rotate(129deg) brightness(87%) contrast(81%);
}

.mobile-nav .navbar-nav .nav-item {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #eee;
}

.mobile-nav .navbar-nav .nav-item:last-child {
    border-bottom-width: 0px;
}

.mobile-nav .navbar-nav .nav-item .nav-link {
    padding: 10px 0;
}

.doctor-box {
    position: relative;
    overflow: hidden;
    width: 180px;
}

.doctor-box .doctor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    opacity: 0;
    transition: opacity 1s ease;
    z-index: 0;
}

.doctor.active {
    opacity: 1;
    z-index: 1;
}

.select .btn-more-modal {
    display: flex;
    justify-content: center;
    background-color: #f54a4a;
    width: max-content;
    margin-right: auto;
    padding: 6px 65px;
    color: #fff;
    border-radius: 12px;
    font-size: 14px;
}

.select-button a {
    background-color: #00a37d;
    border-radius: 14px;
}

.information .turn-type {
    background-color: #18a27b30;
    border-radius: 30px;
}

.advisor-suggestions {
    z-index: 1020;
}

.custom-radio .form-check-input {
    display: none !important;
}

.custom-radio .form-check-label {
    display: block;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.custom-radio .form-check-input:checked+.form-check-label {
    background-color: #f54a4a;
    color: white;
    border-color: #f54a4a;
}

.custom-radio .form-check-label:hover {
    border-color: #f54a4a;
}

.step .box .form-check .form-check-input {
    width: 1.5rem !important;
    height: 1.5rem !important;
    border-radius: 5px !important;
}

.step .box .form-check .form-check-input:checked[type="radio"] {
    background-image: url('../images/check.png') !important;

}

.step .box .form-check .form-check-label {
    border: 1px solid #ddd;
    padding: 7px;
    border-radius: 10px;
}

.modal-advisor-suggestions .prevBtn button {
    background-color: #f54a4a;
    color: #fff;
    border: 1px solid #f54a4a;
    padding: 7px 40px;
    font-size: 12px;
    border-radius: 10px;
}

.modal-advisor-suggestions .next-previous .prevBtn button,
.modal-advisor-suggestions .next-previous .nextBtn button {
    background-color: transparent;
    color: #333;
    border-color: #333;
}

.modal-advisor-suggestions .nextBtn button {
    background-color: #18a27b;
    color: #fff;
    border: 1px solid #18a27b;
    padding: 7px 40px;
    font-size: 12px;
    border-radius: 10px;

}

.modal-advisor-suggestions .nextBtn button:disabled {
    background-color: #ccc !important;
    border-color: #ccc !important;
    color: #666 !important;
    cursor: not-allowed !important;
    opacity: 0.7 !important;
}

.advisor-suggestions .btn-primary {
    background-color: #18a27b !important;
    border-color: #18a27b !important;
    border-radius: 50% !important;
    padding: 15px !important;
}

.advisor-modal {
    border-radius: 24px !important;
}

.steps-progress {
    display: flex;
    gap: 8px;
    /* margin: 12px 0; */
    align-items: center;
    justify-content: center;
    padding: 0 8px;
}

.progress-segment {
    width: 40px;
    height: 6px;
    background: #e0e0e0;
    border-radius: 4px;
    transition: background-color .25s ease, transform .15s ease;
}

.progress-segment.active {
    background: #18a27b6b;
    transform: scaleY(1.1);
}

.progress-segment.completed {
    background: #18a27b;
}

.modal-header .title-modal p {
    font-size: 18px;
    font-weight: bold;
}

.step .form-select {
    padding: 12px !important;
}

.advisor-suggestions {
    bottom: 0;
    left: 0;
}

.modal-body .found {
    align-items: center;
    justify-content: center;
    height: 200px;
    font-size: 22px;
    color: #333;
    font-weight: bold;
}

.advisors .box-advisor {
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 10px;
}

.advisors .blog-card {
    border: 1px solid #ddd;
    border-radius: 16px;
    padding: 10px;
}

.step {
    display: none;
}

.step.active {
    display: block;
}

.advisors .box-comment-modal {
    max-height: 300px;
    overflow-y: auto;
}

.advisors .box-comment-modal::-webkit-scrollbar {
    display: none;
}

.advisors .box-comment-modal {
    scrollbar-width: none;
}

.advisors .box-comment-modal {
    -ms-overflow-style: none;
}

.advisors .box-comment-modal .comment-modal {
    border: 1px solid #ddd;
    border-radius: 14px;
}

.star-ratings-sprit {
    background: url(../images/star-golden.png) repeat-x;
    margin-bottom: 5px;
    font-size: 0;
    height: 17px;
    line-height: 0;
    overflow: hidden;
    text-indent: -999em;
    width: 86px;
    margin: 0;
    margin-bottom: 0px;
    margin-left: 0px;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
}

.star-ratings-sprit .star-ratings-sprit-rating {
    background: url(../images/star-golden.png) repeat-x;
    background-position: 0 100%;
    float: left;
    height: 17px;
    display: block;
}

.mySwiper-reservation .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    background-color: #000 !important;
    width: 1.3rem !important;
    height: 1.3rem !important;
    border-radius: 50% !important;
}

.mySwiper-reservation .swiper-button-prev::after,
.swiper-rtl .swiper-button-next::after {
    color: #cbcbcb !important;
    font-size: 10px !important;
}

.mySwiper-reservation {
    position: unset !important;
}

.mySwiper-reservation .swiper-wrapper {
    position: unset !important;
}

.mySwiper-reservation .swiper-button-prev,
.swiper-button-next {
    position: absolute;
    top: 0 !important;
    bottom: 0 !important;
    right: 0 !important;
    left: unset !important;
    display: flex !important;
    margin: auto !important;
}

.mySwiper-reservation .swiper-button-next {
    position: absolute;
    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    right: unset !important;
    display: flex !important;
    margin: auto !important;
}

.modal-body .box-time {
    position: relative;
}

.offcanvas-body .box-time {
    position: relative !important;
}

.buy-turn .btn-deatils {
    color: #fff;
    background-color: #000;
    padding: 5px 9px;
    border-radius: 7px;
}

.card-comm-item .btn-reply {
    background-color: #f54a4a14 !important;
    color: #f54a4a !important;
    padding: 5px 10px !important;
    border: unset !important;
    font-size: 14px;
}

.empty-state .box-user {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 16px;

}

.empty-state .box-table {
    background-color: #f9f9f9;
    border: 1px solid #ddd;
    border-radius: 16px;
}

.table-responsive::-webkit-scrollbar {
    display: none;
}

.table-responsive {
    scrollbar-width: none;
}

.table-responsive {
    -ms-overflow-style: none;
}

.btn-more-table {
    background-color: #f54a4a;
    color: #fff;
    align-items: center;
    padding: 5px 7px;
    border-radius: 10px;
    font-size: 10px;
}

.btn-continue-modal {
    background-color: #18a27b !important;
    border-radius: 13px !important;
    padding: 10px 60px !important;
    color: #fff !important;
    border: 1px solid #18a27b !important;
}

.input-information-modal {
    border-radius: 12px !important;
}

.btn-panel-user {
    background: #18a27b !important;
    color: #fff !important;
    border-radius: 10px !important;
    padding: 4px 16px 7px !important;

}

.welcom .title {
    font-family: yekan-black !important;
    font-size: 24px;
}

.continue {
    background-color: #f54a4a;
    color: #fff;
    border-radius: 7px;
    width: max-content;
}

/*.welcom .text-lg-start {*/
/*  transform: translateY(50px);*/
/*  opacity: 0;*/
/*  transition: all 0.8s ease;*/
/*}*/

/*.welcom .image-animate {*/
/*  transform: translateY(-50px);*/
/*  opacity: 0;*/
/*  transition: all 0.8s ease;*/
/*}*/

/*.welcom.show-animation .text-lg-start {*/
/*  transform: translateX(0);*/
/*  opacity: 1;*/
/*}*/

/*.welcom.show-animation .image-animate {*/
/*  transform: translateX(0);*/
/*  opacity: 1;*/
/*}*/

.consultants-detail .btn-offcanvas {
    z-index: 12;
}

.offcanvas-filter-mobile {
    padding-bottom: 5.5rem !important;
}

.desktop-menu .btn-consultant:hover,
.desktop-menu .btn-consultant {
    padding: 5px 12px 7px;
    color: #fff;
    border-radius: 10px;
    font-size: 14px;
    opacity: 1 !important;
    transform: translatey(0px) !important;
    display: flex;
    align-items: center;
    gap: 8px;
}

.desktop-menu .btn-suggestion:hover,
.desktop-menu .btn-suggestion {
    background-color: #f54a4a;
}

.desktop-menu .btn-reservation:hover,
.desktop-menu .btn-reservation {
    background-color: #00a37d;
}

.link-box-consultant {
    transition: 0.5s;
}

.link-box-consultant:hover .box-consultant .button-1 {
    background-color: #00a37d;
    color: #fff;
}

.discount-consultants {
    background-color: rgba(245, 74, 74, 0.1);
    color: #f54a4a;
    padding: 5px 10px;
    border: 1px solid #f54a4a
}

.discount-consultants small {
    display: flex;
}

@media (max-width: 575px) {
    .discount-consultants small:first-child {
        font-size: 12px
    }

    .discount-consultants small:last-child {
        font-size: 12px
    }

    .discount-consultants {
        padding: 2px 8px 1px;
    }
}

@media (min-width: 575px) {
    .discount-consultants small:first-child {
        font-size: 16px
    }

    .discount-consultants small:last-child {
        font-size: 12px
    }

    .discount-consultants {
        padding: 5px 10px;
    }
}

.btn-start-div {
    background-color: #00a37d;
}

.btn-start-div span {
    color: #fff;
    font-size: 14px;
}

.btn-start-div button:hover,
.btn-start-div button {
    background-color: #fff;
}

@media (max-width: 768px) {
    .btn-start-div {
        background-color: #fff !important;
        position: fixed;
        top: auto;
        left: 10px;
        right: 10px;
        bottom: 10px;
        box-shadow: 0 -5px 10px 0 rgba(0, 0, 0, 0.05);
        gap: 8px;
        z-index: 99999;
    }

    .btn-start-div span {
        color: #333;
    }

    .btn-start-div button:hover,
    .btn-start-div button {
        background-color: #00a37d;
        width: 100%;
        color: #fff;
        font-size: 16px;
        justify-content: space-between;
    }
}

.modal-advisor-suggestions .ul-day {
    width: 100%;
    padding: 1rem .25rem 14px;
    overflow-y: scroll;
    animation: shake-scroll 3.5s ease;
    display: flex;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
}

@keyframes shake-scroll {
    0% {
        transform: translateX(0);
    }

    20% {
        transform: translateX(-20px);
    }

    40% {
        transform: translateX(20px);
    }

    60% {
        transform: translateX(-15px);
    }

    80% {
        transform: translateX(15px);
    }

    100% {
        transform: translateX(0);
    }
}

.modal-advisor-suggestions .ul-day .li-day {
    width: 75px;
    min-width: 75px;
    padding: 2.5px;
}

.modal-advisor-suggestions .ul-day .li-day button {
    width: 100%;
}

.box-user .btn-information {
    background-color: #f54a4a;
    color: #fff;
    align-items: center;
    padding: 12px 14px !important;
    border-radius: 10px;
    font-size: 12px;
}

.red-color-btn {
    color: #f54a4a !important;
}




.wizard-test {
    background-color: #fafafa;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

input[type="radio"] {
    display: none;
}

.font-23 {
    font-size: 23px;
}

.option {
    background-color: rgb(255, 255, 255);
    border: 1px solid #00a37d;
    border-radius: 12px;
    padding: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.yellow {
    color: orange;
}

.label-text {
    font-size: 16px;
    letter-spacing: 0.5px;
    color: #00a37d;
}

.check-container {
    width: 26px;
    height: 26px;
    border: 1px solid #00a37d;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all 0.3s ease;
}

.check-svg {
    width: 16px;
    height: 16px;
    fill: none;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 20;
    stroke-dashoffset: 20;
    transition: all 0.2s ease;
}

input[type="radio"]:checked+.option {
    background-color: rgba(0, 163, 125, 0.07);
    border-color: #2e7d32;
    color: #ffffff;
}

input[type="radio"]:checked+.option .check-container {
    background-color: #00a37d;
    border-color: #00a37d;
}

input[type="radio"]:checked+.option .check-svg {
    stroke-dashoffset: 0;
    stroke: white;

    transition-delay: 0.1s;
}

.option:active {
    transform: scale(0.97);
}

.number-show {
    position: absolute;
    width: 72px;
    height: 72px;
    background-color: rgb(255, 255, 255);
    right: 0;
    font-size: 20px;
    left: 0;
    margin: auto;
    top: -50px;
}

.green {
    color: #00a37d;
}

.red {
    color: #f54a4a;
}

/* ظرف اصلی که گرادینت روی آن اعمال می‌شود */
.number-show-container {
    position: absolute;
    width: 95px;
    /* کمی بزرگتر از دایره داخلی */
    height: 95px;
    right: 0;
    left: 0;
    margin: auto;
    top: -55px;
    border-radius: 50%;
    z-index: 2;
    transition: background 0.5s ease;
    /* برای نرم شدن حرکت رنگ قرمز */
}

/* اصلاح کلاس قبلی شما */
.number-show {
    position: relative !important;
    /* از حالت absolute خارج شود */
    width: 75px !important;
    height: 75px !important;
    top: 0 !important;
    border: 5px solid white !important;
    /* حاشیه سفید برای جدا شدن از رنگ قرمز */
    z-index: 3;
}




/* تنظیمات عمومی (دسکتاپ) */
.w-100-mobile {
    width: auto;
    /* در دسکتاپ عرض خودکار باشد */
}

@media (max-width: 768px) {
    .wizard-footer {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: white;
        padding: 15px !important;
        z-index: 1000;
        display: flex !important;
        align-items: center;
    }

    .tebs .bg-white {
        background-color: #fafafa !important;
    }

    .tebs {
        max-height: 380px;
        overflow: auto;
    }

    body {
        align-content: start;
        height: 100% !important;
    }

    .wizard-test {
        background-color: rgb(255, 255, 255);
        box-shadow: unset !important;
    }


    .next-btn {
        flex-grow: 1;
        height: 50px;
        border-radius: 10px;
    }

    /* در موبایل اگر مرحله ۱ بود، دکمه بعدی تمام عرض شود */
    .w-100-mobile {
        width: 100% !important;
    }

    .next-btn.is-small {
        flex-grow: 2;
    }

    /* در موبایل دکمه قبلی در مرحله اول کلا مخفی شود */
    .prev-btn.opacity-50.disabled-desktop {
        display: none !important;
    }

    .prev-btn {
        flex-grow: 1;
        height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .wizard-test {
        margin-bottom: 80px;
    }
}

/* استایل دسکتاپ برای دکمه غیرفعال */
@media (min-width: 769px) {
    .prev-btn.opacity-50 {
        cursor: not-allowed;
        pointer-events: none;
    }
}


/* ظرف اصلی نقاط */
.step-dots-container {
    position: relative;
    height: 30px;
    z-index: 10;
}

.step-dot-wrapper {
    display: flex;
    align-items: center;
    flex-grow: 1;
    position: relative;
}

/* برای اینکه نقطه آخر خط نداشته باشد، عرض آن را کم می‌کنیم */
.step-dot-wrapper:last-child {
    flex-grow: 0;
}

/* استایل نقاط */
.step-dot {
    width: 12px;
    height: 12px;
    background-color: #e0e0e0;
    border-radius: 50%;
    transition: all 0.4s ease;
    z-index: 2;
}

.step-dot.active {
    background-color: #00a37d;
    box-shadow: 0 0 8px rgba(0, 163, 125, 0.4);
    transform: scale(1.2);
}

/* استایل خطوط بین نقاط */
.step-line {
    height: 2px;
    background-color: #e0e0e0;
    flex-grow: 1;
    margin: 0 5px;
    position: relative;
    overflow: hidden;
}

/* خط سبز که پر می‌شود */
.step-line::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: #00a37d;
    transition: width 0.5s ease;
}

.step-line.active::after {
    width: 100%;
}

/* تنظیم فاصله در موبایل برای اینکه نقاط و دایره تداخل نداشته باشند */
@media (max-width: 768px) {
    .wizard-test {
        padding-top: 70px !important;
        /* پدینگ بیشتر برای جا شدن نقاط */
    }

    .number-show-container {
        top: -35px;
        /* دایره شماره سوال را کمی جابجا کردیم */
        width: 80px;
        height: 80px;
    }

    .number-show {
        width: 65px !important;
        height: 65px !important;
    }
}


.test-cbox {
    background-color: #f8f8f8;
    border: 1px solid #dfede8;
}

.cbox-back {
    background-color: white !important;
}

.limit-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.green {
    color: #18a27b;
}

.cbox-back::after {
    position: absolute;
    content: "";
    height: 60%;
    width: 1px;
    background-color: #d0d0d0;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.dis-labed {
    font-size: 10px;
    background-color: #f54a4a;
}

.test-list-time-lable {
    background-color: #00a37d24;
    color: #00a37d;
    padding: 3px 6px;
    font-size: 11px;
}