body,
html {
    height: 100%
}

html {
    scroll-behavior: smooth;
    --font-size-10: 10px;
    --font-size-12: 12px;
    --font-size-14: 14px;
    --font-size-16: 16px;
    --font-size-18: 18px;
    --font-size-20: 20px;
    --font-size-24: 24px;
    --font-size-30: 30px;
    --font-size-34: 34px;
    --font-size-60: 60px;
    --sub-title-24: 24px;
    --main-title-48: 48px;
    --fb-color: #4267b2;
    --gray-color: #939393;
    --muted-color: #a2a2a2;
    --dark-color: rgba(34, 34, 34, 1);
    --primary: rgba(39, 191, 177, 1);
    --primary-color-light: rgba(204, 117, 253, 1);
    --primary-color: rgba(39, 191, 177, 1);
    --primary-hover: rgba(30, 179, 165, 1);
    --primary-trs: rgba(39, 191, 177, 0.6);
    --secondary: rgba(59, 96, 230, 1);
    --secondary-color: rgba(59, 96, 230, 1);
    --secondary-hover: rgba(108, 139, 251, 1);
    --secondary-trs: rgba(59, 96, 230, 0.6);
    --light-gray-color: #f5f5f5;
    --shadow: rgba(0, 0, 0, 0.19);
    --tst-bg: #ead6f7;
    --grd-pink: linear-gradient(90deg, #f3bcbf 0%, #e9979b 100%);
    --grd-dark: linear-gradient(90deg, #36373c 0%, #27282c 100%);
    --grd-primary: linear-gradient(90deg, var(--secondary-color) 0%, var(--primary-color) 100%);
    --grd-primary-alt: linear-gradient(90deg, var(--primary-color) 0%, var(--secondary-color) 100%);
    --grd-trns: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
    --grd-primary-tb: linear-gradient(var(--primary-color), var(--secondary-color));
    --grd-primary-trs: linear-gradient(90deg, var(--secondary-trs) 0%, var(--primary-trs) 100%)
}

body {
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    font-weight: 500;
    overflow: visible;
    letter-spacing: .5px
}

::placeholder {
    color: #aaa !important;
    font-weight: 500
}

::-webkit-input-placeholder {
    color: #aaa;
    font-size: inherit
}

:-ms-input-placeholder {
    color: #aaa;
    font-size: inherit
}

::-ms-input-placeholder {
    color: #aaa;
    font-size: inherit
}

::placeholder {
    font-size: inherit
}

::-webkit-scrollbar-track {
    background-color: #f5f5f5
}

::-webkit-scrollbar {
    width: 7px;
    background-color: #f5f5f5
}

::-webkit-scrollbar-thumb {
    background-color: #ddd
}

.text-white {
    color: #fff
}

.sticky .mainmenu-wrapper .ul-menu .nav-item a.nav-link,
.text-dark {
    color: var(--dark-color)
}

.sub-menu li.active>a.nav-link,
.text-purple {
    color: var(--primary-color)
}

.link {
    text-decoration: none;
    color: var(--red-color)
}

.link:focus,
.link:hover {
    text-decoration: none;
    color: var(--red-color)
}

.section {
    position: relative
}

.section-padding-both {
    padding-top: 70px;
    padding-bottom: 70px
}

.section-padding-both-2x {
    padding-top: 120px;
    padding-bottom: 120px
}

.bg-light-grey {
    background: var(--light-gray-color)
}

.logo-icon-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%
}

.navbar {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999
}

.btn-fab {
    border-radius: 100px;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    box-shadow: 0 1px 10px var(--dark-color)3b
}

.btn-fab:focus,
.btn-fab:hover {
    background: #222;
    color: #fff;
    box-shadow: none
}

.btn {
    padding: 5px 20px;
    font-size: var(--font-size-14);
    font-weight: 500;
    height: 44px;
    min-width: 150px;
    justify-content: center;
    display: inline-flex;
    align-items: center
}

.btn i {
    font-size: var(--font-size-20);
    margin: 0 10px;
    font-weight: 400
}

.btn:hover i,
.link:hover i {
    animation: fadeInLeft infinite 2s
}

.btn-dark {
    border: 1px solid transparent
}

.btn-dark:hover {
    border: 1px solid
}

.btn-outline-dark {
    background: 0 0;
    color: var(--dark-color) !important;
    border: 1px solid
}

.btn-outline-dark:focus,
.btn-outline-dark:hover {
    background: var(--dark-color);
    color: #fff !important;
    border: 1px solid transparent
}

.btn-primary {
    background: var(--primary-color);
    color: #fff;
    border: 0
}

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

.btn-primary:focus {
    color: #fff;
    background: var(--primary-color)
}

.btn-outline-primary {
    background: 0 0;
    color: var(--primary-color);
    border: 1px solid
}

.btn-outline-primary:focus,
.btn-outline-primary:hover {
    background: var(--primary-color);
    color: #fff;
    border: 1px solid transparent
}

.btn-secondary {
    background: var(--secondary-color);
    color: #fff;
    border: 0
}

.btn-secondary:hover {
    color: #fff;
    background: var(--secondary-hover)
}

.btn-secondary:focus {
    color: #fff;
    background: var(--secondary-color)
}

.btn-outline-secondary {
    background: 0 0;
    color: var(--secondary-color);
    border: 1px solid var(--secondary-color)
}

.btn-outline-secondary:focus,
.btn-outline-secondary:hover {
    background: var(--secondary-color);
    color: #fff;
    border: 1px solid transparent
}

.btn-white {
    background: #fff;
    color: var(--dark-color);
    border: 1px solid transparent
}

.btn-outline-white,
.btn-white:hover {
    background: 0 0;
    color: #fff;
    border: 1px solid #fff
}

.btn-outline-white:hover,
.btn-white-shadow {
    background: #fff;
    color: var(--dark-color);
    border: 1px solid transparent
}

.btn-white-shadow {
    border: 0;
    box-shadow: 0 2px 6px var(--shadow)
}

.btn-white-shadow:hover {
    box-shadow: 0 2px 14px var(--shadow)
}

.btn-white-shadow:focus {
    background: #fff;
    color: var(--dark-color);
    border: 0;
    box-shadow: 0 2px 14px var(--shadow)
}

.btn-dark {
    background: var(--dark-color) !important;
    color: #fff !important
}

.btn-dark:focus,
.btn-dark:hover {
    background: 0 0 !important;
    color: var(--dark-color) !important;
    border: 1px solid var(--dark-color)
}

.btn-round {
    border-radius: 100px !important;
    padding: 5px 20px
}

.bg-dark {
    background: var(--dark-color) !important
}

.bg-green,
.bg-primary {
    background: var(--primary-color) !important
}

.main-menu {
    background: 0 0;
    padding: 0;
    -webkit-transition: all .35s linear;
    -moz-transition: all .35s linear;
    -o-transition: all .35s linear;
    -ms-transition: all .35s linear;
    transition: all .35s linear
}

.navbar-toggler i {
    color: #fff;
    font-size: var(--font-size-30)
}

.main-menu.sticky .navbar-toggler i {
    color: #222
}

.sticky .main-menu {
    background: #fff;
    position: fixed;
    z-index: 9999;
    box-shadow: 0 3px 4px rgba(0, 0, 0, .15)
}

.main-menu .align {
    align-items: center;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.menuTogglebar {
    color: var(--dark-color)
}

.menuTogglebar i {
    font-size: 25px
}

.mainmenu-wrapper {
    width: 100%;
    position: relative
}

.mainmenu-wrapper .nav {
    flex-flow: wrap
}

.mainmenu-wrapper .close {
    position: absolute;
    right: 10px;
    top: 10px;
    width: 30px;
    justify-content: center;
    height: 30px;
    align-items: center;
    display: flex;
    border-radius: 100px;
    z-index: 999;
    background: #fff;
    color: #222;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .15)
}

.mainmenu-wrapper .ul-menu .nav-item a.nav-link {
    font-size: var(--font-size-14);
    padding: 24px 0;
    position: relative
}

.mainmenu-wrapper .ul-menu .nav-item a.nav-link i {
    padding-left: 5px
}

.mainmenu-wrapper .nav .nav-item>a.nav-link.active {
    font-weight: 600
}

.add-arrow.active:after,
.add-arrow.show:after,
.mainmenu-wrapper .nav .nav-item a:hover {
    color: var(--primary-color)
}

.menuTogglebar {
    color: #fff
}

.sticky .menuTogglebar {
    color: var(--dark-color)
}

.add-arrow,
section {
    position: relative
}

.add-arrow:after {
    content: "\f3d0";
    position: absolute;
    font-family: "Ionicons";
    right: -12px;
    font-size: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 14px
}

.ul-menu {
    justify-content: center
}

.ul-menu>li:first-child {
    margin-left: 0
}

.ul-menu>li:last-child {
    margin-right: 0
}

.ul-menu>li {
    margin: 0 15px;
    position: relative
}

.ul-menu .show-menu-wrapper {
    position: absolute;
    visibility: hidden;
    top: 100%;
    background: #fff;
    padding: 15px;
    min-width: 230px;
    left: 0;
    margin: 0;
    right: 0;
    opacity: 0;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .15);
    transition: opacity .35s ease-in-out, transform .4s ease-in-out;
    transform: translateY(10px)
}

.ul-menu li.active .show-menu-wrapper,
.ul-menu li.show .show-menu-wrapper {
    opacity: 1;
    transform: translateY(0);
    visibility: visible
}

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

.sub-menu li {
    margin-bottom: 5px;
    display: block
}

.sub-menu a.nav-link {
    padding: 5px 0 !important;
    font-weight: 500;
    text-transform: capitalize !important
}

.wrapper {
    height: 100%
}

.logo {
    width: 90px;
    padding: 5px 0;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.bg-white {
    background: #fff
}

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

.align-items-start {
    align-items: flex-start
}

.align-items-center {
    align-items: center
}

.align-items-end {
    align-items: flex-end
}

.flex-j-start {
    display: flex;
    align-items: center
}

.flex-j-start,
.j-start {
    justify-content: flex-start
}

.flex-j-end {
    display: flex;
    align-items: center
}

.flex-j-end,
.j-end {
    justify-content: flex-end
}

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

.flex-j-center,
.j-center {
    justify-content: center
}

.flex-j-between {
    display: flex;
    align-items: center
}

.flex-j-between,
.j-between {
    justify-content: space-between
}

.fs-12 {
    font-size: var(--font-size-12)
}

.fs-14 {
    font-size: var(--font-size-14)
}

.bold {
    font-weight: 700 !important
}

.fw-500 {
    font-weight: 500
}

.fw-600 {
    font-weight: 600
}

.fw-700 {
    font-weight: 700
}

.overflow-hidden {
    overflow: hidden
}

a,
a:focus,
a:hover {
    text-decoration: none
}

a:hover {
    text-decoration: none;
    color: var(--primary-color)
}

.fw-300 {
    font-weight: 300 !important
}

#preloader,
.scrollToTop {
    position: fixed;
    justify-content: center
}

.scrollToTop {
    bottom: 30px;
    right: 30px;
    z-index: 99999;
    font-size: var(--font-size-30);
    width: 30px;
    background: 0 0;
    display: none;
    padding: 0;
    background: #fff;
    color: var(--dark-color);
    border: 0
}

.scrollToTop i {
    margin: 0 !important
}

.scrollToTop:hover {
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3)
}

.dark-box-shadow {
    background: #191919;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .3);
    border-radius: 6px
}

#preloader {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    background-color: #fefefe;
    z-index: 999;
    height: 100%;
    width: 100%;
    align-items: center
}

#status {
    width: 150px;
    height: 150px;
    background-image: url(../img/loader.gif);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center
}

.section-padding {
    padding-top: 70px
}

.section-padding-half {
    padding-top: 30px
}

.section-padding-1-5x {
    padding-top: 110px
}

.section-padding-2x {
    padding-top: 140px
}

.header-sec {
    position: relative;
    display: flex;
    min-height: 100vh;
    align-items: center;
    justify-content: center
}

.index-bg {
    background-image: url(../img/index-bg.jpg);
    background-position: center
}

.index-bg,
.inner-header,
.tst-bg {
    background-repeat: no-repeat;
    background-size: cover
}

.tst-bg {
    background-image: url(../img/tst-bg.jpg);
    background-position: top center;
    padding-bottom: 50px
}

.inner-header {
    position: relative;
    display: flex;
    min-height: 230px;
    padding-top: 70px;
    align-items: center;
    background-position: center center;
    overflow: hidden
}

.text-white .text-1 {
    color: #fff
}

.header-typo,
.text-dark .text-1 {
    color: var(--dark-color)
}

.inner-header .panelImg {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%
}

.header-sec .j-align {
    justify-content: flex-end
}

.inner-header .j-align {
    justify-content: flex-start
}

.header-typo {
    padding: 20px;
    margin: auto;
    width: 70%;
    text-align: center
}

.header-typo .text-1 {
    font-size: 48px;
    font-weight: 700;
    line-height: 1;
    text-transform: uppercase;
    margin-bottom: 30px
}

.header-typo .light {
    font-weight: 300
}

.header-typo .text-2 {
    font-size: var(--font-size-20);
    display: inline-block;
    font-weight: 500;
    margin-bottom: 30px
}

.searchbar {
    position: relative;
    width: 80%;
    margin: auto auto 20px
}

.searchbar .form-control {
    height: 56px;
    border-radius: 100px;
    padding: 10px 60px 10px 30px;
    font-size: var(--font-size-14);
    border: 0
}

.searchbar .form-control:focus {
    border: 0;
    outline: 0
}

.searchbar .search-btn {
    position: absolute;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 14px;
    top: 0;
    bottom: 0;
    margin: auto;
    font-size: var(--font-size-34);
    background: 0 0;
    border: 0;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none
}

.searchbar .icon,
.searchbar .search-btn,
a.pro-box {
    color: var(--dark-color)
}

.hdricon-box {
    text-align: center
}

.hdricon-box,
.hdricon-box:hover {
    text-decoration: none;
    color: #fff
}

.hdricon-box:hover .icon {
    transform: translateY(10px)
}

.hdricon-box:hover .title {
    transform: translateY(-10px)
}

.hdricon-box .icon {
    width: 90px;
    height: 90px;
    padding: 25px;
    border-radius: 100%;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto auto 20px;
    transition: all .35s ease-in-out
}

.hdricon-box .title {
    font-size: var(--font-size-14);
    font-weight: 500;
    transition: all .35s ease-in-out
}

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

.main-title {
    line-height: 1;
    margin-bottom: 30px;
    text-transform: uppercase
}

.main-title .title {
    font-size: var(--font-size-30);
    font-weight: 700
}

.main-title .small-text {
    font-size: 22px
}

.main-title.center {
    text-align: center
}

.main-title.text-white * {
    color: #fff
}

.main-title .line {
    width: 80px;
    height: 3px;
    margin: 20px auto;
    background: var(--dark-color)
}

.bg-grd-primary {
    background: var(--grd-primary) !important
}

.bg-grd-primary-alt {
    background: var(--grd-primary-alt) !important
}

.text-p {
    font-size: var(--font-size-14);
    font-weight: 500;
    line-height: 1.8
}

.pro-box {
    margin-bottom: 30px;
    border-radius: 10px;
    text-decoration: none;
    display: block;
    transition: all .3s ease-in-out;
    box-shadow: 0 2px 6px var(--shadow)
}

.center-content .pro-box .content {
    position: absolute;
    color: #fff;
    bottom: 0;
    top: 0;
    right: 0;
    left: 0;
    text-align: center;
    width: 100%;
    height: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: 0 0 !important
}

.center-content .pro-box .content .pro-name {
    padding: 10px 30px;
    background: var(--grd-primary-trs)
}

.pro-box:hover {
    box-shadow: 0 4px 34px var(--shadow)
}

.pro-box:hover img {
    transform: scale(1.1)
}

.pro-box,
.pro-box .img {
    position: relative;
    background: #fff;
    overflow: hidden
}

.pro-box .img {
    cursor: pointer;
    max-height: 230px;
    z-index: 1
}

.pro-box .img img {
    height: 200px;
    width: 100%;
    object-fit: cover;
    overflow: hidden
}

.pro-box img {
    transition: all 3s ease-in-out;
    transform: scale(1)
}

.pro-box .content {
    padding: 15px 20px;
    transition: all .5s ease-in-out;
    z-index: 2
}

.pro-box .content .row {
    width: 100%;
    align-items: center;
    justify-content: space-between
}

.pro-box .content .pro-name {
    font-size: var(--font-size-18);
    font-weight: 700;
    margin-top: 2px;
    letter-spacing: 0;
    margin-bottom: 0;
    text-transform: uppercase;
    line-height: 1.2
}

.pro-box .content .pro-sub-name {
    font-size: 13px;
    font-weight: 600;
    color: var(--muted-color)
}

.pro-box .content .line {
    margin-left: 0 !important;
    margin: 6px
}

.line {
    width: 40px;
    height: 3px;
    margin: 15px auto
}

.del-price,
.time {
    font-size: var(--font-size-12);
    font-weight: 600;
    color: var(--muted-color)
}

.del-price {
    text-decoration: line-through;
    margin-right: 10px
}

.price {
    font-size: var(--font-size-30);
    font-weight: 500;
    line-height: 1;
    align-items: center;
    margin-top: 10px;
    display: inline-flex;
    color: var(--primary-color)
}

.sm-price {
    font-size: var(--font-size-20)
}

.facility .icon,
.price-sub-text {
    font-size: var(--font-size-18);
    color: var(--muted-color)
}

.price-sub-text {
    display: inline-flex;
    margin-left: 3px
}

.sm-price-sub-text {
    font-size: var(--font-size-14)
}

.facility {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    text-align: right
}

.facility .icon {
    margin-left: 15px
}

.facility .icon.fill {
    color: var(--primary-color)
}

.offerblog-type .pro-box,
.overlay-pro-text .pro-box {
    color: #fff
}

.overlay-pro-text .pro-box .content {
    text-align: right
}

.offerblog-type .content,
.overlay-pro-text .pro-box .content {
    position: absolute;
    color: #fff;
    bottom: 0;
    right: 0;
    width: 100%;
    background: var(--grd-trns)
}

.offerblog-type,
.overlay-pro-text .pro-box .pro-name {
    font-size: var(--font-size-24);
    text-transform: capitalize
}

.overlay-pro-text .pro-box .pro-price {
    font-size: var(--font-size-16)
}

.circle-mode .pro-box {
    box-shadow: none;
    text-align: center;
    color: var(--dark-color);
    padding: 15px 5px
}

.circle-mode .pro-box:hover .img {
    box-shadow: 0 4px 20px var(--shadow);
    border: 3px solid #fff
}

.circle-mode .img {
    position: relative;
    cursor: pointer;
    background: #fff;
    overflow: hidden;
    max-height: 200px;
    width: 200px;
    margin: auto;
    height: 200px;
    border-radius: 200px;
    -webkit-border-radius: 200px;
    -ms-border-radius: 200px;
    -o-border-radius: 200px;
    border: 3px solid #fff
}

.circle-mode .img img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    max-width: 150% !important
}

.circle-mode .pro-box .content {
    position: relative;
    color: var(--dark-color);
    background: 0 0 !important;
    margin: auto;
    text-align: center
}

.howite-box {
    text-align: center
}

.howite-box .icon {
    margin: auto auto 20px;
    width: 75px;
    height: 75px
}

.howite-box .title {
    font-size: var(--font-size-18);
    color: var(--dark-color);
    font-weight: 700
}

.howite-box .sub-text {
    font-size: var(--font-size-14);
    color: var(--muted-color)
}

.howite-box .svg-arrow {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 16px;
    right: -15px
}

.howite-box .svg-arrow path {
    stroke: var(--primary-color)
}

.testimonial-wrappper {
    position: relative
}

.testimonial-carousel .item {
    padding: 50px 30px
}

.testimonial-box {
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 4px 20px var(--shadow);
    background: #fff
}

.tst-content {
    padding: 50px
}

.tst-content .title {
    font-size: 22px;
    font-weight: 700;
    color: var(--dark-color);
    margin-bottom: 20px
}

.tst-content .sub-title,
.tst-content .text-p {
    font-size: var(--font-size-14);
    color: var(--muted-color)
}

.tst-content .text-p {
    min-height: 120px
}

.rating-star {
    display: flex;
    align-items: center;
    font-size: var(--font-size-20);
    color: #f1b91d
}

.rating-star i {
    margin-right: 4px
}

.rating-star .text,
.tst-social-icons a {
    font-size: var(--font-size-14);
    color: var(--dark-color);
    margin-left: 5px
}

.tst-social-icons {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.tst-social-icons a {
    margin-left: 10px
}

.tst-pic {
    overflow: hidden;
    width: 90%;
    margin: -40px;
    position: relative;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    box-shadow: 0 4px 20px var(--shadow);
    background: #fff;
    height: 320px;
    background-size: cover !important;
    background-position: center !important
}

.tst-pic img {
    width: 100%
}

.cstm-next-prev,
.cstm-next-prev a {
    display: flex;
    align-items: center
}

.cstm-next-prev a {
    color: var(--dark-color);
    text-decoration: none;
    width: 40px;
    justify-content: center;
    height: 40px;
    border-radius: 100px;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    font-size: var(--font-size-24);
    z-index: 999;
    background: #fff;
    color: #222;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .15)
}

.thumb-control-nav,
.tst-control-nav {
    width: 100px;
    justify-content: space-between;
    position: absolute;
    bottom: 90px;
    left: 80px
}

.tst-control-nav .customNextBtn {
    background: var(--primary-color) !important;
    color: #fff
}

.thumb-control-nav {
    display: flex;
    align-items: center;
    bottom: 0 !important;
    left: 0 !important;
    top: 0;
    right: 0;
    height: 100%;
    width: 100%
}

.thumb-control-nav a {
    opacity: .7;
    margin: 10px
}

.thumb-control-nav a:hover {
    opacity: 1
}

.whyC-box {
    text-align: left
}

.whyC-box .icon {
    margin-bottom: 30px;
    font-size: 60px;
    width: 80px;
    color: var(--primary-color)
}

.whyC-box .title {
    font-size: var(--font-size-18);
    color: var(--dark-color);
    font-weight: 700;
    margin-bottom: 20px
}

.whyC-box .sub-text {
    font-size: var(--font-size-14);
    color: var(--muted-color);
    line-height: 1.7;
    font-weight: 500
}

.section-footer {
    background: var(--grd-primary-tb);
    color: #fff
}

.ft-blocks,
.ft-blocks .title {
    margin-bottom: 20px
}

.ft-blocks .title {
    font-size: var(--font-size-18);
    text-transform: uppercase;
    font-weight: 600
}

.ft-blocks .ul-list {
    padding: 0;
    margin: 0;
    list-style: none
}

.ft-blocks .ul-list li {
    margin-bottom: 8px
}

.ft-blocks .ul-list .link {
    text-decoration: none;
    font-size: var(--font-size-14);
    font-weight: 500
}

.section-footer .link:hover {
    text-decoration: underline;
    color: #fff
}

.detail-content .typecat i,
.link:hover {
    color: var(--primary-color)
}

.section-footer .btn {
    display: flex;
    font-weight: 600;
    margin-bottom: 20px
}

.ft-hr {
    background: #fff;
    margin: 20px 0;
    border: 0;
    height: 1px;
    width: 100%
}

.ft-bottom {
    align-items: center;
    padding-bottom: 20px
}

.copyright,
.ft-bottom .ul-list li a {
    font-weight: 500;
    font-size: var(--font-size-12)
}

.copyright {
    margin-bottom: 0
}

.ft-bottom .ul-list li {
    display: inline-block;
    position: relative
}

.ft-bottom .ul-list li a {
    padding: 5px 10px
}

.ft-bottom .ul-list li:after {
    position: relative;
    content: '|';
    font-weight: 300
}

.ft-bottom .ul-list li:last-child:after {
    display: none
}

.contact-strip.start {
    align-items: flex-start
}

.contact-strip {
    margin-bottom: 15px
}

.contact-strip .icon {
    width: 20px;
    margin-right: 20px;
    font-size: var(--font-size-18)
}

.contact-strip .content {
    width: 100%;
    font-size: var(--font-size-14)
}

.contact-strip,
.social-icons {
    display: flex;
    align-items: center
}

.social-icons a {
    font-size: var(--font-size-16);
    color: #fff;
    margin-right: 20px
}

.payment-option {
    display: flex
}

.payment-option .payment-img {
    margin-right: 10px;
    padding: 2px;
    background: #fff
}

.mem-secure {
    height: 40px
}

.filter-aside {
    box-shadow: 0 1px 9px var(--shadow);
    background: #fff;
    margin-bottom: 20px
}

.accordion-toggle,
.label-title {
    font-size: var(--font-size-14);
    margin-bottom: 20px;
    font-weight: 600;
    text-transform: uppercase;
    color: var(--dark-color)
}

.filter-aside .card {
    border-radius: 0;
    border-right: 0;
    border-left: 0
}

.accordion>.card:first-of-type {
    border-top: 0
}

.accordion>.card:last-of-type {
    border-bottom: 1px
}

.filter-aside .card-header {
    background: 0 0;
    padding: 10px 20px;
    border-bottom: 0
}

.filter-aside .card-body {
    padding: 10px 20px
}

.scrollble-checkbox {
    padding: 5px;
    overflow: auto;
    max-height: 120px
}

.scrollble-checkbox .custom-control {
    margin-bottom: 5px
}

.custom-control-label {
    font-size: var(--font-size-14);
    font-weight: 500
}

.custom-control .custom-control-input:checked~.custom-control-label {
    color: var(--dark-color)
}

.custom-control .custom-control-input:checked~.custom-control-label::before {
    background-color: var(--primary-color)
}

.custom-control-input:focus~.custom-control-label::before {
    box-shadow: 0 0 0 2px #fff, 0 0 0 .2rem var(--primary-color);
    -webkit-box-shadow: 0 0 0 2px #fff, 0 0 0 .2rem var(--primary-color);
    -o-box-shadow: 0 0 0 2px #fff, 0 0 0 .2rem var(--primary-color);
    -moz-box-shadow: 0 0 0 2px #fff, 0 0 0 .2rem var(--primary-color)
}

.custom-control-input:checked~.custom-control-label::before {
    border: 0
}

.custom-radio .custom-control-label::before {
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -ms-border-radius: 50px;
    -o-border-radius: 50px
}

.custom-control-label::after,
.custom-control-label::before {
    position: absolute;
    top: -1px;
    bottom: 0;
    margin: auto;
    left: -25px;
    display: block;
    width: 15px;
    height: 15px;
    content: ""
}

.custom-control-label::before {
    pointer-events: none;
    background-color: #fff
}

.custom-control-label::after {
    background: no-repeat 50%/50% 50%
}

.cstm-pagition {
    justify-content: center
}

.cstm-pagition .page-link {
    padding: 10px;
    width: 40px;
    height: 40px;
    min-width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 !important;
    text-align: center;
    border-radius: 100px !important;
    -webkit-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
    line-height: 1.25;
    color: var(--dark-color);
    background: 0 0;
    border: 0 !important
}

.cstm-pagition .btn {
    box-shadow: 0 2px 6px var(--shadow);
    font-size: var(--font-size-14)
}

.cstm-pagition .page-item.active .page-link {
    z-index: 1;
    color: var(--dark-color);
    font-weight: 700;
    background: 0 0;
    border-color: none
}

.offerblog-type {
    padding: 20px 0
}

.offerblog-type .label-title {
    font-size: var(--font-size-18)
}

.offerblog-type .content {
    text-align: left
}

.offerblog-type .pro-box .content .pro-name {
    font-size: var(--font-size-16)
}

.slider-wrapper {
    position: relative
}

.owl-thumb-item img {
    width: 150px;
    height: auto
}

.owl-thumbs {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    justify-content: center;
    margin: auto;
    display: flex;
    width: 100%;
    text-align: center;
    padding: 10px 0
}

.owl-thumb-item {
    border: 0;
    background: 0 0;
    padding: 0;
    overflow: hidden;
    opacity: .4;
    margin-right: 10px;
    max-width: 80px;
    max-height: 60px
}

.owl-thumb-item.active {
    opacity: 1;
    outline: 0
}

.owl-thumb-item,
.pro-thumb-slider .owl-item img {
    border-radius: 6px
}

.bg-white-box-shadow {
    background: #fff;
    box-shadow: 0 4px 8px var(--shadow);
    padding: 30px
}

.pro-detail-title {
    font-size: var(--font-size-30);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 0
}

.pro-detail-subtitle {
    font-size: var(--font-size-18);
    font-weight: 400;
    color: var(--muted-color)
}

.detail-label-title {
    font-size: var(--font-size-20);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px
}

.detail-content .hotel-type,
.detail-content .pro-couple {
    font-size: var(--font-size-14);
    color: var(--primary-color);
    margin-bottom: 10px
}

.detail-content .pro-couple {
    color: var(--muted-color)
}

.detail-content .typecat {
    font-size: var(--font-size-14);
    display: flex;
    align-items: center
}

.detail-content .typecat .selected-cat {
    margin-right: 10px;
    margin-bottom: 10px
}

.fc-boxes {
    display: inline-flex;
    flex-wrap: wrap
}

.fc-strip {
    padding: 5px 12px;
    box-shadow: 0 1px 4px var(--shadow);
    margin-bottom: 8px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    color: var(--muted-color);
    background: #fff;
    font-size: var(--font-size-12)
}

.fc-strip.fill {
    background: var(--primary-color);
    color: #fff
}

.fc-strip .icon {
    margin-right: 5px;
    font-size: var(--font-size-16);
    width: 20px
}

.text-muted {
    color: var(--muted-color) !important
}

.icon-content-strip {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    background: #fff;
    box-shadow: 0 2px 4px var(--shadow);
    padding: 10px 20px
}

.icon-content-strip .icon {
    margin-right: 10px;
    font-size: var(--font-size-24)
}

.icon-content-strip .content {
    width: 100%;
    font-size: var(--font-size-14);
    padding: 10px;
    font-weight: 600
}

.timeline-accordion {
    padding: 30px;
    border: 1px solid var(--shadow)
}

.timeline-accordion .card {
    padding-left: 65px;
    position: relative;
    border: 0;
    margin-bottom: 0 !important
}

.card-header,
.tags span {
    background: #fff
}

.timeline-accordion .day {
    position: absolute;
    left: 0;
    padding-left: 10px;
    top: 14px;
    font-size: var(--font-size-14);
    width: 70px;
    font-weight: 600;
    color: var(--primary-color)
}

.timeline-accordion .day:after {
    content: '';
    width: 10px;
    height: 10px;
    position: absolute;
    background: var(--primary-color);
    top: 6px;
    right: 0;
    border-radius: 50%;
    z-index: 2
}

.tags {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-transform: capitalize;
    font-size: var(--font-size-10);
    margin-top: 10px
}

.tags span {
    padding: 5px 10px;
    margin-right: 10px;
    border-radius: 50px;
    border: 1px solid var(--shadow);
    margin-bottom: 5px
}

.timeline-accordion .fc-strip {
    color: var(--dark-color);
    font-size: var(--font-size-14);
    font-weight: 600
}

.timeline-accordion .fc-strip .icon,
.visa-content h5 {
    font-size: var(--font-size-20)
}

.timeline-accordion .card:after {
    content: '';
    width: 1px;
    height: 111%;
    position: absolute;
    background: var(--primary-color);
    top: 0;
    left: 65px;
    z-index: 1
}

.cstm-form .label-title {
    margin-bottom: 10px
}

.cstm-form .custom-select,
.cstm-form .form-control,
.cstm-form textarea.form-control {
    border-radius: 0;
    height: 44px;
    font-size: var(--font-size-14)
}

.cstm-form textarea.form-control {
    height: 80px
}

.btn-grd-primary {
    background: var(--grd-primary-alt);
    color: #fff;
    border: 0;
    transition: all .35s ease-in-out
}

.btn-grd-primary:focus,
.btn-grd-primary:hover {
    background: var(--grd-primary);
    color: #fff
}

.package-pdf-btn img {
    width: 200px
}

.slider-price {
    font-size: var(--font-size-14);
    font-weight: 700;
    margin-bottom: 20px;
    display: flex;
    align-items: center
}

.min-max-price {
    font-size: var(--font-size-12);
    color: var(--primary-color);
    margin-left: 20px
}

.ui-slider-horizontal {
    height: 5px !important
}

.ui-widget-header {
    background: var(--primary-color) !important
}

.ui-slider .ui-slider-handle {
    width: 15px !important;
    border-radius: 15px;
    height: 15px !important
}

.ui-slider-horizontal .ui-slider-handle {
    top: -6px !important
}

.ui-widget.ui-widget-content {
    border: 0 !important;
    background: #ededed !important
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: 0;
    background: var(--primary-color) !important;
    font-weight: 400;
    outline: 0;
    color: #fff
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover,
a.ui-button:focus,
a.ui-button:hover {
    outline: 0
}

.min-max-input {
    display: flex;
    justify-content: space-between
}

.min-max-input .label-text,
.min-max-input input {
    font-size: var(--font-size-12)
}

.min-max-input input {
    height: 34px;
    padding: 5px 10px;
    margin: 0 10px;
    border-radius: 0
}

.Overview-table-ul .table-li {
    width: 32.33%;
    display: inline-flex;
    position: relative
}

.Overview-table-ul,
.ul-list {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none
}

.Overview-table-ul .table-li,
.aboutUs .content p.text-p,
.ul-list li {
    margin-bottom: 10px;
    font-size: var(--font-size-14)
}

.dldt-list dd,
.ul-list-sm li {
    font-size: var(--font-size-12)
}

ul.bullet-md li:after,
ul.bullet-sm li:after {
    top: -2px !important;
    font-size: var(--font-size-20) !important;
    font-weight: 500 !important
}

ul.bullet-sm li {
    padding-left: 20px !important
}

ul.bullet-sm li:after {
    font-size: var(--font-size-18) !important
}

ul.bullet-arrow li {
    position: relative;
    padding-left: 30px
}

ul.bullet-arrow li:after {
    position: absolute;
    left: 0;
    top: -8px;
    content: "\f119";
    font-family: "Ionicons";
    color: var(--dark-color);
    font-size: var(--font-size-24);
    font-weight: 600
}

ul.bullet-dark li:after {
    color: var(--dark-color)
}

ul.bullet-primary li:after {
    color: var(--primary-color)
}

.hotel-information {
    background: var(--light-gray-color);
    position: relative;
    padding: 20px
}

.Hotel-review-items .item {
    padding: 10px
}

.hotel-reviw-control-nav {
    position: absolute;
    bottom: 3%;
    width: 50%;
    left: 0;
    right: 0;
    margin: auto;
    justify-content: space-between
}

.relevant-items .facility {
    text-align: left
}

.flag-country,
.item-box-wrapper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center
}

.item-box-wrapper.left-box,
.relevant-items .facility {
    justify-content: flex-start
}

.item-box-wrapper.item-box-2x .item-box {
    width: 200px
}

.flag-box,
.item-box-wrapper .item-box {
    width: 140px;
    box-shadow: 0 2px 6px var(--shadow);
    margin: 10px;
    color: var(--dark-color);
    border-radius: 6px;
    overflow: hidden;
    transition: all .35s ease-in-out;
    transform: scale(1)
}

.item-box-wrapper.item-box-2x .item-box .img {
    max-height: 120px;
    overflow: hidden;
    min-height: 120px;
    position: relative
}

#inquiryPopup:after,
.item-box-wrapper.item-box-2x .item-box .img img {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%
}

.flag-box:hover,
.item-box-wrapper .item-box:hover {
    box-shadow: 0 2px 20px var(--shadow);
    transform: scale(1.1)
}

.flag-box .content,
.item-box-wrapper .item-box .content {
    padding: 10px;
    font-size: var(--font-size-12);
    font-weight: 600;
    text-align: center
}

.inner-main-title {
    font-size: var(--font-size-24);
    font-weight: 600;
    text-transform: uppercase;
    margin-bottom: 15px
}

.aboutUs .content p.text-p {
    margin-bottom: 20px
}

.img-radius {
    border-radius: 6px
}

.contat-detail .contact-strip {
    align-items: flex-start
}

.contat-detail .contact-strip .icon,
.contat-detail .social-icons a:hover {
    color: var(--primary-color)
}

.blog-ol-list li::before,
.contat-detail .contact-strip .title {
    font-size: var(--font-size-20);
    color: var(--primary-color)
}

.contat-detail .social-icons {
    padding-left: 30px
}

.contat-detail .social-icons a {
    font-size: var(--font-size-18);
    color: var(--muted-color);
    margin-right: 20px
}

#map {
    width: 100%;
    height: 270px
}

.text-primary {
    color: var(--primary-color) !important
}

.gallery-photos {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.gallery-photos .thumb {
    width: 220px;
    height: 160px;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 15px;
    background: #000;
    border-radius: 10px;
    box-shadow: 0 2px 6px transparent;
    transition: all .35s ease-in-out
}

.gallery-photos .thumb:hover {
    box-shadow: 0 2px 16px var(--shadow)
}

.gallery-photos .thumb img {
    transition: opacity .35s linear, transform 2s ease-in-out;
    transform: scale(1);
    position: absolute;
    left: 0;
    right: 0;
    opacity: .8
}

.gallery-photos .thumb:hover img {
    transform: scale(1.2);
    opacity: 1
}

.gallery-vibrant .thumb {
    width: 320px;
    height: 220px
}

.visa-content {
    margin-bottom: 20px;
    padding: 20px;
    box-shadow: 0 2px 10px var(--shadow)
}

.note-box {
    border: 1px solid #ddd;
    padding: 20px
}

.dldt-list dt,
.note-box p {
    font-size: 13px;
    color: var(--muted-color)
}

.note-box p,
.visa-content .text-p {
    margin-bottom: 5px
}

.sub-title,
a.morelink {
    color: var(--primary-color)
}

.sub-title {
    font-size: var(--font-size-16);
    font-weight: 600
}

.sub-text-icon {
    display: flex;
    align-items: center;
    font-size: var(--font-size-14)
}

.sub-text-icon i {
    padding-right: 10px;
    font-size: var(--font-size-20)
}

.dldt-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.dldt-list dt {
    width: 50%
}

.dldt-list dd {
    display: flex;
    width: 50%
}

.inquiryPopup .modal-body {
    padding: 30px 30px 0
}

.inquiryPopup .close {
    position: absolute;
    right: 20px;
    top: 20px
}

.blog-ol-list {
    counter-reset: my-awesome-counter;
    list-style: none;
    padding-left: 40px
}

.blog-ol-list li {
    counter-increment: my-awesome-counter;
    position: relative
}

.blog-ol-list li .content {
    padding: 30px;
    box-shadow: 0 2px 8px var(--shadow)
}

.blog-ol-list li,
.blog-ol-list li .content .title {
    margin-bottom: 20px
}

.blog-ol-list li::before {
    content: counter(my-awesome-counter);
    color: var(--dark-color);
    font-weight: 700;
    position: absolute;
    --size: 32px;
    left: calc(-1*var(--size) - 10px);
    line-height: var(--size);
    width: var(--size);
    height: var(--size);
    top: 0;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 2px 6px var(--shadow)
}

a.morelink {
    text-decoration: none;
    outline: 0
}

.morecontent span {
    display: none
}

.news-event-wrapper {
    height: 270px
}

#marquee-vertical {
    padding: 0;
    margin: 0;
    list-style: none
}

#marquee-vertical li {
    list-style: none;
    padding: 10px
}

.newsevent-slider .item {
    padding: 10px
}

.newsevent-box {
    display: flex;
    box-shadow: 0 0 2px var(--shadow);
    background: #fff
}

.newsevent-box .img {
    width: 230px;
    position: relative;
    overflow: hidden
}

.newsevent-box .img img {
    height: 100%;
    width: 150%
}

.newsevent-box .content {
    width: 60%;
    padding: 20px
}

.blog-ol-list li .content .title,
.newsevent-box .content .title {
    font-weight: 600;
    font-size: var(--font-size-16)
}

.newsevent-box .content .sub-text {
    font-size: var(--font-size-14);
    color: var(--primary-color);
    margin-bottom: 10px
}

.newsevent-box .content .text-p {
    font-size: var(--font-size-12);
    font-weight: 500;
    margin-bottom: 0;
    color: var(--muted-color)
}

.date-box {
    font-weight: 700;
    background: var(--grd-primary);
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    line-height: 1;
    display: flex;
    flex-flow: column
}

.date-box .date {
    font-size: var(--font-size-30)
}

.date-box .month {
    font-size: var(--font-size-16)
}

.date-box .date-box-date {
    font-size: var(--font-size-30)
}

.date-box .date-box-month {
    font-size: var(--font-size-16)
}

.box-shadow {
    padding: 30px;
    box-shadow: 0 2px 8px var(--shadow);
    background: #fff
}

.accordion>.card {
    overflow: hidden
}

.accordion .card {
    border: 0;
    border-radius: 0;
    margin-bottom: 10px;
    box-shadow: 0 1px 4px var(--shadow)
}

.accordion>.card .card-header {
    padding-right: 40px;
    line-height: 1
}

.accordion .card-header a,
.dldt-list dd,
.dldt-list dt {
    font-weight: 600
}

.accordion .card-header a,
.accordion .text-p {
    font-size: var(--font-size-12)
}

.accordion-toggle {
    padding-right: 20px
}

.accordion-toggle:after {
    font-family: "Ionicons";
    content: "\f3d0";
    position: absolute;
    right: 15px;
    top: 15px
}

.accordion-toggle[aria-expanded=true]:after {
    content: "\f3d8"
}

.accordion-toggle[aria-expanded=true] {
    color: var(--primary-color)
}

.accordion .card-body {
    padding: 20px;
    background: var(--light-gray-color)
}

#inquiryPopup {
    display: none;
    background: url(../img/t2.png);
    background-size: cover
}

#inquiryPopup:after {
    content: '';
    background: rgba(0, 0, 0, .6);
    z-index: -1
}

#inquiryPopup .fancybox-close-small {
    top: 15px
}

#inquiryPopup * {
    color: #fff
}

#inquiryPopup .step-content {
    max-height: 50vh;
    overflow: hidden;
    overflow-y: auto
}

.animated-modal {
    max-width: 600px;
    border-radius: 4px;
    overflow: hidden;
    transform: translateY(-50px);
    transition: all .7s
}

.fancybox-slide--current .animated-modal {
    transform: translateY(0);
    opacity: 1
}

#book_now_pay_later .cstm-form .form-control,
#inquire_now .cstm-form .form-control,
#inquiryPopup .cstm-form .form-control {
    background: 0 0
}

#inquiryPopup .sub-title {
    color: var(--primary-color) !important
}

.logo-color {
    display: none
}

.important-links li,
.logo-white,
.sticky .logo-color {
    display: inline-block
}

.alert {
    color: #fff
}

.alert,
.display-none,
.image-checkbox input[type=checkbox],
.sticky .logo-white,
.tour-packges-block .pagination-block {
    display: none
}

.display-show {
    display: block
}

.alert-success {
    background-color: #00733e
}

.alert-danger {
    background-color: #dd4b39
}

input.error {
    margin-bottom: 0 !important;
    border: 1px dotted #ff4500
}

label.error,
span.error-help-block {
    color: #ff4500 !important;
    font-size: 14px !important
}

label.error {
    margin-top: 5px
}

.help-block {
    display: contents
}

span.error-help-block {
    margin: -10px 0 10px !important;
    font-weight: 400
}

.alert-danger1 {
    background-color: #dd4b39
}

.alert-success1 {
    background-color: #00733e
}

.loading {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 999;
    width: 100%;
    height: 100%;
    overflow: visible;
    background: rgba(255, 255, 255, .7)
}

.loading img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    width: 56px
}

.pro-name.name-text {
    color: #212529
}

.thank-you-block img {
    max-width: 130px
}

.thank-you-block h2 {
    font-size: 40px
}

.thank-you-block .text {
    font-size: 18px
}

.step-app>.step-content {
    border: 0 !important;
    padding: 0 !important
}

.step-app .step-footer .step-btn {
    font-size: 14px;
    text-transform: uppercase
}

.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active {
    background-color: inherit;
    border-color: inherit
}

.number-btn.btn-outline-primary:focus,
.number-btn.btn-outline-primary:hover,
.step-btn.btn-outline-primary:focus,
.step-btn.btn-outline-primary:hover {
    background: 0 0;
    border: 1px solid
}

.number-btn.btn:hover i,
.step-btn.btn:hover i {
    animation: none
}

.number-btn {
    min-width: inherit !important;
    padding: 5px;
    border-radius: 0;
    align-items: center
}

.number-btn i {
    font-size: 15px
}

.inquiry-popup.fancybox-content {
    padding: 20px !important
}

.logo-popup-wrapper {
    cursor: pointer;
    position: absolute;
    margin: 0;
    padding: 5px;
    left: 5px;
    top: 15px;
    z-index: 401;
    width: 60px;
    opacity: .9
}

.popup-header {
    margin-top: 2rem
}

.popup-title {
    font-size: 20px;
    font-weight: 500
}

.popup-line {
    width: 80px;
    margin: 10px auto
}

.popup-pro-box {
    margin-bottom: 10px;
    display: block;
    overflow: hidden;
    position: relative;
    transition: all .3s ease-in-out
}

.popup-pro-box .popup-img {
    position: relative;
    cursor: pointer;
    overflow: hidden;
    z-index: 1
}

.popup-pro-box .popup-img img {
    height: 90px;
    border-radius: 10px;
    object-fit: cover;
    overflow: hidden
}

.popup-pro-box img {
    transition: all 3s ease-in-out;
    transform: scale(1)
}

.popup-pro-box .popup-content {
    padding: 5px 0;
    transition: all .5s ease-in-out;
    z-index: 2
}

.popup-content .popup-pro-name {
    font-size: 14px;
    font-weight: 600;
    line-height: 1
}

.image-checkbox {
    position: relative;
    cursor: pointer;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 4px solid transparent;
    margin-bottom: 0
}

.image-checkbox-checked {
    border-color: #1eb3a5;
    border-radius: 13px
}

.image-checkbox .ion {
    color: #27bfb1;
    padding: 8px;
    position: absolute;
    top: 0;
    right: 0
}

.image-checkbox-checked .ion {
    display: block !important;
    color: #27bfb1 !important
}

.custom-btn-group>.btn {
    font-size: 14px;
    border-radius: 0 !important;
    margin: 5px auto
}

.custom-btn-group>.btn:not(:disabled):not(.disabled).active,
.custom-btn-group>.btn:not(:disabled):not(.disabled):active {
    color: #fff;
    background-color: #27bfb1;
    border-color: #1eb3a5
}

.step-app .btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.step-app .btn-outline-primary:not(:disabled):not(.disabled):active:focus {
    box-shadow: 0 0 0 .2rem rgba(39, 191, 177, .5)
}

.step-app .btn-outline-primary.focus,
.step-app .btn-outline-primary:focus {
    box-shadow: 0 0 0 .2rem rgba(39, 191, 177, .5)
}

.step-app .form-control:focus {
    border-color: #1eb3a5;
    box-shadow: 0 0 0 .2rem rgba(30, 179, 165, .25)
}

.custom_fc_frame {
    z-index: 9999 !important
}

.fancybox-container {
    z-index: 99999 !important
}

.facility>.inclusion-icon {
    height: 25px;
    margin-left: 10px
}

.facility>.inclusion-icon:first-child {
    margin-left: 0 !important
}

.chat-fc-form-outer {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Fira Sans', 'Droid Sans', 'Cantarell', 'Helvetica Neue', sans-serif !important;
    font-size: 1rem
}

.chat-fc-form-outer p.fc-header {
    margin-bottom: 0;
    font-size: 15px !important;
    font-weight: 500 !important
}

.chat-fc-form-outer div.fc-form {
    color: #455a64 !important;
    padding: 15px !important
}

.chat-fc-form-outer div.fc-form p {
    font-size: 15px !important;
    font-weight: 400 !important
}

.chat-fc-form-outer div.fc-form ul li label {
    top: -12px !important;
    font-size: 15px !important
}

.chat-fc-form-outer div.fc-form ul li input {
    padding: 8px 6px !important;
    font-size: 15px !important;
    color: #455a64 !important
}

.chat-fc-form-outer .pre-fc-error {
    font-size: 13px;
    font-weight: 400
}

#inquire_now {
    display: none;
    background: url(../img/t4.jpg);
    background-size: cover
}

#book_now_pay_later:after,
#inquire_now:after {
    position: absolute;
    content: '';
    background: rgba(0, 0, 0, .75);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1
}

#inquire_now .fancybox-close-small {
    top: 15px
}

#inquire_now * {
    color: #fff
}

#inquire_now .sub-title {
    color: var(--primary-color) !important
}

#book_now_pay_later {
    display: none;
    background: url(../img/t5.jpg);
    background-size: cover
}

#book_now_pay_later .fancybox-close-small {
    top: 15px
}

#book_now_pay_later * {
    color: #fff
}

#book_now_pay_later .sub-title {
    color: var(--primary-color) !important
}

.place-suggestions-list.ui-widget.ui-widget-content {
    color: inherit;
    font-size: 14px;
    font-family: inherit !important;
    padding: 6px 0;
    background-color: #fff !important;
    overflow: hidden;
    z-index: 9999
}

.place-suggestions-list-home.ui-widget.ui-widget-content {
    -webkit-border-radius: 0 0 25px 25px;
    -moz-border-radius: 0 0 25px 25px;
    border-radius: 0 0 25px 25px
}

.place-suggestions-list.ui-menu .ui-menu-item-wrapper {
    padding: 3px 30px;
    line-height: 1.5;
    border: 0
}

.place-suggestions-input {
    border-radius: 25px 25px 0 0 !important
}

.custom-h1 {
    font-size: var(--font-size-14);
    font-weight: 600
}

.holiday-desc+[data-readmore-toggle] {
    display: block;
    margin-bottom: 10px
}

.holiday-desc[data-readmore] {
    transition: height 500ms;
    overflow: hidden
}

.custom_whatsapp_frame {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 60px;
    bottom: 15px;
    right: 15px;
    cursor: pointer;
    background-color: #25d366;
    color: #fff !important;
    border-radius: 50%;
    font-size: 30px;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, .25);
    z-index: 9999 !important
}