:root {
    --font: "PPPFont", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    --font-awesome: 'Font Awesome 6 Free';

    --color-1: #133682;
    --color-2: #ef7f1a;
    --color-2-light: #ef7f1a33;
    --color-2-light-2: #ef7f1914;
    --color-white: #ffffff;
    --color-black: #000000;
    --color-dark: #151515;
    --bg-white: #ffffff;
    --bg-1: #F8F8F8;
    --bg-2: #fefefe;
    --bg-3: #e6e6e6;
    --header-bg-1: #133682;
    --header-bg-2: #ef7f1a;
    --footer-bg-1: #222222;
    --footer-bg-2: #151515;
    --text-color: #000000;
    --bt-color-1: #133682;
    --bt-color-2: #ef7f1a;
    --theme-color-1: #133682;
    --theme-color-2: #ef7f1a;

    --border-color-1: rgba(0, 0, 0, 0.08);
    --border-color-2: rgba(0, 0, 0, 0.05);
    --transition-1: all .5s ease-in-out;
    --transition-2: all .3s ease-in-out;
    --shadow-1: 0 0 40px 5px rgb(0 0 0 / 5%);
    --shadow-2: 0 0 15px rgba(0, 0, 0, 0.17);
    --slider-bg: rgba(255, 255, 255, 0.2);
    --radius: 8px;
    --radius2: 16px;
}
/* ------------------------------ */
/* ------------------------------ */
*, *:before, *:after { box-sizing: inherit }
* { scroll-behavior: inherit !important }
html, body {
    height: auto;
    width: 100%;
    margin: 0;
    padding: 0;
    box-sizing: border-box
}
a { color: var(--color-dark) }
a, a:active, a:focus, a:hover {
    outline: none;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    text-decoration: none
}
a:hover { color: var(--color-1) }
ul {
    margin: 0;
    padding: 0
}
li { list-style: none }
h1, h2, h3, h4, h5, h6 {
    color: var(--color-dark);
    margin: 0;
    font-weight: 600;
    font-family: var(--font);
    line-height: 1.2
}
h1 { font-size: 40px }
h2 { font-size: 35px }
h3 { font-size: 28px }
h4 { font-size: 22px }
h5 { font-size: 18px }
h6 { font-size: 16px }
p { margin: 0 }
.img, img {
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s
}
label {
    color: #333;
    cursor: pointer;
    font-weight: 400
}
*::-moz-selection {
    background: #d6b161;
    color: var(--color-white);
    text-shadow: none
}
::-moz-selection {
    background: #555;
    color: var(--color-white);
    text-shadow: none
}
::selection {
    background: #555;
    color: var(--color-white);
    text-shadow: none
}
*::-moz-placeholder {
    color: #999;
    font-size: 16px;
    opacity: 1
}
*::placeholder {
    color: #999;
    font-size: 16px;
    opacity: 1
}
/* ------------------------------ */
/* ------------------------------ */
body {
    background-color: var(--bg-white);
    font-family: var(--font);
    font-style: normal;
    font-size: 16px;
    font-weight: 400;
    color: var(--text-color);
    line-height: 1.8
}
.wrapper { margin-top: 0 }
/* ------------------------------ */
@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl { max-width: 1200px }
}
/* ------------------------------ */
/* ------------------------------ */
/* ------------------------------ */
a { color: var(--color-black) }
a:hover { color: var(--color-black) }
.fs-10 { font-size: 10px }
.fs-11 { font-size: 11px }
.fs-12 { font-size: 12px ! important }
.fs-13 { font-size: 13px ! important }
.fs-14 { font-size: 14px ! important }
.fs-16 { font-size: 16px }
.fs-17 { font-size: 17px ! important }
.fs-18 { font-size: 18px }
.fs-20 { font-size: 20px }
.fs-22 { font-size: 22px }
.fs-24 { font-size: 24px }
.fs-26 { font-size: 26px }
.fs-30 { font-size: 30px }
.fs-20r { font-size: 2rem }
.fs-25r { font-size: 2.5rem }
.line-11 { line-height: 1.1 }
.line-3 { line-height: 1.3 }
.underline { text-decoration: underline }
.text-bold { font-weight: bold }
.text-bolder { font-weight: bolder }
.black { color: var(--color-black) }
.color-1 { color: var(--color-1) }
.color-2 { color: var(--color-2) }
.bt-color-1 { color:#133682 }
.bt-color-2 { color:#ef7f1a }
.bg-white { background-color: var(--bg-white) }
.bg-1 { background-color: var(--bg-1) }
.bg-2 { background-color: var(--bg-2) }
.ra-1 { border-radius: 0.25rem }
.wrap { position: relative }
.img-responsive { max-width: 100%; height: auto }
.img-center {margin: 0 auto; text-align: center; display: block }
.shadow-1 { box-shadow: var(--shadow-1) }
.overflow-hidden { overflow: hidden }
.position-relative { position: relative; z-index: 1 }
.text-right { text-align: right }
.space-between {
    display: flex;
    justify-content: space-between;
    align-items: center
}
form .result .alert { line-height: normal }
.text-green { color: green }
.text-red { color: red }
.radius { border-radius: var(--radius) }
/* ------------------------------ */
/* ------------------------------ */
.c-pd {padding: 0 7rem }.s-pd {padding: 0 12rem }.h-100 {height: 100% }.h-100vh {height: 100vh }.p-10 {padding: 10px}.p-15 {padding: 15px}.pb-140 {padding-bottom: 140px }.pb-150 {padding-bottom: 150px }.pb-160 {padding-bottom: 160px }.pb-170 {padding-bottom: 170px }.pb-180 {padding-bottom: 180px }.pb-190 {padding-bottom: 190px }.pb-200 {padding-bottom: 200px }.pd-50 {padding: 50px 0 }.py-60 {padding: 80px 0 }.py-80 {padding: 80px 0 }.py-100 {padding: 100px 0 }.py-120 {padding: 120px 0 }.pt-120 {padding-top: 120px }.pb-120 {padding-bottom: 120px }.pt-0 {padding-top: 0 }.pt-10 {padding-top: 10px }.pt-20 {padding-top: 20px }.pt-30 {padding-top: 30px }.pt-40 {padding-top: 40px }.pt-50 {padding-top: 50px }.pt-60 {padding-top: 60px }.pt-70 {padding-top: 70px }.pt-80 {padding-top: 80px }.pt-90 {padding-top: 90px }.pt-100 {padding-top: 100px }.pb-0 {padding-bottom: 0 }.pb-10 {padding-bottom: 10px }.pb-20 {padding-bottom: 20px }.pb-30 {padding-bottom: 30px }.pb-40 {padding-bottom: 40px }.pb-50 {padding-bottom: 50px }.pb-60 {padding-bottom: 60px }.pb-70 {padding-bottom: 70px }.pb-80 {padding-bottom: 80px }.pb-90 {padding-bottom: 90px }.pb-100 {padding-bottom: 100px }.mt-0 {margin-top: 0 }.mt-10 {margin-top: 10px }.mt-20 {margin-top: 20px }.mt-30 {margin-top: 30px }.mt-40 {margin-top: 40px }.mt-50 {margin-top: 50px }.mt-60 {margin-top: 60px }.mt-70 {margin-top: 70px }.mt-80 {margin-top: 80px }.mt-90 {margin-top: 90px }.mt-100 {margin-top: 100px }.mt-120 {margin-top: 120px }.mb-0 {margin-bottom: 0 }.mb-10 {margin-bottom: 10px }.mb-20 {margin-bottom: 20px }.mb-30 {margin-bottom: 30px }.mb-40 {margin-bottom: 40px }.mb-50 {margin-bottom: 50px }.mb-60 {margin-bottom: 60px }.mb-70 {margin-bottom: 70px }.mb-80 {margin-bottom: 80px }.mb-90 {margin-bottom: 90px }.mb-100 {margin-bottom: 100px }.mb-120 {margin-bottom: 120px }.mr-300 {margin-right: 300px }.ml-300 {margin-left: 300px }
/* ------------------------------ */
/* ------------------------------ */
.header-top {
    background: var(--header-bg-1);
    border-bottom: 4px solid var(--header-bg-2);
    padding: 14px 0 13px;
    position: relative;
    z-index: 1
}
.header-top-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between
}
.header-top-contact { max-width: 675px }
.header-top-contact-bt { max-width: 580px }
.header-top-contact ul {
    display: flex;
    align-items: center;
    gap: 25px
}
.header-top-contact ul li { line-height: 1 }
.header-top-contact a {
    color: var(--color-white);
    font-weight: bolder;
    font-size: 22px
}
.header-top-contact a:hover {
    color: var(--bt-color-2)
}
.header-top-contact a i { color: var(--color-white) }
.header-top-slogan {}
.header-sub-slogan-1 {
    color: #fff;
    margin-top: 3px;
    font-size: 15px;
}
.header-sub-slogan-1 a {
    color: #fff;
    font-size: 15px;
    font-weight: normal;
}
.header-sub-slogan-1-m {
    color: var(--bt-color-1);
    margin-top: 3px;
    font-size: 13px;
    font-weight: normal;
}
.header-sub-slogan-1-m a {
    font-size: 13px;
    font-weight: normal;
}
.header-sub-slogan-2 {
    color: var(--bt-color-1);
    margin-top: 3px;
    font-size: 15px;
    font-weight: normal;
}
.header-top-contact .header-top-logo img { max-width: 142px }
.header-top-logo img {
    max-width: 142px;
    position: relative;
    top: -3px
}
.header-top-right {
    display: flex;
    align-items: center;
    gap: 15px
}
.header-top-right .header-top-social {
    display: flex;
    flex-direction: inherit;
    flex-wrap: wrap;
    justify-content: space-around;
}
.header-top-social span { color: var(--color-white) }
.header-top-social a {
    color: var(--color-white);
    font-size: 16px;
    text-align: center;
    padding: 0 0 0 20px;
    transition: var(--transition-1);
    font-weight: bolder;
}
.header-top-social a:hover { color: var(--color-2) }
.header-top-social a:first-child { padding-left: 0 }
.header-top-social a:last-child { padding-right: 0 }
.header-top .url-box { font-weight: bolder }
@media all and (max-width: 1199px) {
    .header-top-contact { max-width: 485px }
}
@media all and (max-width: 992px) {
    .header-top { display:none }
}
/* ------------------------------ */
/* ------------------------------ */
.navbar {
    background: var(--color-white);
    padding-top: 0;
    padding-bottom: 0;
    z-index: 999
}
.navbar.fixed-top {
    background: var(--color-white);
    box-shadow: var(--shadow-2);
    animation: slide-down .7s
}
@keyframes slide-down {
    0% { transform: translateY(-100%) }
    100% { transform: translateY(0) }
}
.navbar .navbar-brand .logo-display { display: block }
.navbar .navbar-brand .logo-scrolled { display: none }
.navbar.fixed-top .navbar-brand .logo-display { display: none }
.navbar.fixed-top .navbar-brand .logo-scrolled { display: block }
.navbar .navbar-toggler:focus {
    outline: none;
    box-shadow: none
}
.navbar-toggler-mobile-icon {
    display: inline-block;
    width: inherit;
    height: inherit
}
.navbar-brand { margin-right: 0 }
.navbar-brand img { width: 232px }
.navbar .dropdown-toggle::after {
    display: inline-block;
    margin-left: 3px;
    vertical-align: baseline;
    font-family: var(--font-awesome);
    content: "\f107";
    font-weight: 600;
    border: none;
    font-size: 14px;
    color: var(--color-2)
}
.navbar .nav-item .dropdown-menu .dropdown-item {
    white-space: normal;
    word-wrap: break-word
}
.navbar-brand-text {
    font-size: 18px;
    color: var(--color-1);
    font-weight: 600;
    text-align: center;
    line-height: 1.2;
    margin-top: 5px;
    width: 100%;
}
.navbar-brand-text a { color: var(--color-1) }
.nav-right-call .call-content a {
    color: var(--color-dark);
    margin: 0;
    font-weight: 600;
    font-family: var(--font);
    line-height: 1.2;
    font-size: 18px;
}
@media all and (max-width: 1199px) {
    .container, .container-lg, .container-md, .container-sm { max-width: 100% }
    .nav-right { margin-left:25px !important }
    .navbar .nav-item .nav-link { margin-right: 15px }
    .navbar .nav-right-btn { display: none }
}
@media all and (min-width: 992px) {
    .navbar { height: 90px }
    .navbar .nav-item .nav-link {
        margin-right:16px;
        padding: 0;
        font-size: 17px;
        font-weight: 600;
        color: var(--color-dark);
    }
    .navbar .nav-item:last-child .nav-link { margin-right: 0 }
    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
        border: none;
        left: -15px;
        border-radius: 0;
        background: var(--color-white);
        border-top: 3px solid var(--color-2);
        border-bottom: 3px solid var(--color-2);
        width: 230px;
        box-shadow: var(--shadow-1);
        padding: 0;
    }
    .navbar .nav-item .dropdown-menu li { border-bottom: 1px solid var(--border-color-1) }
    .navbar .nav-item .dropdown-menu li:last-child {
        margin-bottom: 0;
        border-color: var(--color-white)
    }
    .navbar .nav-item .dropdown-menu .dropdown-item {
        font-size: 16px;
        padding: 8px 21px;
        font-weight: 500;
        color: var(--color-dark);
        position: relative;
        overflow: hidden;
        transition: all .3s ease-in-out
    }
    .navbar .nav-item .dropdown-menu .dropdown-item:hover {
        background: 0 0;
        color: var(--color-1);
    }
    .navbar .nav-item .dropdown-menu .dropdown-item::before {
        font-family: var(--font-awesome);
        font-weight: 800;
        content: "\f105";
        position: absolute;
        left: 7px;
        top: 8px;
        color: var(--color-2);
        opacity: 0;
        visibility: hidden;
        transition: var(--transition-1);
        z-index: -1
    }
    .navbar .nav-item .dropdown-menu .dropdown-item:hover::before {
        opacity: 1;
        visibility: visible
    }
    .navbar .nav-item .nav-link { position: relative }
    .navbar .nav-item .nav-link.active,.navbar .nav-item:hover .nav-link { color: var(--color-1) }
    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg)
    }
    .navbar .dropdown-menu-end {
        right: 0;
        left: auto
    }
    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform-origin: 0 0
    }
    .navbar .dropdown-menu.fade-up { top: 140% }
    .navbar #topnav { justify-content: space-between }
    .nav-right {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 30px;
        margin-left: 45px
    }
    .nav-right-link {
        position: relative;
        font-size: 20px;
        color: var(--color-dark);
        transition: var(--transition-1)
    }
    .nav-right-link:hover { color: var(--color-1) !important }
    .nav-right .search-btn .nav-right-link {
        border: none;
        background: 0 0;
        color: var(--color-dark);
        font-size: 28px;
        padding-right: 0
    }
    .nav-right .search-btn .nav-right-link {
        font-size: 20px;
        padding: 0
    }
    .nav-right-call {
        display: flex;
        align-items: center;
        gap: 12px
    }
    .nav-right-call .call-icon {
        width: 50px;
        height: 50px;
        line-height: 48px;
        background: var(--color-2);
        color: var(--color-white);
        text-align: center;
        border-radius: 50px;
        font-size: 25px;
        display: block;
        position: relative
    }
    .nav-right-call .call-icon img {
        width: 30px;
        text-align: center;
        line-height: 48px
    }
    .nav-right-call .call-icon a { display: block }
    .nav-right-call .call-icon:before {
        content: "";
        position: absolute;
        width: 64px;
        height: 64px;
        background: transparent;
        left: -7px;
        right: 0;
        top: -7px;
        bottom: 0;
        border-radius: 50%;
        z-index: -1;
        border: 2px dotted var(--color-1);
        -webkit-animation: rotate 6s linear infinite;
        -moz-animation: rotate 6s linear infinite;
        -ms-animation: rotate 6s linear infinite;
        -o-animation: rotate 6s linear infinite;
        animation: rotate 6s linear infinite;
    }
    .nav-right-call .call-content span {
        display: block;
        color: var(--color-1);
        font-weight: 400;
        margin-bottom: 7px;
        line-height: 1
    }
    .nav-right-call .call-content a { white-space: nowrap }
    .nav-right-call .call-content a:hover { color: var(--color-1) }
    .navbar-brand-text { display: none }
    .navbar-expand-lg .navbar-nav {
        flex-direction: row;
        flex-wrap: wrap;
    }
}
.mobile-menu-right { display: none }
@media all and (max-width: 991px) {
    .container, .container-lg, .container-md, .container-sm { max-width: 100% }
    .navbar {
        top:0;
        right: 0;
        left: 0;
    }
    .navbar-brand { padding-left: 10px }
    .navbar-brand img { width: 130px }
    .navbar-collapse {
        max-height: 440px;
        overflow: hidden;
        overflow-y: auto;
        padding: 0 20px;
        background-color: var(--color-white)
    }
    .dropdown-toggle::after { float: right }
    .navbar .nav-item .nav-link {
        font-size: 18px;
        color: var(--color-dark);
        font-weight: 700;
        transition: var(--transition-1);
        border-bottom: 1px solid var(--border-color-2);
    }
    .navbar .nav-item .nav-link:hover { color: var(--color-1) !important }
    .navbar-toggler {
        padding: 0;
        border: none
    }
    .mobile-menu-right {
        display: flex;
        align-items: center;
        gap: 40px
    }
    .mobile-menu-right .nav-right-link {
        background: 0 0;
        border: none;
        font-size: 26px;
        color: var(--color-dark)
    }
    .mobile-menu-right .nav-right-link:hover { color: var(--color-1) }
    .search-area.open { top: 50px !important }
    .navbar-toggler-mobile-icon {
        font-size: 26px;
        color: var(--color-dark);
        font-weight: 500
    }
    .navbar-brand-text { font-size: 20px }
    .navbar .dropdown-menu { border-radius: 0 }
    .nav-right { display: none }
    .navbar > .container { justify-content: center }
    .navbar .nav-right-call { display: flex }
    .navbar-top-logo { margin: 0 auto }
    .navbar-top-logo img {
        max-width: 120px;
        position: relative;
        top: -1px
    }
}
.navbar .nav-item .dropdown-submenu { position: relative }
.navbar .nav-item .dropdown-submenu .dropdown-menu::before { display: none }
.navbar .nav-item .dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 15px;
    top: 10px;
    font-weight: 600
}
.navbar .nav-item .dropdown-submenu a:hover {
    background: 0 0;
    color: var(--color-white)
}
.navbar .nav-item .dropdown-submenu .dropdown-menu {
    top: 120%;
    left: 100%;
    opacity: 0;
    visibility: hidden
}
.navbar .nav-item .dropdown-submenu:hover .dropdown-menu {
    top: 0;
    opacity: 1;
    visibility: visible
}
@media all and (max-width: 991px) {
    .navbar .nav-item .dropdown-submenu .dropdown-menu { margin:0 17px }
    .navbar .nav-item .dropdown-submenu .dropdown-menu {
        opacity: unset;
        visibility: unset
    }
    .navbar .nav-item .dropdown-submenu a::after { top: 4px }
    .navbar .nav-item .dropdown-submenu a:hover { color: var(--color-1) }
}
@-webkit-keyframes rotate {
    from { -webkit-transform: rotate(0deg) }
    to { -webkit-transform: rotate(360deg) }
}
@media all and (max-width: 991px) {
    .navbar .navbar-collapse.show { margin-bottom: 15px }
    .navbar .nav-item.dropdown { margin-bottom: 15px }
    .navbar .dropdown-menu { display: block }
}
/* ------------------------------ */
/* ------------------------------ */
.slider-section { position: relative }
.slider-slide {
    padding-top: 140px;
    padding-bottom: 140px;
    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    height: 694px;
}
.slider-slide::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: -.5px;
    top: 0;
    background: linear-gradient(to top left,rgba(0,0,0,0) 0%,rgba(0,0,0,0.3) 100%);
    z-index: -1
}
.slider-slide .container { max-width: 1200px }
.slider-slide .slide-content { height: 100% }
.slider-slide .slide-content .slide-title {
    color: var(--color-white);
    font-size: 56px;
    font-weight: 800;
    margin: 20px 0 40px 0;
    line-height: 1.1;
    overflow: hidden;
    word-wrap: break-word;
}
.slider-slide .slide-content .slide-title span { color: var(--color-1) }
.slider-slide .slide-content .slide-sub-title {
    display: inline-block;
    padding: 6px 6px 6px 0;
    color: var(--color-white);
    font-size: 20px;
    letter-spacing: 2px;
    font-weight: 800;
    position: relative;
    margin-bottom: 15px;
}
.slider-slide .slide-content .slide-sub-title i { position: relative }
.slider-slide .slide-content .slide-content {
    color: var(--color-white);
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 20px
}
.slider-slide .slide-content .slide-btn {
    gap: 1rem;
    display: flex;
    margin-top: 35px;
    justify-content: start
}
.slider-slide .hero-img::before {
    content: "";
    position: absolute;
    width: 500px;
    height: 500px;
    background: var(--color-1);
    right: 100px;
    bottom: 0;
    border-radius: 50%;
    filter: blur(150px);
    z-index: -1
}
.slider-slide .hero-img {
    position: absolute;
    right: 100px;
    bottom: 120px;
    width: 50%;
    z-index: -1
}
.main-slider.owl-theme .owl-nav { margin-top: 0 }
.main-slider.owl-theme .owl-nav [class*=owl-] {
    color: var(--color-white);
    font-size: 25px;
    margin: 0;
    padding: 0;
    background: var(--slider-bg);
    display: inline-block;
    cursor: pointer;
    height: 55px;
    width: 55px;
    line-height: 55px;
    border-radius: 50px;
    text-align: center;
    transition: var(--transition-1)
}
.main-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background: var(--color-white);
    color: var(--color-1)
}
.main-slider.owl-theme .owl-nav .owl-prev { left: 40px }
.main-slider.owl-theme .owl-nav .owl-next { right: 40px }
.main-slider.owl-theme .owl-nav .owl-prev:before, .main-slider.owl-theme .owl-nav .owl-next:before { content: '' }
.main-slider.owl-theme .owl-nav .owl-prev, .main-slider.owl-theme .owl-nav .owl-next {
    border: 0;
    position: absolute;
    top: 50%;
    transform: translate(0,-50%)
}
.main-slider.owl-theme .owl-dots {
    position: absolute;
    text-align: center;
    left: 50%;
    bottom: 30px;
    transform: translateX(-50%)
}
.main-slider.owl-theme .owl-dots .owl-dot span {
    background: var(--color-white);
    margin: 5px;
    border-radius: 50px;
    width: 8px;
    height: 8px;
    display: inline-block;
    transition: var(--transition-1)
}
.main-slider.owl-theme .owl-dots .owl-dot.active span {
    background: var(--color-white);
    width: 20px
}
.main-slider.owl-theme .owl-dots .owl-dot:before { display: none }
.owl-dot:hover::before, .owl-dot.active::before { background-color: var(--color-2) }
@media all and (max-width: 1199px) {
    .slider-slide .slide-content .slide-title { font-size: 38px }
    .main-slider.owl-theme .owl-nav .owl-prev, .main-slider.owl-theme .owl-nav .owl-next {
        top: unset;
        bottom: 40px !important
    }
    .main-slider.owl-theme .owl-nav .owl-prev {
        left: unset;
        right: 120px
    }
    .main-slider.owl-theme .owl-nav .owl-next { right: 40px }
}
@media all and (max-width: 991px) {
    .slider-slide .slide-content .slide-title { font-size: 38px }
}
@media all and (max-width: 767px) {
    .slider-slide .slide-content .slide-title { font-size: 38px }
    .slider-slide .slide-content .slide-sub-title { font-size: 15px }
    .slider-slide .slide-content .slide-btn { gap: 1rem }
    .slider-slide .slide-content .slide-content { line-height: 1.2 }
}
/* ------------------------------ */
/* ------------------------------ */
.section-heading {
    margin-bottom: 50px;
    position: relative;
    z-index: 1
}
.section-heading-2 {
    margin-bottom: 40px;
    position: relative;
    z-index: 1
}
.section-title-tag {
    letter-spacing: 2px;
    font-size: 18px;
    font-weight: 700;
    color: var(--color-white);
    position: relative;
    background: linear-gradient(to right, var(--color-1) 30%, rgba(255, 255, 255, 0.1) 100%);
    padding: 7px 30px 7px 10px
}
.section-title-tag i {
    line-height: 0;
    font-size: 20px;
    margin-right: 4px;
    top: 2px;
    position: relative
}
.section-title {
    font-weight: 700;
    font-size: 38px;
    margin-top: 12px;
    margin-bottom: 0;
    position: relative;
    line-height: 1.1;
    word-wrap: break-word;
}
.section-title span, .section-title span.color-2 { color: var(--color-2) }
.section-title span.color-1 { color: var(--color-1) }
.section-title-2 {
    font-weight: 700;
    font-size: 38px;
    margin-bottom: 0;
    position: relative;
    line-height: 1.1;
    word-wrap: break-word
}
.section-title-3 {
    font-weight: 700;
    font-size: 28px;
    position: relative;
    line-height: 1.1;
    word-wrap: break-word;
}
@media all and (max-width: 991px) {
    .section-title { font-size: 28px }
}
/* ------------------------------ */
/* ------------------------------ */
.play-btn {
    display: inline-block;
    padding: 0;
    height: 75px;
    width: 75px;
    line-height: 75px;
    font-size: 20px;
    text-align: center;
    background: var(--color-1);
    color: var(--color-white) !important;
    position: absolute;
    border-radius: 50%;
    z-index: 1
}
.play-btn i::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    background-color: var(--color-1);
    border-radius: 50px;
    animation: ripple-wave 1s linear infinite;
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 0.5s ease-in-out
}
@keyframes ripple-wave {
    0% {
        opacity: 0.8;
        -webkit-transform: scale(0.9);
        transform: scale(0.9)
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2)
    }
}
/* ------------------------------ */
/* ------------------------------ */
.video-section { }
.video-content {
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}
.video-content::before {
    content: "";
    position: absolute;
    background: rgba(0,0,0,.3);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
.video-wrapper {
    position: relative;
    display: flex;
    justify-content: center;
    height: 550px;
    z-index: 100
}
.video-section .play-btn {
    display: inline-block;
    padding: 0;
    height: 75px;
    width: 75px;
    text-align: center;
    position: absolute;
    border-radius: 50%;
    font-size: 75px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}
@media all and (max-width: 991px) {
    .video-content { margin-bottom: 35px }
}
@media all and (max-width: 767px) {
    .video-wrapper { height: 250px }
    .video-content { margin-bottom: 35px }
}
/* ------------------------------ */
/* ------------------------------ */
.booking-section { background-color: var(--bg-1) }
.booking-section-page {
    background-color: var(--bg-1);
    padding: 20px 0 20px 0;
}
.booking-section-page .onlineformbox {}
/* ------------------------------ */
/* ------------------------------ */
.about-section {
    background-color: var(--bg-white)
}
.about-section .about-left {
    position: relative;
    text-align: center;
    z-index: 1
}
.about-left::before{
    content: "";
    position: absolute;
    bottom: -22px;
    left: 0;
    width: 45%;
    height: 60%;
    border: 5px solid var(--color-1);
    z-index: -1;
    border-radius: var(--radius);
}
.about-left::after{
    content: "";
    position: absolute;
    top: -22px;
    right: 0;
    width: 45%;
    height: 60%;
    border: 5px solid var(--color-2);
    z-index: -1;
    border-radius: var(--radius);
}
.about-left .about-img {padding: 0 24px }
.about-left .about-img a {
    display: block;
    border-radius: var(--radius);
}
.about-left .about-img img {
    width: 100%;
    border-radius: var(--radius);
}
.about-exp {
    position: absolute;
    display: flex;
    align-items: center;
    gap: 10px;
    top: 25px;
    left: -2px;
    border-left: 5px solid var(--color-2);
    background:  var(--color-white);
    padding: 10px 20px 10px 10px;
    color: var(--color-dark);
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 10%);
    line-height: 1.3;
    max-width: 80%;
    border-radius: var(--radius);
}
.about-exp-icon {
    color: var(--color-white);
    font-size: 45px;
    width: 60px;
    height: 60px;
    line-height: 54px;
    text-align: center;
    background: var(--color-1);
    border-radius: 50px;
    flex-shrink: 0
}
.about-exp-icon img {
    width: 35px;
    filter: brightness(0) invert(1)
}
.about-section .about-right {
    position: relative;
    display: block;
    padding-left: 20px
}
.about-list-box {
    position: relative;
    display: block;
    margin-top: 5px;
    margin-bottom: 20px
}
.about-list {
    position: relative;
    display: block
}
.about-list li {
    position: relative;
    padding-left: 25px;
    margin-top: 10px;
    font-weight: 500;
    line-height: 1.3;
    font-size: 17px
}
.about-list li::before {
    content: "\f058";
    position: absolute;
    left: 0;
    top: 0;
    font-family: var(--font-awesome);
    color: var(--color-1)
}
.about-content { line-height: 1.3 }
.about-content p { margin-bottom: 1rem }
.about-images a {
    display: block;
    border-radius: var(--radius)
}
.about-images a img { border-radius: var(--radius) }
@media all and (max-width: 991px) {
    .about-section .about-right { margin-top: 0; padding-left: 0 }
    .about-img img { width: 100% }
    .about-exp { top:auto; bottom: -17px; left: 0 }
    .about-section .section-title-2 { font-size: 30px }
}
@media all and (max-width: 576px) {
    .about-exp {
        position: relative;
        max-width: 100%
    }
}
/* ------------------------------ */
/* ------------------------------ */
.places-section {}
.place-item {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 15px;
    height: 100%;
    background: var(--color-white);
    box-shadow: 0 0 40px 5px rgb(0 0 0 / 5%);
    transition: all .5s ease-in-out
}
.place-item:hover { }
.place-img {
    overflow: hidden;
    width: 200px;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover
}
.place-img img { width: 200px }
.place-item:hover .place-img img { }
.place-content { flex: 1 }
.place-content .btn-1 { padding: 12px 22px }
.place-meta ul {
    display: flex;
    gap: 15px;
    margin-bottom: 8px;
    font-size: 15px
}
.place-meta li i {
    color: var(--color-1);
    margin-right: 7px
}
.place-title {
    font-size: 18px;
    margin-bottom: 15px
}
.place-title a:hover { color: var(--color-2) }
@media (max-width: 1199px) {
    .place-item {
        flex-direction: column;
        height: auto
    }
    .place-img, .place-img img {
        width: 100%;
        height: 200px
    }
}
/* ------------------------------ */
/* ------------------------------ */
.team-section {
    position: relative;
    overflow: hidden
}
.team-item {
    padding: 15px;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    background: var(--color-white);
    border-bottom: 4px solid var(--color-2);
    box-shadow: var(--shadow-1);
    transition: var(--transition-1)
}
.team-item:hover { transform: translateY(-10px) }
.team-item::before{
    content: "";
    position: absolute;
    left: 50%;
    bottom: -2px;
    width: 30px;
    height: 15px;
    background: var(--color-2);
    transform: translateX(-50%);
    clip-path: polygon(50% 0%, 0% 100%, 100% 100%)
}
.team-img img{}
.team-content { padding: 10px 0 5px 0 }
.team-info h5 {
    font-size: 20px;
    margin-top: 5px;
    margin-bottom: 5px
}
.team-info span {
    font-size: 16px;
    font-weight: 500;
    color: var(--color-1)
}
.team-info h5 a:hover { color:  var(--color-1) }
/* ------------------------------ */
/* ------------------------------ */
.feature-section {
    position: relative;
    z-index: 1
}
.feature-bg {
    padding-bottom: 200px;
    background-color: var(--bg-3);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-image: url(/pub/Sites/files/tmp/149.png);
}
.feature-item {
    padding: 28px;
    text-align: center;
    position: relative;
    background: var(--color-white);
    margin-bottom: 25px;
    overflow: hidden;
    box-shadow: var(--shadow-1);
    transition: var(--transition-1);
    border-bottom: 4px solid var(--color-2);
    z-index: 1
}
.feature-item:hover { transform: translateY(-10px) }
.feature-icon {
    width: 100px;
    height: 100px;
    line-height: 95px;
    border-radius: 50%;
    background: var(--color-1);
    margin: 0 auto 25px auto;
    box-shadow: var(--shadow-1);
    position: relative;
    transition: var(--transition-1)
}
.feature-icon::before{
    content: "";
    position: absolute;
    left: -6px;
    right: -6px;
    top: -6px;
    bottom: -6px;
    border: 2px dashed var(--color-2);
    border-radius: 50%
}
.feature-icon::after{
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--color-dark);
    transform: scale(0,0);
    border-radius: 50%;
    transition: var(--transition-1);
    z-index: -1
}
.feature-item:hover .feature-icon::after { transform: scale(1,1) }
.feature-icon img {
    width: 60px;
    filter: brightness(0) invert(1)
}
.feature-item:hover .feature-icon { transform: rotateY(360deg) }
.feature-item h4 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px
}
@media all and (max-width: 1199px) {
    .feature-section { margin-top: -20px }
}
@media all and (max-width: 767px) {
    .feature-item { margin-top: 10px }
}
/* ------------------------------ */
/* ------------------------------ */
.call-section { margin-top: -120px }
.cs-wrapper {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    margin-top: -100px;
    padding: 40px;
    z-index: 1;
    overflow: hidden;
    border-radius: var(--radius)
}
.cs-wrapper::before {
    content: "";
    position: absolute;
    background: var(--color-1);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    opacity: .85;
    z-index: -1
}
.cs-wrapper .cs-title {
    color: var(--color-white);
    font-size: 40px;
    margin-bottom: 15px;
    font-weight: 600;
    line-height: 1.1
}
.cs-wrapper .cs-title span { color: var(--color-2) }
.cs-text p { color: var(--color-white) }
.cs-wrapper .cs-subtitle {}
.cs-number {
    font-size: 32px;
    color: var(--color-white);
    font-weight: 700
}
.cs-number:hover { color: var(--color-2) }
.cs-number i { margin-right: 15px }
.cs-divider { position: relative }
.cs-divider::before {
    position: absolute;
    content: close-quote;
    width: 2px;
    bottom: 0;
    background-color: var(--color-2);
    right: -118px;
    top: 0
}
.cs-divider:after {
    width: 0;
    position: absolute;
    content: close-quote;
    height: 0;
    border-top: 7px solid transparent;
    border-bottom: 7px solid transparent;
    border-left: 7px solid var(--color-2);
    top: 50%;
    transform: translateY(-50%);
    right: -124px
}
@media all and (max-width: 1199px) {
    .cs-divider::before, .cs-divider:after { display: none }
}
@media all and (max-width: 767px) {
    .cs-wrapper .cs-title { font-size: 36px }
    .cs-number { font-size: 27px; }
    .cs-wrapper .cs-subtitle { margin-bottom: 15px }
}
/* ------------------------------ */
/* ------------------------------ */
.reviews-section {
    position: relative;
    color: var(--color-1);
}
.fixed-bg-1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative
}
.reviews-section > .container {
    position: relative;
    z-index: 1;
    border-radius: var(--radius2);
    max-width: 1176px;
}
.reviews-section > .container::before {
    content: "";
    position: absolute;
    background-color: var(--color-black);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .25;
    z-index: -1;
    border-radius: var(--radius2);
}
.reviews-slider .owl-stage-outer { border-radius: var(--radius) }
.review-one {
    background: var(--color-white);
    padding: 25px 25px;
    position: relative;
    margin: 0 10px 10px 10px;
    overflow: hidden;
    border-radius: var(--radius);
}
.review-single::before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 100%;
    height: 100px;
    background: var(--color-1);
    clip-path: polygon(80% 75%, 0% 100%, 100% 100%)
}
.review-content {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 14px
}
.review-quote p { color: var(--color-dark) }
.review-quote a {
    color: var(--color-1);
    text-decoration: underline;
    position: relative;
    z-index: 1
}
.review-quote a:hover { color: var(--color-2) }
.review-author { margin: 15px 0 10px 0 }
.review-img {
    width: 75px;
    padding: 4px;
    border-radius: 50px;
    border: 2px dashed var(--color-2)
}
.review-img img { border-radius: 50% }
.review-author div {
    font-size: 19px;
    color: var(--color-dark);
    margin-bottom: 2px;
    line-height: 1.1;
}
.review-author p {
    color: var(--color-1);
    font-weight: 500
}
.review-quote-icon {
    position: absolute;
    right: 40px;
    bottom: -40px;
    color: var(--color-2);
    font-size: 150px;
    opacity: .2;
}
.review-stars {
    color: var(--color-1);
    margin-top: 15px;
}
.reviews-section .owl-dots {
    text-align: center;
    margin-top: 30px
}
.reviews-section .owl-dots .owl-dot span {
    background: var(--color-white);
    margin: 5px;
    border-radius: 50px;
    width: 8px;
    height: 8px;
    display: inline-block;
    transition: var(--transition-1)
}
.reviews-section .owl-dots .owl-dot.active span {
    background-color: var(--color-2);
    width: 20px
}
.reviews-slider .owl-dot::before { content: ''; display: none }
/* ------------------------------ */
/* ------------------------------ */
.reviews-slider.owl-theme .owl-nav { margin-top: 0 }
.reviews-slider.owl-theme .owl-nav [class*=owl-] {
    color: var(--color-white);
    font-size: 25px;
    margin: 0;
    padding: 0;
    background: var(--slider-bg);
    display: inline-block;
    cursor: pointer;
    height: 55px;
    width: 55px;
    line-height: 55px;
    border-radius: 50px;
    text-align: center;
    transition: var(--transition-1)
}
.reviews-slider.owl-theme .owl-nav [class*=owl-]:hover {
    background: var(--color-white);
    color: var(--color-1)
}
.reviews-slider.owl-theme .owl-nav .owl-prev { left: 40px }
.reviews-slider.owl-theme .owl-nav .owl-next { right: 40px }
.reviews-slider.owl-theme .owl-nav .owl-prev:before, .reviews-slider.owl-theme .owl-nav .owl-next:before { content: '' }
.reviews-slider.owl-theme .owl-nav .owl-prev, .reviews-slider.owl-theme .owl-nav .owl-next {
    border: 0;
    position: absolute;
    bottom: -16px;
    top: auto;
    transform: translate(0,-50%)
}
/* ------------------------------ */
/* ------------------------------ */
.partner-section { position: relative }
/* ------------------------------ */
/* ------------------------------ */
.counter-section {
    position: relative;
    z-index: 1;
    padding-bottom: 25px;
}
.counter-section > .container {
    position: relative;
    z-index: 1;
    border-radius: var(--radius2);
    max-width: 1176px;
}
.counter-section > .container::before {
    content: "";
    position: absolute;
    background-color: var(--color-black);
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: .25;
    z-index: -1;
    border-radius: var(--radius2);
}
.counter-box {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    text-align: center;
    gap: 30px;
    position: relative;
    z-index: 1
}
.counter-box .icon {
    position: relative;
    text-align: center;
    font-size: 60px;
    width: 100px;
    height: 100px;
    line-height: 85px;
    border-radius: 50%;
    color: var(--color-white);
    background: transparent;
}
.counter-box .icon img {
    width: 60px;
    filter: brightness(0) invert(1)
}
.counter-box .icon::before {
    content: "";
    position: absolute;
    left: -10px;
    top: -10px;
    right: -10px;
    bottom: -10px;
    border-radius: 50%;
    border: 3px solid var(--color-white);
    transition: var(--transition-1);
    z-index: -1
}
.counter-box .counter {
    display: block;
    line-height: 1;
    color: var(--color-2);
    font-size: 50px;
    font-weight: 600
}
.counter-box .counter-title {
    color: var(--color-white);
    margin-top: 20px;
    font-size: 20px;
    font-weight: 600
}
@media all and (max-width: 991px) {
    .counter-box { margin: 20px 0 }
    .counter-box .counter-title { margin-top: 5px }
    .counter-box .icon {
        font-size: 40px;
        width: 60px;
        height: 60px;
        line-height: 1.2
    }
    .counter-box .icon img { width: 40px }
}
@media all and (max-width : 576px) {
    .counter-box .counter { font-size: 40px }
    .counter-box .counter-title { margin-top: 0 }
    .counter-box .icon { display: none }
}
/* ------------------------------ */
/* ------------------------------ */
.service-section {
    position: relative;
    display: block;
    overflow: hidden
}
.service-item {
    position: relative;
    padding: 20px;
    margin-bottom: 25px;
    background: var(--color-white);
    transition: var(--transition-1);
    box-shadow: var(--shadow-1);
    z-index: 1;
    border-radius: var(--radius)
}
.service-item:hover { transform: translateY(-10px) }
.service-img-wrap {
    position: relative;
    z-index: 1
}
.service-img img {
    max-width: 100%;
    height: auto;
}
.service-item .service-img { border-radius: var(--radius) }
.service-item .service-img img { border-radius: var(--radius) }
.service-content {
    position: relative;
    margin-top: 5px
}
.service-content .btn-1 { padding: 12px 22px }
.service-icon {
    position: absolute;
    width: 90px;
    height: 90px;
    line-height: 70px;
    background: var(--color-1);
    font-size: 50px;
    color: var(--color-white);
    text-align: center;
    border-radius: 50px;
    left: 50%;
    bottom: -15px;
    border: 4px solid var(--color-white);
    transform: translateX(-50%);
    box-shadow: var(--shadow-1);
    z-index: 1
}
.service-icon img{
    width: 50px;
    filter: brightness(0) invert(1);
    padding: 0
}
.service-title {
    margin-top: 28px;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 600
}
.service-title a { color: var(--color-dark) }
.service-title a:hover { color: var(--color-2) }
.service-circle {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 65px;
    height: 65px;
    background: var(--color-1);
    border-radius: 50px;
    right: 30px;
    top: 30px;
    box-shadow: var(--shadow-1);
    z-index: 2;
}
.service-circle i {
    color: #fff;
    font-size: 28px;
    line-height: 1.1
}
.service-item .subpage-url:hover .service-title { color: var(--color-2) }
.service-item .subpage-url:hover .service-text { color: var(--color-1) }
.service-item .subpage-url:hover .service-circle i { color: var(--color-2) }
.service-item .d-block:hover .service-title { color: var(--color-2) }
.service-item .d-block:hover .service-text { color: var(--color-1) }
.service-item .d-block:hover .service-circle i { color: var(--color-2) }
/* ------------------------------ */
/* ------------------------------ */
.gallery-section {}
.gallery-item {
    position: relative;
    width: 100%;
    margin-bottom: 25px
}
.gallery-img {
    height: 100%;
    overflow: hidden
}
.gallery-img img { width: 100% }
.gallery-item:hover .gallery-img img { transform: scale(1.1) }
/* ------------------------------ */
/* ------------------------------ */
.subpages-section { position: relative }
/* ------------------------------ */
/* ------------------------------ */
.blog-section { position: relative }
.blog-item {
    padding: 20px;
    margin-bottom: 25px;
    position: relative;
    background: var(--color-white);
    box-shadow: var(--shadow-1);
    transition: var(--transition-1);
    border-radius: var(--radius);
}
.blog-item-img {
    overflow: hidden;
    border-radius: var(--radius)
}
.blog-item-img img {
    max-width: 100%;
    height: auto;
    border-radius: var(--radius)
}
.blog-item:hover .blog-item-img img { transform: scale(1.1) }
.blog-item-info { padding: 0 }
.blog-item-meta ul {
    margin: 0;
    padding: 0;
    margin-bottom: 14px;
    border-bottom: 1px solid var(--border-color-1);
    padding-bottom: 14px
}
.blog-item-meta ul li {
    display: inline-block;
    margin-right: 15px;
    font-weight: 500;
    position: relative;
    color: var(--color-dark)
}
.blog-item-meta ul li i { margin-right: 5px; color: var(--color-1) }
.blog-item-meta a:hover { color: var(--color-2) }
.blog-title { font-size: 22px; margin-bottom: 15px }
.blog-item-info h4 a { color: var(--color-dark) }
.blog-item-info h4 a:hover { color: var(--color-2) }
.blog-date {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 65px;
    height: 65px;
    background: var(--color-1);
    border-radius: 50px;
    right: 30px;
    top: 30px;
    box-shadow: var(--shadow-1);
    z-index: 1
}
.blog-date span {
    display: block;
    line-height: 1.1;
    color: var(--color-white)
}
.blog-date-day {
    font-weight: 800;
    font-size: 22px
}
.blog-date-month {
    font-weight: 400;
    font-size: 15px
}
.blog-item .blog-url:hover .blog-title { color: var(--color-2) }
.blog-item .blog-url:hover .blog-text { color: var(--color-1) }
.blog-item .blog-url:hover .blog-date span { color: var(--color-2) }
/* ------------------------------ */
/* ------------------------------ */
.accordion-item {
    border: none;
    margin-bottom: 30px;
    background: var(--color-white);
    border-radius: var(--radius);
    box-shadow: var(--shadow-1)
}
.accordion-item .t-icon {
    width: 45px;
    height: 45px;
    margin-right: 15px
}
.accordion-item .t-text {
    display: block
}
.accordion-item i {
    width: 45px;
    height: 45px;
    line-height: 45px;
    border-radius: 50px;
    background: var(--color-1);
    text-align: center;
    color: var(--color-white)
}
.accordion-button:not(.collapsed) {
    color: var(--color-1);
    background: transparent;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%)
}
.accordion-button {
    border-radius: 0 !important;
    background: transparent;
    font-weight: 600;
    font-size: 20px;
    color:  var(--color-dark);
    box-shadow: none !important
}
.accordion-button:not(.collapsed) { border-bottom: 1px solid var(--color-2) }
.accordion-button::after {}
.accordion-button:not(.collapsed)::after {}
.accordion-body {
    line-height: 1.3;
    font-size: 17px
}
@media all and (max-width: 991px) {
    .accordion-button { font-size: 16px }
}
/* ------------------------------ */
/* ------------------------------ */
.feature-wrapper .accordion-item {
    border-bottom: 3px solid var(--color-2);
    position: relative;
    z-index: 1
}
.feature-wrapper .accordion-button::after {}
.feature-wrapper .accordion-body a { text-decoration: underline }
.feature-wrapper .accordion-body p { margin-bottom: .8rem }
.feature-wrapper .accordion-body p:last-child { margin-bottom: 0 }
.feature-wrapper .accordion-body ol, .feature-wrapper .accordion-body ul {
    padding-left: 1rem;
    margin-bottom: .8rem
}
.feature-wrapper .accordion-body li { list-style-type: disc; margin-bottom: .2rem }
.feature-wrapper .accordion-body li::marker { color: var(--color-1) }
/* ------------------------------ */
/* ------------------------------ */
.content {
    font-size: 18px;
    line-height: 1.4
}
.content a.underline:hover {
    text-decoration: underline;
    color: var(--color-1)
}
.content > *:last-child { margin-bottom: 0 }
.content h2 {
    color: var(--color-1);
    margin-bottom: 18px;
    font-size: 24px;
    font-weight: 600;
}
.content h3 {
    margin-bottom: 18px;
    color: var(--color-1)
}
.content p {
    margin-bottom: .8rem;
    word-wrap: break-word;
}
.content ol, .content ul {
    padding-left: 30px;
    margin-bottom: 20px;
}
.content li {
    list-style-type: disc;
    margin-bottom: .2rem
}
.content li::marker { color: var(--color-1) }
.content a { text-decoration: underline; color: var(--color-1) }
.content a:hover { color: var(--color-2) }
.page-img { border-radius: var(--radius) }
.page-img a { display:block; border-radius: var(--radius) }
.page-img a img { border-radius: var(--radius) }
/* ------------------------------ */
/* ------------------------------ */
.page-section {}
.page-section .form-check { line-height: 18px }
.page-section .custom-control-input:checked~.custom-control-label::before,
.page-section .form-check-input:checked {
    border-color: var(--color-2);
    background-color: var(--color-2)
}
.page-section .form-check label {
    font-size: 16px;
    line-height: 1.2
}
.page-section .form-check .form-check-input {
    margin-top: 0;
    width: 19px;
    height: 19px;
    margin-left: -24px;
    vertical-align: top;
    margin-right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--color-2);
    border-radius: var(--bs-border-radius);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.page-section form a { color: var(--color-1) }
.page-section form a:hover { color: var(--color-2); text-decoration: underline }
.page-section .accordion-body a { text-decoration: underline }
.page-section .accordion-body p { margin-bottom: .8rem }
.page-section .accordion-body p:last-child { margin-bottom: 0 }
.page-section .accordion-body ol, .page-section .accordion-body ul {
    padding-left: 1rem;
    margin-bottom: .8rem
}
.page-section .accordion-body li { list-style-type: disc; margin-bottom: .2rem }
.page-section .accordion-body li::marker { color: var(--color-1) }
/* ------------------------------ */
/* ------------------------------ */
.footer-section {
    position: relative;
    z-index: 1
}
.footer-1 {
    position: relative;
    z-index: 1;
    background: var(--footer-bg-1);
    color: var(--color-white)
}
.footer-1 .footer-1-box { margin-bottom: 20px }
.footer-1 .footer-1-box p {
    color: var(--color-white);
    padding-right: 18px;
    margin-bottom: 20px;
}
.footer-1 .footer-contact li {
    position: relative;
    display: flex;
    justify-content: start;
    align-items: center;
    color: var(--color-white);
    font-size: 16px;
    margin-bottom: 15px;
}
.footer-1 .footer-contact li a {
    color: var(--color-white);
    -webkit-transition: 0.3s;
    transition: 0.3s;
}
.footer-1 .footer-contact li a:hover {
    color: var(--color-2);
    text-decoration: underline;
}
.footer-1 .footer-contact li i {
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 16px;
    margin-right: 15px;
    border-radius: 50px;
    background: var(--color-2);
    text-align: center;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    color: var(--color-white);
}
.footer-1 .border-t-b {
    padding: 20px 1px 10px 1px;
    border-top: 1px solid #575757
}
.footer-1 .border-t-b p {
    display: inline-block;
    line-height: 1.3;
    margin-bottom: 22px;
    font-weight: normal;
    color: #999
}
.footer-1 .footer-1-title {
    color: var(--color-white);
    position: relative;
    padding-bottom: 20px;
    margin-bottom: 25px;
    font-size: 21px;
    z-index: 1
}
.footer-1 .footer-1-title::before {
    position: absolute;
    content: '';
    z-index: -1;
    width: 90px;
    height: 2px;
    background: rgba(255, 255, 255, 0.2);
    bottom: 0;
    left: 0
}
.footer-1 .footer-1-title::after {
    position: absolute;
    content: '';
    z-index: -1;
    width: 30px;
    height: 2px;
    background: var(--color-2);
    bottom: 0;
    left: 18px
}
.footer-1 .footer-1-list {
    display: flex;
    flex-direction: column;
    gap: .65rem
}
.footer-1 .footer-1-list li {
    line-height: 1.1;
    margin-bottom: 12px
}
.footer-1 .footer-1-list li:last-child { margin-bottom: 0 }
.footer-1 .footer-1-list li a {
    color: var(--color-white);
    transition: var(--transition-1)
}
.footer-1 .footer-1-list li a i {
    margin-right: 5px;
    color: var(--color-2)
}
.footer-1 .footer-1-list li a:hover {
    color: var(--color-2)
}
.footer-2 {
    position: relative;
    padding: 20px 0;
    background: var(--footer-bg-2);
    border-bottom: 3px solid var(--color-2)
}
.footer-2 .footer-2-text {
    color: var(--color-white);
    margin-bottom: 0;
    font-size: 16px
}
.footer-2 .footer-2-text a {
    color: var(--color-2);
    text-decoration: underline
}
.footer-2 .footer-2-text a:hover {
    color: var(--color-white);
    text-decoration: underline
}
.footer-2 .footer-2-social {
    display: flex;
    gap: 15px;
    justify-content: end
}
.footer-2 .footer-2-social li a i {
    height: 38px;
    width: 38px;
    line-height: 38px;
    text-align: center;
    border-radius: 50px;
    background: var(--color-white);
    color: var(--color-1);
    transition: var(--transition-1)
}
.footer-2 .footer-2-social li a i:hover {
    background: var(--color-2);
    color: var(--color-white)
}
@media (max-width: 1199px) {
    .footer-1 .footer-1-box { margin-bottom: 50px }
}
@media all and (max-width: 767px) {
    .footer-1 .footer-1-wrapper { padding-bottom: 0 }
    .footer-2 .footer-2-social {
        justify-content: center;
        margin-top: 20px
    }
    .footer-2::before{ width: 40% }
    .footer-2 .footer-2-text { text-align: center }
    .footer-2 .footer-2-text a { color: var(--color-2) }
}
/* ------------------------------ */
/* ------------------------------ */
.page-breadcrumb {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    background-repeat: no-repeat!important;
    background-position: center!important;
    background-size: cover!important;
    position: relative;
    padding-top: 100px;
    padding-bottom: 80px;
    z-index: 1
}
.page-breadcrumb::before {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.45);
    z-index: -1
}
.page-breadcrumb .breadcrumb-title {
    font-size: 40px;
    color: var(--color-white);
    font-weight: 700;
    margin-bottom: 10px
}
.page-breadcrumb .breadcrumb-subtitle {
    font-size: 14px;
    color: var(--color-white);
    line-height: 1.1;
    margin-bottom: 10px
}
.page-breadcrumb .breadcrumb-menu {
    position: relative;
    z-index: 1
}
.page-breadcrumb .breadcrumb-menu li {
    position: relative;
    display: inline-block;
    margin-left: 25px;
    color: var(--color-white);
    font-weight: 500
}
.page-breadcrumb .breadcrumb-menu li a {
    color: var(--color-white);
    transition: all .5s ease-in-out
}
.page-breadcrumb .breadcrumb-menu li::before {
    position: absolute;
    content: '/';
    font-weight: 800;
    right: -18px;
    top: 1px;
    text-align: center;
    font-size: 16px;
    color: var(--color-white)
}
.page-breadcrumb .breadcrumb-menu li:first-child { margin-left: 0 }
.page-breadcrumb .breadcrumb-menu li:last-child:before { display: none }
.page-breadcrumb .breadcrumb-menu li a:hover { color: var(--color-2) }
.page-breadcrumb .breadcrumb-menu li.active { color: var(--color-2) }
@media(max-width: 991px) {
    .page-breadcrumb .breadcrumb-title { font-size: 30px; }
}
/* ------------------------------ */
/* ------------------------------ */
.page-breadcrumb-txt {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px;
    background-color: var(--color-2-light-2);
    border-radius: var(--radius);
}
.page-breadcrumb-txt .breadcrumb-title {
    font-size: 40px;
    color: var(--color-1);
    font-weight: 700;
}
@media(max-width: 991px) {
    .page-breadcrumb-txt { margin-top: 10px }
}
/* ------------------------------ */
/* ------------------------------ */
.contacts-icons { margin-bottom: 30px }
.contacts-info {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 25px;
    padding: 30px 20px;
    position: relative;
    margin-bottom: 25px;
    background:var(--color-white);
    box-shadow: var(--shadow-1);
    transition: var(--transition-1);
    border-radius: var(--radius);
}
.contacts-info::before {
    content: "";
    position: absolute;
    left: 20px;
    right: 20px;
    bottom: -8px;
    background: var(--color-2);
    height: 20px;
    z-index: -1
}
.contacts-info-icon {
    font-size: 35px;
    color: var(--color-white);
    width: 70px;
    height: 70px;
    line-height: 70px;
    border-radius: 50px;
    text-align: center;
    position: relative;
    background: var(--color-1)
}
.contacts-info-icon::before {
    content: "";
    position: absolute;
    left: -8px;
    right: -8px;
    top: -8px;
    bottom: -8px;
    border-radius: 50px;
    border: 2px dashed var(--color-1)
}
.contacts-info-icon img {
    width: 44px;
    filter: brightness(0) invert(1);
    padding: 0;
    position: relative;
    top: -2px
}
.contacts-info h5 {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 8px;
    color: var(--color-dark)
}
.contacts-info p {
    color: var(--color-dark);
    font-weight: 500;
    font-size: 18px
}
.contacts-info p a:hover {
    color: var(--color-2);
    text-decoration: underline
}
.contact-box {
    background: var(--color-white);
    border-left: 5px solid var(--color-1);
    box-shadow: var(--shadow-1);
    border-radius: var(--radius);
}
.contact-img {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    clip-path: polygon(0 0, 90% 0%, 100% 100%, 0% 100%)
}
.contact-form { padding: 25px }
.contact-form-h { margin-bottom: 30px }
.contact-form-h h2 {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px
}
.contact-form .form-group { margin-bottom: 25px }
.contact-form .form-group .form-control {
    padding: 15px 20px;
    border-radius: 0;
    box-shadow: none;
    transition: var(--transition-1)
}
.contact-form .form-group .form-control:focus {
    border-color: var(--color-1)
}
.content .hotelmap {
    width: 100%;
    height: 300px;
    border-radius: var(--radius2);
    overflow: hidden;
}
/* ------------------------------ */
/* ------------------------------ */
.btn-1, .content .btn-1 {
    font-size: 14px;
    color: var(--color-white);
    padding: 15px 20px;
    transition: all 0.5s;
    text-transform: uppercase;
    text-decoration: none;
    position: relative;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    border: none;
    background: var(--color-1);
    box-shadow: var(--shadow-1);
    z-index: 1;
    border-radius: var(--radius)
}
.btn-1 i, .content .btn-1 i { margin-left: 5px }
.btn-1 span, .content .btn-1 span { margin-right: 5px }
.btn-1::before, .content .btn-1::before {
    content: "";
    position: absolute;
    background: var(--color-2);
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0;
    transition: var(--transition-1);
    opacity: 0;
    z-index: -1
}
.btn-1:hover::before, .content .btn-1:hover::before {
    opacity: 1;
    left: 3px;
    right: 3px
}
.btn-1:hover, .content .btn-1:hover { color: var(--color-black) }
.btn-1.disabled, .btn-1:disabled, fieldset:disabled .btn-1,
.content .btn-1.disabled, .content .btn-1:disabled, .content fieldset:disabled .btn-1
{
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}
.btn-1-2 {
    background: var(--color-white);
    color: var(--color-dark)
}
/* ------------------------------ */
/* ------------------------------ */
.btn-3 {
    font-size: 14px;
    color: var(--color-1);
    padding: 5px 20px;
    transition: all 0.5s;
    text-transform: uppercase;
    position: relative;
    border-radius: 0;
    font-weight: 600;
    letter-spacing: 1px;
    cursor: pointer;
    text-align: center;
    overflow: hidden;
    background: transparent;
    box-shadow: var(--shadow-1);
    border: 1px solid var(--color-1);
    z-index: 1
}
.btn-3 i { margin-left: 5px }
.btn-3 span { margin-right: 5px }
.btn-3::before {
    content: "";
    position: absolute;
    background: var(--color-2);
    left: 50%;
    right: 50%;
    top: 0;
    bottom: 0;
    transition: var(--transition-1);
    opacity: 0;
    z-index: -1
}
.btn-3:hover::before {
    opacity: 1;
    left: 3px;
    right: 3px
}
.btn-3:hover { color: var(--color-white) }
.btn-3.disabled, .btn-1:disabled, fieldset:disabled .btn-1 {
    color: var(--bs-btn-disabled-color);
    pointer-events: none;
    background-color: var(--bs-btn-disabled-bg);
    border-color: var(--bs-btn-disabled-border-color);
    opacity: var(--bs-btn-disabled-opacity)
}
/* ------------------------------ */
/* ------------------------------ */
.buttons-1 {
    gap: 1rem;
    display: flex;
    margin-top: 30px;
    justify-content: start
}
.buttons-2 {
    gap: 1rem;
    display: flex;
    margin-top: 25px;
    justify-content: start
}
.buttons-3 {
    gap: 1rem;
    display: flex;
    margin-top: 15px;
    margin-bottom: 10px;
    justify-content: center
}
.buttons-4 {
    gap: 1rem;
    display: flex;
    margin-top: 0;
    justify-content: start
}
/* ------------------------------ */
/* ------------------------------ */
.modal-one .modal-dialog { margin: 4.75rem auto }
.modal-one .modal-content {
    background-color: #e4e4e4 !important;
    border: none
}
.modal-one .btn-close {
    position: absolute;
    right: 30px;
    background-color: #e4e4e4 !important;
    width: 50px;
    height: 57px;
    top: -57px;
    opacity: 1 !important;
    border-radius: var(--bs-modal-border-radius);
    line-height: 57px;
    text-shadow: none;
    border-width: 0;
    --bs-btn-close-focus-shadow: none
}
.modal-one .modal-body {
    position: relative;
    padding: 0
}
.modal-one .modal-body:before {
    content: "";
    position: absolute;
    background-image: url(/pub/Sites/2/tmp/bg10.png);
    width: 67%;
    right: 0;
    height: 221px;
    background-size: contain;
    background-repeat: no-repeat
}
.modal-one .modal-form {
    position: relative;
    z-index: 9;
    width: 100%;
    padding: 20px;
    display: inline-block
}
.modal-one .modal-top {
    padding: 20px;
    display: inline-block
}
.modal-one .modal-top h3 {
    margin-bottom: 0;
    font-weight: 400;
    color: var(--color-1)
}
.modal-one .modal-text {
    padding: 20px;
    display: inline-block;
    background: var(--color-2);
    width: 100%;
    color: var(--color-black)
}
.modal-one .modal-text p { line-height: 1.2 }
.modal-one .modal-text p + p { margin-top: 5px }
.modal-one .modal-text p:last-child {
    margin-bottom: 0;
    line-height: 1.2
}
.modal-one a { color: var(--color-1) }
.modal-one a:hover { text-decoration: underline; color: var(--color-2) }
.modal-one label { color: var(--color-1) }
.modal-one .form-control { border-color: #fff }
.modal-one .form-check .form-check-input {
    margin-top: 0;
    width: 19px;
    height: 19px;
    margin-left: -24px;
    vertical-align: top;
    margin-right: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    border: 1px solid var(--color-2);
    border-radius: var(--bs-border-radius);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-print-color-adjust: exact;
    color-adjust: exact;
}
.modal-one .custom-control-input:checked~.custom-control-label::before,
.modal-one .form-check-input:checked {
    border-color: var(--color-2);
    background-color: var(--color-2);
}
.modal-one .form-check { line-height: 18px }
.modal-one .form-check label {
    font-size: 15px;
    line-height: 1.2;
}
.modal-one .alert { line-height: 1.2 }
.modal-call .modal-dialog { max-width: 500px }
/* ------------------------------ */
/* ------------------------------ */
.modal-body p {
    margin-top: 0;
    margin-bottom: 1rem;
}
/* ------------------------------ */
/* ------------------------------ */
.error-wrapper { text-align: center }
.error-wrapper h2 {
    margin-top: 30px;
    margin-bottom: 10px
}
.error-wrapper img {
    width: 100%;
    max-width: 388px
}
.error-wrapper .theme-btn { margin-top: 30px }
/* ------------------------------ */
/* ------------------------------ */
.preloader {
    position: fixed;
    width: 100%;
    height: 100%;
    background: var(--bg-1);
    top: 0;
    left: 0;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center
}
.preloader .loader { display: block }
.preloader .loader .d1, .preloader .loader .d2, .preloader .loader .d3 {
    display: inline-block;
    margin: 5px;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    background: var(--color-2);
    transform-origin: 50%;
    animation: loader-a .75s linear infinite
}
.preloader .loader .d2 { background: var(--color-1); animation-delay: .1875s }
.preloader .loader .d3 { animation-delay: .375s }
@keyframes loader-a {
    0% { transform: translateY(0%) }
    30% { transform: translateY(-5px) }
    50% { transform: translateY(0%) }
    70% { transform: translateY(5px) }
}
/* ------------------------------ */
/* ------------------------------ */
#scroll-top {
    position: fixed;
    bottom: -20px;
    left: 30px;
    z-index: 99;
    font-size: 20px;
    border: none;
    outline: none;
    border-radius: 50px;
    color: var(--color-white);
    background-color: var(--color-1);
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    box-shadow: var(--shadow-2);
    transition: var(--transition-1);
    opacity: 0;
    visibility: hidden
}
#scroll-top:hover { background-color: var(--color-2) }
#scroll-top.active {
    opacity: 1;
    visibility: visible;
    bottom: 20px;
    padding-top: 2px
}

@media all and (min-width: 768px) and (max-width:1199px) {
    #scroll-top.active { bottom:100px }
}
/* ------------------------------ */
/* ------------------------------ */
.pagination li {
    float: left;
    margin-right: 10px
}
.pagination li a {
    float: left;
    font-size: 24px;
    font-weight: normal;
    min-width: 40px;
    height: 40px;
    line-height: 1;
    background-color: var(--color-1);
    border-color: var(--color-1);
    text-align: center;
    color: var(--color-white);
    border-radius: 0
}
.pagination .page-item.active a {
    background-color: var(--color-2);
    border-color: var(--color-2);
    color: var(--color-white);
    border-radius: 0
}
.page-item:first-child .page-link { border-radius: 0 }
.pagination .page-item:last-child .page-link { border-radius: 0 }
.pagination .page-link:hover {
    text-decoration: none;
    background-color: var(--color-2);
    border-color: var(--color-2);
    color: var(--color-white)
}
/* ------------------------------ */
/* ------------------------------ */
.marker__box {
    display: flex;
    height: 100%;
    margin-left: -29px;
    margin-top: -29px;
    -webkit-user-select: none;
    user-select: none;
}
.marker__box .marker__icon {
    align-items: center;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    height: 68px;
    position: relative;
    width: 60px;
    z-index: 1;
}
.marker__box .marker__icon svg { fill: var(--color-1) }
.marker__box .marker__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.marker__box .marker__text_box {
    background: #ffffffe6;
    border-radius: 6px;
    color: #333;
    display: inline-flex;
    flex-direction: column;
    height: auto;
    line-height: inherit;
    max-width: 300px;
    padding: 3px 6px 4px;
    position: relative;
    vertical-align: middle;
}
.marker__box .marker__text_title {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.marker__box .marker__text_subtitle {
    color: #666;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/* ------------------------------ */
/* ------------------------------ */
.readmore1 { overflow: hidden }
.readmore1-btn {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #133682;
    text-align: center;
    text-decoration: underline;
    cursor: pointer
}
.readmore2 {
    overflow: hidden;
    line-height: 1.2
}
.readmore2-btn {
    font-size: 16px;
    color: #133682;
    text-align: center;
    margin-top: 5px;
    text-decoration: underline;
    display: inline-block
}
.readmore3 {
    overflow: hidden;
    line-height: 1.2
}
.readmore3-btn {
    font-size: 16px;
    color: #133682;
    text-align: center;
    margin-top: 5px;
    text-decoration: underline;
    display: inline-block
}
/* ------------------------------ */
/* ------------------------------ */
.rev-com23 .fas { width: 18px }
.rev-rate span {
    height: 5px;
    width: 20%;
    margin-right: 2px;
    margin-left: 2px;
}
.rev-rate span:first-child { margin-left: 0 }
.rev-rate span:last-child { margin-right: 0 }
.rev-rate-1 span { background-color: red }
.rev-rate-2 span { background-color: red }
.rev-rate-3 span { background-color: orange }
.rev-rate-4 span { background-color: green }
.rev-rate-5 span { background-color: green }
.rev-rate span.muted { background-color: #d3d3d3 }
.rev-form-star { color: var(--color-2) }
/* ------------------------------ */
/* ------------------------------ */
.subpage-preloader {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}
.subpage-preloader .loader { display: block }
.subpage-preloader .loader .d1, .subpage-preloader .loader .d2, .subpage-preloader .loader .d3 {
    display: inline-block;
    margin: 5px;
    width: 22px;
    height: 22px;
    border-radius: 50px;
    background: var(--color-2);
    transform-origin: 50%;
    animation: loader-a .75s linear infinite
}
.subpage-preloader .loader .d2 { background: var(--color-1); animation-delay: .1875s }
.subpage-preloader .loader .d3 { animation-delay: .375s }
/* ------------------------------ */
.subpage-html {
    position: relative;
    padding: 20px;
    margin-bottom: 35px;
    background: var(--color-white);
    transition: var(--transition-1);
    box-shadow: var(--shadow-1);
    z-index: 1;
    border-radius: var(--radius)
}
.subpage-slider .owl-stage-outer { border-radius: var(--radius) }
.subpage-slider .owl-item div { border-radius: var(--radius) }
.subpage-slider .owl-item div a { border-radius: var(--radius) }
.subpage-slider .owl-item div a img { border-radius: var(--radius) }
.subpage-slider .owl-dots { overflow: hidden; height: 34px }
/* ------------------------------ */
/* ------------------------------ */
.icons-wrap { margin-bottom: 35px }
.icons-wrap .icon-box {
    text-align: center;
    padding: 10px;
}
.icons-wrap .icon-box .icon-img { margin-bottom: 10px }
.icons-wrap .icon-box .icon-img img {
    width: 84px;
    height: 84px;
}
.icons-wrap .icon-box .icon-text {
    color: var(--color-1);
    line-height: 1.2;
}
/* ------------------------------ */
/* ------------------------------ */
#tr-popup { display: none !important }
/* ------------------------------ */
/* ------------------------------ */
@media all and (max-width: 991px) {
    .topimgs-section { margin-top: 10px }
}
/* ------------------------------ */
/* ------------------------------ */
.hotel-g {
    height: min-content;
    overflow: hidden;
}
.hotel-g .hg-inner {
    flex-direction: row;
    width: 100%;
    white-space: no-wrap;
    scrollbar-width: none;
    position: relative;
    gap: 8px;
    border-radius: var(--radius2);
    overflow: hidden;
    display: grid;
    grid-template-columns: 1fr 245px 245px;
    grid-template-rows: 191px 191px;
}
.hotel-g .hg-img {
    position: relative;
    width: 100%;
    overflow: hidden;
    flex-shrink: 0;
    border-radius: var(--radius2);
}
.hotel-g .hg-img a { display: block }
.hotel-g .hg-img:first-child {
    grid-row: 1 / span 2
}
.hotel-g .hg-img img {
    display: block;
    vertical-align: middle;
    max-width: none;
    height: 100%;
    object-fit: cover;
    border-radius: var(--radius2);
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) scale(1) rotate(.001deg);
    transform: translate(-50%, -50%) scale(1) rotate(.001deg);
    transition: .25s;
}
.hotel-g .hg-img:first-child img {
    height: auto;
    min-height: 100%;
    max-height: 120%;
    min-width: 100%;
}
.hotel-g .hg-img:hover, .hotel-g .hg-img img:hover {
    cursor: pointer;
    filter: brightness(85%);
}
.hotel-g .hg-count {
    position: absolute;
    bottom: 8px;
    left: 8px;
    padding: 5px 10px;
    font-size: 14px;
    color: var(--color-1);
    background-color: #f6f6f6;
    z-index: 1;
    border-radius: var(--radius2);
}
.hotel-g .hg-count i {
    font-size: 18px;
    padding: 0;
    vertical-align: middle;
    margin-right: 6px;
    position: relative;
    top: -1px;
}
.hotel-g .hg-hidden { display: none }
@media only screen and (max-width: 1023px) {
    .hotel-g .hg-inner {
        grid-template-columns: 50% 25% 25%;
        grid-template-rows: 188px 188px;
    }
    .hotel-g .hg-img:first-child img {
        height: auto;
        max-width: 100%;
    }
}
@media only screen and (max-width: 767px) {
    .hotel-g .hg-inner {
        grid-template-columns: 65% 35%;
        grid-template-rows: 124px 124px;
    }
    .hotel-g .hg-inner > div:nth-child(4),
    .hotel-g .hg-inner > div:nth-child(5) { display: none }
    .hotel-g .hg-img img { height: auto }
}
@media only screen and (max-width: 567px) {
    .hotel-g .hg-inner {
        position: relative;
        display: flex;
        gap: 8px;
        overflow-x: scroll;
        overflow-y: auto;
        border-radius: var(--radius2);
        padding-right: 25px;
        scrollbar-width: thin;
        scrollbar-color: var(--color-2) var(--color-2);
    }
    .hotel-g .hg-img a {
        height: 180px;
    }
    .hotel-g .hg-img:first-child img,
    .hotel-g .hg-img img {
        height: 180px;
        width: 100%;
        border-radius: var(--radius2);
    }
    .hotel-g .hg-inner > div:nth-child(2),
    .hotel-g .hg-inner > div:nth-child(3),
    .hotel-g .hg-inner > div:nth-child(4),
    .hotel-g .hg-inner > div:nth-child(5) { display: inherit }
    .hotel-g .hg-count { display: none }
    .hotel-g .hg-hidden { display: flex }
}
/* ------------------------------ */
/* ------------------------------ */
.opd-widget {
    position: fixed;
    left: 124px;
    bottom: 10px;
    z-index: 80;
    width: 400px;
    max-width: 75%;
    border-radius: var(--radius);
    color: #000;
    background: #fff;
    overflow: hidden;
    text-align: center;
    font-size: 13px;
    padding: 5px;
    border: 1px solid var(--theme-color-2);
    line-height: 1.3;
    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
}
.opd-widget > div { margin-bottom: 5px }
.opd-widget a:not(.btn) { text-decoration: underline }
.opd-widget .btn {
    padding: 3px 10px;
    font-size: 13px;
    text-transform: none;
    letter-spacing: normal;
}
@media (max-width : 576px) {
    .opd-widget {
        width: 94%;
        left: 12px;
        bottom: 20px;
        max-width: 94%;
    }
}
/* ------------------------------ */
/* ------------------------------ */