@import 'reset.css';

header {
    position: fixed;
    width: 100%;
    z-index: 300;
    border-bottom: 1px solid transparent;
    transition: border-bottom 0.2s;
    background-color: #FAFDFF;
    border-bottom: 1px solid #E5F1FA;
    top: 0;
}

.dark-mode header {
    background-color: #18191a;
}

.dark-mode header .top {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.dark-mode header.scrolled {
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.search-page .search.show,
header .search.show,
header.scrolled .search {
    opacity: 1;
    z-index: 1;
}

.search-page .search.show {
    position: relative;
    transform: none;
    width: 100%;
    margin-left: unset;
    /* margin-top: 20px; */
}

.search-page .search,
header .search {
    transition: 0.3s ease-in-out;
    position: relative;
    margin-left: 50px;
    opacity: 0;
    width: 380px;
    overflow: hidden;
    z-index: -1;
}

.search-page .search input:focus,
.search-page .search input:hover,
header .search input:focus,
header .search input:hover {
    border: 2px solid #09C688;
}

.dark-mode header .search input {
    border: 2px solid rgba(255, 255, 255, 0.07);
    background-color: #18191a;
}

img {
    width: fit-content;
    height: fit-content;
}

.main-logo .whiteLogo,
.dark-mode .main-logo img {
    display: none;
}

.dark-mode .main-logo .whiteLogo {
    display: block;
}

.search-page .search input,
header .search input {
    border-radius: 8px;
    border: 2px solid #E5F1FA;
    background-color: #FCFEFF;
    width: 100%;
    height: 40px;
    padding-left: 40px;
    transition: 0.2s;
    font-size: 14px;
}

.search-page .search {
    margin-bottom: 20px;
}

.search-page .search input {
    height: 40px;
    border: 1px solid #E8F3FA;
    border-radius: 14px;
    font-size: 14px;
    width: 100% !important;
    background-color: white;
}

.search-page .search input:hover {
    border: 1px solid #09C688;
}

.search-page .search.show .search-btn,
header .search.show .search-btn,
header.scrolled .search .search-btn {
    opacity: 1;
}

.search-page .search .search-btn,
header .search .search-btn {
    opacity: 0;
    transition: 0.3s ease-in-out;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

header.scrolled {
    border-bottom: 1px solid #EBF5FC;
}

header .top {
    padding: 10px 0px;
    border-bottom: 1px solid #E5F1FA;
    position: relative;
}

header .top .right .dropdown {
    display: flex;
    align-items: center;
    height: 100%;
}

header .top .drop-wrap {
    overflow: unset;
}

header .top .drop-wrap .grey-btn {
    height: 40px;
    padding: 0px 0px;
    margin-left: 0px;
}

header .top .drop-wrap .selected {
    height: 40px;
    padding: 0 15px !important;
}

header .top .right .dropdown .result {
    background-color: #F0F7FC;
    position: absolute;
    top: calc(100% + 10px);
    left: 0px;
    width: 100%;
    border-radius: 12px;
    padding: 10px 10px 10px 10px;
    max-height: 0px;
    padding: 0px 10px;
    overflow: hidden;
    left: 50%;
    transform: translateX(-50%);
    width: 300px;
    background-color: white;
}

header .dropdown .inner-item {
    border-radius: 10px;
    border: 1px solid #D0E6F5;
    padding: 7px 10px;
    display: flex;
    margin-right: 10px;
    justify-content: center;
    align-items: center;
    min-width: 40px;
    cursor: pointer;
    transition: 0.2s;
}

header .dropdown .inner-item:hover {
    border: 1px solid #09C688;
}

header .dropdown .inner-item:last-child {
    margin-right: 0px;
}

header .dropdown .inner-item.active {
    border: 1px solid transparent;
    background-color: #09C688;
    color: white;
}

header .price-value {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 10px;
    display: none !important;
}

header .dropdown .inner-item img {
    margin-right: 10px;;
}

header .top .right .dropdown.active .result {
    max-height: 500px;
    padding: 10px;
    overflow: unset;
    z-index: 1;
}

header .top .right .dropdown .result:hover img {
    filter: none;
}

header .top .right .dropdown .inner-dropdown {
    background-color: white;
    width: 100%;
    border-radius: 5px;
    margin-bottom: 10px;
    position: relative;
    opacity: 0;
    transition: 0.25s ease-in;
    transition-delay: 0.2s;
}

header .top .right .dropdown .inner-dropdown:last-child {
    transition-delay: 0.3s;
}

header .top .dropdown.active .inner-dropdown {
    opacity: 1;
}

header .top .dropdown.active .enter {
    opacity: 1;
}

header .right .result .enter {
    width: 100%;
    height: 30px;
    border-radius: 8px;
    background-color: #09C688;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: 0.25s ease-in;
    transition-delay: 0.4s;
}

header .right .result .enter:hover img {
    margin-left: 20px;
}

header .right .result .enter img {
    transition: 0.35s;
}

.dark-mode header .top .right .dropdown .result {
    background-color: #232323;
}

header .top .inner-dropdown .inner-selected {
    padding: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 33px;
}

header .top .inner-dropdown .inner-result {
    max-height: 0px;
    overflow: hidden;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1;
}

header .top .inner-result ul {
    display: flex;
}

header .top .inner-dropdown.active {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

header .top .inner-dropdown.active .inner-result {
    max-height: 500px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
}

header .top .inner-dropdown.active .inner-result .inner-item img {
    height: 18px;
}

header .top .inner-dropdown .inner-result li {
    height: 33px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: white;
}

header .top .inner-dropdown .inner-result li:hover {
    background-color: #EAF5FC;
}

header .top .right .inner-dropdown .inner-selected span {
    width: 24px;
}

header .top-wrap {
    display: flex;
    justify-content: space-between;
}

header .menu-wrapper {
    padding: 10px 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .menu-wrapper .menu {
    display: flex;
    justify-content: flex-start;
}

header .menu-wrapper .menu li {
    position: relative;
}

.dark-mode header .menu li:hover .item {
    color: #09C688;
}

header .menu-wrapper .menu .item {
    font-family: light;
    color: #546E7A;
    display: inline-block;
    margin-right: 40px;
    font-size: 14px;
}

.dark-mode header .menu .item {
    color: white;
}

header .more-menu {
    cursor: pointer;
}

header .more-menu ul {
    width: max-content;
}

header .menu .item {
    position: relative;
    transition: 0.2s;
}

header .menu li:hover .item {
    color: #09C688;
}

header .menu li:hover ul {
    max-height: 500px;
    padding: 10px;
}

header .menu li:hover ul li {
    opacity: 1;
}

header .menu li ul {
    position: absolute;
    background-color: white;
    padding: 10px;
    border-radius: 5px;
    left: -10px;
    box-shadow: 0px 5px 10px rgba(84, 110, 122, 0.2);
    top: calc(100% + 4px);
    max-height: 0px;
    overflow: hidden;
    padding: 0 10px;
    transition: 0.4s ease-in-out;
}

header .menu li ul li {
    opacity: 0;
    transition: 0.2s;
    transition-delay: 0.1s;
}

header .menu li ul a {
    font-size: 13px;
    font-family: roman;
    transition: 0.2s;
    display: block;
    width: 100%;
    margin-bottom: 5px;
}

header .menu li ul li:last-child a {
    margin-bottom: 0px;
}

header .menu li ul a:hover {
    color: #09C688;
}

header .top .right {
    display: flex;
    align-items: center;
}

header .grey-btn {
    /* background-color: #F0F7FC; */
    background-color: #F0F7FC;
    border-radius: 14px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    margin-left: 15px;
    font-size: 14px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: 0.2s;
    transition-delay: 0.1s;
}

header .grey-btn img {
    transition-delay: 0.2s;
}

header .grey-btn .dropdown img {
    transition: 0.3s;
}

header .grey-btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background-color: #09C688;
    z-index: -1;
    transition: 0.3s ease-in-out;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100% 100% 14px 14px;
}

header .dropdown.active .grey-btn::after,
header .grey-btn:hover::after {
    height: 100%;
    border-radius: 0px;
}

header .dropdown.active .grey-btn img,
header .grey-btn:hover img {
    filter: brightness(0) invert(1);
}

header .dropdown.active .grey-btn,
header .grey-btn:hover {
    color: white;
}

header .grey-btn.fav {
    width: 40px;
    height: 40px;
}

header .grey-btn.fav img {
    height: 17px;
    width: 18px;
    transition: 0.3s;
}

header .grey-btn.add {
    padding: 0px 15px;
}

.dark-mode header .grey-btn {
    background-color: #232323;
}

header .grey-btn.add img {
    margin-right: 5px;
}

header .prof-avatar {
    border-radius: 50%;
    background-color: #09C688;
    margin-left: 15px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
}

header .prof-avatar.logged {
    background-color: transparent !important;
}

header .prof-avatar.logged img {
    pointer-events: none;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

header .avatar-wrap {
    display: flex;
    align-items: center;
}

header .avatar-wrap .name {
    transition: 0.2s;
}

header .avatar-wrap .name:hover {
    color: #09C688;
}

.header-padding {
    padding-top: 106px;
}

.dark-mode-button {
    float: right;
    display: flex;
    display: none;
    align-items: center;
}

.dark-mode-button .label {
    font-family: caps;
    font-size: 12px;
    color: #546E7A;
    margin-left: 5px;
    cursor: pointer;
}

.dark-mode-button .label::selection {
    background-color: transparent;
    color: #546E7A;
}

header .imediL-btn {
    font-size: 12px;
    color: #0A2F64;
    border-radius: 5px;
    background-color: #FFE31E;
    border-radius: 5px;
    height: 25px;
    padding: 0px 6px;
    display: flex;
    align-items: center;
    font-family: caps;
    transition: 0.2s;
}

header .imediL-btn:hover {
    background-color: #edd219;
}

header .imediL-btn img {
    margin-right: 6px;
}

section {
    position: relative;
    min-height: calc(100vh - 133px);
    padding-top: 106px;
    padding-bottom: 30px;
    background-color: #FAFDFF;
}

.main-margin {
    margin-top: 80px !important;
}

.main-page .services {
    margin-bottom: 80px;

}

.services .title-wrapper {
    display: flex;
    align-items: center;
    flex-direction: column;
    margin: 40px 0px 40px 0px;
}

.dark-mode .services .wrapper {
    padding: 20px 20px 0px 20px;
    border-radius: 8px;
    background-color: #222222;
    border: 1px solid #2f2f2f;
}

.services .wrapper {
    padding: 20px 20px 0px 20px;
    border-radius: 8px;
    background-color: #FFFFFF;
    border: 1px solid #EBF5FC;
}

.percent {
    background-color: #FF5252;
    border-radius: 0px 5px 0px 10px;
    padding: 8px 8px 10px 10px;
    top: -4px;
    position: absolute;
    right: -4px;
    font-size: 12px;
    z-index: 11;
    color: white;
}

.percent::before {
    content: "";
    clip-path: polygon(100% 0, 0% 100%, 100% 100%);
    width: 10px;
    height: 5px;
    background-color: #b42c2c;
    position: absolute;
    top: 0;
    left: -10px;
}

.percent::after {
    content: "";
    clip-path: polygon(100% 0, 0 0, 0 100%);
    width: 5px;
    height: 10px;
    background-color: #b42c2c;
    position: absolute;
    bottom: -10px;
    right: 0px;
}

.insurance .old-price {
    text-decoration: line-through;
    color: #8a9ca4;
    font-size: 12px;
    margin-left: 5px;
    font-weight: normal;
}

.old-price-l {
    font-weight: normal;
    color: #8a9ca4;
    font-size: 12px;
    padding-left: 2px;
    text-decoration: line-through;
}

.payment-popup .old-price-l {
    font-size: 16px;
    margin-right: 10px;
}


.payment-popup .old-price {
    font-size: 16px;
    margin-left: 0;
    margin-right: 0px;
}

[lang="en"] .insurance-sale {
    display: none;
}

[lang="en"] .insurance-sale.en {
    display: block;
}

.insurance-sale.en {
    display: none;
}

.insurance-sale {
    background-color: #FFE31E;
    color: #0A2F64;
    font-size: 14px;
    padding: 0;
    border-radius: 10px;
    text-align: center;
    margin: auto;
    margin-bottom: 20px;
    color: transparent;
    overflow: hidden;
    animation: insurance 1.5s 1s forwards ease-in;
    max-height: 0;
}

.insurance-sale p {
    animation: insurance-text 1s 2s forwards;
    opacity: 0;
}

@keyframes insurance {
    0% {
        max-height: 0px;
        padding: 0;
    }
    100% {
        max-height: 300px;
        padding: 10px;
    }
}

@keyframes insurance-text {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}


.dark-mode .services .service {
    color: white;
}

.services .service {
    font-size: 14px;
    transition: 0.2s;
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
    border-radius: 12px;
    position: relative;
}

.services .service:hover {
    background-color: #FB131C;
    box-shadow: 0px 10px 20px rgba(236, 29, 37, 0.122);
    color: white;
}

.services .service span {
    transition: 0.2s;
}

.services .service:hover span {
    color: white;
}

.services .service .frame {
    height: 64px;
    transition: 0.2s;
    width: 64px;
    border-radius: 10px;
    background-color: rgba(236, 29, 37, 0.2);
    display: flex;
    align-items: center;
    margin-right: 10px;
    justify-content: center;
    flex-shrink: 0;
}

.services .hover-text {
    transition: opacity 0.3s;
    opacity: 0;
    position: absolute;
    left: 84px;
}

.visa-support .popup .title,
.service-detail .popup .title {
    text-align: center;
    width: 100%;
    display: block;
    margin-bottom: 10px;
    font-family: caps;
    color: #546E7A;
}

.add-tour-btn img,
.service-detail .green-btn img,
.services .hover-text img {
    margin-right: 6px;
    margin-top: 0px;
    filter: brightness(0) invert(1);
}

.services .hover-text img {
    margin-top: -1px;
}

.add-tour-btn img {
    margin: -1px 5px 0 0 !important;
}

.services .service:hover .hover-text {
    opacity: 1;
}

.services .service:hover .text {
    opacity: 0;
}

.services .count:first-child .frame {
    background-color: rgba(236, 29, 37, 0.2);
}

.services .count.green .service:hover {
    background-color: #09C688;
    box-shadow: 0px 10px 20px rgba(9, 198, 136, 0.122);
}

.services .count.green .frame {
    background-color: rgba(9, 198, 136, 0.2);
}

.services .count.lightorange .service:hover {
    background-color: #FFAC33;
    box-shadow: 0px 10px 20px rgba(255, 172, 51, 0.122);
}

.services .count.lightorange .frame {
    background-color: rgba(255, 172, 51, 0.2);
}

.services .count.purple .service:hover {
    background-color: #5043C7;
    box-shadow: 0px 10px 20px rgba(80, 67, 199, 0.122);
}

.services .count.purple .frame {
    background-color: rgba(80, 67, 199, 0.2);
}

.services .count.imediL-btn .service:hover {
    background-color: #FFE31E;
    box-shadow: 0px 10px 20px rgba(255, 227, 30, 0.122);
}

.services .count.imediL-btn .frame {
    background-color: rgba(255, 227, 30, 0.2);
}

.services .count.blue .service:hover {
    background-color: #0F95EF;
    box-shadow: 0px 10px 20px rgba(33, 150, 243, 0.122);
}

.services .count.blue .frame {
    background-color: rgba(33, 150, 243, 0.2);
}

.services .imediL-btn .service {
    height: 65px;
    width: 100%;
    background-color: #0A2F64;
    color: #FFE31E;
    padding-left: 16px;
}

/* .services .count:nth-child(7)  .service:hover{
    background-color: #EE2EC1;
    box-shadow: 0px 10px 20px rgba(238, 46, 193, 0.122);
}
.services .count:nth-child(7) .frame{
    background-color: rgba(238, 46, 193, 0.2);
} */
.services .count.orange .service:hover {
    background-color: #EE6C09;
    box-shadow: 0px 10px 20px rgba(238, 108, 9, 0.122);
}

.services .count.orange .frame {
    background-color: rgba(238, 108, 9, 0.2);
}

.services .imediL-btn .service:hover {
    background-color: #0b2b5a !important;
}

.services .imediL-btn .frame {
    height: unset;
    width: unset;
    background-color: transparent !important;
}

.services .service .frame img {
    max-width: 32px;
    max-height: 32px;
    width: fit-content;
    height: fit-content;
}

.services .service:hover .frame {
    background-color: white;
}

.dark-mode .main-search {
    /* background-color: #292929; */
}

.main-search-wrapper {
    width: 100%;
    height: 260px;
    background-color: #18b489;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-size: auto 260px;
    background-image: url(../../img/main-backgr.svg);
}

header .main-search {
    display: none;
}

header .main-search {
    height: unset;
    background-image: unset;
}

header .main-search.first-state,
header .main-search.second-state {
    display: block;
}

.main-search.fixed.first-state,
.main-search.fixed.second-state {
    height: 0;
}

.main-search {
    width: 100%;
    background-repeat: no-repeat;
    /* background-color: #F0F9FF; */
    background-image: url(../../img/people.svg);
    border-radius: 8px;
    height: 290px;
    display: flex;
    background-position: 100% -10px;
    justify-content: center;
    align-items: center;
    background-size: 293px 285px;
}

.main-search .search-title {
    font-family: capsbold;
    color: #546E7A;
    font-size: 24px;
    margin-bottom: 15px;
    line-height: 1;
    color: white;
    display: block;
}

.main-search .main-input {
    border-radius: 5px;
    background-color: white;
    border: none;
    padding: 0px;
    width: 100%;
    padding-right: 25px;
}

.main-input {
    cursor: pointer;
    caret-color: #09C688;
}

.second-state .main-input {
    cursor: auto;
}

.main-search .main-input::placeholder {
    font-family: roman;
    font-size: 14px;
    color: #B0BEC5;
}


.main-search .icons-result {
    position: absolute;
    top: 100%;
    padding: 10px;
    border-radius: 5px;
    background-color: white;
    z-index: 1;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.05);
    display: none;
}

.main-search .icons-result ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: 10px;
}

.main-search .icons-result ul li img {
    height: 32px;
}

.main-search .button-wrap {
    overflow: hidden;
    width: 38px;
    height: 38px;
    position: relative;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    transition: 0.3s;
}

.main-search.second-state .relative .button-wrap,
.main-search.first-state .relative .button-wrap {
    width: 0px;
}

.main-search .change-icons {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.main-search .change-icons .selected {
    height: 26px;
    position: absolute;
    top: -50px;
    transform: translateY(-50%);
    transition: 0.3s;
}

.main-search.second-state .change-icons .selected {
    top: 50%;
}

.main-search .search-btn {
    outline: none;
    height: 38px;
    width: 38px;
    flex-shrink: 0;
    position: absolute;
    left: 0;
    transition: 0.3s;
}

.main-search.first-state .search-btn {
    left: -100%;
}

.main-search .search-btn.state {
    margin-right: 0px;
    right: -100%;
    left: unset;
    transition: 0.3s;
}

.main-search.second-state .search-btn.state {
    right: 0px;
}

.main-search .search-btn::after {
    content: '';
    background-color: #09C688;
    border-radius: 50%;
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) scale(0);
    transition: 0.4s;
}

.main-search .search-btn img {
    transition: 0.2s;
    position: relative;
    z-index: 1;
}

.main-search.second-state .search-btn.active::after,
.main-search.second-state .search-btn:hover::after {
    transform: translate(-50%, -50%) scale(1);
}

.main-search.second-state .search-btn.active img,
.main-search.second-state .search-btn:hover img {
    filter: brightness(0) invert(1);
}


.main-search .background {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(55, 71, 79, 0.6);
    width: 100%;
    height: 100%;
    z-index: -1;
    opacity: 0;
    transition: opacity 0.3s;
}

.main-search .category-list {
    display: none;
    top: 15px;
    left: 50px;
    align-items: center;
    transition: 0.2s;
}

.main-search.first-state .category-list {
    margin-top: 20px;
}

.main-search .category-list li {
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 10px;
    border: 1px solid #D0E6F5;
    border-radius: 5px;
    margin-right: 10px;
    color: #546E7A;
    background-color: white;
    cursor: pointer;
    transition: 0.2s;
    font-size: 14px;
    user-select: none;
    flex-shrink: 0;
}

.main-search .category-list li img {
    margin-left: 10px;
    opacity: 0;
    position: absolute;
    transition: opacity 0.1s;
}

.main-search.second-state .category-list li img {
    position: unset;
    opacity: 1;
}

.main-search .category-list li:hover {
    border: 1px solid #09C688;
    color: #09C688;
}

.main-search .search-box {
    padding: 0px 20px 0px 20px;
    background-color: white;
    border-radius: 0px 0px 5px 5px;
    width: 100%;
    position: absolute;
    top: 100%;
    left: 0;
    max-height: 0px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.main-search .search-input {
    width: 980px;
    position: relative;
    z-index: 199;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    background: white;
    padding: 0px 20px 0px 10px;
    height: 60px;
}

.main-search.first-state .search-input {
    height: 80px;
}

.main-search.fixed .search-input {
    top: 300px;
    left: 50%;
    position: fixed;
    transform: translate(-50%);
    z-index: 200;
}

.main-search.second-state .search-input {
    border-radius: 5px 5px 0px 0px;
    transition: 0s;
}

.main-search.second-state .search-input,
.main-search.first-state .search-input {
    z-index: 250;
}

.main-search.second-state .background,
.main-search.first-state .background {
    z-index: 250;
    opacity: 1;
}

.main-search.second-state .category-list,
.main-search.first-state .category-list {
    display: flex;
}

.main-search.first-state .category-list li {
    display: flex !important;
}

.main-search.first-state .main-input {
    display: none;
}

.main-search.second-state .search-box {
    padding: 0px 20px 0.1px 20px;
    max-height: 1000px;
}

.main-search.second-state .input-list li {
    border: 1px solid #D0E6F5;
    color: #B0BEC5;
    transition: 0.2s;
    border-radius: 8px;
}

.main-search.second-state .input-list li:hover {
    border: 1px solid #B0BEC5;
}

.main-search .search-box .title {
    font-size: 12px;
    color: #546E7A;
    font-family: roman-caps;
    display: block;
    line-height: 1;
    margin-bottom: 10px;
    padding-top: 5px;
}

.main-search .search-box .search-bycat {
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px solid #E1F0FA;
}

.main-search .search-box .search-bycat li {
    margin-right: 10px;
    border-radius: 35px;
    height: 22px;
    background-color: #F7FCFF;
    border: 1px solid #E8F3FA;
    color: #546E7A;
    transition: 0.2;
    font-family: roman;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    cursor: pointer;
}

.main-search .search-box .search-bycat li.active,
.main-search .search-box .search-bycat li:hover {
    background-color: #F2F9FF;
    border: 1px solid #E4EEF5;
    color: #546E7A;
}

.main-search .search-box .category-list {
    position: unset;
    margin-bottom: 14px;
}

.main-search .recommended li {
    margin-bottom: 20px;
    opacity: 0;
    transition: 0.4s;
    transition-delay: 0.3s;
}

.main-search .recommended li:nth-child(2) {
    transition-delay: 0.4s;
}

.main-search .recommended li:nth-child(3) {
    transition-delay: 0.5s;
}

.main-search .recommended li:nth-child(4) {
    transition-delay: 0.6s;
}

.main-search .recommended li:nth-child(5) {
    transition-delay: 0.7s;
}

.main-search.second-state .recommended li {
    opacity: 1;
}

.main-search .recommended li a {
    display: flex;
    align-items: center;
    width: fit-content;
}

.main-search .recommended li .img-container {
    margin-right: 20px;
    flex-shrink: 0;
    border-radius: 5px;
    overflow: hidden;
    width: 64px;
    height: 52px;
}

.main-search .recommended li .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.main-search .recommended.by-loc li .img-container {
    border-radius: 50%;
    width: 35px;
    height: 35px;
    border: 1px solid #8a9ca4;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.main-search .recommended.by-loc li .img-container img {
    width: 19px;
    height: 18px;
    object-fit: contain;
}

.main-search .recommended.by-loc li .title,
.main-search .recommended li a h2 {
    font-family: light;
    color: #546E7A;
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: 1px;
    transition: 0.3s;
}

.main-search .recommended li:hover h2 {
    color: #09C688;
}

.main-search .recommended li a .sm-title {
    font-size: 12px;
    font-family: roman;
    line-height: 1;
}

.main-search .recommended li.focus a .title {
    color: #09C688;
}

.main-search .search-label {
    display: none;
}

.main-search.first-state .search-label {
    display: block;
    position: absolute;
    top: -10px;
    font-size: 14px;
    font-family: caps;
    left: 10px;
    color: #546E7A;
    border-bottom: 1px solid #D0E6F5;
    font-weight: normal;
}

html[lang="en"] .main-search.first-state .search-label {
    max-width: 100%;
    width: 100%;
}


/* green main title  */
/* main slider  */
.main-slider {
    position: relative;
    /* margin-bottom: 40px; */
}

.main-slider button {
    position: absolute;
    top: 50%;
    transform: translateY(calc(-50% - 25px));
    left: 20px;
    z-index: 1;
    background-color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #E8F3FA;
    transition: 0.2s;
}

.main-slider button:hover {
    background-color: #09C688;
    border: 1px solid transparent;
}

.main-slider button:hover img {
    filter: brightness(0) invert(1);
}

.main-slider .next-owl {
    left: unset;
    right: 20px;
}

.main-slider .owl-arrows {
    /* position: absolute; */
}

.main-slider .default-box .img-frame {
    height: 310px;
}

.main-slider .default-box .wrapper {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.main-slider .default-box .title {
    font-size: 14px;
    color: #455A64;
    height: 15px;
    overflow: hidden;
}

.main-slider .default-box .location-title {
    font-size: 12px;
    color: #546E7A;
    display: flex;
    align-items: center;
    font-family: roman;
}

.main-slider .default-box .price {
    display: flex;
    align-items: center;
    font-size: 20px;
    margin-top: 2px;
    color: #09C688;
    font-family: light;
}

.main-slider .title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0px 0px 40px 0px;
}

.default-box .w-100 {
    max-width: calc(100% - 90px);
}

.discover {
    /* margin-top: 50px; */
    /* margin-bottom: 80px; */
}

.discover svg {
    width: 100%;
    height: inherit;
}

.discover .discover-title {
    font-size: 50px;
    color: #37474F;
    line-height: 1;
    margin-bottom: 20px;
    display: inline-flex;
    text-shadow: 0px 6px #BAC3C9;
    position: relative;
    z-index: 21;
    font-family: secondary-font;
}

.discover .left-side .title {
    color: #09C688;
    font-size: 60px;
    font-weight: bold;
    margin-bottom: 25px;
    position: relative;
    z-index: 21;
    font-family: helvetica-black;
}

.discover .left-side .text p {
    font-size: 16px;
    font-family: roman;
}

.discover .left-side {
    height: 100%;
}

.discover .left-side .next-slide:hover {
    border: 2px solid #37474F;
}

.discover .left-side .next-slide {
    margin-top: 30px;
    width: 45px;
    height: 45px;
    border-radius: 16px;
    border: 2px solid #E1EFFA;
    transition: 0.2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dark-mode .discover .background-title {
    opacity: 4%;
    user-select: none;
}

.dark-mode .discover .discover-title {
    color: white;
    text-shadow: 0px 6px #636363;
}

.discover .background-title {
    color: #F0F7FC;
    font-size: 100px;
    position: absolute;
    color: #F0F7FC;
    z-index: 19;
    left: 0;
    top: -40px;
    opacity: 60%;
    font-family: secondary-font;
    pointer-events: none;
    display: none;
}

.discover #geo-map path {
    stroke-width: 2px;
}

/* main slider  /*/
/* weekend tours block  */
.weekend-tours .close-btn {
    font-size: 12px;
    color: #B2C4D1;
    font-family: roman;
    margin: auto;
    width: fit-content;
    display: block;
    margin-bottom: 3px;
    padding-top: 10px;
    cursor: pointer;
    transition: 0.2s;
}

.weekend-tours .close-btn:hover {
    color: #546E7A;
}

.weekend-tours .close-btn:hover img {
    filter: invert(38%) sepia(17%) saturate(560%) hue-rotate(154deg) brightness(102%) contrast(93%);
}

.weekend-tours .title-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.weekend-tours .title-wrapper button {
    height: 30px;
    width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: 1px solid #E8F3FA;
    background-color: white;
    margin-left: 10px;
    transition: 0.2s;
}

.weekend-tours .title-wrapper button:hover {
    border: 1px solid #8D9BA2;
}

.dark-mode .weekend-tours .title-wrapper button {
    background-color: rgba(255, 250, 255, 0.12);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.weekend-tours .title-wrapper button img {
    height: 10px;
}

.weekend-tours .title-wrapper div {
    display: flex;
}

.weekend-tours .title {
    font-family: light-b;
    font-size: 20px;
    line-height: 1;
    display: inline-block;
}

.weekend-tours .weekend-box {
    display: flex;
    padding: 10px;
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #E8F3FA;
    background-color: white;
}

.dark-mode .weekend-tours .weekend-box {
    background-color: rgba(255, 255, 255, 0.07);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.weekend-tours .weekend-box .img-frame {
    height: 134px;
    margin-right: 10px;
    width: 200px;
    flex-shrink: 0;
}

.weekend-tours .weekend-box .company-name {
    font-size: 12px;
    font-family: roman;
    color: #546E7A;
    display: block;
    margin-top: -1px;
}

.weekend-tours .weekend-box .company-name span {
    font-family: light;
}

.weekend-tours .weekend-box h3 {
    color: #455A64;
    font-size: 15px;
    margin-bottom: 8px;
    height: 22px;
    overflow: hidden;
    border-bottom: 1px solid transparent;
    width: fit-content;
    padding-bottom: 3px;
    transition: 0.2s;
    line-height: 18px;
}

.weekend-tours .weekend-box:hover h3 {
    border-bottom: 1px solid #455A64;
}

.weekend-tours .weekend-box .date {
    border-radius: 8px;
    width: fit-content;
    display: flex;
    margin-bottom: 3px;
}

.weekend-tours .weekend-box .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 100%;
}

.space {
    font-size: 12px;
    line-height: 1;
    display: inline-flex;
    align-items: flex-end;
    flex-wrap: wrap;
    margin-top: 0;
}

.numb {
    color: #09C688;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    border: 2px solid #09C688;
    margin-left: 15px;
    flex-shrink: 0;
}

.space .line {
    width: 100%;
    position: relative;
    height: 6px;
    border-radius: 5px;
    background-color: #E8F3FA;
    margin-top: 5px;
}

.space .line::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 70%;
    background-color: #09C688;
    content: '';
    height: 100%;
    border-radius: 5px;
}

.weekend-tours .weekend-box .price {
    width: auto;
    border-radius: 10px 10px;
}

.weekend-tours .weekend-box .price .sale {
    font-size: 12px;
    color: #FF5252;
    display: flex;
    align-items: center;
    position: relative;
}

.weekend-tours .weekend-box .price .sale::after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    height: 1px;
    width: calc(100% + 4px);
    background-color: #FF5252;
    transform: translate(-50%, -50%);
}

.weekend-tours .weekend-box .price span {
    color: #09C688;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    margin: 5px 0px 5px 6px;
    line-height: 1;
}

.weekend-tours .weekend-box .price span img {
    margin-right: 5px;
}

.weekend-tours .weekend-box .price button {
    display: flex;
    height: 38px;
    align-items: center;
    background-color: #09C688;
    border-radius: 10px;
    color: white;
    width: 100%;
    justify-content: center;
    font-size: 14px;
    transition: 0.2s;
    padding: 0px 15px;
    min-width: 110px;
}

.weekend-tours .weekend-box .price button:hover {
    background-color: #08AD77;
}

/* weekend tours block  //*/
.main-title {
    cursor: pointer;
    line-height: 1;
    font-size: 26px;
    font-family: capsbold;
    width: 100%;
    text-align: center;
    margin-bottom: 5px;
    transition: 0.5s ease-out;
    width: fit-content;
    background: linear-gradient(to right, #08AD77 50%, #09C688 50%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-size: 200% 100%;
    background-position: 100%;
}

span.main-title {
    cursor: unset;
    background: transparent;
    -webkit-text-fill-color: #09C688;
}

.main-title:hover {
    background-position: 0 100%;
}

.main-title::selection {
    background: #09C688;
    -webkit-text-fill-color: white;
}

.medium-title {
    line-height: 1;
    font-family: roman;
    font-size: 13px;
    width: 100%;
    text-align: center;
    color: #546E7A;
    display: block;
}

a.medium-title {
    margin: auto;
    width: fit-content;
}

.transport-block {
    margin-bottom: 100px;
    margin-top: -20px;
}

/* main block  */
.main-block .title-wrapper {
    width: 100%;
    margin-bottom: 15px;
    margin-top: 20px;
}

.main-block .title-wrapper .sub-title {
    font-family: roman;
    font-size: 16px;
    color: #62747c;
    margin-left: 5px;
    display: flex;
    align-items: center;
}

.main-block .title-wrapper .title {
    font-size: 19px;
    font-family: light-b;
    color: #455A64;
}

.main-block .title-wrapper a {
    font-family: roman;
    color: #546E7A;
    font-size: 12px;
    line-height: 1;
    display: inherit;
    margin-top: 5px;
    transition: 0.2s;
    width: fit-content;
}

.main-block .title-wrapper a img {
    position: relative;
    transition: 0.4s ease-in-out;
    left: 0;
}

.main-block .title-wrapper a:hover {
    color: #455A64;
}

.main-block .title-wrapper a:hover img {
    left: 10px;
}

@keyframes arrAnimation {
    from {
        left: 0px;
    }
    to {
        left: 10px;
    }
}

.main-block .region-box .box-title-caps {
    font-size: 14px;
    font-family: caps;
    color: #546E7A;
    line-height: 1;
    margin-top: 8px;
    transition: 0.2s;
}

.region-box:hover .box-title-caps {
    color: #546E7A;
}

.region-box .img-frame {
    position: relative;
    height: 85px;
    border-radius: 5px;
}

.region-box .img-frame::before {
    width: 0%;
    height: 100%;
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.2);
    transition: 0.3s;
}

.region-box:hover .img-frame::before {
    width: 100%;
}

.region-box.region-btn {
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../../img/smmap.svg);
    font-size: 14px;
    font-family: caps;
    color: #09C688;
    height: 80px;
    border-radius: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.region-box.region-btn img {
    margin-right: 10px;
}

.main-block .types-button {
    border: 1px solid #D0E6F5;
    padding: 0px 20px;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: 0.3s;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.dark-mode .main-block .types-button {
    border: 1px solid #2f2f2f;
}

.main-block .types-button.not::before {
    content: unset;
}

.main-block .types-button::before {
    content: '';
    position: absolute;
    height: 0%;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: #09C688;
    border-radius: 100% 50% 0 0;
    transition: 0.4s;
}

.main-block .types-button:hover {
    background-color: transparent;
}

.main-block .types-button:hover::before {
    height: 100%;
    border-radius: 0;
}

.main-block .types-button.types-tour * {
    position: relative;
    z-index: 1;
}

.main-block .types-button:hover {
    /* background-color: #09C688; */
    border: 1px solid #09C688;
}

.main-block .types-button * {
    transition: 0.2s;
    position: relative;
    z-index: 1;
}

.main-block .types-button img {
    transition: 0s;
    transition-delay: 0.1s;
}

.main-block .types-button:hover * {
    color: white;
}

.main-block .types-button:hover img {
    filter: brightness(0) invert(1);
}

.main-block .types-button h3 {
    font-family: caps;
    font-size: 14px;
    width: 100%;
    margin-bottom: 3px;
}

.transport-block .types-button h3 {
    margin-bottom: 0px;
    margin-top: 5px;
}

.main-block .types-button h6 {
    font-size: 12px;
    font-family: roman;
}

.main-block .info-box {
    background-color: white;
    overflow: hidden;
    padding: 20px;
    box-shadow: 0px 10px 10px rgba(208, 230, 245, 0.2);
}

.dark-mode .main-block .info-box {
    background-color: #222222;
    box-shadow: none;
}

.dark-mode .main-block .info-box .sub-title {
    color: rgba(255, 255, 255, 0.16);
}

.tour-count span {
    color: #455A64;
    font-size: 14px;
    margin-bottom: 15px;
    width: 100%;
    display: block;
    line-height: 20px;
}

.tour-count .count {
    font-size: 36px;
    margin-bottom: 30px;
    font-weight: bold;
}

.add-tour-btn {
    overflow: hidden;
    display: flex;
    align-items: center;
    height: 50px;
    background-color: #09C688;
    border-radius: 12px;
    outline: none;
    font-size: 16px;
    width: fit-content;
    transition: 0.2s;
    position: relative;
    padding: 11px 20px;
}

.add-tour-btn .wrapper {
    overflow: hidden;
    height: 100%;
}

.transport-block .add-tour-btn span {
    font-size: 15px;
}

.add-tour-btn span {
    color: white;
    font-size: 16px;
    width: 100%;
    font-family: roman;
    transition: 0.35s ease-in-out;
    margin-bottom: 10px;
    display: block;
    text-align: center;
}

.add-tour-btn:hover {
    background-color: #08AD77;
    color: white;
}

.add-tour-btn:not(.not):hover .first {
    margin-top: -34px;
}

.add-tour-btn img {
    margin-left: 10px;
}

.default-box .img-frame {
    height: 190px;
}

.default-box .title {
    font-size: 14px;
    margin: 0px 0px 4px 0px;
    padding-top: 3px;
    transition: 0.2s;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    min-height: 28px;
    position: relative;
}

.default-box .title::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 22px;
    height: 20px;
    background-image: linear-gradient(to right, transparent, #FAFDFF);
}

.dark-mode .default-box .title::after {
    background-image: linear-gradient(to right, transparent, #18191a);
}

.default-box .location-title {
    font-size: 12px;
    font-family: roman;
    color: #546E7A;
    margin-bottom: 5px;
    display: block;
    transition: 0.2s
}

.default-box:hover .title {
    color: #546E7A;
}

.default-box:hover .location-title {
    color: #546E7A;
}

.default-box:hover .location-title img {
    filter: invert(41%) sepia(35%) saturate(305%) hue-rotate(154deg) brightness(90%) contrast(87%);
}

.default-box .location-title img {
    height: 15px;
    width: fit-content;
}

.like-hidden {
    display: none;
}

.fav-btn.active .like-active {
    display: none;
}

.fav-btn.active .like-hidden {
    display: block;
}

.fav-btn {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background-color: #FAFDFF;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 1;
    cursor: pointer;
}

.fav-btn img {
    height: 13px;
}

.last-added .default-box .img-frame {
    height: 170px;
    position: relative;
}

.default-box .img-frame .price {
    bottom: 10px;
    left: 10px;
    background-color: rgba(55, 71, 79, 0.7);
    height: 30px;
    display: flex;
    align-items: center;
    padding: 0px 10px;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    color: white;
}

.default-box .img-frame .price img {
    filter: brightness(0) invert(1);
}

.default-box .img-frame .img {
    transition: 0.2s ease-in;
    transform: scale(1);
}

.default-box:hover .img-frame .img {
    transform: scale(1.1);
}

.page-item {
    display: flex;
    box-shadow: none;
}

.page-item.prev img,
.page-item.next img {
    height: 12px;
    margin-left: 3px;
}

.page-item.prev img {
    margin-left: unset;
    margin-right: 3px;
}

.page-item:hover .arrow img {
    filter: brightness(0) invert(1);
}

.pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    width: 100%;
}

.page-item span {
    display: flex;
    margin: 0px 5px;
    letter-spacing: 4px;
    align-items: center;
}

.page-link {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #E1F0FA;
    margin: 0px 5px;
    background-color: transparent;
    color: #455A64;
    min-width: 40px;
    max-width: 50px;
    height: 40px;
    box-shadow: none !important;
    transition: 0.2s;
}

.page-link.active,
.page-link:hover {
    background-color: #09C688;
    border: 1px solid #09C688;
    color: white;
}


/* /main page blog section  */
.blog-box .img-frame {
    height: 220px;
}

.blog-box .title {
    padding: 0px 10px;
    font-size: 14px;
    margin: 10px 0px;
    line-height: 19px;
}

.blog-box .author {
    padding-left: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.blog-box .author .img-container {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border-radius: 50%;
}

.blog-box .author .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.blog-box .author .name {
    height: 40px;
    margin-left: 10px;
}

.blog-box .author span {
    font-size: 12px;
}

.blog-box .author .date {
    color: #546E7A;
    display: block;
    margin-top: -5px;
}

.blog-box.sm {
    height: 100px;
    margin-bottom: 10px;
}

.blog-box.sm .img-frame {
    height: 100px;
}

.blog-box.sm .title {
    max-height: 42px;
    overflow: hidden;
    margin-top: 0px;
    font-size: 14px;
}

.blog-box.sm .inner {
    padding: 5px 0px;
}

.dark-mode .usefull-info {
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.usefull-info {
    padding-top: 20px;
    border-top: 1px solid #D0E6F5;
    display: flex;
    justify-content: space-between;
}

.usefull-info li {
    margin-bottom: 10px;
    width: 24%;
}

.usefull-info li a {
    font-family: caps;
    color: #546E7A;
    font-size: 13px;
    display: flex;
    align-items: center;
    line-height: 15px;
}

.usefull-info li a:hover .img-container.orange {
    box-shadow: 0px 10px 20px rgba(255, 167, 38, 0.22);
}

.usefull-info li a:hover .img-container.purple {
    box-shadow: 0px 10px 20px rgba(63, 81, 181, 0.22);
}

.usefull-info li a:hover .img-container {
    position: relative;
    top: -5px;
}

.dark-mode .usefull-info li a {
    color: white;
}

.dark-mode .usefull-info li .img-container {
    background-color: #232323;
}

.usefull-info li .img-container {
    height: 60px;
    width: 60px;
    border-radius: 10px;
    background-color: #F0F7FC;
    margin-right: 10px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
    flex-shrink: 0;
    position: relative;
    top: 0;
}

.usefull-info li:hover .img-container {
    background-color: #EAF5FC;
}

.weather-link {
    display: flex;
    justify-content: space-between;
    height: 60px;
    align-items: center;
    padding: 0px 10px;
    border-radius: 5px;
    border: 1px solid #D0E6F5;
    font-size: 14px;
    transition: 0.2s;
    position: relative;
    z-index: 0;
}

.weather-link::before {
    content: '';
    position: absolute;
    height: 100%;
    width: 0;
    left: 0;
    z-index: -1;
    top: 0;
    background-color: #E8F3FA;
    border-radius: 5px 100% 10% 5px;
    transition: 0.4s;
}

.dark-mode .weather-link::before {
    background-color: #18191a;
}

.weather-link:hover {
    background-color: transparent;
}

.weather-link:hover::before {
    width: 100%;
    border-radius: 0px;
}

.usefull-info li .weather-link:hover {
}

.dark-mode .weather-link {
    background-color: #232323;
    border: none;
}

.weather-link {
    border-radius: 10px;
}

.weather-link .arrow {
    height: 12px;
}

.weather-link div span {
    width: 100%;
    display: block;
    line-height: 1;
    margin-bottom: 3px;
    font-size: 15px;
}

.weather-link div span b {
    color: #546E7A;
}

.usefull-info.w-info {
    margin-top: 10px;
}

.usefull-info.w-info li {
    width: auto;
    margin-bottom: 0px;
}

.usefull-info li.current-currency {
    width: 280px;
    height: 60px;
    border-radius: 5px;
    background-color: #F0F7FC;
    display: flex;
    align-items: center;
    padding: 20px;
}

.dark-mode .usefull-info li.current-currency {
    background-color: #232323;
}

.usefull-info li.current-currency .right {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: 20px;
}

.usefull-info li.current-currency .right .wrap span {
    display: block;
    font-size: 12px;
}

.usefull-info li.current-currency .right .wrap span:last-child {
    font-size: 18px;
}

.usefull-info li.current-currency .selected {
    display: flex;
    cursor: pointer;
}

.usefull-info li.current-currency .selected .title {
    margin: 0px 10px 0px 5px;
}


.places-box {
    overflow: hidden;
    position: relative;
    display: inline-block;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 2px;
}

.places-box::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 22px;
    height: 20px;
    background-image: linear-gradient(to right, transparent, #FAFDFF);
}

.dark-mode .places-box::after {
    background-image: linear-gradient(to right, transparent, #18191a);
}

.places-box .img-frame {
    height: 350px;
    margin-bottom: 10px;
    position: relative;
    top: 0;
    transition: 0.2s ease-in-out;
}

.places-box:hover .img-frame {
    top: -7px;
}

.places-box .fwb,
.places-box .light {
    font-size: 14px;
    font-family: caps;
    white-space: nowrap;
}

.places-box .fwb {
    font-weight: normal;
    color: #455A64;
}

.places-box .price {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background-color: #fff;
    padding: 0px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    z-index: 1;
    justify-content: center;
    font-size: 14px;
    height: 35px;
}

.places-box .price mark {
    color: #09C688;
    font-weight: normal;
    padding: 0;
    font-size: 20px;
    margin-right: 5px;
}

.places-box .price strong {
    font-size: 20px;
    margin-right: 3px;
}

.places-box .offer-text {
    font-size: 12px;
    font-family: roman;
    color: #546E7A;
    margin-top: 5px;
}

.dream-places {
    /* margin-top: 40px; */
}

.dream-places .location-title {
    margin-top: 10px;
}

.dream-places .title-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom: 40px;
}

.places-box .light {
    font-family: roman;
}

/* transport  */
.transport-block .default-box .img-frame {
    height: 192px;
}

.transport-banner {
    margin: 20px 0px;
}

.transport-banner img {
    width: 100%;
}

.transport-link,
.usefull-link {
    background-color: #F0F7FC;
    color: #546E7A;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    padding: 20px;
    font-family: caps;
    font-size: 14px;
    border-radius: 5px;
    transition: 0.3s;
}

.dark-mode .transport-link,
.dark-mode .usefull-link {
    background-color: #232323;
    color: white;
}

.usefull-link .wrapper {
    display: flex;
}

.transport-link {
    background-color: #F0F7FC;
    color: #546E7A;
}

.transport-link:hover,
.usefull-link:hover {
    background-color: #E8F3FA;
    color: #546E7A;
}


/* guides  */
.default-box .price .sub-title {
    font-size: 13px;
    color: #546E7A;
    margin-left: 3px;
}

.main-block .default-box .guide-lang {
    font-size: 12px;
    color: #546E7A;
    font-family: roman;
    display: block;
}

.guide-block .default-box .img-frame {
    height: 200px;
}

.guide-block .medium-title {
    margin-bottom: 40px;
}

.guide-block .default-box {
    margin-bottom: 20px;
}

.guide-block .default-box .img-frame .img {
    transform: scale(1.1);
    transition: 0.5s ease-out;
}

.guide-block .default-box:hover .img-frame .img {
    transform: scale(1);
}

/* hotels  */
.xs-box .img-frame {
    width: 60px;
    height: 60px;
    margin-right: 10px;
    flex-shrink: 0;
    position: relative;
}

.xs-box {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    margin-bottom: 20px;
}

.xs-box .img-frame::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    opacity: 0;
    top: 0;
    background-color: rgba(255, 255, 255, 0.2);
    transition: 0.2s;
    border-radius: 5px;
}

.xs-box h2 {
    font-size: 12px;
    font-family: roman;
    color: #546E7A;
    margin-bottom: 5px;
    line-height: 1;
}

.xs-box h4 {
    font-family: caps;
    color: #455A64;
    font-size: 14px;
    transition: 0.2s;
}

.xs-box:hover .img-frame::after {
    opacity: 1;
}

.xs-box:hover h4 {
    color: #09C688 !important;
}

.hotels-block .default-box .img-frame {
    margin-bottom: 5px;
}

.hotels-block .types-button h3 {
    margin-bottom: 0px;
}

.hotels-block .types-button .title {
    margin-bottom: 4px;
    font-size: 12px;
    font-family: roman;
}

.hotels-block .types-button .right {
    text-align: right;
}

.hotels-block .types-button .right span {
    font-size: 26px;
    color: #FAFDFF;
    line-height: 1;
    font-size: 26px;
    /* -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #ffffff;
    -webkit-text-fill-color: #ffffff; */
    text-shadow: -1px -1px 0 #546E7A, 1px -1px 0 #546E7A, -1px 1px 0 #546E7A, 1px 1px 0 #546E7A;
    letter-spacing: 2px;
}

.dark-mode .hotels-block .types-button .right span {
    -webkit-text-stroke-color: transparent;
}

.hotels-block .types-button .right .sm-title {
    font-size: 12px;
    font-family: roman;
    transition: 0.2s;
}

.hotels-block .types-button {
    margin-bottom: 20px;
}

.hotels-block .types-button:hover {
    border: 1px solid #09C688;
    background-color: transparent;
}

.hotels-block .types-button:hover * {
    color: #546E7A;
}

.hotels-block .types-button:hover .sm-title {
    color: #09C688;
}

.hotels-block .location {
    margin: 40px 0px 30px 0px;
}

.hotels-block .location .search-box {
    background-color: white;
    border-radius: 5px;
    padding: 30px 20px;
    box-shadow: 0px 10px 10px rgba(208, 230, 245, 0.2);
}

.dark-mode .hotels-block .location .search-box {
    background-color: #222222;
}

.hotels-block .location .search-box .title {
    font-family: caps;
    color: #455A64;
    font-size: 20px;
    width: 100%;
    display: inline-block;
    line-height: 1;
    text-align: center;
    margin-bottom: 20px;
}

.hotels-block .location .green-btn {
    color: white;
    font-size: 16px;
    width: 100%;
    border-radius: 5px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 27px;
}

.hotels-block .location .input label {
    margin-bottom: 8px;
    font-family: roman;
    font-size: 13px;
}

.hotels-block .location .input input {
    border-radius: 5px;
    background-color: #F5FBFF;
    border: 1px solid #E6F5FF;
    height: 45px;
    width: 100%;
    transition: 0.2s;
}

.hotels-block .location .input input:hover,
.hotels-block .location .input input:focus {
    border: 1px solid #09C688;
}

.hotels-block .location .input {
    margin-bottom: 3px;
}

.hotels-block .dropdown .selected {
    width: 175px;
    background-color: white;
}

.hotels-block .dropdown .result ul li {
    color: #546E7A;
    font-size: 14px;
    padding: 8px 10px;
    background-color: white;
    line-height: 1;
    cursor: pointer;
    transition: 0.2s;
    font-family: roman;
}

.hotels-block .dropdown .result ul li:hover {
    color: #09C688;
    padding-left: 15px;
}

.hotels-block .dropdown-wrapp {
    position: absolute;
    top: 10px;
    left: 10px;
}

.hotels-block .location .map {
    padding: 2px;
    overflow: hidden;
    border: 2px solid #F0F7FC;
    border-radius: 5px;
    height: 319px;
}

.dark-mode .hotels-block .location .map {
    border: 2px solid #222222;
}

.hotels-block .location .map .iframe {
    width: 100%;
    height: 100%;
    object-fit: cover;
}


/* tourist companies main page  */
.dark-mode .tourist-companies .tourist-search {
    background-color: #222222;
}

.tourist-companies .tourist-search {
    border-radius: 5px;
    background-color: white;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    box-shadow: 0px 5px 12px rgba(208, 230, 245, 0.302);
}

.dark-mode .tourist-companies .tourist-search input {
    background-color: #383838;
}

.tourist-companies .tourist-search input {
    border-radius: 5px;
    background-color: #F2F7FA;
    height: 40px;
    padding: 0px 15px;
    font-size: 12px;
    width: 100%;
}

.tourist-companies .tourist-search input::placeholder {
    color: #B0BEC5;
}

.tourist-companies .tourist-search .green-btn {
    width: 170px;
    height: 40px;
    font-size: 14px;
    font-family: caps;
    border-radius: 5px;
    flex-shrink: 0;
    margin-left: 15px;
}

.tourist-companies .company-box {
    display: flex;
    overflow: hidden;
    width: 100%;
    white-space: nowrap;
    margin-bottom: 20px;
}

.dark-mode .tourist-companies .company-box::after {
    background-image: linear-gradient(to right, transparent, #18191a);
}

.tourist-companies .company-box::after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 35px;
    height: 100%;
    background-image: linear-gradient(to right, transparent, #FAFDFF);
}

.tourist-companies .company-box .img-container {
    border-radius: 50%;
    overflow: hidden;
    width: 80px;
    flex-shrink: 0;
    height: 80px;
    border: 1px solid #E1F0FA;
    margin-right: 10px;
}

.tourist-companies .company-box .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tourist-companies .company-box .location-title {
    color: #546E7A;
    font-size: 12px;
    font-family: roman;
    width: 100%;
    white-space: nowrap;
    transition: 0.2s;
}

.tourist-companies .company-box .location-title:hover {
    color: #546E7A;
}

.tourist-companies .company-box .inner {
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding: 10px 0px;
}

.tourist-companies .tour-count .count {
    margin-bottom: 37px;
}

.tourist-companies .company-box h3 {
    border-bottom: 1px solid transparent;
    transition: 0.2s;
    padding-bottom: 3px;
}

.tourist-companies .company-box:hover h3 {
    border-bottom: 1px solid #546E7A;
    color: #546E7A;
}

.dark-mode .tourist-companies .company-box:hover h3 {
    border-bottom: 1px solid #fff;
}

/* profile  */
.profile-info {
    border-radius: 5px;
    background-color: white;
    height: calc(100vh - 156px);
    display: flex;
    flex-wrap: wrap;
    align-content: space-between;
    padding-top: 20px;
}

.profile-info .inner {
    width: 100%;
}

.profile-info .avatar {
    display: flex;
    align-items: center;
    padding: 20px 20px 25px 20px;
    width: 100%;
}

.profile-info .avatar .img-container {
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
    flex-shrink: 0;
    width: 50px;
    height: 50px;
}

.profile-info .avatar .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.profile-info .name span:first-child {
    color: #546E7A;
    font-family: capsbold;
    margin-bottom: 3px;
    font-size: 14px;
}

.profile-info .name span {
    font-size: 14px;
    font-family: caps;
    color: #546E7A;
    display: block;
    line-height: 1;
}

.profile-info .list {
    padding: 0px 20px 0px 20px;
}

.profile-info .list li {
    margin-bottom: 20px;
}

.profile-info .list li a::before {
    position: absolute;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    height: 30px;
    width: 3px;
    border-radius: 0px 3px 3px 0px;
    background-color: #09C688;
    transition: 0.2s;
    height: 0;
}

.profile-info .list a.active::before,
.profile-info .list a:hover::before {
    height: 30px;
}

.profile-info .list li a {
    display: flex;
    align-items: center;
    width: fit-content;
    position: relative;
    transition: 0.2s;
    color: #546E7A;
}

.profile-info .list li a.active,
.profile-info .list li a:hover {
    color: #546E7A;
}

.profile-info .list li a.active .img-container img,
.profile-info .list li a:hover .img-container img {
    filter: invert(46%) sepia(44%) saturate(5290%) hue-rotate(116deg) brightness(93%) contrast(93%);
}

.profile-info .list li a .img-container {
    width: 24px;
    margin-right: 15px;
    display: flex;
    height: auto;
    justify-content: center;
    align-items: center;
}

.profile-info .list li a .sup-info {
    border-radius: 5px;
    color: white;
    display: flex;
    height: 20px;
    align-items: center;
    padding: 0px 7px;
    margin-left: 10px;
    font-size: 12px;
    min-width: 24px;
    justify-content: center;
}

.profile-info .companys {
    /* padding: 10px 0px 0px 0px; */
}

.def-dropdown {
    padding-top: 10px;
}

.def-dropdown.active {
    background-color: #F5FBFF;
}

.def-dropdown .selected {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    padding: 0px 20px;
    width: 100%;
}

.def-dropdown .selected .company-logo {
    margin-right: 2px;
    width: 30px;
}

.def-dropdown .selected .title {
    color: #546E7A;
    font-size: 14px;
    transition: 0.2s;
}

.def-dropdown .selected .title:hover {
    color: #546E7A;
}

.def-dropdown .result {
    border-top: 1px solid #D0E6F5;
    margin-top: 7px;
    padding: 15px 0px 15px 56px;
    background-color: #F5FBFF;
    display: none;
    max-height: 190px;
    overflow-y: scroll;
}

.def-dropdown .result::-webkit-scrollbar {
    width: 5px;
}

.def-dropdown .result::-webkit-scrollbar-track {
    background-color: transparent;
}

.def-dropdown .result::-webkit-scrollbar-thumb {
    background: #7A8C99;
    border-radius: 5px;
}

.def-dropdown .result li {
    margin-bottom: 15px;
}

.def-dropdown .result li:last-child {
    margin-bottom: 0px;
}

.def-dropdown .result a {
    color: #546E7A;
    font-size: 14px;
    display: flex;
    align-items: center;
    transition: 0.2s;
}

.def-dropdown .result a .sup-info {
    border-radius: 5px;
    background-color: #546E7A;
    font-size: 12px;
    color: white;
    padding: 0px 5px;
    height: 16px;
    display: flex;
    align-items: center;
    margin-left: 10px;
}

.def-dropdown .result a:hover {
    color: #09C688;
}

.profile-info .bottom {
    padding: 20px;
    width: 100%;
}

.profile-info .bottom li.exit a::before {
    background-color: #FF5252;
}

.profile-info .bottom li.exit a:hover img {
    filter: invert(53%) sepia(58%) saturate(3431%) hue-rotate(325deg) brightness(103%) contrast(136%);
}

.profile-info .bottom .green-btn {
    width: 100%;
    height: 40px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px;
    color: white;
}

.profile-info .bottom .green-btn img {
    pointer-events: none;
}

.admin-page .header-button {
    width: 100%;
    height: 100px;
    border-radius: 5px;
    border: 1px solid white;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: 0.3s;
    position: relative;
    background-color: white;
}

.admin-page .header-button .title-wrap img {
    position: absolute;
    right: 0;
    top: 0;
}

.admin-page .header-button::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 100%;
    height: 0;
    background-color: #ebf5fc;
    z-index: 0;
    border-radius: 300% 300% 0px 0px;
    transition: 0.3s ease-in-out;
}

.admin-page .header-button:hover::before {
    border-radius: 0px;
    height: 100%;
}

.admin-page .header-button .title-wrap span {
    color: #09C688;
    transition: 0.2s;
    font-size: 20px;
    margin-bottom: 10px;
    display: block;
    line-height: 1;
    font-family: caps;
    padding-left: 20px;
    position: relative;
    z-index: 1;
}

.admin-page .header-button .title-wrap h6 {
    color: #546E7A;
    font-family: caps;
    font-size: 18px;
    display: block;
    position: relative;
    z-index: 1;
    padding-left: 20px;
}

.admin-page .main {
    background-color: white;
    border-radius: 5px;
    min-height: calc(100vh - 276px);
}

.admin-page .main .title-wrapper {
    padding: 20px;
    border-bottom: 1px solid #F1F3F5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.admin-page .main .title-wrapper .title {
    color: #455A64;
    font-size: 16px;
}

.admin-page .main .profile-percent {
    display: flex;
    align-items: center;
}

.admin-page .main .profile-percent .label {
    font-size: 12px;
    color: #546E7A;
    margin-bottom: 3px;
    width: fit-content;
    display: block;
}

.admin-page .main .profile-percent .line {
    width: 100%;
    height: 4px;
    background-color: transparent;
    border: 1px solid #09C688;
    border-radius: 2px;
    position: relative;
}

.admin-page .main .profile-percent .line .before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: #09C688;
    height: 100%;
    width: 85%;
}

.admin-page .main .profile-percent .percent {
    font-size: 14px;
    line-height: 1;
    color: #546E7A;
    margin-left: 10px;
    font-family: caps;
}

.admin-page .main .avatar {
    padding: 20px 20px 0px 20px;
    display: flex;
    align-items: center;
}

.admin-page .main .avatar .img-container {
    border-radius: 50%;
    overflow: hidden;
}

.admin-page .main .avatar button {
    border-radius: 5px;
    background-color: #F5FBFF;
    border: 1px solid #D0E6F5;
    padding: 0px 15px;
    height: 30px;
    margin-left: 10px;
    font-family: caps;
    font-size: 14px;
    transition: 0.2s;
}

.admin-page .main .avatar button:hover {
    border: 1px solid transparent;
    background-color: #09C688;
    color: white;
}

.admin-page .input-form {
    margin-bottom: 20px;
    display: flex;
    flex-direction: column-reverse;
    position: relative;
}

.admin-page .def-dropdown {
    padding-top: 0px;
    position: relative;
}

.admin-page .def-dropdown .result {
    margin-top: 0px;
    border: none;
    padding-left: 10px;
    width: 100%;
    position: absolute;
    border-radius: 0px 0px 5px 5px;
    z-index: 10;
    background-color: white;
    border: 1px solid #D0E6F5;
    border-top: none;
    padding: 10px 0px 0px 0px;
}

.admin-page .def-dropdown .result li {
    padding-left: 0px;
    font-size: 14px;
    color: #546E7A;
    cursor: pointer;
    transition: 0.3s;
    margin-bottom: 0px;
    padding: 0 10px 10px 10px;
}

.admin-page .def-dropdown .result li:hover {
    color: #09C688;
    padding-left: 15px;
}

.avatar-wrap .username {
    display: flex;
    flex-direction: column;
    line-height: 1;
    font-family: capsbold;
    font-size: 13px;
}

.avatar-wrap .username span {
    font-family: caps;
    font-size: 14px;
}

.admin-page .def-dropdown.active {
    background-color: transparent;
}

.admin-page .def-dropdown.active .selected {
    border-radius: 5px 5px 0px 0px;
}

.admin-page .def-dropdown .selected {
    width: 100%;
    height: 40px;
    background-color: transparent;
    border: 1px solid #D0E6F5;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 12px;
    color: #546E7A;
    transition: 0.2s;
    background-color: white;
}

.admin-page .input-form label {
    display: block;
    line-height: 1;
    margin-bottom: 5px;
    font-size: 14px;
    transition: 0.2s;
}

.admin-page .input-form input {
    width: 100%;
    height: 40px;
    background-color: transparent;
    border: 1px solid #D0E6F5;
    border-radius: 5px;
    padding-left: 10px;
    font-size: 12px;
    color: #546E7A;
    transition: 0.2s;
}

.admin-page .input-form input:focus,
.admin-page .input-form input:hover {
    border: 1px solid #09C688;
}

.admin-page .input-form input:hover + label,
.admin-page .input-form input:focus + label {
    color: #09C688;
}

textarea:focus + label {
    color: #09C688;
}

/* .admin-page .input-form input:hover + .input-form label { color:red!important; font-weight: bold; }
 */
.admin-page .input-form input::placeholder {
    font-size: 12px;
    color: #546E7A;
}

.admin-page form .green-btn {
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 20px;
}

.admin-page .main-title {
    width: 100%;
    margin-bottom: 0px;
    display: flex;
    cursor: auto;
    justify-content: center;
    background: transparent;
    color: #09C688 !important;
    -webkit-text-fill-color: unset !important;
    font-size: 20px;
}

.admin-page .title-text {
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #F1F3F5;
    margin-bottom: 20px;
    padding: 0px 20px 20px 20px;
}

.admin-page .title-text p {
    font-size: 13px;
    font-family: roman;
    color: #546E7A;
}

.lg-radio {
    width: 100%;
    height: 60px;
    border-radius: 5px;
    background-color: #F5FBFF;
    color: #546E7A;
    font-family: caps;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.lg-radio input[type=radio] {
    position: absolute !important;
    right: 20px;
}

.admin-page.add-company .main {
    min-height: calc(100vh - 176px);
}

.admin-page .input-form .add-green {
    border-radius: 50%;
    width: 30px;
    height: 30px;
    padding: 0px;
    flex-shrink: 0;
}

.admin-page .input-form .add-green img {
    pointer-events: none;
}

.admin-page .input-form .remove-number {
    background-color: #FF5252 !important;
}

.admin-page .remove-appended {
    opacity: 1;
    transition: 1s;
}

.admin-page .remove-labels .remove-appended label {
    opacity: 0;
    pointer-events: none;
}

.admin-page .add-soc-link {
    padding: 20px 20px 0px 20px;
    border-top: 1px solid #F1F3F5;
    border-bottom: 1px solid #F1F3F5;
    margin-bottom: 20px;
}

.admin-page .add-soc-link .title-text {
    border-bottom: none;
}

.admin-page .bg-grey-btn {
    background-color: #F5FBFF;
    border-radius: 5px;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-family: caps;
    color: #546E7A;
    width: 100%;
    margin-bottom: 20px;
    transition: 0.2s ease-in-out;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.admin-page .bg-grey-btn img {
    margin-left: 10px;
    transition: 0.25s ease-in-out;
}

.admin-page .bg-grey-btn::after {
    content: '';
    position: absolute;
    width: 0%;
    height: 0%;
    background-color: #09C688;
    z-index: -1;
    transition: height 0.3s ease-in-out, width 0.3s ease-in-out;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    /* border-radius: 100%; */
}

.admin-page .bg-grey-btn.active::after,
.admin-page .bg-grey-btn:hover::after {
    border-radius: 0px;
    width: 100%;
    height: 100%;
}

.admin-page .bg-grey-btn.active,
.admin-page .bg-grey-btn:hover {
    color: white;
}

.admin-page .bg-grey-btn.active img,
.admin-page .bg-grey-btn:hover img {
    filter: brightness(0) invert(1);
}

.admin-page.add-tour {
    min-height: 100vh;
}

.admin-page .finish-btn {
    display: flex;
    justify-content: center;
    border-top: 1px solid #F1F3F5;
    padding-top: 20px;
}

.admin-page .finish-btn .green-btn {
    padding: 0px 25px;
    height: 45px;
    font-size: 16px;
    margin: 0px 10px;
}

.admin-page .finish-btn .green-btn.back {
    padding: 0px 15px;
    background-color: #D0E6F5 !important;
    color: #546E7A;
}

.admin-page .finish-btn .green-btn.back:hover {
    background-color: #546E7A !important;
    color: white;
}

/* .admin-page.add-tour{
    min-height: 100vh;
} */
.admin-page.add-tour .main {
    min-height: unset;
}

.admin-page .input-form.counter-wrap {
    flex-direction: unset;
    display: flex;
    align-items: center;
    margin-bottom: 0px;
    padding-top: 19px;
}

.admin-page .input-form.counter-wrap .title {
    flex-shrink: 0;
}

.admin-page .input-form.counter-wrap .counter {
    display: flex;
    position: relative;
    width: 100px;
    flex-shrink: 0;
    margin-left: 10px;
}

.admin-page .input-form.counter-wrap .title {
    font-size: 14px;
}

.admin-page .input-form.counter-wrap .counter button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 15px;
}

.admin-page .input-form.counter-wrap .counter button.plus {
    right: 15px;
    left: unset;
}

.admin-page .input-form.counter-wrap .counter input {
    text-align: center;
    width: 100%;
    border: 1px solid #D0E6F5 !important;
    background-color: white;
}

.admin-page.add-tour .add-steps {
    background-color: white;
    border-radius: 5px;
    overflow: hidden;
    padding: 20px 14px 0px 20px;
}

.admin-page.add-tour .add-steps li {
    font-size: 14px;
    color: #546E7A;
    cursor: pointer;
    line-height: 1;
    margin-bottom: 20px;
    font-family: caps;
    transition-delay: 0.2s;
    display: flex;
    align-items: center;
}

.admin-page.add-tour .add-steps li.active {
    color: #546E7A;
}

.admin-page.add-tour .add-steps li span {
    width: 18px;
    height: 18px;
    border: 1px solid #09C688;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
    flex-shrink: 0;
    transition-delay: 0.2s;
}

.admin-page.add-tour .add-steps li.active span {
    background-color: #09C688;
}

.admin-page.add-tour .input-form .def-dropdown {
    width: 100%;
}

.admin-page.add-tour .grey-box {
    display: flex;
    justify-content: center;
    padding: 0px 45px;
    align-items: center;
    height: 70px;
    border-radius: 5px;
    background-color: #F5FBFF;
    width: fit-content;
    margin: auto;
}

.admin-page.add-tour .grey-box button {
    margin: 0px 10px;
    cursor: pointer;
}

.admin-page.add-tour textarea {
    height: 100px;
    border-radius: 5px;
    border: 1px solid #D0E6F5;
    width: 100%;
    font-size: 14px;
    color: #546E7A;
    padding: 10px;
    margin-bottom: 20px;
}

.admin-page.add-tour textarea::placeholder {
    color: #546E7A;
}

.admin-page.add-tour .days-textarea .input-form {
    margin-bottom: 10px;
}

.admin-page .main .grey-block {
    background-color: #F5FBFF;
}

.admin-page .upload-pic {
    background-color: white;
    color: #546E7A;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0px 20px;
    height: 70px;
    border-radius: 5px;
    border: 1px solid #D0E6F5;
    width: 180px;
    font-family: caps;
    text-align: left;
    line-height: 20px;
    transition: 0.2s ease-in-out;
}

.admin-page .upload-pic img {
    margin-left: 10px;
}

.admin-page .upload-pic:hover {
    background-color: #09C688;
    color: white;
}

.admin-page .upload-pic:hover img {
    filter: brightness(0) invert(1);
}

.admin-page .add-grey-block {
    padding: 0px 20px;
    border-bottom: 1px solid #D0E6F5;
    padding-bottom: 20px;
    margin-bottom: 16px;
}

.admin-page .add-grey-block:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.admin-page .section {
    display: none;
}

.admin-page .section.active {
    display: block;
}

.admin-page .checkbox-wrapper {
    padding: 0px 20px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.admin-page .checkbox-wrapper .input-checkbox {
    background-color: #F5FBFF;
    display: flex;
    align-items: center;
    border-radius: 5px;
    height: 40px;
    border: 1px solid transparent;
    transition: 0.2s;
    cursor: pointer;
    padding: 0px 10px;
    font-size: 14px;
    color: #546E7A;
}

.admin-page .input-checkbox:hover {
    border: 1px solid #09C688;
}

.admin-page .input-checkbox input {
    margin-right: 10px;
    margin-top: 1px;
}

.admin-page input[type="checkbox"] {
    position: relative !important;
    outline: none !important;
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    border: 2px solid #546E7A;
    transition: 0.3s;
    border-radius: 5px;
    background-color: white;
    overflow: hidden;
}

.admin-page input:hover[type="checkbox"],
.admin-page input:checked[type="checkbox"] {
    border: 4px solid #09C688;
}

.admin-page input[type="checkbox"]:before {
    transition: 0.2s;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 0;
    height: 0;
    background-color: #09C688;
    clip-path: none;
    border-radius: 0;
}

.admin-page input:checked[type="checkbox"]:before,
.admin-page input:hover[type="checkbox"]:before {
    width: 100%;
    height: 100%;
}

.admin-page .checkbox-wrapper.danger .input-checkbox:hover {
    border: 1px solid #FF5252;
}

.admin-page .checkbox-wrapper.danger input[type="checkbox"]:before {
    background-color: #FF5252;
}

.admin-page .checkbox-wrapper.danger input:hover[type="checkbox"],
.admin-page .checkbox-wrapper.danger input:checked[type="checkbox"] {
    border: 4px solid #FF5252;
}

.admin-page .main-title.danger-color {
    color: #FF5252 !important;
}

.input-form img.abs {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}

.admin-page .append-note {
    padding: 0px 20px 0px 20px;
}

.xl-grey label {
    border-radius: 5px;
    background-color: #F5FBFF;
    padding: 20px;
    height: 170px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.xl-grey label span {
    font-size: 20px;
    font-family: caps;
    display: inline-block;
    width: 100%;
}

.xl-grey label .text {
    margin-bottom: 10px;
}

.xl-grey label .text p {
    font-family: roman;
    font-size: 13px;
    color: #546E7A;
    line-height: 17px;
}

.admin-page .input-check {
    margin-top: 19px;
    display: flex;
    align-items: center;
    height: 40px;
}

.admin-page .input-check label {
    font-size: 14px;
}

.admin-page .add-date {
    font-size: 16px;
    border-radius: 5px;
    border: 1px solid #546E7A;
    background-color: white;
    transition: 0.2s;
    padding: 0px 20px;
    height: 40px;
    display: flex;
    align-items: center;
    margin: auto;
    margin-bottom: 20px;
}

.admin-page .add-date img {
    margin-left: 10px;
}

.admin-page .find-date .type {
    display: none !important;
}

.admin-page .find-date .type.active {
    display: flex !important;
}

.admin-page .uploaded {
    display: flex;
}

.admin-page .uploaded li {
    height: 160px;
    width: 230px;
    background-color: #D0E6F5;
    border-radius: 5px;
    flex-shrink: 0;
    margin-right: 10px;
    position: relative;
}

.admin-page .uploaded li .cancel {
    position: absolute;
    top: -5px;
    right: -5px;
}

.admin-page .uploaded ul {
    display: flex;
    flex-wrap: wrap;
}

.admin-page .uploaded ul li {
    width: 80px;
    height: 70px;
    margin-right: 0px;
    margin: 0px 10px;
    margin-bottom: 20px;
}

.admin-page .uploaded li .img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 5px;
}

.admin-page div[data-tab] {
    display: none;
}

.admin-page div[data-tab].active {
    display: block;
}

.admin-page .back-title .inner {
    position: unset;
    transform: translateX(0%);
}

.admin-page .back-title img {
    margin-top: 5px;
}

.back-title img {
    pointer-events: none;
}

.back-title img::selection {
    background-color: transparent;
}

.upload {
    display: flex;
}

.upload ul {
    display: flex;
    flex-wrap: wrap;
}

.upload ul li {
    margin-bottom: 20px;
    margin-left: 20px;
    position: relative;
    border-radius: 5px;
    width: 80px;
    height: 70px;
}

.upload ul li .img {
    border-radius: 5px;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.upload .cancel {
    position: absolute;
    top: -5px;
    right: -5px;
    cursor: pointer;
}

.upload-pic-wrap {
    width: 645px;
    flex-shrink: 0;
}


.search-page {
    min-height: 100vh;
}

.search-page .background-lightgrey {
    background-color: #F2F7FA;
}

.search-page .weekend-tours {
    padding-bottom: 30px;
}

.search-page .region-link {
    border-radius: 14px;
    height: 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    padding: 0px 10px;
    font-size: 20px;
    color: white;
    position: relative;
    overflow: hidden;
    z-index: 0;
    line-height: 24px;
}

.search-page .region-link::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(69, 90, 100, 0.3);
    z-index: -1;
    width: 100%;
    height: 100%;
}

.search-page .region-link div {
    border-radius: 14px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    flex-shrink: 0;
}

.list-view {
    display: flex;
    align-items: center;
    color: #546E7A;
    font-size: 12px;
    font-family: roman;
    margin-bottom: 4px;
}

.list-view button {
    margin-left: 10px;
    opacity: 0.3;
    transition: 0.3s;
}

.list-view button.active {
    opacity: 1;
}

.green-title {
    color: #09C688;
    font-size: 26px;
    font-family: caps;
}

.return-list {
    display: flex;
    margin-bottom: 17px;
}

.return-list li:first-child {
    margin-left: 0px;
}

.return-list li {
    margin-left: 3px;
}

.return-list a {
    font-size: 12px;
    font-family: roman;
    color: #546E7A;
    transition: 0.2s;
}

.return-list a:hover {
    color: #546E7A;
}

.dark-mode .result-box {
    background-color: unset;
}

.result-box {
    display: flex;
    border-radius: 5px;
    background-color: #F0F6FA;
    padding: 10px;
    align-items: center;
    margin-bottom: 10px;
}

.result-box .w-100 {
    height: 200px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.result-box .img-frame {
    height: 200px;
    width: 320px;
    flex-shrink: 0;
    margin-right: 10px;
    position: relative;
    transition: 0.2s;
    overflow: hidden;
}

.result-box .img-frame img {
    transition: 0.3s ease-in-out;
}

.result-box .img-frame:hover img {
    transform: scale(1.1);
}

.result-box .img-frame:hover + .w-100 h4 {
    color: #09C688;
}

.result-box .company-title {
    font-size: 12px;
    font-family: roman;
    display: flex;
    align-items: center;
    transition: 0.2s;
}

.result-box a.company-title:hover {
    color: #09C688;
}

.result-box .company-title .sm-title {
    font-family: light;
    margin-left: 5px;
    font-size: 12px;
}

.result-box .box-title {
    display: flex;
    max-width: 400px;
    color: #455A64;
    margin-bottom: 12px;
    position: relative;
}

.result-box .interval {
    margin-top: 5px;
}

.result-box .box-title::after {
    position: absolute;
    bottom: -10px;
    width: 100%;
    height: 1px;
    content: '';
    left: 0;
    background-color: #E6ECF0;
}

.result-box .box-title h2 {
    font-size: 16px;
    transition: 0.3s;
    max-height: 43px;
    overflow: hidden;
    line-height: 21px;
}

.result-box .box-title h2:hover {
    color: #09C688;
}

.result-box .time {
    height: 22px;
    display: flex;
    align-items: center;
    padding: 0px 5px;
    border-radius: 8px;
    background-color: #E6ECF0;
    width: fit-content;
    font-size: 12px;
    font-family: roman;
    flex-shrink: 0;
}

.result-box .time img {
    margin-right: 5px;
}

.result-box .top {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: fit-content;
}

.result-box .bot .location {
    font-size: 14px;
    font-family: caps;
    color: #455A64;
    transition: 0.2s;
    flex-shrink: 0;
    margin-right: 5px;
    color: #546E7A;
}

.result-box .bot .location::after {
    content: ',';
}

.result-box .bot .location:last-child::after {
    content: '';
}

.result-box .loc-wrap {
    display: flex;
    height: 100%;
    align-items: flex-end;
}

.result-box .loc-wrap img {
    position: relative;
    top: -5px;
}

.search-page[data-id="1"] .result-box .loc-wrap img {
    top: -2px;
}

.search-page[data-id="1"] .result-box .location {
    font-size: 12px;
}

.search-page[data-id="1"] .result-box .bot .location,
.result-box .bot .location:hover {
    color: #08AD77 !important;
}

.result-box .bot .location:hover img {
    filter: invert(46%) sepia(44%) saturate(5290%) hue-rotate(116deg) brightness(93%) contrast(93%);
}

.result-box .bot .location img {
    width: 15px;
    margin-bottom: 3px;
}

.result-box .bot {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.result-box .place {
    font-size: 12px;
    display: block;
    margin-bottom: 10px;
}

.result-box .bot .price-wrapper {
    display: flex;
    align-content: flex-end;
}

.result-box .bot .price-wrapper .green-btn {
    border-radius: 12px;
    font-size: 14px;
    height: 40px;
    display: flex;
    align-items: center;
    padding: 0px 15px;
    flex-shrink: 0;
    margin-left: 10px;
}

.result-box .bot .price-wrapper .price {
    display: flex;
    flex-wrap: wrap;
    justify-items: flex-end;
}

.result-box .bot .price-wrapper .price .price-title {
    width: 100%;
    display: block;
    text-align: right;
    font-size: 14px;
    color: #546E7A;
    /* margin-bottom: 4px; */
    line-height: 1;
}

.result-box .bot .price-wrapper .price .prc {
    color: #09C688;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
}

.result-box .bot .price-wrapper .price .prc img {
    margin-right: 3px;
    position: relative;
    top: -1px;
}

.result-box .interval .sm-title {
    width: 100%;
    display: block;
    font-size: 12px;
    color: #546E7A;
    font-family: roman;
}

.search-page[data-id="1"] .change-box {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.search-page[data-id="1"] .result-box {
    flex-direction: column;
    background-color: transparent;
    padding: 0px;
    margin-bottom: 20px;
}

.search-page[data-id="1"] .result-box .w-100 {
    height: unset;
}

.search-page[data-id="1"] .result-box .bot .location {
    font-size: 12px;
    font-family: roman;
    color: #546E7A;
    margin-bottom: 3px;
}

.search-page[data-id="1"] .result-box .bot {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
}

.search-page[data-id="1"] .result-box .bot .price-wrapper .price {
    flex-direction: column;
    align-items: flex-start;
}

.search-page[data-id="1"] .result-box .img-frame {
    width: 100%;
    margin-right: 0px !important;
}

.search-page[data-id="1"] .result-box .bot .price-wrapper .price .prc {
    font-size: 16px;
}

.search-page[data-id="1"] .result-box .box-title h2 {
    font-size: 14px;
}

.search-page[data-id="1"] .result-box .box-title {
    max-width: unset;
    max-height: 20px;
    margin-top: 7px;
    margin-bottom: 5px;
}

.search-page[data-id="1"] .result-box .bot .price-wrapper .price .price-title,
.search-page[data-id="1"] .result-box .bot .price-wrapper .green-btn,
.search-page[data-id="1"] .result-box .box-title::after,
.search-page[data-id="1"] .result-box .interval,
.search-page[data-id="1"] .result-box .time,
.search-page[data-id="1"] .result-box .company-title {
    display: none;
}

.edd-box {
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.edd-box img {
    width: 100%;
}

.edd-box span {
    color: white;
    position: absolute;
    left: 210px;
    font-family: caps;
    font-size: 18px;
    top: 50%;
    transform: translateY(-50%);
    max-width: 340px;
    line-height: 22px;
}

.edd-box button {
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    color: #09C688;
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0px 20px;
    font-size: 14px;
    background-color: white;
    border-radius: 12px;
    right: 20px;
    transition: 0.2s;
}

.edd-box button:hover {
    background-color: transparent;
    color: white;
}

.search-page .input-form.datepicker {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
    margin-bottom: 20px;
}

.search-page .input-form label {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    line-height: 1;
}

.search-page .input-form.datepicker button {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 2px solid #E8F3FA;
    background-color: #F5F9FC;
    margin-left: 10px;
    position: absolute;
    right: 10px;
    border: none;
    background: transparent;
    font-family: roman;
    font-weight: normal;
}

.search-page .datepicker input {
    height: 40px;
    border: 1px solid #E8F3FA;
    border-radius: 12px;
    font-size: 14px;
    width: 100% !important;
    cursor: pointer;
}

.search-page .input-form {
    padding-bottom: 0;
    border-bottom: 1px solid #EBF5FC;
    margin-bottom: 0;
    border: none;
}

.search-page .input-form:last-child {
    border-bottom: none;
}

.search-page .input-form .green-btn.search-button {
    width: 100%;
    border-radius: 10px;
    font-size: 16px;
    color: white;
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-page .input-form .green-btn.search-button img {
    margin-right: 10px;
}

.search-page .input-form .clean {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: transparent;
    font-size: 14px;
    font-family: roman;
    align-items: center;
    margin-top: 20px;
    padding-bottom: 15px;
}

.search-page .input-form .filter-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.search-page .input-form .filter-btn button {
    padding: 0px 14px;
    display: flex;
    align-items: center;
    border-radius: 12px;
    border: 2px solid #E8F3FA;
    font-family: roman;
    font-size: 13px;
    height: 38px;
    transition: 0.2s;
}

.search-page .input-form .filter-btn button:hover,
.search-page .input-form .filter-btn button.active,
.search-page .input-form .filter-btn button.active span,
.search-page .input-form .filter-btn button:hover span {
    color: white !important;
}

.search-page .input-form .filter-btn button:hover,
.search-page .input-form .filter-btn button.active {
    background-color: #09C688;
    border: 2px solid transparent;
}

.search-page .input-form .filter-btn button span {
    margin-right: 5px;
    display: inline-block;
}

.search-page .filter-list ul li {
    font-size: 14px;
    transition: 0.2s;
    position: relative;
    cursor: pointer;
    margin-bottom: 12px;
    line-height: 1;
}

.search-page .filter-list li ul li:last-child {
    margin-bottom: 0px;
}

.search-page .filter-list ul li.active,
.search-page .filter-list ul li:hover {
    color: #09C688;
}

.search-page .filter-list ul li span {
    font-family: roman;
    font-size: 12px;
    display: inline-block;
    margin-left: 10px;
}

.search-page .filter-list ul li ul a {
    font-size: 13px;
    transition: 0.2s;
    font-family: roman;
}

.search-page .filter-list ul li .min-plus {
    position: absolute;
    top: 6px;
    right: 0;
    width: 10px;
    height: 2px;
    border-radius: 5px;
    background-color: #546E7A;
}

.search-page .filter-list ul li .min-plus::before {
    content: '';
    width: 2px;
    height: 9px;
    background-color: #546E7A;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.3s;
}

.search-page .filter-list ul li.active .min-plus::before {
    transform: translate(-50%, -50%) rotate(-90deg);
}

.search-page .filter-list ul li ul a:hover {
    color: #09C688;
}

.search-page .filter-list ul li ul {
    max-height: 0px;
    overflow: hidden;
    transition: 0.2s;
}

.search-page .filter-list ul li.active ul {
    max-height: 500px;
    padding-top: 10px;
}

.input-form.checkbox li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.input-form.checkbox li label {
    display: flex;
    align-items: center;
    font-family: roman;
    font-size: 14px;
    margin-bottom: 0px;
    cursor: pointer;
    line-height: 19px;
}

.input-form.checkbox li label input {
    margin-right: 5px;
}

.input-form.checkbox li span {
    font-size: 14px;
    font-family: roman;
}

.input-form.checkbox li label input[type="checkbox"] {
    border-radius: 5px;
    width: 18px;
    height: 18px;
    -webkit-appearance: none;
    border: 2px solid #D8E6F0;
    transition: 0.3s;
    background-color: white;
}

.input-form.checkbox li label input[type="checkbox"]:checked {
    border: 2px solid #09C688;
}

.input-form.checkbox li label input[type="checkbox"]:before {
    content: '';
    position: absolute;
    top: -4px;
    left: 0;
    width: 100%;
    height: 100%;
}

/* input:hover[type="checkbox"]:before, */
.input-form.checkbox li label input:checked[type="checkbox"]:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: #09C688;
    border-radius: 2px;
}

.input-form.checkbox li label input:checked[type="checkbox"]:before {
    left: 0px;
    top: 1px;
    z-index: 1;
    transition: 0.3s;
    width: 11px;
    height: 12px;
    background-color: white;
    clip-path: polygon(38% 49%, 49% 65%, 93% 26%, 99% 35%, 57% 73%, 49% 82%, 43% 73%, 25% 49%);
}

.search-page .usefull-info {
    justify-content: flex-start;
    padding-top: 0px;
    border: none;
}

.search-page .usefull-info li {
    width: unset;
}

.search-page .usefull-info .img-container {
    border-radius: 10px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
}

.search-page .usefull-info .img-container img {
    height: 13px;
}

.search-page .more-services {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.search-page .result-box {
    transition: 0.2s;
}

.search-page[data-id="1"] .tour-state {
    top: -9px;
    left: -17px;
}

.tour-detail .tour-state {
    top: -9px;
    z-index: 11;
    left: -17px;
}

.tour-state {
    background-image: url(../../img/shape.svg);
    background-repeat: no-repeat;
    background-position: center;
    display: flex;
    pointer-events: none;
    width: 130px;
    color: white;
    height: 90px;
    align-items: center;
    justify-content: center;
    padding-bottom: 30px;
    transform: rotate(-45deg);
    position: absolute;
    top: 1px;
    z-index: 1;
    left: -7px;
    font-size: 12px;
}

.search-page .result-box.default {
    background-color: transparent;
    border: 1px solid #EBF5FC;
}

.search-page:not([data-id="1"]) .result-box:not(.default):hover {
    background-color: white;
}


/* footer  */
.dark-mode footer {
    background-color: #232323;
}

footer {
    background-color: white;
    /*padding-top: 40px;*/
}

.footer-list {
    padding: 17px 0px;
    border: 1px solid #E1F0FA;
    border-left: none;
    border-right: none;
}

.dark-mode .footer-list {
    border: 1px solid #333333;
    border-left: none;
    border-right: none;
}

.dark-mode footer .copyright {
    box-shadow: none;
}

footer .copyright {
    padding: 17px 0px;
    box-shadow: 0px 5px 12px rgba(208, 230, 245, 0.161);
}

footer li a {
    color: #546E7A;
    transition: 0.2s;
}

footer li a:hover {
    color: #09C688;
}

.input-form .dropdown {
    margin-bottom: 20px;
}

.input-form .dropdown .result {
    background-color: white;
    position: absolute;
    width: 100%;
    z-index: 11;
    background-color: white;
}

.input-form .dropdown.active .result {
    padding-top: 5px;
    max-height: 136px;
}

.input-form .dropdown.active .selected {
    background-color: white;
    border: 1px solid transparent;
    border-radius: 10px 10px 0px 0px;
}

.input-form .dropdown .result li {
    font-size: 14px;
    padding-left: 10px;
    cursor: pointer;
    margin-bottom: 5px;
    transition: 0.3s;
}

.input-form .dropdown .result a {
    width: 100%;
    display: flex;
}

.input-form .dropdown .result li:hover {
    padding-left: 15px;
    color: #09C688;
}

.input-form .dropdown .selected {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #EBF5FC;
    height: 40px;
    background-color: white;
}

.tour-not-found {
    position: relative;
    margin-top: 40px;
    display: flex;
    align-items: center;
    border-radius: 14px;
    border: 1px solid #D0E6F5;
    padding: 40px;
    margin-bottom: 20px;
}

.tour-not-found .image {
    width: 870px;
}

.tour-not-found .text {
    display: flex;
    flex-direction: column;
    font-size: 16px;
    font-family: light;
    width: 500px;
}

.tour-not-found .title {
    font-size: 24px;
    font-family: caps;
    display: block;
    margin-bottom: 10px;
}

.tour-not-found .text .green-btn {
    height: 46px;
    background-color: #09C688;
    border-radius: 10px;
    color: white;
    padding: 0px 20px;
    font-size: 16px;
    font-family: caps;
    width: fit-content;
    float: right;
    margin-top: 10px;
    display: flex;
    align-items: center;
    transition: 0.2s;
}

.tour-not-found .text .white-btn:hover {
    /* background-color: #09C688;
    color: white; */
}

.detail-page .intro {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    height: 350px;
    width: 100%;
}

.detail-page .intro img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detail-page .intro .title {
    position: absolute;
    left: 30px;
    top: 20px;
    font-size: 36px;
    color: #09C688;
    font-family: capsbold;
    display: flex;
    align-items: center;
    -webkit-text-stroke: 1.5px white;
}

.detail-page .intro .list {
    position: absolute;
    bottom: 20px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 12px;
    padding: 10px 15px;
    gap: 8px;
}

.detail-page .intro .list li {
    font-size: 12px;
    font-family: roman;
    color: #546E7A;
    margin-right: 10px;
    display: flex;
    flex-direction: column;
    border-right: 1px solid #aecceb;
    padding-right: 20px;
}

.detail-page .intro .list li:last-child {
    border-right: none;
    padding-right: 0;
}

.detail-page .intro .list li span {
    font-size: 14px;
    color: #09C688;
    font-family: caps;
}

.detail-page .intro .title span {
    color: #546E7A;
    font-family: capsbold;
    font-size: 36px;
    margin: 10px;
}

.detail-page .share-wrapper {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
    padding-bottom: 7px;
    border-bottom: 1px solid #EBF5FC;
    margin-bottom: 20px;
}

.dark-mode .detail-page .share-wrapper {
    border-bottom: 1px solid #2f2f2f;
}

.detail-page .det-title {
    font-size: 20px;
    position: relative;
    color: #455A64;
    display: block;
    margin-bottom: 10px;
    font-family: light-b;
}

.detail-page .text p {
    color: #455A64;
    font-size: 14px;
}

.detail-page .facts {
    border-radius: 12px;
    background-color: white;
    margin-top: 60px;
    padding: 30px 20px 30px 180px;
    position: relative;
    min-height: 340px;
    margin-bottom: 40px;
}

.dark-mode .detail-page .facts {
    background-color: #222222;
    border: 1px solid #2f2f2f;
}

.detail-page .facts .title {
    color: #09C688;
    margin-bottom: 3px;
    font-size: 20px;
    display: block;
}

.detail-page .facts ul li {
    font-size: 16px;
    color: #455A64;
    line-height: 20px;
    margin-bottom: 10px;
}

.detail-page .facts ul li::before {
    content: "\2022";
    color: #09C688;
    margin-right: 10px;
    display: inline-block;
}

.detail-page .facts .abs-img {
    position: absolute;
    left: -10px;
    top: -20px;
    pointer-events: none;
}

.detail-page .region-cts {
    padding: 0px 10px;
    margin-bottom: 40px;
}

.detail-page .region-cts .sm-box .img-frame {
    height: 80px;
    margin-bottom: 10px;
}

.detail-page .region-cts .sm-box:hover h6 {
    color: #09C688;
}

.detail-page .region-cts h6 {
    font-size: 14px;
    transition: 0.2s;
}

.detail-page .tour-obj {
    margin-bottom: 50px;
}

.detail-page .tour-obj ul {
    display: flex;
    flex-wrap: wrap;
}

.detail-page .tour-obj ul li {
    margin-right: 30px;
    margin-bottom: 10px;
}

.detail-page .tour-obj ul li img {
    margin-right: 5px;
}

.detail-page .tour-obj ul li a {
    transition: 0.2s;
    display: flex;
    align-items: center;
}

.detail-page .tour-obj ul li a:hover {
    color: #09C688;
}

.detail-page .title-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    margin-top: 40px;
}

.detail-page .title-wrapper a {
    font-family: roman;
    color: #546E7A;
    font-size: 12px;
    line-height: 1;
    display: inherit;
    margin-top: 5px;
    transition: 0.2s;
    width: fit-content;
}

.detail-page .title-wrapper a img {
    position: relative;
    transition: 0.4s ease-in-out;
    left: 0;
}

.detail-page .title-wrapper::before {
    width: 100%;
    height: 1px;
    content: '';
    background-color: #E1F0FA;
}

.detail-page .title-wrapper::after {
    width: 100%;
    height: 1px;
    content: '';
    background-color: #E1F0FA;
}

.detail-page .title-wrapper div {
    flex-shrink: 0;
    text-align: -webkit-center;
    padding: 0px 10px;
}

.detail-page .title-wrapper .det-title {
    line-height: 1;
    margin-bottom: 0px;
}

.detail-page .hotels-block .default-box .img-frame {
    height: 200px;
}

.interesting-themes .sm-blog-box {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.interesting-themes .sm-blog-box .img-frame {
    height: 100px;
    margin-right: 10px;
    /* width: 180px; */
    flex-shrink: 0;
    width: 180px;
}

.interesting-themes .sm-blog-box .sm-title {
    max-height: 45px;
    overflow: hidden;
    display: block;
}

.interesting-themes .sm-blog-box .right {
    width: 50%;
}

.interesting-themes .sm-blog-box .right h5 {
    font-size: 14px;
    color: #546E7A;
    line-height: 18px;
    transition: 0.2s ease-in-out;
    max-height: 38px;
    overflow: hidden;
}

.interesting-themes .sm-blog-box .img-frame:hover + .right h5 {
    color: #09C688;
}

.interesting-themes .sm-blog-box .right h5:hover {
    color: #09C688;
}

.interesting-themes .sm-blog-box .author {
    display: flex;
    margin-top: 10px;
    align-items: center;
}

.interesting-themes .sm-blog-box .author:hover .name {
    color: #09C688;
}

.interesting-themes .sm-blog-box .author .img-container {
    margin-right: 10px;
    border-radius: 50%;
    overflow: hidden;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
}

.interesting-themes .sm-blog-box .author .img-container img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.interesting-themes .sm-blog-box .author .name {
    color: #546E7A;
    font-size: 12px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 14px;
    display: block;
    margin-bottom: -3px;
    transition: 0.2s ease-in-out;
}

.interesting-themes .sm-blog-box .author .date {
    color: #546E7A;
    font-size: 12px;
    font-family: roman;
}

.detail-page .search-map {
    width: 100%;
}

.detail-page .search-map .green-btn {
    width: 100%;
    height: 48px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px 5px 0px 0px;
}

.detail-page .search-map .mp {
    height: 80px;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
    position: relative;
}

.detail-page .search-map .mp .main-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.detail-page .search-map .mp .img-container {
    width: 46px;
    height: 46px;
    border-radius: 14px;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
}

.detail-page .search-map .mp a {
    position: absolute;
    display: flex;
    align-items: center;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: #09C688;
    font-size: 14px;
    font-family: caps;
}

.detail-page .info-list {
    margin-top: 10px;
    border: 1px solid #D0E6F5;
    border-radius: 5px;
}

.detail-page .info-list .weather-link {
    padding: 0px;
    margin: 0px 20px 0px 10px;
    border: none;
    border-bottom: 1px solid #D0E6F5;
    margin: 0px 20px 20px 11px;
}

.detail-page .info-list .weather-link::before {
    content: unset;
}

.detail-page .info-list ul li {
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
    padding-left: 15px;
    margin-bottom: 20px;
    font-size: 14px;
    font-family: roman;
}

.detail-page .info-list ul li b {
    font-size: 14px;
    margin-left: 2px;
}

.detail-page .info-list ul li .img-cont {
    width: 25px;
    margin-right: 8px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.detail-page .share-wrapper .sm-title {
    font-size: 14px;
    color: #546E7A;
}

.detail-page .share-wrapper .sm-title img {
    margin-right: 5px;
}

.detail-page .share {
    transition: 0.2s;
}

.detail-page.tour-detail .return-list {
    margin: 0px;
    margin: 7px 0px;
}

.detail-page .gallery .img-container {
    width: 100%;
    overflow: hidden;
    height: calc(50% - 5px);
    position: relative;
    cursor: pointer;
}

.detail-page .gallery .img-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.detail-page .gallery .large {
    padding-right: 0px;
    height: 100%;
}

.detail-page .gallery .sm {
    height: 100%;
}

.detail-page .gallery .sm .img-container:nth-child(2) {
    margin-bottom: 10px;
    border-radius: 0px 10px 0px 0px;
}

.detail-page .gallery .sm .img-container[data-id="3"] {
    margin: 0px;
    border-radius: 0px 0px 10px 0px;
}

.detail-page .gallery .sm .img-container:last-child::after {
    content: attr(data-text);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgba(55, 71, 79, 0.5);
    color: white;
    font-size: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gallery-slider {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
    transition: 0.3s;
}

.gallery-slider.active {
    z-index: 400;
    opacity: 1;
}

.gallery-slider .item {
    height: 620px;
    display: flex;
    align-items: center;
}

.gallery-slider .arrows img {
    height: 70px;
    width: 20px;
}

.dark-mode .gallery-slider .arrows img {
    filter: brightness(0) invert(1);
}

.gallery-slider .arrows button {
    position: absolute;
    z-index: 5;
    top: 50%;
    transform: translateY(-62%);
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    border-radius: 50%;
}

.gallery-slider .arrows button img {
    height: 18px;
}

.gallery-slider .arrows .prev {
    left: 20px;
}

.gallery-slider .arrows .next {
    right: 20px;
}

.gallery-slider .wrapper {
    display: flex;
    background-color: white;
    align-items: flex-start;
}

.gallery-slider .wrapper .count {
    position: absolute;
    bottom: 30px;
    left: 40px;
    z-index: 1;
}

.gallery-slider .wrapper .count span {
    color: white;
    font-size: 14px;
}

.detail-page .share-wrapper {
    display: flex;
    justify-content: space-between;
}

.detail-page .share-wrapper .added-date {
    font-size: 12px;
    color: #546E7A;
    display: flex;
    align-items: center;
}

.detail-page .share-wrapper .added-date span {
    border-radius: 8px;
    background-color: #F0F7FC;
    color: #546E7A;
    height: 22px;
    display: flex;
    align-items: center;
    padding: 0px 8px;
    margin-left: 5px;
    width: fit-content;
}

.detail-page .share-wrapper .d-flex {
    align-items: center;
}

.detail-page .share-wrapper .d-flex .share {
    margin-left: 20px;
}

.detail-page.tour-detail .share-wrapper {
    padding: 10px 0px;
}

.detail-page.tour-detail .det-title {
    font-size: 26px;
    color: #455A64;
    margin-bottom: 12px;
    line-height: 33px;
}

.dark-mode .detail-page .det-title {
    color: white;
}

.detail-page.tour-detail .sm-grey {
    height: fit-content;
    min-height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 7px;
    border-radius: 8px;
    background-color: #F0F7FC;
    margin-right: 10px;
    font-size: 12px;
    color: #546E7A;
    width: fit-content;
}

.tour-detail .company-name {
    display: flex;
    align-items: center;
}

.tour-detail .company-name .img-container {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
    margin-right: 10px;
}

.tour-detail .company-name .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tour-detail .comp-title {
    font-size: 14px;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
    display: flex;
    align-items: center;
    transition: 0.2s;
}

/* .tour-detail .comp-title:hover{
    color: #09C688;
} */
.tour-detail .comp-title::after {
    height: 14px;
    width: 1px;
    content: '';
    background-color: #E4EBF0;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.tour-detail .review {
    display: flex;
    align-items: center;
    font-size: 11px;
}

.tour-detail .company-name .sm-title {
    color: #2196F3;
    font-size: 12px;
    font-family: roman;
    display: flex;
    align-items: center;
}

.tour-detail .company-name .inner {
    line-height: 16px;
}

.tour-detail .company-info {
    display: flex;
    margin-bottom: 20px;
}

.tour-detail .company-info .column {
    flex-shrink: 0;
}

.tour-detail .company-info .border-btn {
    margin-left: 23px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 0px 20px;
    font-size: 16px;
    transition: 0.2s;
    height: 36px;
}

.tour-detail .company-info .border-btn.green {
    border: 1px solid #D4E1F5;
    color: #09C688;
}

.tour-detail .company-info .border-btn.green:hover {
    background-color: #09C688;
    border: 1px solid transparent;
    color: white;
}

.tour-detail .company-info .border-btn.green:hover img {
    filter: brightness(0) invert(1);
}

.tour-detail .company-info .border-btn.grey {
    color: #546E7A;
    border: 2px solid #546E7A;
}

.tour-detail .company-info .border-btn.grey:hover {
    background-color: #546E7A;
    color: white;
}

.tour-detail .company-info .border-btn.grey:hover img {
    filter: brightness(0) invert(1);
}

.tour-detail .company-info .border-btn:last-child {
    margin-bottom: 0px !important;
}

.tour-detail .plan {
    margin-top: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #EBF5FC;
    margin-bottom: 30px;
}

.dark-mode .tour-detail .plan {
    border-bottom: 1px solid #2f2f2f;
}

.tour-detail .plan .title {
    font-size: 18px;
    color: #455A64;
    margin-bottom: 16px;
    display: flex;
    display: block;
}

.dark-mode .tour-detail .plan .title {
    color: white;
}

.tour-detail .plan .day-title {
    color: #546E7A;
    font-size: 16px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

/* .tour-detail .plan .text {
    width: calc( 100% - 26px );
} */
.tour-detail .plan .text a {
    color: #09C688 !important;

}

.tour-detail .plan .text a:hover {
    color: #08AD77 !important;
}

.tour-detail .plan .text li,
.tour-detail .plan .text p {
    font-size: 14px;
    font-family: roman;
}

.tour-detail .plan .text p a {
    word-wrap: break-word;
}

.tour-detail .locations {
    margin-top: 10px;
    width: 100%;
}

.tour-detail .locations li {
    display: flex;
    margin-bottom: 10px;
}

.tour-detail .locations a {
    font-size: 14px;
    color: #455A64;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 12px;
    border: 2px solid #EBF5FC;
    width: fit-content;
    padding: 0px 12px;
    height: 35px;
    transition: 0.2s;
}

.tour-detail .locations a:hover {
    border: 2px solid #546E7A;
}

.tour-detail .locations li:last-child img {
    display: none;
}

.tour-detail .locations li img {
    margin: 0px 5px;
}

.tour-detail .plan .round {
    width: 26px;
    height: 26px;
    position: relative;
    border-radius: 50%;
    background-color: #E8F3FA;
    display: flex;
    align-items: center;
    justify-items: center;
    margin-right: 10px;
}

.tour-detail .plan .round::before {
    width: 8px;
    height: 8px;
    content: '';
    border-radius: 50%;
    background-color: #09C688;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.tour-detail .plan .bottom {
    display: flex;
}

.tour-detail .plan .line-wrap {
    width: 26px;
    display: flex;
    justify-content: center;
    height: auto;
    flex-shrink: 0;
}

.tour-detail .plan .line-wrap .line {
    border-radius: 6px;
    background-color: #E8F3FA;
    height: 100%;
    width: 2px;
}

.day-list li {
    margin-bottom: 10px;
}

.tour-detail .usefull-info li .img-container {
    flex-shrink: 0;
}

.tour-detail .sm-info .title {
    font-size: 18px;
    color: #455A64;
    margin-bottom: 7px;
    display: block;
    font-weight: bold;
}

.tour-detail .sm-info .text p {
    font-size: 14px;
    font-family: roman;
}

.tour-detail .small-gallery {
    display: flex;
    padding: 4px;
    border: 2px solid #EBF5FC;
    border-radius: 8px;
    width: fit-content;
    padding-right: 10px;
    margin-top: 10px;
    margin-right: 20px;
}

.tour-detail .small-gallery .left {
    border-radius: 5px;
    overflow: hidden;
    display: flex;
}

.tour-detail .small-gallery .left .large {
    width: 60px;
    height: 60px;
    margin-right: 2px;
}

.tour-detail .small-gallery .left .sm {
    width: 36px;
    height: 60px;
    position: relative;
}

.tour-detail .small-gallery .left img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tour-detail .small-gallery .left .sm span {
    position: absolute;
    color: white;
    font-size: 16px;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.tour-detail .small-gallery .left .sm span::after {
    background-color: rgba(55, 71, 79, 0.5);
    top: 0;
    z-index: -1;
    left: 0;
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
}

.tour-detail .small-gallery .right {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 10px;
}

.tour-detail .small-gallery .location {
    width: 100%;
    display: block;
    color: #455A64;
}

.tour-detail .small-gallery .sm-title {
    line-height: 16px;
    display: block;
}

.tour-detail .small-gallery .sm-title span {
    width: 100%;
    display: block;
}

.tour-detail .sm-info {
    padding-bottom: 30px;
    border-bottom: 1px solid #EBF5FC;
    margin-bottom: 30px;
}

.tour-detail .sm-info .list {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.tour-detail .sm-info .list ul {
    display: flex;
}

.tour-detail .sm-info .list ul li {
    font-size: 14px;
    font-family: roman;
    border-radius: 8px;
    border: 2px solid #E8F3FA;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    padding: 0px 10px;
    margin-left: 10px;
}

.detail-page .insurance-box {
    margin-top: 24px;
    border-radius: 5px;
    background-color: #FFE31E;
}

.detail-page .insurance-box .wrapper {
    display: flex;
}

.detail-page .insurance-box .inner {
    padding: 5px 12px 12px 12px;
}

.detail-page .insurance-box .title {
    font-size: 14px;
    color: #0A2F64;
    font-family: caps;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 5px;
}

.detail-page .insurance-box .title img {
    height: 23px;
    margin-right: 12px;
}

.detail-page .insurance-box .submit {
    border-radius: 5px;
    background-color: #0A2F64;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 14px;
    font-family: caps;
    transition: 0.2s;
    width: 100%;
    padding: 0 10px;
}

.detail-page .insurance-box .submit:hover {
    background-color: #0b2b5a;
}

.detail-page .insurance .input-group {
    margin-bottom: 12px;
}

.warning-box {
    padding: 20px 30px;
    border-radius: 10px;
    background-color: rgba(255, 183, 77, 0.18);
}

.sm-info .warning-box .title {
    font-size: 18px;
    color: #FFB74D;
    display: block;
    margin-bottom: 20px;
    line-height: 1;
}

.warning-box li {
    margin-bottom: 12px;
    display: flex;
    align-items: flex-start;
    font-size: 14px;
}

.warning-box li:last-child {
    margin-bottom: 0px;
}

.warning-box li img {
    margin-top: 2px;
    margin-right: 10px;
}

.tour-detail .contains .title {
    color: #455A64;
    font-size: 18px;
    line-height: 1;
    margin-bottom: 15px;
    display: block;
}

.tour-detail .contains ul li span {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgba(255, 82, 82, 0.3);
    border-radius: 10px;
}

.tour-detail .contains li .img-container {
    border: 1px solid #E4EBF0;
}

.tour-detail .contains .false {
    text-decoration: line-through;
    color: rgba(84, 110, 122, 0.5);
}

.tour-detail .contains .false .img-container img {
    opacity: 0.5;
}

.tour-detail .contains li {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.tour-detail .contains li .img-container {
    margin-right: 10px;
}

.tour-detail .contains ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.tour-detail .contains .success ul {
    margin-bottom: 30px;
}

.danger-block {
    border-radius: 10px;
    border: 1px solid rgba(255, 82, 82, 0.3);
    width: 100%;
    padding: 20px 0px;
    background-color: rgba(255, 82, 82, 0.18);
    text-align: -webkit-center;
    margin-bottom: 20px;
}

.danger-block .btn-wrap {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.danger-block button {
    height: 35px;
    display: flex;
    align-items: center;
    font-size: 14px;
    border-radius: 10px;
    background-color: white;
    margin: 0px 10px;
    padding: 0px 30px;
    transition: 0.2s;
}

.danger-block button:first-child:hover {
    color: #09C688;
}

.danger-block button:last-child:hover {
    color: #FF5252;
}

.danger-block .title {
    font-size: 16px;
    color: #FF5252;
}

.tour-detail .rightside .price-wrapper {
    display: flex;
    border-bottom: 1px solid #EBF5FC;
    padding-bottom: 10px;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: center;
}

.dark-mode .tour-detail .rightside .price-wrapper {
    border-bottom: 1px solid #2f2f2f;
}

.tour-detail .rightside .price-wrapper .order-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    height: 45px;
    font-size: 16px;
    padding: 0px 50px;
    flex-shrink: 0;
    margin-left: 40px;
}

.tour-detail .rightside .price-wrapper .inner {
    width: fit-content;
    text-align: right;
}

.tour-detail .rightside .price-wrapper .inner .sm-title {
    color: #546E7A;
    width: 100%;
    display: block;
    line-height: 1;
    font-size: 12px;
    margin-bottom: 3px;
}

.tour-detail .price-wrapper .current-prc {
    color: #455A64;
    font-size: 26px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1;
    font-family: capsbold;
}

.tour-detail .price-wrapper .current-prc.sm {
    font-size: 21px;
}

.gallery-slider .price-wrapper .current-prc {
    color: #09C688;
}

.gallery-slider .price-wrapper .current-prc img {
    height: 21px;
}

.dark-mode .tour-detail .price-wrapper .current-prc {
    color: white;
}

.tour-detail .current-prc img {
    margin-right: 5px;
}

.dark-mode .tour-detail .current-prc img {
    filter: brightness(0) invert(1);
}

.tour-detail .space {
    width: 100%;
    display: flex;
    flex-wrap: nowrap;
}

.tour-detail .rightside .sub-title {
    display: flex;
    justify-content: space-between;
    margin-top: 5px;
}

.tour-detail .rightside .sub-title span {
    color: #546E7A;
    font-size: 12px;
    font-family: roman;
}

.tour-detail .more-info {
    padding: 20px;
    border: 1px solid #EBF5FC;
    border-radius: 5px;
    margin-top: 40px;
}

.dark-mode .tour-detail .more-info {
    border: 1px solid #2f2f2f;
}

.tour-detail .more-info .list .item {
    display: flex;
    margin-bottom: 20px;
}

.tour-detail .more-info .list .item .img-container {
    width: 20px;
    display: inline-block;
    margin-right: 8px;
    height: fit-content;
    margin-top: -1px;
}

.tour-detail .more-info .list .item .title {
    font-size: 16px;
    color: #455A64;
    display: block;
    margin-bottom: 5px;
}

.tour-detail .more-info .list .sm-title {
    font-size: 14px;
    font-family: roman;
    color: #546E7A;
    display: block;
    line-height: 18px;
}

.dark-mode .tour-detail .more-info .list .int li,
.dark-mode .tour-detail .more-info .list .sm-title {
    color: white;
}

.tour-detail .more-info .list .int li {
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #EBF5FC;
    line-height: 1;
    font-size: 14px;
}

.tour-detail .more-info .list .int li:last-child {
    margin-bottom: 0px;
    padding-bottom: 0px;
    border-bottom: none;
}

.tour-detail .more-info .list .item .int .sm-title {
    margin-bottom: 4px;
    display: block;
}

.tour-detail .more-info .item.bb {
    border-bottom: 1px solid #EBF5FC;
    padding-bottom: 20px;
}

.tour-detail .weather-link {
    border: none;
    background-color: #F0F7FC;
    border-radius: 10px;
    padding: 0px 20px 0px 10px;
    margin-top: 20px;
}

.detail-page.tour-detail .main-block .det-title {
    font-size: 20px;
}

.detail-page .main-block .title-wrapper::after,
.detail-page .main-block .title-wrapper::before {
    content: unset;
}

.detail-page.tour-detail .main-block {
    background-color: white;
    padding-top: 10px;
    margin-top: 40px;
    margin-bottom: 50px;
}

.detail-page .sticky {
    position: sticky;
    top: 120px;
}

.popup {
    position: fixed;
    left: 0;
    bottom: 0;
    height: 0px;
    width: 100%;
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(69, 90, 100, 0.3);
    overflow: hidden;
    z-index: 500;
}

.popup.active {
    height: 100vh;
    opacity: 1;
}

.popup .inner {
    padding: 20px 30px 30px 30px;
    background-color: white;
    border-radius: 10px;
    position: relative;
}

.popup .close-btn {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    background-color: white;
    top: -8px;
    right: -8px;
    box-shadow: 0px 3px 6px rgba(9, 198, 136, 0.141);
}

.popup .close-btn img {
    transition: 0.3s;
}

.popup .close-btn:hover img {
    transform: rotate(180deg);
}

.log-in {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 6px);
}

.insurance .log-in {
    min-height: unset;
    height: 0;
    opacity: 0;
}

.insurance .regist-form {
    display: none;
}

.insurance .log-in.popup.active {
    height: 100vh;
    opacity: 1;
}

.log-in .title {
    font-size: 18px;
    color: #455A64;
    line-height: 1;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.log-in .inner {
    width: 550px;
    padding: 20px;
    background-color: white;
}

.log-in .inner .input-form {
    position: relative;
    margin-bottom: 20px;
}

.log-in .inner .input-form input {
    border-radius: 10px;
    border: 1px solid #E9F3FA;
    padding-left: 56px;
    font-size: 14px;
    color: #455A64;
    font-family: roman;
    width: 100%;
    height: 50px;
    transition: 0.2s;
}

.log-in .inner .input-form input:focus {
    border: 1px solid #09C688;
}

.log-in .inner .input-form img {
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    position: absolute;
    width: 17px;
    height: 16px;
}

.log-in .inner .input-form input::placeholder {
    font-size: 14px;
    color: #7B8B92;
    font-family: roman;
}

.log-in.log-in .inner .green-btn {
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    border-radius: 10px;
}

.log-in .inner .or {
    line-height: 1;
    font-size: 14px;
    font-family: roman;
    display: flex;
    color: #96A7AF;
    align-items: center;
    justify-content: space-between;
    margin: 20px 0px;
}

.log-in .inner .or::after,
.log-in .inner .or::before {
    content: '';
    width: calc(100% - 276px);
    height: 1px;
    background-color: #E9F3FA;
}

.log-in .soc-log button,
.log-in .soc-log a {
    height: 50px;
    display: flex;
    width: 100%;
    justify-content: center;
    border-radius: 10px;
    border: 2px solid #E9F3FA;
    font-size: 16px;
    color: #546E7A;
    clear: both;
    position: relative;
    align-items: center;
    margin-bottom: 20px;
    transition: 0.2s;
}

.log-in .soc-log button:hover,
.log-in .soc-log a:hover {
    color: #1778F2;
}

.log-in .soc-log a .img-container {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: #1778F2;
}

.log-in .soc-log a.google .img-container {
    background-color: transparent;
    box-shadow: 0px 3px 6px rgba(240, 56, 0, 0.071);
}

.log-in .soc-log a.google:hover {
    color: #FF5252;
}

.log-in .regist-btn {
    color: #455A64;
    font-size: 16px;
    font-family: roman;
}

.log-in .regist-btn button {
    font-weight: normal;
    border-bottom: 1.5px solid #314047;
    padding-bottom: 2px;
    margin-left: 5px;
    color: #314047;
    transition: 0.2s;
}

.log-in .regist-btn button:hover {
    color: #1778F2;
    border-bottom: 1.5px solid #2196F3;
}

.log-in .password-recovery {
    margin-top: -15px;
    display: block;
    margin-bottom: 13px;
    font-size: 12px;
    color: #7B8B92;
    font-family: roman;
}

.log-in .popup {
    height: 100vh;
}

.log-in .password-recovery:hover {
    text-decoration: underline;
}

.input-form .input-error-box {
    position: absolute;
    top: -10px;
    font-size: 12px;
    color: red;
    padding: 0px 7px;
    left: 13px;
    font-family: light;
    background-color: white;
}

.admin-page .input-error-box {
    display: block;
}

.admin-page .input-form.error .input-error-box {
    top: unset;
    bottom: -7px;
}

.input-form.error input,
.input-group.error input:not(.search-input),
.log-in .input-form.input-error input {
    border: 1px solid red !important;
}

.popup.order .inner {
    width: 100%;
    background-color: white;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    padding: 20px 30px 100px 30px;
    border-radius: 10px 10px 0px 0px;
}

.popup.order .inner .close-btn {
    position: unset;
    width: auto;
    height: auto;
    box-shadow: none;
    color: #455A64;
    font-size: 12px;
    position: absolute;
    right: 30px;
    top: 17px;
}

.popup.order .inner .close-btn img {
    transition: 0.4s;
}

.popup.order .inner .close-btn:hover img {
    transform: rotate(180deg);
}

.popup.order .inner .top {
    border-bottom: 2px solid #EBF5FC;
    padding-bottom: 15px;
    margin-bottom: 20px;
}

.popup.order .inner .top ul {
    display: flex;
}

.popup.order .inner .top ul li {
    margin-right: 20px;
    font-size: 14px;
    font-family: roman;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #B1BBC0;
}

.popup.order .inner .top ul li.active {
    color: #455A64;
}

.popup.order .inner .top ul li.active span {
    border: 1px solid #455A64;
    color: #455A64;
}

.popup.order .inner .top ul li span {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    margin-right: 10px;
    border: 1px solid #B1BBC0;
    color: #B1BBC0;
}

.popup.order .inner .top ul li img {
    margin-left: 20px;
}

.popup.order .inner .top .close-btn {
    color: #455A64;
    font-size: 12px;
}

.popup.order .inner .top .close-btn span {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 26px;
    height: 26px;
    border: 2px solid #455A64;
    margin-left: 10px;
}

.popup.order .bottom .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 20px;
    border-bottom: 1px solid #EBF5FC;
    margin-bottom: 20px;
}

.popup.order .bottom .wrapper .sm-title {
    font-size: 14px;
    color: #455A64;
    margin-bottom: 10px;
    line-height: 17px;
}

.popup.order .bottom .wrapper .company-info {
    margin-top: 0px;
}

.popup.order .bottom .wrapper .company-name {
    align-items: center;
}

.popup.order .bottom .wrapper .comp-title {
    margin-bottom: 3px;
}

.popup.order .bottom .wrapper .comp-title::after {
    content: unset;
}

.popup.order .bottom .wrapper .img-frame {
    width: 125px;
    height: 75px;
    flex-shrink: 0;
}

.popup.order .bottom .title {
    font-size: 14px;
    color: #455A64;
    margin-bottom: 15px;
    display: flex;
    font-weight: bold;
}

.popup.order .bottom .title img {
    margin-right: 10px;
}

.popup.order .bottom .title img:nth-child(2) {
    margin-right: 0px;
    margin-left: 10px;
}

.popup.order .bottom .input-wrap {
    display: flex;
    border-radius: 10px;
    border: 2px solid #EBF5FC;
    height: 48px;
    align-items: center;
    padding: 0px 20px;
    margin-bottom: 20px;
}

.popup.order .bottom .input-wrap input {
    width: 105px;
    padding: 0px;
    font-size: 14px;
    font-family: roman;
    border: none !important;
}

.popup.order .bottom .input-wrap span {
    display: block;
    line-height: 18px;
    font-size: 12px;
    color: #455A64;
}

.popup.order .bottom .input-wrap div {
    width: 50%;
}

.popup.order .counter-wrap {
    display: flex;
}

.popup.order .counter-wrap .title {
    font-size: 14px;
    margin-right: 40px;
    display: inline-flex;
    margin-bottom: 0px;
    align-items: center;
    height: 38px;
    color: #546E7A;
    font-weight: normal;
}

.popup.order .counter-wrap input {
    height: unset;
    width: unset;
    border: none;
    padding: 0px;
    width: 40px;
    text-align: center;
    border: none !important;
}

.popup.order .counter-wrap button img {
    position: unset;
    transform: none;
    width: 10px;
}

.popup.order .counter-wrap button {
    display: flex;
    align-items: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background-color: #F5F9FC;
    border: 2px solid #E8F3FA;
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup.order .counter-wrap .counter {
    display: flex;
    align-items: center;
    justify-content: center;
}

.popup.order .price-wrap {
    display: flex;
    justify-content: space-between;
    padding-bottom: 10px;
    border-bottom: 1px solid #EBF5FC;
    margin-bottom: 10px;
}

.popup.order .price-wrap span {
    color: #455A64;
    font-size: 14px;
}

.popup.order .price-wrap div {
    font-size: 16px;
    display: flex;
    align-items: center;
}

.popup.order .price-wrap div img {
    margin-right: 4px;
    height: 14px;
}

.popup.order .full-price {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
}

.popup.order .full-price span {
    font-size: 16px;
    color: #09C688;
}

.popup.order .full-price div {
    font-size: 20px;
    display: flex;
    align-items: center;
    color: #09C688;
}

.popup.order .full-price div img {
    height: 16px;
    margin-right: 4px;
}

.popup.order .btn-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.popup.order .btn-wrap .sm-btn {
    font-size: 14px;
    color: #7B8B92;
}

.popup.order .btn-wrap .green-btn.next {
    font-size: 16px;
    border-radius: 14px;
    background-color: #09C688;
    height: 48px;
    padding: 0px 20px;
    margin-left: 20px;
}

/* .calend .daterangepicker {
    display: block!important;
} */
.daterangepicker.show-calendar .drp-buttons {
    /* display: none; */
}

.calend .daterangepicker {
    border: none;
}

.daterangepicker {
    z-index: 99999;
}

.calend .daterangepicker.opensright:after {
    content: unset;
}

.calend .daterangepicker.opensright:before {
    content: unset;
}

.calend .daterangepicker .drp-calendar {
    max-width: unset;
    width: 380px;
}

.calend .daterangepicker {
    background-color: transparent;
}

.calend .daterangepicker td.active,
.calend .daterangepicker td.active.start-date.end-date,
.daterangepicker td.active:hover {
    background-color: transparent;
    color: #455A64;

}

.daterangepicker .active.end-date.available:not(.off),
.daterangepicker .active.start-date.available:not(.off) {
    background-color: #09C688 !important;
    color: white !important;
}

.calend .daterangepicker td.active.start-date {
    /* background-color: #09C688; */
    color: white;
}

.calend .daterangepicker td.active.end-date {
    /* background-color: #09C688; */
    color: white;
}

.search-page #slider {
    margin-bottom: 20px;
    margin-top: 15px;
    position: relative;
    margin-left: 8px;
    cursor: pointer;
    width: calc(100% - 10px);
}

.ui-widget.ui-widget-content {
    height: 4px;
    border: none;
    border-radius: 2px;
    background-color: #E9F3FA;
}

.ui-slider .ui-slider-range {
    background-color: #09C688;
}

#slider .ui-slider-handle {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #09C688;
    border: none;
    outline: none;
    cursor: pointer;
}

/* #slider span:first-child{
    margin-left: 0px;
} */
.ui-slider-horizontal .ui-slider-handle {
    top: -4.6px;
}

#slider .ui-slider-handle.ui-state-active {
    width: 16px !important;
    height: 16px !important;
    top: -6.5px !important;
}

.ui-datepicker-month,
.ui-datepicker-year {
    border: none;
}

.ui-datepicker-year::-webkit-scrollbar {
    width: 5px;
}

.input-form .value-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.input-form .value-container input {
    width: 85px;
    text-align: center;
    height: 40px;
    border-radius: 12px;
    border: 1px solid #E8F3FA;
    color: #546E7A;
    background-color: transparent;
    margin-right: 10px;
    font-family: caps;
    background-color: white;
    font-family: roman;
}

.input-form .value-container button {
    height: 40px;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #F5F9FC;
    border: 2px solid #E8F3FA;
    display: none;
}

#slider::after,
#slider::before {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #E9F3FA;
    border-radius: 50%;
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

#slider::before {
    left: -10px;
}

.search-page .input-form .counter-wrap {
    display: flex;
    align-items: center;
    justify-content: center;
}

.search-page .input-form .counter-wrap input {
    text-align: center;
    background-color: transparent;
    width: 20px;
    padding: 0px;
    border: none !important;
    margin-left: 10px;
    margin-right: 2px;
}

.search-page .input-form .counter-wrap button {
    height: 38px;
    flex-shrink: 0;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    background-color: #F5F9FC;
    border: 2px solid #E8F3FA;
}

.search-page .input-form .counter-wrap button:last-child {
    margin-left: 10px;
}

/* hotel detail  */
.detail-page .gallery .img-container {
    width: 100%;
    overflow: hidden;
    height: calc(50% - 5px);
    position: relative;
    cursor: pointer;
}

.detail-page .gallery .img-container img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.detail-page .large {
    padding-right: 0px;
}

.detail-page .large .img-container,
.detail-page .gallery .images-frame {
    height: 510px !important;
}

.detail-page .large .img-container {
    border-radius: 10px 0px 0px 10px;
    height: 100%;
}

.tour-detail .large.col-xl-12 .img-container {
    border-radius: 10px;
}

.detail-page .gallery .sm .img-container:first-child {
    border-radius: 0px 10px 0px 0px;
    margin-bottom: 10px;
}

.detail-page .gallery .sm .img-container:last-child::after {
    content: attr(data-text);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    background-color: rgba(55, 71, 79, 0.5);
    color: white;
    font-size: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hotel-detail .company-info {
    display: flex;
}

.hotel-detail .company-name {
    display: flex;
}

.hotel-detail .company-name .img-container {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    flex-shrink: 0;
    overflow: hidden;
    margin-right: 10px;
}

.hotel-detail .company-name .img-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hotel-detail .comp-title {
    font-size: 16px;
    margin-right: 10px;
    padding-right: 10px;
    position: relative;
    display: flex;
    align-items: center;
    transition: 0.2s;
    color: #546E7A;
}

.hotel-detail .company-info .border-btn {
    margin-left: 4px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    padding: 0px 20px;
    font-size: 16px;
    transition: 0.2s;
    overflow: hidden;
}

.hotel-detail .share-wrapper {
    margin-bottom: 10px;
    margin-top: 10px;
}

.hotel-detail .company-info .border-btn.grey {
    color: #546E7A;
    border: 1px solid #CCE1F0;
    transition: 0.2s;
    z-index: 0;
}

.hotel-detail .company-info .border-btn.grey:hover {
    color: white;
}

.hotel-detail .company-info .border-btn.grey img {
    transition: 0.2s;
}

.hotel-detail .company-info .border-btn.grey:hover img {
    filter: brightness(0) invert(1);
}

.hotel-detail .category-title {
    color: #546E7A;
    font-size: 12px;
    background-color: #EBF5FC;
    border-radius: 8px;
    padding: 3px 10px;
}

.detail-page.hotel-detail .det-title {
    font-size: 26px;
    color: #455A64;
    margin-bottom: 10px;
    margin-top: 3px;
}

.detail-page.hotel-detail .hotel-location {
    padding-bottom: 10px;
    position: relative;
}

.detail-page.hotel-detail .hotel-location::after {
    content: "";
    display: block;
    width: 400px;
    height: 1px;
    position: absolute;
    bottom: 0px;
    background-color: #EBF5FC;
}

.detail-page.hotel-detail .hotel-location span {
    font-size: 14px;
}

.detail-page.hotel-detail .sm-grey {
    height: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0px 7px;
    border-radius: 8px;
    background-color: #F0F7FC;
    margin-right: 10px;
    font-size: 12px;
    color: #546E7A;
    width: fit-content;
}

.detail-page.hotel-detail .hotel-info {
    padding: 20px 30px;
    border-radius: 12px;
    border: 2px solid #EBF5FC;
    margin: 30px 0px;
}

.detail-page.hotel-detail .hotel-review .review {
    border: 1px solid #E6F0F7;
    border-radius: 8px;
    padding-left: 10px;
    padding-right: 10px;
    height: 22px;
    display: flex;
    align-items: center;
    font-size: 11px;
}

.detail-page.hotel-detail .hotel-review .review .review-counter {
    margin-left: 5px;
    font-size: 11px;
}

.detail-page.hotel-detail .hotel-review .stars {
    font-size: 12px;
    color: #2196F3;
    height: 22px;
}

.detail-page.hotel-detail ul .line {
    height: 14px;
    width: 1px;
    background-color: #E4EBF0;
}

.detail-page.hotel-detail .hotel-info-column {
    height: 60px;
    border-right: 2px solid #EBF5FC;
}

.detail-page.hotel-detail .hotel-info-column:first-child {
    justify-content: flex-start !important;
}

.border-none {
    border: none !important;
}

.detail-page.hotel-detail .consider-section {
    padding: 30px 0px;
    border-top: 2px solid #EBF5FC;
    border-bottom: 2px solid #EBF5FC;
}

.detail-page.hotel-detail .consider-title {
    margin-bottom: 15px;
}

.detail-page.hotel-detail .consider-title .img-container {
    border: 2px solid #455A64;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.detail-page.hotel-detail .consider-title span {
    font-size: 18px;
    color: #455A64;
}

.detail-page.hotel-detail .time {
    width: 280px;
    height: 80px;
    padding-left: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 2px solid #EBF5FC;
    border-radius: 12px;
}

.detail-page.hotel-detail .time span {
    font-size: 14px;
    color: #455A64;
}

.detail-page.hotel-detail .service-section {
    padding: 30px 0px 20px;
    border-bottom: 2px solid #EBF5FC;;
}

.detail-page.hotel-detail .service-section .title {
    font-size: 18px;
    color: #455A64;
}

.detail-page.hotel-detail .service-section li {
    display: flex;
    margin-bottom: 10px;
}

.detail-page.hotel-detail .service-section li span {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EBF5FC;
    border-radius: 10px;
    margin-right: 10px;
}

.detail-page.hotel-detail .service-section ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-top: 13px;
}

.detail-page.hotel-detail .sm-info .title {
    font-size: 18px;
    color: #455A64;
    margin-bottom: 10px;
    display: block;
}

.detail-page.hotel-detail .sm-info .text p {
    font-size: 14px;
    font-family: roman;
}

.detail-page.hotel-detail .sm-info {
    padding-bottom: 30px;
    border-bottom: 2px solid #EBF5FC;
    margin-top: 30px;
    padding-right: 100px;
}

.detail-page.hotel-detail .usefull-info {
    padding-top: 30px;
    padding-bottom: 70px;
}

.detail-page.hotel-detail .map {
    padding-bottom: 70px;
}

.detail-page.hotel-detail .price-wrapper {
    padding: 20px;
    border: 2px solid #EBF5FC;
    border-radius: 10px;
}

.detail-page.hotel-detail .gallery-slider .price-wrapper {
    padding: 0;
    border: none;
}

.detail-page.hotel-detail .price-wrapper .inner .current-prc {
    color: #455A64;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    line-height: 1;
    font-family: capsbold;
    color: #09C688;
    margin-bottom: 16px;
}

.detail-page.hotel-detail .rightside.sticky .inner .current-prc img {
    width: 36px;
    height: 34px;
    margin-right: 5px;
}

.detail-page.hotel-detail .rightside.sticky .inner .current-prc {
    /* font-size: 44px; */
}

.detail-page.hotel-detail .price-wrapper .inner .current-prc
.detail-page.hotel-detail .price-wrapper .inner .current-prc span {
    color: #546E7A;
    font-size: 16px;
}

.detail-page.hotel-detail .price-wrapper .center {
    border: 2px solid #EBF5FC;
    border-radius: 10px;
    height: 58px;
}

.detail-page.hotel-detail .price-wrapper .center .box {
    width: 50%;
    padding-left: 20px;
    position: relative;
}

.detail-page.hotel-detail .price-wrapper .center .box:first-child::after {
    content: "";
    display: block;
    width: 2px;
    height: 38px;
    background-color: #EBF5FC;
    position: absolute;
    left: 100%;
    transform: translateX(-50%);
}

.detail-page.hotel-detail .price-wrapper .center .box span {
    color: #455A64;
    font-size: 12px;
    font-weight: bold;
}

/*(╯°□°）╯ you found me*/
.detail-page.hotel-detail .price-wrapper .center .box input {
    font-size: 14px;
    color: #455A64;
    font-family: roman;
    background-color: transparent;
    padding: 0px;
    padding-right: 66px;
    border: none !important;
}

.detail-page.hotel-detail .price-wrapper .center .box .calendar {
    color: #B2BCC1;
    font-size: 14px;
}

.detail-page.hotel-detail .price-wrapper .bottom span {
    color: #455A64;
    font-size: 16px;
}

.detail-page.hotel-detail .price-wrapper .bottom .sum-price {
    font-size: 20px;
    font-weight: bold;
}

.detail-page.hotel-detail .price-wrapper .bottom .sum-price img {
    height: 18px;
    margin-bottom: 4px;
}

.detail-page.hotel-detail .price-wrapper .bottom .order-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    height: 50px;
    width: 100%;
    font-size: 18px;
    padding: 0px 69px;
    flex-shrink: 0;
}

.detail-page.hotel-detail .price-wrapper .bottom .day-counter {
    position: absolute;
    right: 0px;
    top: -15px;
    font-size: 12px;
}

.detail-page.hotel-detail .price-wrapper .dropdown {
    border: 2px solid #EBF5FC;
    border-radius: 10px;
    height: 58px;
    padding-left: 20px;
    margin-top: 10px;
}

.detail-page.hotel-detail .price-wrapper .dropdown .amount {
    color: #455A64;
    font-size: 12px;
    font-weight: bold;
}

.detail-page.hotel-detail .price-wrapper .dropdown .visitor {
    color: #546E7A;
    font-size: 14px;
}

.detail-page.hotel-detail .price-wrapper .dropdown-section {
    padding-bottom: 20px;
    border-bottom: 1px solid #EBF5FC;
}

.detail-page.hotel-detail .price-wrapper .bottom ul li {
    margin-right: 30px;
    height: 16px;
    display: flex;
}

.detail-page.hotel-detail .price-wrapper .bottom ul li:last-child {
    margin: 0px;
}

.hotel-detail .company-info .border-btn.grey::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background-color: #09C688;
    z-index: -1;
    transition: 0.3s ease-in-out;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100% 100% 14px 14px;
}

.hotel-detail .company-info .border-btn.grey:hover::after {
    height: 100%;
    border-radius: 12px;
}

.detail-page.hotel-detail .gallery .add-time {
    padding: 5px 10px;
    height: 22px;
    background-color: #FAFDFF;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    position: absolute;
    z-index: 9;
    left: 10px;
    bottom: 10px;
}

.detail-page.hotel-detail .gallery .add-time .text {
    font-size: 12px;
    color: #546E7A;
    margin-right: 5px;
}

.detail-page.hotel-detail .gallery .add-time .icon {
    font-size: 12px;
    color: #546E7A;
}

.detail-page.hotel-detail .gallery .add-time .icon img {
    margin-right: 5px;
    width: 13px;
    height: 12px;
}

.detail-page.hotel-detail .hotel-detail-info {
    margin-bottom: 30px;
    margin-top: 40px;
}

.detail-page.hotel-detail .hotel-detail-info .top-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 14px 20px 20px 20px;
    padding-bottom: 11px;
    border-radius: 12px;
    background-color: #F2F8FC;
    border: 1px solid #E9EDF0;
}

.detail-page.hotel-detail .hotel-detail-info .top-box .room {
    color: #8D9BA2;
    font-size: 12px;
}

.detail-page.hotel-detail .hotel-detail-info .top-box .info-title {
    color: #09C688;
    font-size: 20px;
    margin-bottom: 14px;
}

.detail-page.hotel-detail .hotel-detail-info .top-box .small-hotel-info img {
    height: 16px;
    margin-right: 10px;
}

.detail-page.hotel-detail .hotel-detail-info .top-box .small-hotel-info li {
    margin-right: 30px;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.detail-page.hotel-detail .hotel-detail-info .top-box .small-hotel-info li:last-child {
    margin-right: 0px;
}

.detail-page.hotel-detail .hotel-detail-info .top-box .text p {
    font-size: 14px;
    margin-top: 5px;
    font-family: roman;
}

.detail-page.hotel-detail .hotel-detail-info .price-wrapper {
    padding: 0px;
    border: none;
    border-radius: none;
    padding-top: 30px;
}

.detail-page.hotel-detail .hotel-detail-info .price-wrapper .current-prc {
    font-size: 18px;
    margin-bottom: 12px;
}

.detail-page.hotel-detail .hotel-detail-info .price-wrapper .current-prc span {
    font-size: 12px;
    color: #455A64;
}

.detail-page.hotel-detail .hotel-detail-info .hotel-button {
    width: 142px;
    padding: 0px 20px;
    height: 34px;
    justify-content: space-between;
    background-color: #09C688;
    border-radius: 10px;
    cursor: pointer;
}

.detail-page.hotel-detail .hotel-detail-info .hotel-button span {
    color: #fff;
    font-size: 14px;
}

.detail-page.hotel-detail .hotel-detail-info .hotel-button input[type="checkbox"] {
    height: 18px;
    width: 18px;
    border: 2px solid #FAFDFF;
    border-radius: 5px;
    background-color: #09C688;
    color: #fff;
}

.detail-page.hotel-detail .hotel-detail-info .hotel-button input:checked[type="checkbox"]:before {
    background-color: #fff;
    width: 12.5px;
}

.detail-page.hotel-detail .hotel-detail-info .top-bottom {
    padding-top: 10px;
    margin-top: 20px;
    display: flex;
    align-items: center;
    border-top: 1px solid #E9EDF0;
}

.detail-page.hotel-detail .hotel-detail-info .top-bottom.text p {
    font-size: 12px;
    margin: 0px;
}

.detail-page.hotel-detail .hotel-detail-info .top-bottom.text img {
    height: 12px;
    margin-right: 10px;
}

.detail-page.hotel-detail .hotel-item {
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px;
    border: 2px solid #EBF5FC;
    border-radius: 12px;
    margin-top: 10px;
}

.detail-page.hotel-detail .hotel-item .hotel-gallery img {
    height: 100%;
    width: 96px;
    border-radius: 5px;
}

.detail-page.hotel-detail .hotel-item .item-text .room li {
    font-size: 12px;
    font-family: roman;
    margin-right: 15px;
    position: relative;
}

.detail-page.hotel-detail .hotel-item .item-text .room li:first-child {
    margin-right: 20px;
    position: relative;
}

.detail-page.hotel-detail .hotel-item .item-text .room li:first-child::after {
    content: "";
    display: block;
    width: 1px;
    height: 15px;
    background-color: #E0E9F0;
    position: absolute;
    right: -10px;
    top: 0px;
}

.detail-page.hotel-detail .hotel-item .item-text .room li:last-child {
    margin: 0px;
}

.detail-page.hotel-detail .hotel-item .item-text .room li:nth-child(3)::before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background-color: #E0E9F0;
    position: absolute;
    left: -8px;
    top: 50%;
    transform: translate(-50%, -50%);
}

.detail-page.hotel-detail .hotel-item .item-text {
    height: 60px;
    margin-left: 25px;
}

.detail-page.hotel-detail .hotel-item .item-text .visitor img {
    height: 18px;
    margin-right: 10px;
}

.detail-page.hotel-detail .hotel-item .item-text .visitor span {
    font-size: 16px;
    color: #455A64;
}

.detail-page.hotel-detail .hotel-item .item-text .bottom-text {
    font-size: 14px;
    font-family: roman;
}

.detail-page.hotel-detail .hotel-item .item-price .current-prc {
    color: #09C688;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-page.hotel-detail .hotel-item .item-price .current-prc img {
    margin-right: 5px;
}

.detail-page.hotel-detail .hotel-item .item-price .current-prc span {
    color: #455A64;
    font-size: 12px;
}

.detail-page.hotel-detail .hotel-item .item-price {
    text-align: center;
    border-left: 1px solid #E4EEF5;
    border-right: 1px solid #E4EEF5;
    margin-left: 5px;
}

.detail-page.hotel-detail .hotel-item .item-select {
    padding-right: 10px;
    align-items: center;
    padding-left: 30px;
    position: relative;
}

.detail-page.hotel-detail .hotel-item .item-select input[type="checkbox"] {
    height: 18px;
    width: 18px;
    border: 2px solid #D8E6F0;
    border-radius: 5px;
    background-color: #fff;
    transition: 0.2s;
    margin-left: 10px;
}

.detail-page.hotel-detail .hotel-item .item-select input:checked {
    background-color: #09C688;
}

.detail-page.hotel-detail .hotel-item .item-select input:checked[type="checkbox"]:before {
    background-color: #fff;
}

.detail-page.hotel-detail .hotel-item .item-select .span {
    margin-right: 10px;
    font-size: 12px;
    font-family: roman;
}

.detail-page.hotel-detail .hotel-item .item-select .dropdown {
    width: 50px;
    height: 24px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    border: 1px solid #E8F3FA;
    border-radius: 6px;
    cursor: pointer;
    position: relative;
}

.detail-page.hotel-detail .hotel-item .item-select .dropdown span {
    font-size: 12px;
    color: #546E7A;
}

.detail-page.hotel-detail .hotel-item .item-select .dropdown img {
    margin-left: 7px;
}

.detail-page.hotel-detail .hotel-item .item-select .inner {
    width: 50px;
    height: 0px;
    display: flex;
    flex-direction: column;
    right: 0px;
    border-radius: 6px;
    cursor: pointer;
    position: absolute;
    top: 26px;
    right: 0px;
    overflow: hidden;
    transition: 0.2s;
}

.detail-page.hotel-detail .hotel-item .item-select .dropdown.active .inner {
    height: 90px;
    box-shadow: 0px 5px 10px rgba(84, 110, 122, 0.2);
    background-color: #fff;
    overflow-y: scroll;
    z-index: 99;
}

.detail-page.hotel-detail .hotel-item .item-select .inner::-webkit-scrollbar {
    width: 3px;
}

.detail-page.hotel-detail .hotel-item .item-select .inner span {
    height: 24px;
    margin-top: 4px;
    text-align: center;
    cursor: pointer;
}

.detail-page.hotel-detail .dropdown-wrapp {
    margin-bottom: 12px;
}

.detail-page.hotel-detail .price-wrapper .dropdown .amount {
    color: #455A64;
    font-size: 12px;
}

.detail-page.hotel-detail .price-wrapper .dropdown .visitor {
    color: #546E7A;
    font-size: 14px;
}

.detail-page.hotel-detail .price-wrapper .box-section {
    padding-bottom: 0px;
    border: none;
}

.detail-page.hotel-detail .hotel-gallery .more-gallery {
    height: 100%;
    width: 36px;
    background-color: rgba(55, 71, 79, 0.5);
    position: absolute;
    right: 0px;
    top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.detail-page.hotel-detail .price-wrapper .center .box .calendar.hotel-page {
    color: #546E7A;
}

.dropdown.filter.active .selected .sel-text {
    display: none;
    text-align: left;
}

.dropdown.filter.active .selected input {
    display: block;
    width: 100%;
    padding: 0px;
    border: none !important;
    font-size: 14px;
    text-align: left;
}

.detail-page.hotel-detail .share.dropdown:focus {
    color: #09C688;
}

.detail-page.hotel-detail .share.dropdown.active .selected {
    color: #09C688;
    transition: 0.2s;
}

.detail-page.hotel-detail .share.dropdown.active .selected img {
    filter: invert(46%) sepia(44%) saturate(5290%) hue-rotate(116deg) brightness(93%) contrast(93%);
}

.detail-page.hotel-detail .share.dropdown .result {
    width: 183px;
    height: 100px;
    border-radius: 14px;
    position: absolute;
    overflow-y: hidden;
    background-color: #fff;
    z-index: 9;
    padding-left: 17px;
    transition: 0.2s;
    left: -80%;
}

.detail-page.hotel-detail .share.dropdown.active .result {
    padding-top: 16px;
}

.detail-page.hotel-detail .share.dropdown .result li {
    opacity: 0;
    transition: 0.2s;
    transition-delay: 0.2s;
}

.detail-page.hotel-detail .share.dropdown.active .result li {
    opacity: 1;
}

.detail-page.hotel-detail .share.dropdown .result li a {
    font-size: 12px;
    display: flex;
    transition: 0.2s;
    left: -77%
}

.detail-page.hotel-detail .share.dropdown .result li a:hover {
    color: #09C688;
}

.detail-page.hotel-detail .share.dropdown .result li a:hover img {
    filter: invert(46%) sepia(44%) saturate(5290%) hue-rotate(116deg) brightness(93%) contrast(93%);
}

.detail-page.hotel-detail .share.dropdown .result li .img-frame {
    width: 22px;
    height: unset;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-right: 5px;
}

.detail-page .share.dropdown:focus {
    color: #09C688;
}

.detail-page .share.dropdown.active .selected {
    color: #09C688;
    transition: 0.2s;
}

.detail-page .share.dropdown.active .selected img {
    filter: invert(46%) sepia(44%) saturate(5290%) hue-rotate(116deg) brightness(93%) contrast(93%);
}

.detail-page .share.dropdown .result {
    width: 183px;
    height: 100px;
    border-radius: 14px;
    position: absolute;
    overflow-y: hidden;
    background-color: #fff;
    z-index: 9;
    padding-left: 17px;
    transition: 0.2s;
    left: -80%;
}

.detail-page .share.dropdown.active .result {
    padding-top: 16px;
}

.detail-page .share.dropdown .result li {
    opacity: 0;
    transition: 0.2s;
    transition-delay: 0.2s;
}

.detail-page .share.dropdown.active .result li {
    opacity: 1;
}

.detail-page .share.dropdown .result li a {
    font-size: 12px;
    display: flex;
    transition: 0.2s;
    left: -77%
}

.detail-page .share.dropdown .result li a:hover {
    color: #09C688;
}

.detail-page .share.dropdown .result li a:hover img {
    filter: invert(46%) sepia(44%) saturate(5290%) hue-rotate(116deg) brightness(93%) contrast(93%);
}

.detail-page .share.dropdown .result li .img-frame {
    width: 22px;
    height: unset;
    display: flex;
    justify-content: center;
    margin-bottom: 10px;
    margin-right: 5px;
}

.dropdown.filter.active .selected .sel-text {
    display: none;
}

.dropdown.filter.active .selected input {
    display: block;
    width: 100%;
    padding: 0px;
    border: none !important;
    font-size: 14px;
}

.dropdown.filter .search-input {
    border: none;
    height: calc(100% - 1px);
    padding: 0;
    text-align: left;
}

.gm-style .place-card-large {
    display: none !important;
}

.soc-wrap {
    display: flex;
}

.soc-wrap a {
    margin-left: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border: 1px solid #546E7A;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

.soc-wrap a:hover {
    border: 1px solid #09C688;
}

.soc-wrap a:hover img {
    filter: invert(51%) sepia(70%) saturate(1814%) hue-rotate(123deg) brightness(101%) contrast(93%);
}

.region.page svg {
    width: 100%;
    position: relative;
    z-index: 2;
}

#geo-map path {
    transition: 0.2s;
    fill: white;
    cursor: pointer;
}

#geo-map path:hover {
    fill: rgba(9, 198, 136, 0.2);
    /* stroke: #09C688;     */
}

.dark-mode #geo-map path:hover {
    fill: #09C688;
}

#geo-map text {
    fill: rgba(69, 90, 100, 0.60);
    font-size: 18px;
    pointer-events: none;
}

#geo-map text tspan::selection {
    background-color: transparent;
}

.region.page .big-title {
    font-size: 100px;
    color: #546E7A;
    display: block;
    font-weight: bold;
    position: relative;
    z-index: 1;
    top: 120px;
    text-align: right;
    padding-left: 60px;
    transition: 1.5s;
    width: 100%;
}

.region.page .background-title {
    color: #E9F0F5;
    font-size: 60px;
    font-family: roman;
    position: absolute;
    z-index: 0;
    top: 100px;
    left: 0;
    text-align: right;
    width: 100%;
    transition: 2s;
}

.region.page.open .background-title,
.region.page.open .big-title {
    /* text-align: left; */
    width: 0%;
}

.region.page .popup {
    position: unset;
    opacity: 1;
    z-index: 1;
    height: auto;
    background-color: transparent;
    align-items: flex-start;
    overflow: hidden;
    flex-shrink: 0;
    width: 390px;
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 10px;
    padding-top: 10px;
    display: none;
}

.region.page .popup .inner {
    margin-right: 10px;
    background-color: #09C688;
    width: 100%;
    overflow: unset;
    padding: 20px 20px 30px 20px;
}

.region.page .popup .inner a {
    background-color: white;
    border-radius: 10px;
    height: 40px;
    font-size: 14px;
    color: #09C688;
    display: flex;
    align-items: center;
    padding: 0px 30px;
    width: fit-content;
    margin-top: 20px;
}

.region.page .slide {
    flex-shrink: 0;
    width: 0px;
    position: relative;
    overflow: hidden;
    transition: 1s;
}

.region.page.open .slide {
    width: 390px;
    height: 500px;
}

.region.page .wrapper {
    display: flex;
    align-items: flex-start;
}

.region.page .popup .title {
    font-size: 26px;
    font-weight: bold;
    display: block;
    margin-bottom: 10px;
    color: white;
}

.region.page .popup p {
    font-size: 14px;
    color: white;
    font-family: roman;
}

.region.page .popup .sm-title {
    font-weight: bold;
    color: white;
    font-size: 14px;
    display: block;
}

.contact .main-title {
    padding-top: 60px;
    margin-bottom: 0;
}

.contact .return-list {
    margin-bottom: 40px;
}

.contact-form {
    box-shadow: 0px 10px 20px rgba(9, 198, 136, 0.051);
    background-color: white;
    border-radius: 12px;
    padding: 40px;
}

.contact .sm-title {
    font-size: 20px;
    color: #455A64;
    display: flex;
    line-height: 1;
    font-family: caps;
}

.contact .list {
    margin-top: 40px;
}

.contact .list li {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
}

.contact .list li:last-child {
    margin-bottom: 0;
}

.contact .list a {
    font-size: 16px;
    font-family: roman;
    color: #455A64;
    transition: 0.2s;
}

.contact .list a:hover {
    color: #09C688;
}

.contact .list .frame {
    border: 1px solid #E4EBF0;
    border-radius: 10px;
    width: 30px;
    height: 30px;
    display: flex;
    margin-right: 20px;
    align-items: center;
    justify-content: center;
}

.contact .br {
    border-right: 1px solid #E9F3FA;
}

.contact .right {
    padding-left: 150px;
}

.contact .right .sm-title {
    margin-bottom: 30px;
}

.input-group {
    position: relative;
    margin-bottom: 35px;
}

/* .input-group.error label{
    color: #e73545;
} */
.input-group textarea,
.input-group input {
    border-radius: 10px;
    width: 100%;
    height: 52px;
    border: 2px solid #E9F3FA;
    font-size: 14px;
    font-family: roman;
    color: #546E7A;
    padding: 0px 15px;
}

.input-group input::placeholder {
    font-size: 14px;
}

.input-group textarea {
    height: 145px;
    padding-top: 12px;
}

.input-group .label {
    font-size: 15px;
    font-family: roman;
    color: rgba(69, 90, 100, 0.7);
    position: absolute;
    pointer-events: none;
    top: 17px;
    left: 17px;
    transition: 0.2s;
}

.contact .green-btn {
    border-radius: 14px;
    height: 48px;
    padding: 0px 39px;
    float: right;
}

.contact {
    padding-bottom: 120px;
}

.input-group.active label {
    color: #455A64;
    top: -15px;
    left: 0;
    font-size: 12px;
}

.input-group .focus:focus {
    border: 2px solid #09C688;
}

.input-group input::placeholder {
    font-size: 12px;
    font-family: light;
    color: rgba(10, 47, 100, 0.5);
}

.back-title {
    position: relative;
    width: 100%;
    text-align: center;
}

.back-title .grey {
    font-size: 90px;
    color: rgba(69, 90, 100, 0.05);
    font-family: helvetica-black;
    pointer-events: none;
}

.back-title .grey::selection {
    background-color: transparent;
    color: rgba(69, 90, 100, 0.05);
}

.back-title .inner {
    position: absolute;
    left: 50%;
    top: 55%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.back-title .title {
    color: #0A2F64;
    font-family: capsbold;
    font-size: 26px;
}

.back-title img {
    margin-top: 15px;
}

.dropdown.classic .selected {
    display: flex;
    align-items: center;
    width: 100%;
    height: 40px;
    justify-content: space-between;
    background-color: white;
    border: 1px solid #D4E1F5;
    background-color: white;
    border-radius: 10px;
}

.dropdown.classic .selected span {
    font-size: 14px;
    font-family: light;
    color: rgba(10, 47, 100, 0.5);
}

.dropdown.classic.active .result {
    border: 1px solid #D4E1F5;
    border-top: 1px solid transparent;
}

.dropdown.classic .result {
    position: absolute;
    width: 100%;
    z-index: 1;
    border: 1px solid transparent;
    top: 100%;
}

.dropdown.classic.active .result {
    z-index: 3;
}

.dropdown.classic .result li {
    color: rgba(10, 47, 100, 0.5);
    font-size: 14px;
    padding: 4px 10px;
    cursor: pointer;
    transition: 0.2s;
}

.dropdown.classic .result li:not(.not):hover {
    color: #09C688;
    padding-left: 12px;
}

.dropdown.classic .result li:last-child {
    margin-bottom: 5px;
}

.dropdown.classic.active .selected {
    border-radius: 10px 10px 0 0;
}

.dropdown .multiple .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.dropdown .multiple .item div {
    display: flex;
}

.dropdown .multiple .item input[type="number"] {
    width: 40px;
    font-size: 14px;
    border: none;
    text-align: center;
    padding: 0px;
    height: 24px;
}

.dropdown .multiple .item .title {
    font-size: 14px;
    color: #546E7A;
    font-family: caps;
    margin-bottom: 0px;
    display: block;
}

.dropdown .multiple .item .sm-title {
    color: #546E7A;
    font-size: 14px;
}

.dropdown .multiple .item .number-btn {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 1px solid #D4E1F5;
}

.dropdown .multiple .item.submit {
    justify-content: flex-end;
    padding: 4px 10px;
}

.dropdown .multiple .item.submit .green-btn {
    padding: 0px 10px;
    width: fit-content;
}

.dropdown.active .multiple.height {
    max-height: 207px;
}

/* .bottom{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}
.bottom input{
    height: 40px;
    padding: 0px 10px 4px 10px;
    border: 1px solid #D4E1F5;
    border-radius: 10px    ;
    width: fit-content;
    font-size: 14px;
    font-family: roman;
    color: #0A2F64;
    width: 40px;
    margin-left: 10px;
}
.bottom label{
    font-size: 14px;
    font-family: caps;
    color: #0A2F64;
} */
.print {
    height: 38px;
    display: flex;
    align-items: center;
    padding: 0px 40px;
    background-color: #FFE31E;
    color: #0A2F64;
    border-radius: 10px;
    font-size: 16px;
    font-family: capsbold;
    margin: auto;
    transition: 0.2s;
    margin-top: 40px;
}

.print:hover {
    background-color: #edd219;
}

.visa-support .title,
.service-detail .title {
    color: #09C688;
}

.service-detail .green-btn {
    border-radius: 10px;
    width: 100%;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: capsbold;
    font-size: 16px;
    color: white;
}

.service-detail .back-title {
    margin-bottom: 30px;
}

.service-detail .input-group input {
    padding-bottom: 4px;
}

.service-detail .input-group input,
.service-detail .datepicker {
    padding: 0px 10px;
    border: 1px solid #D4E1F5;
}

.service-detail .service-image {
    width: 100%;
}

.service-detail .input-group input::placeholder,
.service-detail .datepicker::placeholder,
.service-detail .dropdown.classic span {
    color: #546E7A;
    font-family: roman;
    font-size: 14px;
}

.service-detail .input-group input,
.service-detail .datepicker,
.service-detail .dropdown.classic .selected {
    height: 40px;
    z-index: 2;
    position: relative;
}

.service-detail .input-group input.margin,
.service-detail .dropdown.classic {
    margin-bottom: 20px;
}

.service-detail .row.d-flex {
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
}

.service-detail .services {
    margin-top: 100px;
}

.service-detail .default-box {
    margin-bottom: 20px;
}

.service-detail .default-box .title {
    color: #546E7A;
}

input.birthday,
input.datepickerIcon,
input.datepicker {
    background-image: url(../../img/datepicker.svg);
    background-repeat: no-repeat;
    background-position: calc(100% - 10px) center;
}

.visa-support .btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 60px;
    border-radius: 10px;
    width: 100%;
    border: 1px solid #D4E1F5;
    margin-bottom: 20px;
    padding: 0px 20px;
    position: relative;
    overflow: hidden;
    background-color: white;
}

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

.visa-support .btn::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0px;
    background-color: #09C688;
    z-index: 0;
    transition: 0.3s ease-in-out;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 100% 100% 14px 14px;
    border: 1px solid white;
}

.visa-support .btn:hover::after {
    height: 100%;
    border-radius: 0px;
    border: 1px solid #09C688;
}

.visa-support .btn:hover span {
    color: white;
}

.visa-support .btn span {
    font-size: 16px;
    font-family: caps;
    transition: 0.2s;
    color: #546E7A;
    display: flex;
    align-items: center;
    padding-top: 2px;
    position: relative;
    z-index: 1;
}

.visa-support .btn span img {
    position: relative;
    margin-right: 10px;
    top: -2px;
    z-index: 1;
}

.visa-support .btn .arrow {
    z-index: 1;
    position: relative;
    transition: 0.2s;
}

.visa-support .btn:hover .arrow {
    filter: brightness(0) invert(1);
}

.visa-support .text {
    margin-bottom: 40px;
}

.dropdown.multisearch {
    display: flex;
    flex-direction: column;
}

.dropdown.multisearch .filter {
    width: 100%;
    height: 100%;
    border: none;
    font-size: 14px;
    color: #546E7A;
    padding: 0px;
    font-family: roman;
    padding-bottom: 2px;
    background-color: transparent;
}

.dropdown.multisearch .filter:focus::placeholder {
    color: transparent;
    font-size: 14px;
}

.dropdown.multisearch .filter::placeholder {
    color: #546E7A;
    font-size: 14px;
}

.dropdown.multisearch .result {
    top: 100%;
}

.dropdown.multisearch ul ul .item {
    padding-left: 20px !important;
}

.search-page .dropdown.multisearch .filter::placeholder,
.search-page .dropdown.multisearch .filter {
    font-size: 14px;
    color: #546E7A;
    font-family: light;
}

.def-input {
    height: 40px;
    border-radius: 10px;
    font-size: 14px;
    font-family: roman;
    width: 100%;
    padding: 0px 10px;
    margin-bottom: 20px;
    border: 1px solid #D4E1F5;
}

.popup.sm .input-error {
    display: none;
}

.search-page .popup.sm .input-form {
    margin: 0;
    padding: 0;
    border: none;
}

.popup.sm .inner {
    width: 340px;
    padding: 20px 20px 20px 20px;
}

.popup.sm .inner form {
    position: unset !important;
}

textarea.def-input {
    height: 80px;
    padding-top: 5px;
}

textarea.def-input::-webkit-scrollbar {
    width: 5px;
}

.def-btn.green-btn,
.popup.sm .green-btn {
    width: 100%;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
}

.gallery-slider .left {
    width: calc(100% - 300px);
    flex-shrink: 0;
}

.gallery-slider {
    background-color: rgba(0, 0, 0, 0.8);
}

.gallery-slider .close-btn {
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    background-color: white;
    top: -8px;
    right: -8px;
    box-shadow: 0px 3px 6px rgb(9 198 136 / 14%);
}

.gallery-slider .close-btn img {
    transition: 0.3s;
}

.gallery-slider .close-btn:hover img {
    transform: rotate(180deg);
}

.gallery-slider .item img {
    max-width: unset;
    max-height: unset;
    width: 100%;
    height: 100%;
    object-fit: cover;
    height: 620px;
    max-height: 100%;
}

.gallery-slider .wrapper {
    padding: 20px;
    background-color: white;
}

.gallery-slider .wrapper form {
    margin-top: 40px;
}

.gallery-slider .company-name {
    height: fit-content;
}

.gallery-slider .right {
    padding-left: 20px;
    /* border-left: 1px solid #EBF5FC; */
    width: 100%;
}

.gallery-slider .input-error {
    display: none;
}

.gallery-slider .comp-title::after {
    content: unset;
}

.tour-detail .gallery-slider .det-title {
    font-size: 14px;
    margin-bottom: 30px;
    color: #4c4c4c;
    font-size: 18px;
    line-height: 23px;
}

.gallery-slider .price-wrapper .current-prc {
    justify-content: flex-start;
}

.hotel.detail-page .gallery,
.transport-detail .gallery {
    margin-bottom: 20px;
}

.transport-detail .company-info .border-btn {
    margin-left: 0px;
    height: 36px;
}

.transport-detail .contains .success ul {
    display: block;
    margin-bottom: 0px;
}

.transport-detail .contains ul li .img-container {
    border: none;
    width: unset;
    height: unset;
}

.transport-detail .contains ul li .img-container img {
    width: 16px;
}

.transport-detail .contains li:last-child {
    margin-bottom: 0px;
}

.transport-detail .detail-info {
    margin-top: 30px;
}

.transport-detail .detail-info .title {
    font-size: 18px;
    margin-bottom: 20px;
    display: block;
}

.transport-detail .detail-info .grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;
}

.transport-detail .detail-info .grid li {
    display: flex;
    font-size: 14px;
    font-family: roman;
}

.transport-detail .detail-info .grid b {
    color: #09C688;
    font-family: light;
    margin-left: 10px;
    font-size: 16px;
    font-weight: normal;
}

.booking {
    display: flex;
    padding: 20px;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #EFF4F7;
    border-radius: 12px;
    margin-bottom: 40px;
}

.booking .input-form {
    margin-right: 20px;
    margin-bottom: 0px !important;
    padding: 0px;
    width: 100%;
}

.booking .green-btn {
    padding: 0 48px;
    width: fit-content;
    font-family: caps;
    flex-shrink: 0;
}

.booking .input-form .dropdown .selected {
    background-color: white;
}

.booking .datepicker input {
    border-radius: 10px;
    height: 38px;
    font-size: 14px;
    width: 100%;
}

.booking .datepicker input::placeholder {
    font-size: 14px;
    color: #546E7A;
}

.main-search .by-loc {
    border-radius: 0 0 10px 10px;
    position: absolute;
    top: calc(100% + 10px);
    left: 0;
    z-index: 1;
    background: white;
    width: 100%;
    padding-left: 10px;
}

.main-search .by-loc.active {
    box-shadow: rgb(0 0 0 / 3%) 0px 5px 15px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.main-search .by-loc.recommended li:last-child {
    margin-bottom: 0px;
}

.hotel.detail-page .more-info .list .item {
    align-items: center;
}

.hotel.detail-page .more-info .list .item .title {
    margin-bottom: 0px;
}

.hotel.detail-page .more-info .list .item .sm-title {
    align-items: center;
    display: flex;
}

.transport.search-page .switch {
    border-radius: 10px;
    background-color: white;
    width: 40px;
    height: 40px;
    flex-shrink: 0;
    margin-right: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.transport.search-page .switch img {
    width: 16px;
    filter: invert(42%) sepia(7%) saturate(1510%) hue-rotate(154deg) brightness(93%) contrast(82%);
}

.booking .def-input {
    margin: 0px;
    border: none;
    height: 40px;
    font-family: light;
}

.nd-banner {
    width: fit-content;
    margin: auto;
    display: block;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 40px;
    margin-top: -10px;
    max-width: 100%;
}

.nd-banner img {
    max-width: 100%;
}

.ui-datepicker .ui-datepicker-title {
    display: flex;
    height: 28px;
    flex-direction: row-reverse;
    justify-content: center;
}

.insurance .payment-popup .inner {
    padding: 0px;
    width: 480px;
    display: flex;
    justify-content: center;
    padding-bottom: 20px;
}

.insurance .payment-popup .btn-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    border-top: 1px solid #D4E1F5;
    padding-top: 20px;
}

.insurance .payment-popup .title {
    font-size: 26px;
    line-height: 1;
    color: #0A2F64;
    font-family: caps;
    text-align: center;
    padding: 20px 0px;
    border-bottom: 1px solid #D4E1F5;
    display: block;
    margin-bottom: 20px;
}

.insurance .payment-popup .item {
    font-size: 16px;
    color: #0A2F64;
    font-family: caps;
    text-align: center;
}

.insurance .payment-popup .item .main-color {
    font-size: 24px;
    color: #09C688;
    line-height: 1;
    margin-bottom: 20px;
    font-weight: bold;
}

.insurance .payment-popup .green-btn {
    margin: 0px 10px;
    display: inline-flex;
}

.insurance .payment-popup .price {
    display: block;
    width: 100%;
    font-size: 18px;
    color: #0A2F64;
    margin-bottom: 10px;
    text-align: center;
}

.insurance input {
    height: 40px;
    padding: 0px 10px 4px 10px;
    border: 1px solid #D4E1F5;
}

.insurance .blue-label {
    color: #0A2F64;
    font-size: 12px;
    font-family: caps;
    margin-bottom: 6px;
    display: block;
    line-height: 1;
    display: flex;
    align-items: center;
}

.insurance .error .blue-label {
    color: red;
}

.ticket-ins .hint {
    right: -40px;
    top: -3px;
    width: fit-content;
}

.ticket-ins .hint .text {
    right: -150px;
    transform: translateX(0%);
    width: 300px;
    pointer-events: none;
}

.applyBtn.btn {
    background-color: #09C688;
    border: 1px solid #09C688;
}

.applyBtn.btn {
    background-color: #08AD77;
}

.insurance .back-title {
    margin-bottom: 40px;
}

.insurance .steps li {
    font-size: 16px;
    color: #181818;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    font-family: caps;
    cursor: pointer;
}

.insurance .steps .count {
    width: 40px;
    height: 40px;
    font-weight: bold;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #0A2F64;
    font-size: 14px;
    color: #0A2F64;
    background-color: white;
    margin-right: 10px;
    position: relative;
    transition: 0.2s;
}

.insurance .steps .correct .count {
    border: 1px solid #09C688;
    background-color: white;
    color: transparent;
    background-image: url(../../img/correct.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 16px 12px;
}

.insurance .steps .active .count {
    color: white;
    background-color: #0A2F64;
    background-image: unset;
    border: 1px solid #0A2F64;
}

.insurance .steps .count::after {
    content: '';
    width: 1px;
    height: 20px;
    background-color: #D4E1F5;
    position: absolute;
    bottom: -21px;
    left: 50%;
    transform: translateX(-50%);
}

.insurance .steps li:last-child .count::after {
    content: unset;
}

.insurance .input-group input {
    padding-bottom: 3px;
    color: #0A2F64;
    font-size: 14px;
    font-family: light;
    border-radius: 5px;
    border: 1px solid #D4E1F5;
}

.insurance .dropdown.classic .selected .sel-text,
.insurance .input-group input::placeholder {
    font-family: light;
    color: rgba(10, 47, 100, 0.75);
    font-size: 14px;
}

.border-box {
    padding: 20px;
    background-color: white;
    border-radius: 5px;
    border: 1px solid #D4E1F5;
}

.insurance .dropdown.classic .selected {
    border-radius: 5px;
    border: 1px solid #D4E1F5;
}

.insurance .input-group {
    margin-bottom: 20px;
}

.insurance .dropdown .arr {
    height: unset;
}

.admin-page .insurance .dropdown .arr {
    height: 7px;
}

.insurance .datepicker {
    cursor: pointer;
}

.insurance .content {
    border-left: 1px solid #D4E1F5;
    margin-left: 0px;
    padding-left: 20px;
}

.insurance .finish {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #D4E1F5;
}

.insurance .payment-popup .green-btn,
.insurance .finish .green-btn {
    width: fit-content;
    padding: 0px 20px;
    border-radius: 5px;
}

.input-group input[type="radio"],
.input-group input[type="checkbox"] {
    border-radius: 5px;
    height: 16px;
    width: 16px;
    border: 1px solid #0A2F64;
    flex-shrink: 0;
    padding: 0px;
}

.input-group input:checked {
    background-image: unset;
    background-color: #0A2F64;
}

.input-group input:checked[type="checkbox"]:before {
    clip-path: unset;
    background-color: transparent;
}

.insurance .payment-popup .green-btn.grey,
.insurance .finish .green-btn.grey {
    background-color: #D4E1F5 !important;
    color: #0A2F64;
}

.insurance .payment-popup .green-btn.grey,
.insurance .finish .green-btn.grey:hover {
    background-color: #bfc9d8 !important;
}

.insurance .pay-form {
    box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.102);
    padding: 20px;
    background-color: white;
}

.insurance .pay-form .title {
    font-size: 16px;
    color: #181818;
    font-family: caps;
    display: block;
    margin-bottom: 10px;
}

.insurance .pay-form .item {
    font-family: caps;
    color: #455A64;
    font-size: 12px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.insurance .pay-form .item b {
    font-family: caps;
    font-weight: bold;
    color: #0A2F64;
    font-size: 12px;
    line-height: 17px;
    padding-top: 2px;
    width: 50%;
}

.insurance .pay-form .item .left {
    width: 50%;
}

.insurance .pay-form .text p {
    color: #455A64;
    font-size: 12px;
}

.insurance .tab {
    display: none;
}

.insurance .tab .row {
    margin-top: 6px;
}

.insurance .tab:first-child {
    display: block;
}

.insurance .number-btn {
    position: absolute;
    right: 10px;
    /* top: 50%; */
    /* transform: translateY(-50%); */
    bottom: 8px;
    width: 25px;
    height: 25px;
    background-color: #0A2F64;
    border-radius: 5px;
}

.insurance .number-btn:last-child {
    right: 45px;
}

.insurance .number-btn img {
    filter: brightness(0) invert(1);
}

.insurance .finish .pay {
    display: none;
}

.insurance .finish.payment-step .next {
    display: none;
}

.insurance .finish.payment-step .pay {
    display: block;
}

.insurance .finish.first-step .prev {
    display: none;
}

.insurance-list {
    background-color: white;
    border-radius: 5px;
    background-color: white;
    padding: 10px 20px;
}

.insurance-list .title {
    font-size: 18px;
    font-family: caps;
    font-weight: bold;
    display: flex;
    margin-top: 5px;
    margin-bottom: 10px;
    justify-content: center;
    color: #0A2F64;
}

.insurance-list .head div {
    font-size: 15px;
    font-family: caps;
}

.insurance-list .bottom div {
    color: #455A64;
}

.insurance-list div {
    color: #0A2F64;
    font-size: 14px;
}

.insurance-list .head {
    padding-bottom: 5px;
    border-bottom: 1px solid #D4E1F5;
    margin-bottom: 15px;
}

.insurance-list .bottom .row:not(:last-child) {
    margin-bottom: 15px;
}

.insurance-list .bottom .row a {
    color: #455A64;
    font-size: 14px;
}

.insurance-list .green-btn.yellow {
    background-color: #FFE31E !important;
    color: #0A2F64;
    font-size: 16px;
    border-radius: 10px;
    padding: 0px 17px;
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 10px auto;
    width: fit-content;
    font-family: caps;
    font-weight: bold;
}

.insurance-list .row {
    display: flex;
    align-items: center;
}

.planeloader {
    background-color: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
    position: fixed;
    z-index: 699;
    display: none;
}

.planeloader .inner {
    position: absolute;
    width: 120px;
    border-radius: 100%;
    height: 120px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.planeloader .inner span {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: rotate(calc(18deg * var(--i)));
}

.planeloader .inner span:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    background: #09C688;
    border-radius: 50%;
    transform: scale(0);
    animation: animate 2s linear infinite;
    animation-delay: calc(0.1s * var(--i));
}

.paperplane {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    animation: rotating 2s linear infinite;
    animation-delay: -1s;
}

.paperplane:before {
    content: '';
    position: absolute;
    top: 83px;
    left: 45px;
    color: #09C688;
    font-size: 60px;
    background-image: url(../../img/plane.svg);
    transform: rotate(180deg);
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center;
}

@keyframes animate {
    0% {
        transform: scale(0);
    }
    50% {
        transform: scale(1.2);
    }
    80%, 100% {
        transform: scale(0);
    }

}

@keyframes rotating {
    0% {
        transform: rotate(10deg);
    }
    100% {
        transform: rotate(370deg)
    }
}


.transaction-popup {
    position: fixed;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
}

.transaction-popup .inner {
    background-color: white;
    border-radius: 10px;
    padding: 20px;
    position: relative;
    color: #09C688;
}

.transaction-popup .close-btn {
    position: absolute;
    right: -10px;
    top: -10px;
    z-index: 1;
    background-color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    box-shadow: 0px 3px 6px rgb(9 198 136 / 14%);
}

.transaction-popup .close-btn img {
    transition: 0.3s;
}

.transaction-popup .close-btn:hover img {
    transform: rotate(180deg);
}

.transaction-popup .close-btn img {
    height: 12px;
}

.ageLow {
    display: none;
}

.second-form {
    padding-top: 20px;
    border-top: 1px solid #D0E6F5;
    margin-top: 10px;
}

.ageLow.active {
    display: flex;
    padding-top: 30px;
    margin-top: 10px;
    border-top: 1px solid #D4E1F5;
    flex-wrap: wrap;
}

.hint {
    position: absolute;
    right: 0;
    top: -5px;
    width: 380px;
    display: flex;
    z-index: 1;
    justify-content: flex-end;
}

.hint .icon {
    width: 20px;
    height: 20px;
    background-color: #546E7A;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;

}

.hint .icon img {
    width: 12px;
    filter: brightness(0) invert(1);
}

.label-textbox,
.hint .text {
    position: absolute;
    top: 25px;
    right: 0;
    background-color: #546E7A;
    padding: 5px 10px;
    border-radius: 5px;
    z-index: 1;
    opacity: 0;
    transition: 0.2s;
    pointer-events: none;
}

.ageLow .hint-text {
    background-color: #546E7A;
    padding: 5px 10px;
    border-radius: 5px;
    margin-left: 10px;
    margin-bottom: 30px;
}

.ageLow .hint-text p {
    color: white;
    font-family: roman;
}

.label-textbox {
    right: unset;
    left: 0;
}

label.checkbox:hover .label-textbox,
.hint:hover .text {
    opacity: 1;
    pointer-events: unset;
}

.label-textbox,
.hint .text p {
    color: white;
    font-size: 12px;
    font-family: light;
}

.checkbox {
    cursor: pointer;
}

.input-group .error-text {
    position: absolute;
    pointer-events: none;
    opacity: 0;
    transition: 0.2s;
    right: 0;
    font-size: 12px;
    color: red;
    top: -1px;
}

.input-group.error .error-text {
    opacity: 1;
}

.insurance .dropdown {
    display: block;
    width: 100%;
}

.input-group.error .dropdown.classic .selected {
    border: 1px solid red;
}


@media (max-width: 1420px) {
    .tour-detail .company-info .border-btn {
        margin-left: 3px
    }

    .detail-page .intro {
        height: 300px;
    }

    .result-box .w-100 {
        height: 200px;
    }

    .result-box .img-frame {
        height: 160px;
        width: 280px;
    }

    .default-box .img-frame {
        height: 160px;
    }

    .detail-page .hotels-block .default-box .img-frame {
        height: 120px;
    }

    .last-added .default-box .img-frame {
        height: 120px;
    }

    .main-slider .default-box .img-frame {
        height: 270px;
    }

    .detail-page .large .img-container,
    .detail-page .gallery .images-frame {
        height: 460px !important;
    }

    .tour-not-found .image {
        width: 600px;
    }
}

@media (max-width: 1200px) {
    .tour-detail .rightside .price-wrapper {
        grid-column-start: 1;
        grid-column-end: 3;
    }

    .detail-page .sticky {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-column-start: 1;
        grid-gap: 0px 40px;
    }

    .tour-detail .more-info {
        margin-top: 23px;
    }

    .tour-not-found .image {
        width: 460px;
    }

    .tour-not-found .text .green-btn {
        height: 36px;
        padding: 0px 15px;
    }

    .tour-not-found {
        padding: 20px;
    }

    .detail-page .gallery .sm {
        display: none;
    }

    .contact .right {
        padding-left: 80px;
    }

    .search-page .input-form.datepicker input {
        width: 172px;
    }

    .places-box .img-frame {
        height: 300px;
    }

    .main-slider .default-box .img-frame {
        height: 240px;
    }

    .discover svg {
        margin-top: 25px;
    }

    .hotels-block .types-button .right h5 {
        font-size: 11px;
        margin-top: -5px;
    }

    .hotels-block .types-button .right span {
        line-height: 1px;
    }

    .hotels-block .types-button .title {
        margin-bottom: 6px;
    }

    .interesting-themes .sm-blog-box {
        margin-bottom: 20px;
    }

    .booking {
        flex-wrap: wrap;
    }

    .booking .input-form {
        width: calc(50% - 40px);
        margin-bottom: 20px !important;
        margin-right: 0px;
    }

    .transport.search-page .switch {
        position: relative;
        top: -10px;
    }

    .transport.search-page .booking .input-form:nth-child(4),
    .transport.search-page .booking .input-form:nth-child(5) {
        width: calc(50% - 10px);
    }

    .transport.search-page .switch {
        margin: 0px;
    }

    .booking .green-btn {
        margin: auto;
    }

    .insurance .content {
        padding-left: 0px;
        border-left: none;
        margin-top: 20px;
    }
}

.hidden-991 {
    display: none;
}

@media (max-width: 991px) {
    .detail-page .sticky {
        display: block;
    }

    .detail-page .large .img-container {
        border-radius: 10px;
    }

    .service-detail .service-image {
        margin-bottom: 20px;
    }

    .back-title .grey {
        font-size: 70px;
    }

    .contact .right {
        padding-left: 10px;
        margin-top: 50px;
    }

    .contact .list {
        margin-top: 30px;
    }

    .contact .br {
        border-right: unset;
    }

    section {
        padding-top: 50px;
    }

    .main-search .search-input {
        width: 700px;
    }

    .burger-btn {
        flex-direction: column;
        justify-content: space-between;
        align-items: flex-end;
        height: 35px;
        margin-left: 15px;
        width: 40px;
        transition: 0.3s ease-in-out;
        right: 0;
        padding: 10px;
    }

    .default-box {
        margin-bottom: 20px;
    }

    .default-box .img-frame {
        height: 200px;
    }

    .dark-mode .burger-btn .line {
        background-color: white;
    }

    .burger-btn .line {
        width: 100%;
        height: 2px;
        border-radius: 3px;
        background-color: #455A64;
        transition: 0.3s ease-in-out;
    }

    .burger-btn .line:first-child {
        width: 16px;
    }

    .burger-btn .line:last-child {
        width: 12px;
    }

    .burger-btn.close {
        position: fixed;
        right: 7px;
        z-index: 1;
        top: 13px;
    }

    .burger-btn.close .line:nth-child(2) {
        display: none;
    }

    .burger-btn.close .line:first-child {
        width: 20px;
        transform: rotate(45deg) translateY(9.2px);
    }

    .burger-btn.close .line:last-child {
        width: 20px;
        transform: rotate(-45deg) translateY(-9.5px);
    }

    .hidden-991 {
        display: flex;
    }

    header .menu-wrapper .menu {
        display: none;
    }

    header .search {
        display: none;
    }

    header .menu-wrapper {
        display: none;
    }

    .header-padding {
        padding-top: 62px;
    }

    .mob-menu {
        flex-direction: column;
        align-items: flex-end;
        justify-content: flex-start;
        background-color: white;
        height: 100vh;
        width: 290px;
        position: fixed;
        top: 0;
        right: -110%;
        transition: 0.3s ease-in-out;
        z-index: 999969;
        padding-top: 40px;
    }

    .mob-menu .avatar-wrap {
        position: relative;
        padding: 15px 30px;
        width: 100%;
        margin: 24px 0px;
        border-top: 1px solid #E5F1FA;
        border-bottom: 1px solid #E5F1FA;
    }

    .mob-menu .avatar-wrap .arrow {
        position: absolute;
        right: 30px;
        height: 11px;
    }

    .mob-menu .prof-avatar {
        flex-shrink: 0;
        margin: 0px;
        margin-right: 0px;
    }

    .mob-menu .avatar-wrap .name {
        font-size: 14px;
        font-family: capsbold;
    }

    .mob-menu .hello {
        display: block;
        margin-top: 4px;
        font-size: 12px;
        font-family: light;
        line-height: 1;
        margin-bottom: -1px;
    }

    .dark-mode .mob-menu {
        background-color: #222222;
    }

    .burger-btn.close {
        z-index: 999999;
    }

    .dark-mode .text.slider {
        color: white;
    }

    .mob-menu.active {
        right: 0;
    }

    .mob-menu::before {
        content: '';
        background-color: rgba(0, 0, 0, 0.7);
        position: fixed;
        width: 0;
        z-index: 1;
        height: 100vh;
        top: 0;
        left: 0;
        transition: width 0.3s;
    }

    .mob-menu.active::before {
        left: unset;
        transition-delay: 0.2s;
        right: 290px;
        width: calc(100% - 290px);
    }

    .mob-menu .menu {
        width: 100%;
        padding-right: 30px;
    }

    .mob-menu .menu li {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: right;
        margin-bottom: 20px;
        padding-left: 30px;
    }

    .mob-menu .menu li .item {
        display: block;
        width: 100%;
    }

    .mob-menu .menu li .arrow {
        position: absolute;
        right: 30px;
    }

    .mob-menu .lang {
        display: flex;
        padding: 0px 32px;
        border-top: 1px solid #E5F1FA;
        padding-top: 25px;
    }

    .mob-menu .lang li:first-child {
        margin-left: 0px;
    }

    .mob-menu .lang li {
        margin-left: 15px;
    }

    .mob-menu .lang img {
        width: 24px;
        height: 20px;
    }

    .mob-menu .lang a {
        padding: 0px 6px;
        height: 40px;
        display: flex;
        align-items: center;
        border-radius: 5px;
        background-color: transparent;
        border: 1px solid #D4E1F5;
        width: 66px;
        justify-content: center;
    }

    .mob-menu .lang a.active {
        background-color: #D4E1F5;
    }

    .mob-menu .lang a img {
        border-radius: 5px;
        margin-right: 6px;
    }

    .mob-menu .dark-mode-button {
        margin-right: 30px;
        margin-top: 20px;
    }

    .main-block .info-box {
        margin-bottom: 20px;
    }

    .region-box {
        display: block;
        margin-bottom: 20px;
    }

    .footer-list .justify-between {
        flex-direction: column;
    }

    .footer-list {
        display: none;
    }

    footer {
        padding-top: 0px;
    }
}

@media (max-width: 768px) {
    .main-search.second-state .search-input,
    .main-search.first-state .search-input {
        width: 520px;
    }

    .tour-not-found {
        flex-direction: column;
        padding: 30px;
    }

    .tour-not-found .image {
        width: 100%;
        margin-top: 20px;
    }

    .tour-not-found .text {
        width: 100%;
    }

    .tour-not-found .title {
        font-size: 18px;
    }

    .tour-not-found .text {
        font-size: 14px;
    }

    .nd-banner {
        display: none;
    }

    .transport-detail .detail-info .grid {
        grid-template-columns: 1fr;
    }

    .detail-page .sticky {
        position: unset;
    }

    .tour-detail .rightside .price-wrapper {
        display: flex;
        border-top: 1px solid #EBF5FC;
        padding-bottom: 10px;
        margin-bottom: 10px;
        justify-content: space-between;
        align-items: center;
        position: fixed;
        z-index: 1000;
        background-color: white;
        bottom: 0;
        width: 100%;
        left: 0;
        margin-bottom: 0px;
        padding: 10px 50px;
    }

    .tour-detail .rightside .price-wrapper .order-btn {
        margin-left: 10px;
        padding: 0px 40px;
    }

    .detail-page .large .img-container,
    .detail-page .gallery .images-frame {
        height: 300px !important;
    }

    .back-title .grey {
        font-size: 50px;
    }

    .search-page[data-id="1"] .change-box {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .search-page[data-id="1"] .result-box .img-frame {
        height: 150px;
    }

    .result-box {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .result-box .img-frame {
        height: 330px;
        width: 100%;
        margin-right: 0px;
    }

    .result-box .top {
        margin-top: 15px;
        margin-bottom: 10px;
    }

    .result-box .w-100 {
        height: auto;
    }

    .result-box .bot {
        margin-top: 0px;
    }

    .main-search {
        height: 100%;
    }

    .drag-slider {
        width: 100% !important;
        overflow-x: scroll !important;
    }

    .drag-slider::-webkit-scrollbar {
        height: 0px;
        width: 0px;
    }

    .main-search.first-state .search-input {
        overflow: hidden;
    }

    .main-search .search-input {
        width: 100%;
    }

    .main-search form {
        width: 100%;
    }

    .main-search {
        background-image: none;
    }

    .main-search.first-state .d-flex {
        width: 100%;
    }

    .main-search.first-state .category-list {
        overflow-x: scroll;
        width: 100%;
    }

    .main-search .search-box .category-list {
        width: 100%;
        overflow-x: scroll;
    }
}

.mob-tab {
    display: none !important;
}

@media (max-width: 576px) {
    .ticket-ins .hint {
        display: none;
    }

    header .top {
        z-index: 500;
    }

    .column-mob {
        display: flex;
        flex-direction: column-reverse;
    }

    #fb-root {
        display: none;
    }

    .main-margin {
        margin-top: 40px !important;
    }

    .detail-page.hotel-detail .rightside.sticky .inner .current-prc img {
        width: 23px;
        height: 23px;
    }

    .detail-page.hotel-detail .rightside.sticky .inner .current-prc {
        font-size: 30px;
    }

    .services .wrapper {
        padding: 0;
        border: none;
        background-color: transparent;
    }

    .user-mob {
        display: flex;
        flex-direction: column-reverse;
    }

    .profile-info {
        margin-top: 30px;
    }

    header .prof-avatar {
        display: none;
    }

    header .mob-menu .prof-avatar {
        display: flex;
    }

    header {
        border-bottom: none !important;
    }

    .services .title-wrapper {
        margin: 24px 0px 24px 0px;
    }

    .main-search.second-state .search-input,
    .main-search.first-state .search-input {
        width: calc(100% - 10px);
        display: block;
        padding: 0 24px;
        margin: 0;
    }

    .main-search.first-state .category-list {
        display: block;
        margin: 0;
        padding-bottom: 12px;
        overflow: hidden;
    }

    .main-search .category-list li {
        width: 100%;
        margin-bottom: 12px;
        height: 38px;
        border-radius: 12px;
        overflow: hidden;
    }

    .main-search .search-box {
        width: calc(100% + 2px);
        left: -1px;
    }

    .main-search .search-input {
        border-radius: 10px;
        border: 1px solid #E5F1FA;
        height: 48px;
    }

    .main-search .main-input::placeholder {
        color: #546E7A;
    }

    .main-search .button-wrap {
        width: 40px;
        height: 40px;
    }

    .main-search .search-btn.f {
        width: 40px;
        height: 40px;
        background-color: #09C688;
        border-radius: 8px;
    }

    .main-search.fixed .search-input {
        bottom: 0;
        top: unset;
        transform: none;
    }

    .main-search.first-state .relative .button-wrap {
        display: none;
    }

    .main-search .search-input {
        flex-direction: row-reverse;
        padding: 0px 4px 0px 10px;
    }

    .main-search.first-state .search-label {
        position: unset;
        font-size: 18px;
        font-family: caps;
        margin-top: 15px;
        margin-bottom: 10px;
        border: none;
    }

    .main-search.first-state .d-flex {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .main-search .search-btn img {
        filter: brightness(0) invert(1);
    }

    .main-search.second-state .search-input,
    .main-search.first-state .search-input {
        flex-direction: row;
        height: auto;
        width: 100%;
        border-radius: 24px 24px 0px 0px;
        bottom: 0;
        position: fixed;
        left: 0;
        padding-bottom: 80px;
    }

    .main-search.second-state .recommended.filled {
        padding-bottom: 30px;
    }

    .main-search.second-state .input-list li {
        height: 30px;
        margin: 0;
    }

    .main-search.second-state .category-list li {
        width: fit-content;
        height: 30px;
        border-radius: 5px;
    }

    .main-search.second-state .search-input {
        display: flex;
        margin: 0;
        padding: 0 20px;
        bottom: unset;
        top: 60px;
        padding-top: 10px;
        flex-direction: row-reverse;
        border-radius: 0;
    }

    .main-search.second-state .background {
        background-color: white;
    }

    .main-slider .title-wrapper {
        margin: 30px 0px 24px 0px;
    }

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

    .main-search .button-wrap.m-0 {
        display: none;
    }

    .main-search .button-wrap {
        margin-right: 0px;
    }

    .main-search .search-title {
        color: #455A64;
        font-family: caps;
    }

    .gallery-slider .wrapper .count {
        bottom: unset;
        left: 20px;
        top: 60px;
    }

    header .top {
        padding: 10px 0px;
        border-bottom: none;
        width: 100%;
        height: 62px;
        display: flex;
        align-items: center;
    }

    .daterangepicker .calendar-table table thead tr:nth-child(2) th {
        font-size: 12px;
    }

    .daterangepicker .calendar-table th, .daterangepicker .calendar-table td {
        height: 21px;
        font-size: 12px;
    }

    .daterangepicker .calendar-table .month {
        font-size: 14px;
    }

    .tour-detail .column-mob .plan .title {
        margin-top: 10px;
        font-size: 16px;
        margin-bottom: 3px;
        padding-top: 10px;
        border-top: 1px solid #EBF5FC;
    }

    .detail-page .column-mob .contains {
        margin-bottom: 0px;
    }

    .tour-detail .column-mob .contains .success ul {
        margin-bottom: 0;
    }

    .transport-detail .detail-info .grid li {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .detail-page.hotel-detail {
        padding-bottom: 45px !important;
    }

    .search-page .region-link {
        margin-bottom: 20px;
    }

    .return-list {
        display: none;
    }

    .tour-detail .contains .success ul {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-gap: 20px;
    }

    .tour-detail .contains .success ul li {
        margin-bottom: 0px;
        font-size: 12px;
        line-height: 15px;
    }

    .tour-detail .contains ul li span {
        width: 25px;
        height: 25px;
    }

    .tour-detail .contains ul li span img {
        width: 12px;
    }

    .tour-detail .company-info {
        flex-direction: column;
    }

    .tour-detail .comp-title::after {
        content: unset;
    }

    .tour-detail .comp-title {
        margin-bottom: 10px;
    }

    .tour-detail .company-info .column {
        flex-direction: row;
    }

    .list-view {
        display: none;
    }

    .daterangepicker.show-calendar .ranges {
        display: none;
    }

    .daterangepicker .drp-calendar.left {
        padding: 0 0 8px 0;
    }

    .main-slider .owl-arrows {
        display: none;
    }

    .tour-detail .price-wrapper .current-prc.sm {
        font-size: 18px;
    }

    .tour-detail .rightside .price-wrapper {
        padding: 10px 20px;
    }

    header .avatar-wrap a:not(.prof-avatar, .w-100) {
        display: none;
    }

    .booking {
        display: block;
    }

    .booking .input-form {
        margin-bottom: 20px !important;
        width: 100% !important;
    }

    .tour-detail .company-info .border-btn {
        margin-left: 0px;
    }

    .back-title .grey {
        display: none;
    }

    .back-title .inner {
        position: unset;
        transform: none;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 25px 0px;
    }

    .detail-page .intro .title,
    .detail-page .intro .title h3 {
        font-size: 24px;
        -webkit-text-stroke: 1px white;
    }

    .detail-page .facts .abs-img {
        width: 150px;
    }

    .detail-page .facts {
        padding: 30px 20px 30px 90px;
    }

    .detail-page .intro .title {
        left: 15px;
        top: 10px;
    }

    .result-box .bot {
        flex-direction: column;
        align-items: flex-start;
    }

    .result-box .bot .price-wrapper .price {
        flex-direction: column;
        flex-wrap: unset;
    }

    .result-box .bot .price-wrapper {
        margin-top: 10px;
        display: flex;
        width: 100%;
        justify-content: space-between;
    }

    .edd-box,
    .pagination .page-item:nth-child(3),
    .pagination .page-item:nth-child(4) {
        display: none;
    }

    section {
        padding-bottom: 80px;
    }

    .search-page[data-id="1"] .change-box {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .search-page[data-id="1"] .result-box .img-frame,
    .result-box .img-frame {
        height: 210px;
    }

    .tour-detail .contains ul {
        grid-template-columns: 1fr;
    }

    .detail-page .contains {
        margin-bottom: 20px;
    }

    .main-logo img {
        height: 18px;
    }

    .discover .background-title {
        font-size: 60px;
    }

    .discover .left-side .title {
        font-size: 36px;
        margin-bottom: 10px;
    }

    .discover .discover-title {
        font-size: 36px;
        margin-bottom: 10px;
    }

    .mob-tab {
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 80px;
        left: 0;
        display: flex;
        align-items: center;
        background-color: white;
        box-shadow: 0px -6px 12px rgba(69, 90, 100, 0.059);
        border-radius: 24px 24px 0 0;
    }

    .container {
        padding-left: 16px;
        padding-right: 16px;
    }

    .mob-tab ul {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .mob-tab li {
        height: 40px;
        border-radius: 12px;
        display: flex;
        align-items: center;
        transition: 0.3s;
        padding: 0px 15px;
        justify-content: center;
    }

    .mob-tab li a {
        display: flex;
        align-items: center;
    }

    .mob-tab li span {
        max-width: 0;
        color: white;
        font-size: 12px;
        font-family: roman;
        transition: 0.3s;
        display: block;
    }

    .mob-tab li.active {
        min-width: 112px;
        background-color: #09C688;
    }

    .mob-tab li.active span {
        margin-left: 10px;
        max-width: 100px;
    }

    .mob-tab li.active img {
        filter: brightness(0) invert(1);
    }

    header .grey-btn {
        display: none;
    }

    .default-box .img-frame {
        height: 230px !important;
    }

    .medium-title {
        line-height: 18px;
    }

    .default-box .img-frame .img {
        transform: none !important;
    }

    .tourist-companies .tourist-search .green-btn {
        width: 90px;
    }

    .main-block .title-wrapper {
        margin-top: 20px;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px !important;
    }

    .main-title {
        font-size: 22px;
    }

    .filter-form {
        position: fixed;
        z-index: 10000;
        background-color: rgba(0, 0, 0, 0.5);
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        display: none;
    }

    .filter-form form {
        background-color: white;
        padding: 44px 0 0 0;
        border-radius: 24px 24px 0px 0px;
        position: absolute;
        width: 100%;
        bottom: 0;
        overflow: hidden;
    }

    .filter-form .inner-scroll {
        max-height: calc(100vh - 100px);
        overflow-y: scroll;
        padding: 0px 20px;
    }

    .filter-form .inner-scroll::-webkit-scrollbar {
        width: 5px;
    }

    .filter-btn {
        width: 100%;
        height: 40px;
        border-radius: 12px;
        font-size: 16px;
        font-family: caps;
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 1px;
        margin-bottom: 20px;
        margin-top: 10px;
    }

    .search-page .input-form.datepicker label {
        display: block;
        width: 100%;
    }

    .hidden-576 {
        display: flex !important;
    }

    .hide-576 {
        display: none !important
    }

    .filter-title {
        font-size: 18px;
        width: 100%;
        border-bottom: 1px solid #E8F3FA;
        font-family: caps;
        padding-bottom: 10px;
        margin-bottom: 12px;
        justify-content: center;
    }

    .filter-form .close-btn {
        position: absolute;
        top: 18px;
        right: 24px;
    }

    .filter-form .close-btn img {
        height: 12px;
    }

    .detail-page .gallery .images-frame {
        height: 250px;
        position: relative;
    }

    .detail-page.tour-detail .det-title {
        font-size: 22px;
    }

    .gallery-slider .right {
        display: none;
    }

    .gallery-slider .left {
        width: 100%;
    }

    .gallery-slider .close-btn {
        top: 20px;
        right: 17px;
        position: fixed;
        z-index: 300;
    }

    .gallery-slider .item img,
    .gallery-slider .item {
        height: auto;
    }

    .detail-page .gallery .large {
        padding: 0px 0px;
    }

    .gallery-slider .container {
        padding: 0px;
    }

    .gallery-slider .wrapper {
        padding: 30px 0px;
    }

    .gallery-slider .arrows .prev {
        left: 10px;
    }

    .gallery-slider .arrows .next {
        right: 10px;
    }

    .gallery-slider .wrapper {
        background-color: transparent;
    }

    .gallery-slider .item {
        height: 100vh;
        display: flex;
        align-items: center;
    }

    .mob-container {
        padding: 0px;
    }

    .mob-m {
        margin: 0px;
    }

    .detail-page .large .img-container {
        border-radius: 0px;
    }

    .detail-page.tour-detail .share-wrapper {
        padding: 0px;
        margin: 0px;
        border-bottom: none;
    }

    .detail-page .mob-m.inner {
        margin-top: -20px;
        border-radius: 24px 24px 0px 0px;
        background-color: white;
        position: relative;
        padding: 24px 6px 0px 6px;
        z-index: 2;
    }

    .hotel-detail.detail-page .mob-m.inner,
    .transport-detail.detail-page .mob-m.inner {
        margin-top: -40px;
    }

    .detail-page .bottom-wrapper {
        justify-content: space-between;
        align-items: center;
        width: 100%;
    }

    .detail-page.tour-detail .sm-grey,
    .detail-page .share-wrapper .added-date span {
        width: 100%;
        margin: 0px;
    }

    .detail-page.tour-detail .sm-grey {
        margin-right: 12px;
        border-radius: 4px;
    }

    .detail-page.transport-detail .sm-grey {
        width: fit-content;
    }

    .detail-page.tour-detail .sm-grey.hidden-576 {
        margin: 0px;
    }

    .tour-detail .more-info {
        margin-top: 0px;
        padding: 0px;
        padding-top: 10px;
        border: none;
        position: relative !important;
        border-top: 1px solid #EBF5FC;
    }

    .tour-detail .comp-title {
        margin-bottom: 0px;
    }

    .tour-detail .company-name {
        margin-bottom: 10px;
    }

    .tour-detail .more-info .column {
        flex-direction: row;
        display: flex;
        width: 100%;
    }

    .tour-detail .company-info .border-btn.green {
        width: 100%;
        margin-bottom: 0 !important;
        margin-right: 15px;
        padding: 0px;
        font-size: 14px;
        border: 1px solid #D4E1F5;
    }

    .tour-detail .company-info .border-btn.green:last-child {
        margin-right: 0px;
    }

    .tour-detail .more-info .list {
        margin: 10px 0;
        padding: 10px 0;
        border-top: 1px solid #EBF5FC;
        border-bottom: 1px solid #EBF5FC;
    }

    .tour-detail .more-info .list .item:last-child {
        margin-bottom: 0;
    }

    .tour-detail .plan {
        margin-top: 40px;
        padding-bottom: 20px;
        border-bottom: 1px solid #EBF5FC;
        margin-bottom: 0px;
    }

    .tour-detail .company-info {
        margin-bottom: 0px;
    }

    .tour-detail .column-mob .contains .title {
        padding-top: 10px;
        font-size: 16px;
    }

    .detail-page .gallery .sm {
        display: block;
        position: unset;
    }

    .detail-page .gallery .sm .img-container {
        display: none;
    }

    .detail-page .gallery .sm .img-container[data-id="3"] {
        z-index: 1;
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 8px;
        border: 2px solid #B0BEC5;
        right: 20px;
        left: unset;
        position: absolute;
        bottom: 40px;
    }

    .detail-page .gallery .sm .img-container:last-child::after {
        font-size: 12px;
    }

    .main-search-wrapper {
        background-image: none;
        height: unset;
        background-color: transparent;
    }

    .insurance .finish {
        flex-direction: column;
        /* align-items: flex-start; */
    }

    .insurance .finish .green-btn {
        margin-top: 20px;
    }

    .insurance .Lblue.fz-14 {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .services .service .frame {
        flex-shrink: 0;
        width: 48px;
        height: 48px;
    }

    .services .service .frame img {
        max-width: 22px;
        max-width: 22px;
    }

    .services .service {
        font-size: 12px;
    }

    .contact-form {
        padding: 20px;
    }

    .contact .main-title {
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .contact .list {
        margin-top: 20px;
    }

    .contact .return-list,
    .input-group,
    .contact .right .sm-title,
    .contact .list li {
        margin-bottom: 20px;
    }

    .contact .right {
        margin-top: 30px;
    }

    .contact .sm-title {
        font-size: 18px;
    }
}

@media (max-width: 380px) {
    .interesting-themes .sm-blog-box .img-frame {
        width: 100%;
        margin-right: 0;
    }

    .interesting-themes .sm-blog-box {
        flex-direction: column;
    }

    .interesting-themes .sm-blog-box .right {
        width: 100%;
    }

    .interesting-themes .sm-blog-box .sm-title {
        margin-top: 5px;
        max-height: 25px;
    }

    .interesting-themes .sm-blog-box .author {
        margin-top: 5px;
    }
}

@media (max-width: 360px) {
    .default-box .img-frame {
        height: 170px !important;
    }

    .tour-detail .contains .success ul {
        grid-gap: 10px;
    }
}


.detail-page.offers .searchBar {
    display: flex;
    justify-content: space-between;
    gap: 8px;
    min-width: 0;
    margin-top: 70px;
}

.detail-page.offers .searchBar .input-form {
    width: 100%;
}

.detail-page.offers .searchBar .range label {
    font-size: 12px;
    font-family: roman;
    color: #546E7A;
    margin-bottom: 5px;
}

.detail-page.offers .searchBar .range {
    margin-top: -24px;
}

.detail-page.offers .searchBar .range .value-container {
    gap: 8px;
}

.detail-page.offers .searchBar .range input {
    font-size: 12px;
    font-family: roman;
    color: #546E7A;
    padding: 0px 10px;
    border-radius: 10px;
    width: 100%;
    margin: 0;
    background-color: #fff;
}

.detail-page.offers .searchBar input,
.detail-page.offers .searchBar input::placeholder {
    font-size: 14px;
    color: #546E7A;
    font-family: roman;
}

.detail-page.offers .searchBar .d-flex {
    border: 1px solid #EBF5FC;
    border-radius: 10px;
    padding: 0px 10px;
    display: flex;
    align-items: center;
    height: 40px;
    background-color: #fff;
}

.detail-page.offers .searchBar .d-flex input {
    height: 100%;
    border: none !important;
}

.detail-page.offers .locs {
    display: flex;
    gap: 6px;
    margin-top: 12px;
    flex-wrap: wrap;
}

.detail-page.offers .locs .flex {
    display: flex;
    align-items: center;
    line-height: 1.2;
    gap: 8px;
    font-size: 14px;
    border-radius: 8px;
    margin-top: 10px;
    transition: 0.2s;
}

.detail-page.offers .locs .flex .icon {
    width: auto;
    filter: brightness(0) saturate(100%) invert(61%) sepia(17%) saturate(5598%) hue-rotate(118deg) brightness(96%) contrast(93%);
}

.detail-page.offers .locs .flex:hover {
}

.detail-page.offers .locs .flex span {
    display: block;
    font-size: 12px;
    font-family: roman;
    color: #546E7A;
}

.detail-page.offers .locs mark {
    background-color: transparent;
    color: #09C688;
    padding: 0;
}

.detail-page.offers .locs .frame {
    height: 70px;
    width: 100%;
    border-radius: 5px;
    overflow: hidden;
    position: relative;
}

.detail-page.offers .locs .frame img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.2s;
}

.detail-page.offers .locs .price {
    position: absolute;
    bottom: 7px;
    left: 7px;
    background-color: #fff;
    padding: 0px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    z-index: 1;
    justify-content: center;
    font-size: 14px;
    height: 30px;
}

.detail-page.offers .locs .price mark {
    color: #09C688;
    font-weight: normal;
    padding: 0;
    font-size: 16px;
    margin-right: 5px;
}

.detail-page.offers .locs .price strong {
    font-size: 16px;
    margin-right: 3px;
}

.detail-page.offers .locs a:hover .frame img {
    transform: scale(1.1);
}

.detail-page.offers .searchBtn {
    height: 40px;
    border-radius: 10px;
    background-color: #09C688;
    color: #fff;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    gap: 8px;
    font-size: 14px;
}

.detail-page.offers .owl-prev,
.detail-page.offers .owl-next {
    position: absolute;
    top: 36px;
    transform: translateY(-50%);
    background-color: #fff !important;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    z-index: 1;
    right: -20px;
    transition: 0.2s;
}

.detail-page.offers .owl-prev {
    left: -20px;
}

.detail-page.offers .owl-prev:hover,
.detail-page.offers .owl-next:hover {
    background-color: #09C688 !important;
}

.detail-page.offers .owl-prev:hover img,
.detail-page.offers .owl-next:hover img {
    filter: brightness(0) invert(1);
}


.custom-table {
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #D4E1F5;
    margin: 0 0 40px 0;
}

.custom-table .header,
.custom-table .table-row {
    display: grid;
    grid-template-columns: 1fr 1fr 2.5fr 1fr 1fr 1fr 1fr 130px;
    align-items: center;
    padding: 12px;
    font-size: 14px;
}

.custom-table .header {
    background-color: white;
}

.custom-table .table-row:nth-child(even) {
    background-color: #f0f8ff;
}

.custom table .table-row {
    background: white;
    border-bottom: 1px solid #ddd;
    padding-left: 14px;
}

.custom-table .table-row .icons {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.custom-table .table-row .icon {
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #EBF5FC;
    border-radius: 10px;
    background-color: #fff;
    position: relative;
}

.custom-table .table-row .icon .text {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    color: #546E7A;
    white-space: nowrap;
    z-index: 1;
    display: none;
    border: 1px solid #EBF5FC;
}

.custom-table .table-row .icon:hover .text {
    display: block;
}

.custom-table .item a {
    color: #09C688;
    text-decoration: underline;
}

.custom-table .item a:hover {
    text-decoration: none;
}

.custom-table .period-flight .txt {
    display: flex;
    align-items: center;
    font-size: 12px;
}

.custom-table .period-flight .txt img {
    width: 20px;
    height: 20px;
    margin-right: 3px;
}

.custom-table .period-flight .txt:last-child img {
    transform: rotate(-50deg) rotateY(180deg);
}

.show-mobile {
    display: none;
}

.offers .popup .count {
    display: flex;
    justify-content: space-between;
    align-items: center;
    line-height: 1.2;
    margin-bottom: 20px;
    padding: 0 10px;
}

.offers .popup .count .title {
    font-size: 14px;
    color: #546E7A;
    font-family: caps;
    margin-bottom: 0px;
    display: block;
}

.offers .popup .count .sm-title {
    color: #546E7A;
    font-size: 14px;
    font-family: roman;
}

.offers .popup .count .number-btn {
    border-radius: 50%;
    width: 24px;
    height: 24px;
    border: 1px solid #D4E1F5;
}

.offers .popup .count input {
    border: none;
    outline: none;
    width: 40px;
    font-size: 14px;
    text-align: center;
    padding: 0px;
    height: 24px;
}

.tooltip-parent {
    position: relative;
    width: fit-content;
}

.tur-tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 12px;
    color: #546E7A;
    white-space: nowrap;
    z-index: 1;
    display: none;
    border: 1px solid #EBF5FC;
}

.tooltip-parent:hover .tur-tooltip {
    display: block;
}

.custom-table .price {
    color: #09C688;
}

.custom-table .btn {
    background: #2c3e50;
    color: white;
    padding: 6px 12px;
    border-radius: 4px;
    text-align: center;
    cursor: pointer;
    font-size: 12px;
}

.custom-table .btn:hover {
    background-color: #08AD77;
}

@media (max-width: 1420px) {
    .custom-table .header {
        font-size: 13px;
    }
}

@media (max-width: 1200px) {
    .custom-table .header, .custom-table .table-row {
        grid-template-columns: 1.2fr 2fr 2fr 1fr 0.7fr 0.6fr 1fr;
        padding: 6px;
        font-size: 12px;
    }

    .detail-page.offers .searchBar {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }
}

@media (max-width: 991px) {
    .detail-page.offers .searchBar {
        display: flex;
        flex-direction: column;
        margin-bottom: 25px;
    }

    .detail-page.offers .searchBar .dropdown {
        margin-bottom: 0;
    }

    .detail-page.offers .searchBar .range {
        margin-top: 0;
    }

    .detail-page.offers .searchBar .d-flex input {
        width: 100%;
    }

    .custom-table {
        border: none;
    }

    .custom-table .header {
        display: none;
    }

    .custom-table .table-row {
        display: flex;
        flex-direction: column;
        background-color: #fff !important;
        border-radius: 8px;
        padding: 10px 20px;
        margin-bottom: 20px;
        border: 1px solid #D4E1F5;
    }

    .custom-table .table-row .show-mobile {
        display: block;
        font-size: 12px;
        font-family: roman;
        color: #546E7A;
        margin-right: 8px;
    }

    .custom-table .table-row .item {
        display: flex;
        align-items: center;
        text-align: left;
        justify-content: flex-start;
        padding-bottom: 5px;
        margin-bottom: 8px;
        border-bottom: 1px solid #e5edfa;
        width: 100%;
        margin-right: auto;
        font-size: 14px;
    }

    .custom-table .price {
        display: flex;
        margin-right: auto;
        margin-bottom: 8px;
    }
}

@media (max-width: 580px) {
    .detail-page.offers .searchBar {
        margin-top: 40px;
    }

    .detail-page.offers .owl-prev {
        left: -15px;
    }

    .detail-page.offers .owl-next {
        right: -15px;
    }

    .detail-page .intro .list {
        flex-direction: column;
        position: initial;
        transform: none;
        border-radius: 8px;
        border: 1px solid #D4E1F5;
        padding: 10px 20px;
        margin-top: -9px;
        padding-top: 15px;
    }

    .detail-page .intro .list li {
        margin-bottom: 5px;
        padding-bottom: 5px;
        border-right: none;
        background-color: #fff;
        width: 100%;
        border-bottom: 1px solid #D4E1F5;
    }

    .detail-page .intro .list li:last-child {
        border: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }

    .detail-page.offers .intro {
        height: auto;
    }

    .detail-page.offers .intro img {
        height: 200px;
        border-radius: 8px;
    }
}