/*
Theme Name: Travo 
Author: nano_theme
Author URI: https://themeforest.net/user/nano_theme/portfolio
Description: Goadventour - Amazing Tour Service
Service Html Template 
Version: 1.0.0
*/
/*CSS Table Of Content Ends Here*/
/*
--------------------------------------------------------------
[Table of Contents]
--------------------------------------------------------------
01. Variables & Mixins
02. Typography
03. Buttons
04. About 
05. Achievement
06. Animation 
06. Brand 
07. Contact
08. Cta
09. Destination
10. Faq
11. Feature
12. Footer
13. Header
14. Helping
15. Hero
16. Meanmenu
17. News
18. Preloader
19. Section
20. Service
22. Team
23. Testimonial
--------------------------------------------------------------
*/
@import url("https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Dancing+Script:wght@400..700&family=Manrope:wght@200..800&family=Outfit:wght@100..900&display=swap");
:root {
    --body: #fff;
    --black: #000;
    --white: #fff;
    --theme: #004AAD;
    --theme-2: #FFFC91;
    --theme-3: #f1ea78;
    --header: #06003b;
    --header2: #fff;
    --text: #767676;
    --border: #7676764d;
    --border-2: #bdbdbd;
    --bg: #f2f5ff;
    --bg-2: #e8f8f4;
    --box-shadow: 0px 1px 14px 0px rgba(0, 0, 0, 0.13);
    --ocean-1:#0A3D91;
    --ocean-2:#00316D;
    --teal:#36D1DC;
    --white:#fff;
    --text-hi:#EAF2FF;
    --text-lo:#BFD3FF;
    --glass:rgba(255,255,255,.06);
    --glass-brd:rgba(255,255,255,.18);
}

.theme-btn {
    position: relative;
    z-index: 2;
    overflow: hidden;
    vertical-align: middle;
    display: inline-block;
    border: none;
    text-transform: capitalize;
    text-align: center;
    background: var(--theme);
    color: var(--white);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    padding: 18px 32px;
    border-radius: 100px;
}
.theme-btn i {
    margin-left: 8px;
}
.theme-btn img {
    margin-left: 5px;
}
.theme-btn::before {
    content: "";
    position: absolute;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 0;
    background-color: var(--header);
    z-index: -1;
    transition: all 0.4s ease-out;
}
.theme-btn:hover {
    color: var(--white);
    box-shadow: none;
}
.theme-btn:hover::before {
    width: 100%;
}
@media (max-width: 767px) {
    .theme-btn {
        padding: 20px 32px;
    }
}
@media (max-width: 575px) {
    .theme-btn {
        padding: 18px 20px;
        font-size: 14px;
    }
}
@media (max-width: 475px) {
    .theme-btn {
        padding: 14px 18px;
        font-size: 12px;
    }
}
.theme-btn.style-2 {
    background-color: var(--theme-2);
}
.theme-btn.style-3 {
    background-color: var(--theme-3);
    color: var(--header);
}
.theme-btn.style-3:hover {
    color: var(--white);
}
.theme-btn.style-3:hover img {
    filter: invert(1);
}
.theme-btn.style-4 {
    background-color: var(--black);
}
.theme-btn.style-4:hover::before {
    background-color: var(--theme);
}
.theme-btn.style-5 {
    background-color: var(--header);
    color: var(--theme-3);
}
@media (max-width: 575px) {
    .theme-btn.style-5 {
        padding: 15px 20px;
    }
}
@media (max-width: 991px) {
    .theme-btn.style-5 {
        padding: 11px;
    }
}
.theme-btn.style-5:hover {
    color: var(--header);
}
.theme-btn.style-5:hover:before {
    background-color: var(--theme-3);
}
.theme-btn.style-5:hover img {
    filter: invert(1);
}

.link-btns {
    font-size: 16px;
    font-weight: 700;
    display: inline-block;
    font-family: "Manrope", sans-serif;
    text-transform: capitalize;
    color: var(--theme);
    border-bottom: 1px solid var(--theme);
}
.link-btns a {
    color: var(--theme);
}
.link-btns a img {
    margin-left: 5px;
}
.link-btns:hover a {
    color: var(--theme);
}

/* --------------------------------------------
    Template Default Fonts & Fonts Styles
 ---------------------------------------------- */
body {
    font-family: "Manrope", sans-serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
    color: var(--text);
    background-color: var(--white);
    padding: 0;
    margin: 0;
    overflow-x: hidden;
}

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

button {
    border: none;
    background-color: transparent;
    padding: 0;
}

input:focus {
    color: var(--white);
    outline: none;
}

input {
    color: var(--white);
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: "Manrope", sans-serif;
    margin: 0px;
    padding: 0;
    color: var(--header);
    text-transform: initial;
    transition: all 0.4s ease-in-out;
    /*text-transform: capitalize;*/
}

h1 {
    font-size: 80px;
    font-weight: 700;
    line-height: 112%;
}
@media (max-width: 1399px) {
    h1 {
        font-size: 75px;
    }
}
@media (max-width: 1199px) {
    h1 {
        font-size: 60px;
    }
}
@media (max-width: 991px) {
    h1 {
        font-size: 50px;
    }
}
@media (max-width: 767px) {
    h1 {
        font-size: 45px;
    }
}
@media (max-width: 575px) {
    h1 {
        font-size: 40px;
    }
}

h2 {
    font-size: 50px;
    font-weight: 700;
    line-height: 120%;
}
@media (max-width: 1199px) {
    h2 {
        font-size: 45px;
    }
}
@media (max-width: 991px) {
    h2 {
        font-size: 40px;
    }
}
@media (max-width: 767px) {
    h2 {
        font-size: 36px;
    }
}
@media (max-width: 575px) {
    h2 {
        font-size: 28px;
    }
}

h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 133%;
}
@media (max-width: 1199px) {
    h3 {
        font-size: 30px;
    }
}
@media (max-width: 991px) {
    h3 {
        font-size: 28px;
    }
}
@media (max-width: 767px) {
    h3 {
        font-size: 24px;
    }
}
@media (max-width: 575px) {
    h3 {
        font-size: 20px;
    }
}

h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 150%;
}

h5 {
    font-size: 18px;
    font-weight: 400;
    line-height: 167%;
}

h6 {
    font-size: 16px;
    font-weight: 400;
    line-height: 175%;
}

a {
    text-decoration: none;
    outline: none !important;
    cursor: pointer;
    color: var(--header);
    transition: all 0.4s ease-in-out;
}

p {
    margin: 0px;
    transition: all 0.4s ease-in-out;
}

span {
    margin: 0px;
    transition: all 0.4s ease-in-out;
}

.about-wrapper {
    margin-bottom: 53px;
    position: relative;
    z-index: 99;
}
@media (max-width: 1199px) {
    .about-wrapper {
        margin-bottom: 0;
    }
}
.about-wrapper .about-left-image {
    width: 100%;
    position: relative;
    aspect-ratio: 14/18;
}
@media (max-width: 1199px) {
    .about-wrapper .about-left-image {
        max-width: 937px;
    }
}
.about-wrapper .about-left-image img {
    width: 100%;
    height: 100%;
    border-radius: 18px;
    object-fit: cover;
}
.about-wrapper .about-left-image .about-image-2 {
    position: absolute;
    max-width: 225px;
    bottom: -98px;
    right: -37px;
}
@media (max-width: 1199px) {
    .about-wrapper .about-left-image .about-image-2 {
        right: initial;
        left: 0;
        bottom: 0;
    }
}
.about-wrapper .about-content {
    text-align: center;
    margin-top: 30px;
}
@media (max-width: 1199px) {
    .about-wrapper .about-content {
        text-align: initial;
        margin-top: 0;
    }
}
.about-wrapper .about-content .about-button {
    margin-top: 40px;
}
.about-wrapper .about-right-image {
    width: 100%;
    position: relative;
    aspect-ratio: 14/18;
}
@media (max-width: 1199px) {
    .about-wrapper .about-right-image {
        max-width: 937px;
    }
}
.about-wrapper .about-right-image img {
    width: 100%;
    height: 100%;
    border-radius: 18px;
    object-fit: cover;
}
.about-wrapper .about-right-image .about-image-2 {
    position: absolute;
    max-width: 225px;
    bottom: -98px;
    left: -37px;
}
@media (max-width: 1199px) {
    .about-wrapper .about-right-image .about-image-2 {
        right: 0;
        left: initial;
        bottom: 0;
    }
}

.about-wrapper2 .section-title-area {
    align-items: end;
}
.about-wrapper2 .number {
    display: flex;
    align-items: center;
    gap: 10px;
}
.about-wrapper2 .number h1 {
    color: transparent;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #4da628;
}
.about-wrapper2 .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 18px;
}
.about-wrapper2 .content-wrapper {
    margin-left: 10px;
    display: flex;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .about-wrapper2 .content-wrapper {
        flex-wrap: wrap;
        gap: 20px;
        margin-left: 0;
    }
}
.about-wrapper2 .content-wrapper .content h3 {
    margin-bottom: 10px;
}
.about-wrapper2 .content-wrapper .content p {
    margin-bottom: 50px;
    font-size: 16px;
}

.about-section2 {
    position: relative;
}
.about-section2 .shape {
    position: absolute;
    left: 52%;
    top: 45%;
    transform: rotate(80deg);
}
@media (max-width: 1199px) {
    .about-section2 .shape {
        display: none;
    }
}

.about-section3 {
    position: relative;
}
.about-section3 .shape {
    position: absolute;
    left: 41%;
    top: 20%;
}
@media (max-width: 1199px) {
    .about-section3 .shape {
        display: none;
    }
}
.about-section3 .shape2 {
    position: absolute;
    left: 24%;
    bottom: 12%;
}
@media (max-width: 1199px) {
    .about-section3 .shape2 {
        display: none;
    }
}

.about-wrapper-3 {
    margin-bottom: 20px;
}
@media (max-width: 1199px) {
    .about-wrapper-3 {
        margin-bottom: 0;
    }
}
.about-wrapper-3 .thumb {
    position: relative;
    width: 510px;
}
.about-wrapper-3 .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
@media (max-width: 991px) {
    .about-wrapper-3 .thumb {
        width: initial;
    }
}
.about-wrapper-3 .thumb .thumb2 {
    position: absolute;
    width: 325px;
    right: -28%;
    bottom: -22%;
}
.about-wrapper-3 .thumb .thumb2 img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
@media (max-width: 1199px) {
    .about-wrapper-3 .thumb .thumb2 {
        right: 0%;
        bottom: 0%;
    }
}
@media (max-width: 575px) {
    .about-wrapper-3 .thumb .thumb2 {
        width: 150px;
    }
}
.about-wrapper-3 .content {
    margin-left: 60px;
}
@media (max-width: 991px) {
    .about-wrapper-3 .content {
        margin-left: 0;
    }
}
.about-wrapper-3 .content .section-title p {
    margin-top: 20px;
}
.about-wrapper-3 .content .items {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 1199px) {
    .about-wrapper-3 .content .items {
        flex-wrap: wrap;
    }
}
@media (max-width: 575px) {
    .about-wrapper-3 .content .items {
        margin-top: 20px;
    }
}
.about-wrapper-3 .content .items .icon {
    width: 80px;
    height: 80px;
    background-color: var(--theme-3);
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    border-radius: 8px;
}
.about-wrapper-3 .content .theme-btn {
    margin-top: 50px;
}
.about-wrapper-3 .content .theme-btn::before {
    background-color: var(--theme-3);
}
.about-wrapper-3 .content .theme-btn:hover {
    color: var(--header);
}
.about-wrapper-3 .content .theme-btn:hover img {
    filter: brightness(0) contrast(100%);
}

.achievement-section {
    position: relative;
    margin-bottom: -20px;
}
.achievement-section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 80%;
    background-color: var(--theme);
    z-index: -1;
}
@media (max-width: 991px) {
    .achievement-section::before {
        height: 45%;
    }
}
.achievement-section .shape-top {
    position: absolute;
    top: -9px;
    z-index: -1;
}
.achievement-section .shape-bottom {
    position: absolute;
    top: 76%;
    z-index: -1;
}
@media (max-width: 991px) {
    .achievement-section .shape-bottom {
        display: none;
    }
}
.achievement-section .section-title-area {
    margin-bottom: 30px;
}
.achievement-section .achievement-button .theme-btn {
    background-color: var(--black);
}
.achievement-section .achievement-button .theme-btn:before {
    background-color: var(--white);
}
.achievement-section .achievement-button .theme-btn:hover {
    color: var(--header);
}
.achievement-section .achievement-button .theme-btn:hover img {
    filter: invert(1);
}

.achievement-wrapper {
    margin-bottom: 20px;
}
.achievement-wrapper .achievement-items {
    border-radius: 20px;
    background: var(--white);
    box-shadow: 0px 8px 50px 0px rgba(14, 14, 14, 0.08);
    padding: 20px;
    margin-top: 30px;
}
.achievement-wrapper .achievement-items .content {
    text-align: center;
    padding: 20px;
    border: 1px dashed rgba(14, 14, 14, 0.3);
    border-radius: 20px;
}
@media (max-width: 1199px) {
    .achievement-wrapper .achievement-items .content {
        padding: 16px;
    }
}
.achievement-wrapper .achievement-items .content .icon {
    width: 80px;
    height: 80px;
    background-color: #f8f3f2;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}
.achievement-wrapper .achievement-items .content .number {
    margin-top: 15px;
    color: var(--black);
    font-size: 36px;
    font-weight: 700;
    line-height: 44px;
    display: block;
    position: relative;
}
.achievement-wrapper .achievement-items .content .br {
    border: 1px dashed var(--theme);
    padding: 3px;
    margin: 10px 0 20px;
}

@-webkit-keyframes rippleOne {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}
@keyframes rippleOne {
    70% {
        -webkit-box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 40px rgba(244, 68, 56, 0);
    }
    100% {
        -webkit-box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
        box-shadow: 0 0 0 0 rgba(244, 68, 56, 0);
    }
}
@keyframes cir36 {
    100% {
        transform: rotate(360deg);
    }
}
@keyframes rounded {
    50% {
        transform: rotate(15deg);
    }
}
@keyframes up-down {
    0% {
        transform: translateY(10px);
    }
    100% {
        transform: translateY(-10px);
    }
}
@-webkit-keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@keyframes spinner {
    to {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}
@-webkit-keyframes letters-loading {
    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }
    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}
@keyframes letters-loading {
    0%,
    75%,
    100% {
        opacity: 0;
        transform: rotateY(-90deg);
    }
    25%,
    50% {
        opacity: 1;
        transform: rotateY(0deg);
    }
}
@keyframes loaderspin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes tpswing {
    0% {
        -webkit-transform: rotate(20deg);
        -ms-transform: rotate(20deg);
        transform: rotate(20deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}
@keyframes width {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-webkit-keyframes width {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}
@-webkit-keyframes loaderspin {
    0% {
        transform: translate(-50%, -50%) rotate(0deg);
    }
    100% {
        transform: translate(-50%, -50%) rotate(360deg);
    }
}
@keyframes loaderpulse {
    0% {
        transform: scale(1);
    }
    100% {
        transform: scale(1.2);
    }
}
@keyframes rounded {
    50% {
        transform: rotate(20deg);
    }
}
@keyframes cir36 {
    100% {
        transform: rotate(360deg);
    }
}
.float-bob-y {
    -webkit-animation-name: float-bob-y;
    animation-name: float-bob-y;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
@keyframes float-bob-y {
    0% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}
.float-bob-x {
    -webkit-animation-name: float-bob-x;
    animation-name: float-bob-x;
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}

@-webkit-keyframes float-bob-x {
    0% {
        -webkit-transform: translateX(0px);
        transform: translateX(30px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
}
@keyframes float-bob-x {
    0% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    50% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px);
    }
    100% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
}
@keyframes bounce-x {
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(30px);
        transform: translateX(30px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
.bounce-x {
    -webkit-animation: bounce-x 7s infinite linear;
    animation: bounce-x 7s infinite linear;
}

@keyframes criss-cross-left {
    0% {
        left: -20px;
    }
    50% {
        left: 50%;
        width: 20px;
        height: 20px;
    }
    100% {
        left: 50%;
        width: 375px;
        height: 375px;
    }
}
@keyframes criss-cross-right {
    0% {
        right: -20px;
    }
    50% {
        right: 50%;
        width: 20px;
        height: 20px;
    }
    100% {
        right: 50%;
        width: 375px;
        height: 375px;
    }
}
@keyframes rotated2 {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(-360deg);
    }
}
@keyframes wave {
    0% {
        transform: translateX(0);
    }
    50% {
        transform: translateX(-25%);
    }
    100% {
        transform: translateX(-50%);
    }
}
@keyframes zoom {
    0% {
        transform: scale(0.5);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.5);
    }
}
@keyframes translateY2 {
    0% {
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -o-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
    }
}
@keyframes translateX2 {
    0% {
        -webkit-transform: translateX(-30px);
        -moz-transform: translateX(-30px);
        -ms-transform: translateX(-30px);
        -o-transform: translateX(-30px);
        transform: translateX(-30px);
    }
    100% {
        -webkit-transform: translatXY(20px);
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        transform: translateX(20px);
    }
}
@keyframes moving {
    0% {
        transform: translatey(0px);
    }
    20% {
        transform: translateX(-50px);
    }
    50% {
        transform: translatey(-40px);
    }
    100% {
        transform: translatey(0px);
    }
}
/*img-animation**********************/
.img-custom-anim-right {
    animation: img-anim-right 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1)
        0.4s;
    opacity: 0;
}

@keyframes img-anim-right {
    0% {
        transform: translateX(5%);
        clip-path: inset(0 0 0 100%);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}
.img-custom-anim-left {
    animation: img-anim-left 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1)
        0.4s;
    opacity: 0;
}

@keyframes img-anim-left {
    0% {
        transform: translateX(-5%);
        clip-path: inset(0 100% 0 0);
        opacity: 0;
    }
    100% {
        transform: translateX(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}
.img-custom-anim-top {
    animation: img-anim-top 1.3s forwards cubic-bezier(0.645, 0.045, 0.355, 1);
    opacity: 0;
}

@keyframes img-anim-top {
    0% {
        transform: translateY(-5%);
        clip-path: inset(0 0 100% 0);
        opacity: 0;
    }
    100% {
        transform: translateY(0);
        clip-path: inset(0 0 0 0);
        opacity: 1;
    }
}
.brand-wrapper {
    margin-top: 100px;
}
@media (max-width: 575px) {
    .brand-wrapper {
        margin-top: 60px;
    }
}
.brand-wrapper .brand-title {
    margin-bottom: 50px;
    font-size: 22px;
    font-weight: 600;
    position: relative;
}
@media (max-width: 575px) {
    .brand-wrapper .brand-title {
        display: none;
    }
}
.brand-wrapper .brand-title::after {
    position: absolute;
    content: "";
    top: 18px;
    right: 0;
    width: 82%;
    height: 1%;
    background: rgba(91, 91, 91, 0.3);
}
@media (max-width: 1199px) {
    .brand-wrapper .brand-title::after {
        width: 75%;
    }
}
@media (max-width: 991px) {
    .brand-wrapper .brand-title::after {
        width: 67%;
    }
}
@media (max-width: 575px) {
    .brand-wrapper .brand-title::after {
        display: none;
    }
}
.brand-wrapper .brand-title2 {
    text-align: end;
    font-size: 22px;
    font-weight: 600;
    position: relative;
    margin-top: 50px;
}
@media (max-width: 575px) {
    .brand-wrapper .brand-title2 {
        display: none;
    }
}
.brand-wrapper .brand-title2 span {
    color: var(--theme-2);
}
.brand-wrapper .brand-title2::after {
    position: absolute;
    content: "";
    top: 18px;
    left: 0;
    width: 75%;
    height: 1%;
    background: rgba(91, 91, 91, 0.3);
}
@media (max-width: 1199px) {
    .brand-wrapper .brand-title2::after {
        width: 66%;
    }
}
@media (max-width: 991px) {
    .brand-wrapper .brand-title2::after {
        width: 55%;
    }
}
@media (max-width: 575px) {
    .brand-wrapper .brand-title2::after {
        display: none;
    }
}
.brand-wrapper .brand-image {
    text-align: center;
    filter: grayscale(100%);
    transition: all 0.4s ease-in-out;
    opacity: 0.4;
}
.brand-wrapper .brand-image:hover {
    filter: initial;
    opacity: 1;
}
.brand-wrapper .swiper-slide.swiper-slide-active .brand-image {
    filter: initial;
    opacity: 1;
}

.footer-newsletter-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 50px;
    position: relative;
    border-radius: 20px;
    background: #242625;
    margin-top: 120px;
}
@media (max-width: 1199px) {
    .footer-newsletter-wrapper {
        flex-wrap: wrap;
        gap: 15px;
        padding: 20px;
    }
}
.footer-newsletter-wrapper .footer-newsletter-item .widget-head {
    margin-bottom: 30px;
}
.footer-newsletter-wrapper .footer-newsletter-item .footer-content p {
    color: var(--white);
}
.footer-newsletter-wrapper .footer-newsletter-item .social-icon {
    gap: 8px;
    margin-top: 30px;
}
.footer-newsletter-wrapper .footer-newsletter-item .social-icon a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50px;
    border: 1px solid var(--theme);
    text-align: center;
    color: var(--white);
    background-color: transparent;
    transition: all 0.4s ease-in-out;
}
.footer-newsletter-wrapper .footer-newsletter-item .social-icon a:hover {
    background-color: var(--theme);
    color: var(--white);
}
.footer-newsletter-wrapper .newsletter-input {
    flex-basis: 40%;
}
@media (max-width: 1199px) {
    .footer-newsletter-wrapper .newsletter-input {
        margin-top: 20px;
        flex-basis: 50%;
    }
}
@media (max-width: 991px) {
    .footer-newsletter-wrapper .newsletter-input {
        margin-top: 10px;
        flex-basis: 62%;
    }
}
@media (max-width: 575px) {
    .footer-newsletter-wrapper .newsletter-input {
        flex-basis: 100%;
    }
}
.footer-newsletter-wrapper .newsletter-input h2 {
    font-size: 32px;
    color: var(--white);
}
@media (max-width: 767px) {
    .footer-newsletter-wrapper .newsletter-input h2 {
        font-size: 28px;
    }
}
@media (max-width: 575px) {
    .footer-newsletter-wrapper .newsletter-input h2 {
        font-size: 24px;
    }
}
.footer-newsletter-wrapper .newsletter-input p {
    font-size: 18px;
    font-weight: 500;
    color: var(--white);
}
.footer-newsletter-wrapper .newsletter-input .footer-input {
    position: relative;
    margin-top: 30px;
}
.footer-newsletter-wrapper .newsletter-input .footer-input input {
    background: var(--white);
    border: none;
    outline: none;
    width: 100%;
    padding: 16px 20px;
    border-radius: 100px;
    color: #727171;
    line-height: 1;
    text-transform: capitalize;
}
@media (max-width: 991px) {
    .footer-newsletter-wrapper .newsletter-input .footer-input input {
        padding: 15px 20px;
    }
}
@media (max-width: 767px) {
    .footer-newsletter-wrapper .newsletter-input .footer-input input {
        padding: 17px 20px;
    }
}
@media (max-width: 575px) {
    .footer-newsletter-wrapper .newsletter-input .footer-input input {
        padding: 14px 20px;
    }
}
.footer-newsletter-wrapper .newsletter-input .footer-input input::placeholder {
    color: #727171;
}
.footer-newsletter-wrapper .newsletter-input .footer-input .newsletter-btn {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0;
    margin: 5px;
    font-size: 16px;
    font-weight: 700;
}

.contact-wrapper {
    margin-right: 40px;
}
@media (max-width: 991px) {
    .contact-wrapper {
        margin-right: 0;
    }
}
.contact-wrapper .contact-thumb {
    margin-top: 30px;
    position: relative;
}
.contact-wrapper .contact-thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 18px;
    border: 1px solid rgba(91, 91, 91, 0.5);
    background: linear-gradient(180deg, rgba(14, 14, 14, 0) 0%, #0e0e0e 100%);
}
.contact-wrapper .contact-thumb .ex {
    border-radius: 18px;
    width: 100%;
    height: 100%;
}
.contact-wrapper .contact-thumb h4 {
    position: absolute;
    left: 30px;
    bottom: 30px;
    color: var(--white);
    display: flex;
    align-items: center;
    gap: 12px;
}
@media (max-width: 575px) {
    .contact-wrapper .contact-thumb h4 img {
        width: 25px;
    }
}

.contact-form {
    padding: 40px;
    border: 1px solid rgba(91, 91, 91, 0.5);
    border-radius: 18px;
    background-color: var(--white);
    margin-left: 25px;
}
@media (max-width: 991px) {
    .contact-form {
        margin-left: 0;
    }
}
.contact-form h3 {
    margin-bottom: 10px;
}
.contact-form p {
    color: #5b5b5b;
    margin-bottom: 30px;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: rgba(91, 91, 91, 0.5);
}
.contact-form .form-clt {
    position: relative;
}
.contact-form .form-clt input,
.contact-form .form-clt textarea {
    width: 100%;
    border: none;
    outline: none;
    color: #5b5b5b;
    padding: 16px 0;
    font-weight: 400;
    font-size: 16px;
    border-bottom: 1px solid rgba(91, 91, 91, 0.5);
    text-transform: capitalize;
}
@media (max-width: 767px) {
    .contact-form .form-clt input,
    .contact-form .form-clt textarea {
        padding: 14px 0;
    }
}
@media (max-width: 575px) {
    .contact-form .form-clt input,
    .contact-form .form-clt textarea {
        padding: 12px 0;
    }
}
.contact-form .form-clt input::placeholder,
.contact-form .form-clt textarea::placeholder {
    color: #5b5b5b;
}
.contact-form .form-clt textarea {
    height: 180px;
    resize: none;
}
@media (max-width: 767px) {
    .contact-form .form-clt textarea {
        height: 150px;
    }
}
@media (max-width: 767px) {
    .contact-form .form-clt textarea {
        height: 120px;
    }
}
.contact-form .theme-btn {
    margin-top: 20px;
    margin-bottom: 10px;
    background-color: var(--theme-2);
    width: 100%;
}
.contact-form .theme-btn.style-2 {
    background-color: var(--theme);
}
.contact-form.style-2 {
    border: none;
}
.contact-form.style-2 p {
    color: #767676;
    -webkit-text-stroke-width: 0;
    -webkit-text-stroke-color: transparent;
}

.newsletter-section .thumb {
    position: relative;
}
.newsletter-section .thumb img {
    width: 100%;
    height: 100%;
}
.newsletter-section .thumb .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    background-color: var(--theme-3);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 575px) {
    .newsletter-section .thumb .video-btn {
        width: 80px;
        height: 80px;
    }
}
.newsletter-section .content h2 {
    margin-bottom: 20px;
}
.newsletter-section .newsletter-input {
    margin-top: 40px;
    position: relative;
}
.newsletter-section .newsletter-input input {
    background: var(--white);
    border: none;
    outline: none;
    width: 100%;
    padding: 16px 20px;
    border-radius: 100px;
    color: #727171;
    line-height: 1;
    text-transform: capitalize;
}
.newsletter-section .newsletter-input button {
    position: absolute;
    top: 3px;
    right: 3px;
    bottom: 3px;
}

.info-items {
    background-color: var(--bg);
    border-radius: 20px;
    text-align: center;
    padding: 30px;
}
.info-items .icon {
    width: 70px;
    height: 70px;
    background-color: var(--theme);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    margin: 0 auto;
}
.info-items h3 {
    margin-top: 20px;
}
.info-items p {
    font-size: 16px;
}

.map-items .googpemap iframe {
    width: 100%;
    height: 800px;
}
@media (max-width: 575px) {
    .map-items .googpemap iframe {
        height: 400px;
    }
}

.contact-wrapper .contact-content {
    margin-top: 30px;
}
.contact-wrapper .contact-content input,
.contact-wrapper .contact-content textarea {
    width: 100%;
    border: 0;
    border-radius: 8px;
    resize: none;
    padding: 15px 20px;
    outline: none;
    color: var(--header);
}
.contact-wrapper .contact-content textarea {
    padding-bottom: 200px;
}

/* ===== Modern CTA background ===== */
.cta-bg-section{
  position:relative;
  background-size:cover; background-position:center;
  background-attachment:fixed;
  isolation:isolate;
  /* token lokal (tidak global) */
  --cta-blue-1:#004AAD;
  --cta-blue-2:#0A3D91;
  --cta-teal:#36D1DC;
  --cta-text:#ffffff;
}
.cta-bg-section::before{
  content:""; position:absolute; inset:0; z-index:0;
  /* overlay digelapkan agar teks putih jelas */
  background:
    radial-gradient(1200px 500px at 50% 40%, rgba(255,255,255,.07), transparent 60%),
    linear-gradient(180deg, rgba(3,16,48,.68), rgba(3,16,48,.68));
}
.cta-bg-section::after{
  content:""; position:absolute; inset:0; z-index:0;
  box-shadow: inset 0 -80px 120px rgba(0,0,0,.25); /* vignette bawah */
  pointer-events:none;
}

/* --- Konten & tipografi --- */
.cta-wrapper{ position:relative; z-index:1; padding: clamp(110px, 22vw, 240px) 0; }
.cta-wrapper .section-title{ margin: 0 auto 28px; max-width: 1000px; }
.cta-wrapper .cta-title{
  color: var(--cta-text); font-weight:800;
  font-size: clamp(32px, 5.2vw, 64px); line-height:1.1;
  text-shadow: 0 8px 28px rgba(0,0,0,.45);
  margin: 0 auto; max-width: 1100px;
}

/* --- Subtitle badge (ganti kuning lama) --- */
/* Base badge */
.badge-sub{
  display:inline-flex; align-items:center;
  padding:8px 16px; border-radius:999px;
  font-weight:700; letter-spacing:.3px;
  line-height:1; white-space:nowrap;
}

/* 1) Pilihan paling aman/terbaca: DARK solid + teks putih */
.cta-bg-section .badge-sub--dark{
  background: linear-gradient(135deg,#0B1F44,#0A3D91);
  color:#FFFFFF !important;                     /* kunci warna teks */
  border:1px solid rgba(255,255,255,.20);
  text-shadow:0 2px 10px rgba(0,0,0,.45);
  box-shadow:0 8px 18px rgba(0,0,0,.25);
}

/* 2) Alternatif terang (kalau mau kuning): kuning + teks gelap */
.cta-bg-section .badge-sub--light{
  background:#FFFC91;
  color:#0A2A6B !important;                     /* teks gelap agar kontras */
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 10px 24px rgba(255,232,119,.28);
}


.cta-button{ margin-top:18px; }

/* --- Base tombol --- */
.cta-btn{
  position:relative; display:inline-flex; align-items:center; justify-content:center; gap:12px;
  height: clamp(44px, 5vw, 56px); padding:0 clamp(18px, 3vw, 28px);
  border-radius:999px; line-height:1; text-decoration:none;
  font-weight:700; font-size:clamp(14px, 1.4vw, 18px);
  overflow:hidden; isolation:isolate;
}
.cta-btn .arrow-icon{
  width:1.25em; height:1.25em;
  transition: transform .25s ease, filter .25s ease;
  /* micro-animasi jalan otomatis */
  animation:nudge 3.2s ease-in-out infinite 1.2s;
}
@keyframes nudge{
  0%,88%,100%{transform:translateX(0)}
  92%{transform:translateX(4px)}
  96%{transform:translateX(0)}
}

/* --- Varian: Brand Blue (teks putih, glow otomatis) --- */
.cta-btn--brand{
  color:#fff;
  background: linear-gradient(135deg, var(--cta-blue-1), var(--cta-blue-2));
  box-shadow: 0 14px 34px rgba(10,61,145,.28), inset 0 0 0 1px rgba(255,255,255,.22);
  transition: transform .2s ease, filter .2s ease;
  animation: brandGlow 3.6s ease-in-out infinite;
}
.cta-btn--brand .arrow-icon{ filter: brightness(0) invert(1); }
.cta-btn--brand:hover{ transform: translateY(-2px); }
.cta-btn--brand::after{
  content:""; position:absolute; inset:-2px; z-index:0; pointer-events:none;
  background: linear-gradient(115deg, rgba(255,255,255,0) 0%,
                                      rgba(255,255,255,.4) 50%,
                                      rgba(255,255,255,0) 100%);
  transform: translateX(-140%) skewX(-18deg);
  animation: sheen 5s ease-in-out infinite 1s;
}
@keyframes brandGlow{
  0%,100%{ box-shadow:0 14px 34px rgba(10,61,145,.28), inset 0 0 0 1px rgba(255,255,255,.22); }
  50%    { box-shadow:0 18px 44px rgba(10,61,145,.42), inset 0 0 0 1px rgba(255,255,255,.32); }
}
@keyframes sheen{
  0%{ transform:translateX(-140%) skewX(-18deg); }
  100%{ transform:translateX(140%)  skewX(-18deg); }
}

/* --- (Opsional) Varian Outline Glass jika ingin alternatif transparan --- */
.cta-btn--glass{
  color:#fff; background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.35);
  -webkit-backdrop-filter:saturate(160%) blur(8px);
  backdrop-filter:saturate(160%) blur(8px);
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.15);
}
.cta-btn--glass .arrow-icon{ filter: brightness(0) invert(1); }
.cta-btn--glass::before{
  content:""; position:absolute; inset:-1px; border-radius:inherit; z-index:-1;
  background: conic-gradient(from 0deg, #79F1A4, #0ECDC1, #FFEA7A, #79F1A4);
  animation: borderSpin 8s linear infinite;
  padding:1px; -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor; mask-composite:exclude;
}
.cta-btn--glass::after{
  content:""; position:absolute; inset:-6px; border-radius:inherit; z-index:-2;
  box-shadow:0 14px 36px rgba(14,205,193,.18);
  animation:aura 3.6s ease-in-out infinite;
}
@keyframes borderSpin{ to{ transform: rotate(1turn); } }
@keyframes aura{
  0%,100%{ box-shadow:0 10px 26px rgba(14,205,193,.18); }
  50%    { box-shadow:0 16px 40px rgba(14,205,193,.32); }
}

/* --- (Opsional) varian row dengan warna sendiri --- */
.cta-bg-section .row.row-glass,
.cta-bg-section .row.row-brand,
.cta-bg-section .row.row-ribbon{
  --bs-gutter-x:0; margin-left:0; margin-right:0;
  border-radius:24px; padding:clamp(16px,2.5vw,28px);
  color:#fff; overflow:hidden; box-shadow:0 10px 28px rgba(0,0,0,.22);
}
.cta-bg-section .row.row-glass{
  background: rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.28);
  -webkit-backdrop-filter:saturate(160%) blur(10px);
  backdrop-filter:saturate(160%) blur(10px);
}
.cta-bg-section .row.row-brand{ background:rgba(10,61,145,.18); border:1px solid rgba(255,255,255,.18); }
.cta-bg-section .row.row-ribbon{ background:linear-gradient(135deg, rgba(54,209,220,.25), rgba(10,61,145,.28)); border:1px solid rgba(255,255,255,.18); }
.cta-bg-section .row[class*="row-"]{ margin-top:14px; }

/* --- Responsif & performa --- */
@media (max-width:1024px){
  /* iOS Safari kurang suka fixed bg */
  .cta-bg-section{ background-attachment:scroll; }
}
@media (max-width:767px){
  .cta-wrapper{ padding: clamp(80px, 18vw, 120px) 12px; }
  .cta-wrapper .section-title{ margin-bottom:20px; }
  .cta-bg-section .row[class*="row-"]{ border-radius:18px; padding:14px; }
}

/* --- Aksesibilitas: matikan animasi bila user prefer reduce motion --- */
@media (prefers-reduced-motion: reduce){
  .cta-btn--brand, .cta-btn--brand::after, .cta-btn .arrow-icon,
  .cta-btn--glass::before, .cta-btn--glass::after{ animation:none !important; }
}


.cta-bg-section2 {
    background-color: var(--theme);
}
.cta-bg-section2 .cta-thumb {
    position: relative;
    z-index: 9;
}
.cta-bg-section2 .cta-thumb img {
    width: 100%;
    height: 100%;
}
.cta-bg-section2 .cta-thumb .mask {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.cta-bg-section2 .cta-thumb .mask img {
    width: initial;
    height: initial;
}
@media (max-width: 1199px) {
    .cta-bg-section2 .cta-thumb .mask {
        display: none;
    }
}

.cta-wrapper2 .cta-button {
    display: flex;
    align-items: center;
    gap: 30px;
}
@media (max-width: 1199px) {
    .cta-wrapper2 .cta-button {
        flex-wrap: wrap;
        margin-top: 30px;
    }
}

.instagram-section {
    background: linear-gradient(
        180deg,
        #e8f8f4 0%,
        rgba(232, 248, 244, 0) 100%
    );
}
.instagram-section .instagram-title {
    margin-bottom: 30px;
    font-size: 36px;
    line-height: 44px;
    text-align: center;
    position: relative;
}
.instagram-section .instagram-title::before {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    left: 0px;
    height: 1px;
    width: 485px;
    background: #e6e5e5;
}
@media (max-width: 1199px) {
    .instagram-section .instagram-title::before {
        width: 300px;
    }
}
@media (max-width: 991px) {
    .instagram-section .instagram-title::before {
        width: 190px;
    }
}
@media (max-width: 575px) {
    .instagram-section .instagram-title::before {
        display: none;
    }
}
.instagram-section .instagram-title::after {
    position: absolute;
    content: "";
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    height: 1px;
    width: 485px;
    background: #e6e5e5;
}
@media (max-width: 1199px) {
    .instagram-section .instagram-title::after {
        width: 300px;
    }
}
@media (max-width: 991px) {
    .instagram-section .instagram-title::after {
        width: 190px;
    }
}
@media (max-width: 575px) {
    .instagram-section .instagram-title::after {
        display: none;
    }
}
.instagram-section .instagram-items .instagram-thumb {
    position: relative;
}
.instagram-section .instagram-items .instagram-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 18px;
}
.instagram-section .instagram-items .instagram-thumb .icon {
    position: absolute;
    width: 68px;
    height: 68px;
    line-height: 68px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--theme-2);
    color: var(--white);
    font-size: 28px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 99;
    opacity: 0;
    transition: all 0.4s ease-in-out;
}
.instagram-section .instagram-items .instagram-thumb .icon.style-2 {
    background-color: var(--theme);
}
.instagram-section .instagram-items .instagram-thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: "";
    background-color: rgba(28, 168, 203, 0.5);
    border-radius: 16px;
    opacity: 0.6;
    transform: scale(1, 0);
    transition: transform 500ms ease;
    transform-origin: bottom center;
    z-index: 1;
}
.instagram-section .instagram-items .instagram-thumb.style-2::before {
    background-color: rgba(240, 151, 118, 0.5);
}
.instagram-section .instagram-items:hover .instagram-thumb::before {
    transform: scale(1, 1);
    transform-origin: top center;
}
.instagram-section .instagram-items:hover .instagram-thumb .icon {
    opacity: 1;
}

.instagram-wrapper {
    position: relative;
}
.instagram-wrapper .btn-wrap .arrow-prev {
    position: absolute;
    top: 60%;
    left: 8%;
    transform: translate(-8%, -60%);
    -webkit-transform: translate(-8%, -60%);
    -moz-transform: translate(-8%, -60%);
    -ms-transform: translate(-8%, -60%);
    -o-transform: translate(-8%, -60%);
}
.instagram-wrapper .btn-wrap .arrow-prev i {
    width: 70px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: transparent;
    color: var(--header);
    border: 1px solid var(--theme-2);
    border-radius: 100px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}
.instagram-wrapper .btn-wrap .arrow-prev i:hover {
    background: var(--theme-2);
    color: var(--white);
    border: 1px solid var(--theme-2);
}
@media (max-width: 1600px) {
    .instagram-wrapper .btn-wrap .arrow-prev {
        display: none;
    }
}
.instagram-wrapper .btn-wrap .arrow-next {
    position: absolute;
    top: 60%;
    right: 8%;
    transform: translate(-8%, -60%);
    -webkit-transform: translate(-8%, -60%);
    -moz-transform: translate(-8%, -60%);
    -ms-transform: translate(-8%, -60%);
    -o-transform: translate(-8%, -60%);
}
.instagram-wrapper .btn-wrap .arrow-next i {
    width: 70px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: var(--theme-2);
    color: var(--white);
    border: 1px solid var(--theme-2);
    border-radius: 100px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    -webkit-border-radius: 100px;
    -moz-border-radius: 100px;
    -ms-border-radius: 100px;
    -o-border-radius: 100px;
}
.instagram-wrapper .btn-wrap .arrow-next i:hover {
    background: transparent;
    color: var(--header);
    border: 1px solid var(--theme-2);
}
@media (max-width: 1600px) {
    .instagram-wrapper .btn-wrap .arrow-next {
        display: none;
    }
}
.instagram-wrapper .btn-wrap.style-2 .arrow-prev i {
    border: 1px solid var(--theme);
}
.instagram-wrapper .btn-wrap.style-2 .arrow-prev i:hover {
    background: var(--theme);
    border: 1px solid transparent;
}
.instagram-wrapper .btn-wrap.style-2 .arrow-next i {
    background: var(--theme);
    border: 1px solid var(--theme);
}
.instagram-wrapper .btn-wrap.style-2 .arrow-next i:hover {
    background: transparent;
    border: 1px solid var(--theme);
}

.package-wrapper .package-thumb {
    position: relative;
    overflow: hidden;
}
.package-wrapper .package-thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(25, 27, 26, 0) 0%, #191b1a 100%);
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: 9;
}
.package-wrapper .package-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 18px;
}
.package-wrapper .package-thumb .content {
    position: absolute;
    bottom: 0;
    padding: 40px;
    transform: translateY(100px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    z-index: 99;
}
@media (max-width: 575px) {
    .package-wrapper .package-thumb .content {
        padding: 10px;
    }
}
.package-wrapper .package-thumb .content .price {
    color: var(--white);
    font-size: 18px;
    font-weight: 700;
    line-height: 44px;
}
.package-wrapper .package-thumb .content h3 {
    color: var(--white);
}
.package-wrapper .package-thumb .content p {
    font-size: 16px;
    color: var(--white);
}
.package-wrapper .package-thumb .content.style-2 h3 {
    font-size: 20px;
}
@media (max-width: 1199px) {
    .package-wrapper .package-thumb .content.style-2 h3 {
        font-size: 19px;
    }
}
@media (max-width: 1199px) {
    .package-wrapper .package-thumb .content.style-2 {
        padding: 10px;
    }
}
.package-wrapper .package-thumb:hover::before {
    opacity: 1;
    visibility: visible;
}
.package-wrapper .package-thumb:hover .content {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.package-wrapper .package-nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: var(--bg-2);
    padding: 14px;
    border-radius: 30px;
    margin: 30px auto 0;
    flex-wrap: wrap;
    max-width: 680px;
    gap: 15px;
}
@media (max-width: 767px) {
    .package-wrapper .package-nav {
        justify-content: start;
        gap: 5px;
    }
}
.package-wrapper .package-nav li:not(:last-child) {
    margin-right: 12px;
}
@media (max-width: 767px) {
    .package-wrapper .package-nav li:not(:last-child) {
        margin-bottom: 10px;
    }
}
.package-wrapper .package-nav li a {
    font-size: 14px;
    font-weight: 700;
    line-height: 24px;
    background-color: var(--white);
    color: var(--header);
    padding: 6px 26px;
    display: inline-block;
    border-radius: 30px;
    transition: all 0.4s ease-in-out;
}
@media (max-width: 767px) {
    .package-wrapper .package-nav li a {
        padding: 6px 15px;
    }
}
.package-wrapper .package-nav li a.active {
    background-color: var(--theme-2);
    color: var(--white);
}
.package-wrapper .package-nav li a:hover {
    background-color: var(--theme-2);
    color: var(--white);
}
.package-wrapper .tab-content {
    margin-top: 20px;
}

.video-section {
    position: relative;
}
.video-section::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    height: 60.5%;
    width: 100%;
    background: linear-gradient(rgba(25, 27, 26, 0.8), rgba(25, 27, 26, 0.8)),
        url(../img/video/bg.jpg);
    background-size: cover;
    background-position: center;
}
.video-section .video-play {
    margin-top: 30px;
    position: relative;
}
.video-section .video-play img {
    width: 100%;
    height: 100%;
    border-radius: 18px;
}
.video-section .video-play .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 120px;
    height: 120px;
    color: var(--white);
    background-color: var(--theme-2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}
@media (max-width: 991px) {
    .video-section .video-play .video-btn {
        width: 80px;
        height: 80px;
    }
}

.category-section {
    position: relative;
    background-color: var(--theme-3);
}
.category-section .items {
    margin-top: 30px;
    background-color: var(--white);
    border-radius: 10px;
    padding: 36px;
    text-align: center;
}
.category-section .items .icon {
    width: 60px;
    height: 60px;
    border: 1px solid var(--black);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin: 0 auto;
}
.category-section .items h3 {
    margin-top: 25px;
    margin-bottom: 8px;
}

.cta-card-items {
    margin-top: 30px;
    background-color: var(--white);
    border-radius: 18px;
}
.cta-card-items .thumb {
    position: relative;
}
.cta-card-items .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 20px 20px 0 0;
}
.cta-card-items .thumb .icon {
    width: 40px;
    height: 40px;
    background-color: var(--white);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 25px;
    right: 25px;
}
.cta-card-items .thumb .icon img {
    width: 50%;
}
.cta-card-items .content {
    padding: 30px;
}
.cta-card-items .content .reviews {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    gap: 14px;
}
.cta-card-items .content .reviews .star i {
    color: #ffb700;
}
.cta-card-items .content .reviews .number {
    display: flex;
    align-items: center;
}
.cta-card-items .content .reviews .number span {
    color: #ffb700;
}
.cta-card-items .content h3 {
    margin-bottom: 12px;
}
.cta-card-items .content h3 a:hover {
    color: var(--theme-3);
}
.cta-card-items .content .place i {
    margin-right: 5px;
}
.cta-card-items .content .meta {
    margin: 16px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    border-bottom: 1px solid rgba(83, 83, 83, 0.3);
    padding-bottom: 20px;
}
@media (max-width: 991px) {
    .cta-card-items .content .meta {
        gap: 6px;
    }
}
.cta-card-items .content .meta li img {
    margin-right: 3px;
}
.cta-card-items .content .price-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1399px) {
    .cta-card-items .content .price-btn {
        flex-wrap: wrap;
        gap: 15px;
    }
}
.cta-card-items .content .price-btn .price span {
    font-size: 16px;
    color: #535353;
    font-weight: 400;
}

.found-item {
    text-align: center;
    position: relative;
}
.found-item .shape {
    position: absolute;
    top: 9%;
    left: 13%;
    z-index: -1;
}
.found-item .shape2 {
    position: absolute;
    top: 24%;
    right: 13%;
    z-index: -1;
}
.found-item .shape3 {
    position: absolute;
    top: 43%;
    left: 41%;
    z-index: -1;
}
.found-item .error {
    font-size: 300px;
    font-weight: 800;
    display: inline-block;
    text-align: center;
    color: var(--theme);
    line-height: 1;
}
@media (max-width: 1199px) {
    .found-item .error {
        font-size: 280px;
    }
}
@media (max-width: 991px) {
    .found-item .error {
        font-size: 230px;
    }
}
@media (max-width: 767px) {
    .found-item .error {
        font-size: 180px;
    }
}
@media (max-width: 575px) {
    .found-item .error {
        font-size: 130px;
    }
}
.found-item .error span {
    color: var(--header);
}
@media (max-width: 1199px) {
    .found-item h2 {
        font-size: 40px;
    }
}
@media (max-width: 991px) {
    .found-item h2 {
        font-size: 35px;
    }
}
@media (max-width: 767px) {
    .found-item h2 {
        font-size: 30px;
    }
}
@media (max-width: 575px) {
    .found-item h2 {
        font-size: 25px;
    }
}
.found-item p {
    margin: 25px 0;
}

.newsletter-wrapppers {
    display: flex;
}
@media (max-width: 991px) {
    .newsletter-wrapppers {
        flex-direction: column;
    }
}
.newsletter-wrapppers .thumb,
.newsletter-wrapppers .content {
    width: 50%;
}
@media (max-width: 991px) {
    .newsletter-wrapppers .thumb,
    .newsletter-wrapppers .content {
        width: 100%;
    }
}
.newsletter-wrapppers .content {
    display: flex;
    align-items: center;
    padding: 75px 145px 75px 55px;
}
@media (max-width: 1199px) {
    .newsletter-wrapppers .content {
        padding: 75px 18px 75px 30px;
    }
}

.activities-thumb-section {
    position: relative;
}
.activities-thumb-section .array-button .array-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 30px;
    z-index: 999;
}
.activities-thumb-section .array-button .array-prev:hover img {
    filter: invert(1);
}
.activities-thumb-section .array-button .array-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    z-index: 999;
}
.activities-thumb-section .array-button .array-next:hover img {
    filter: invert(1);
}
@media (max-width: 575px) {
    .activities-thumb-section .array-button .array-next,
    .activities-thumb-section .array-button .array-prev {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}
@media (max-width: 575px) {
    .activities-thumb-section .array-button {
        display: none;
    }
}

.cta-padding {
    padding: 80px 0;
}

/* ====== SLIDE / GRID BASICS ====== */
.destination-slider .swiper-slide{ height:auto; }     /* biar card boleh set height sendiri */
.dest-slide{ height:auto; }                           /* jaga-jaga */

/* Grid fixing: kolom berisi penuh */
#other-tours-grid .tour-wrapper{ height:100%; }
#other-tours-grid .col-lg-3,
#other-tours-grid .col-md-6,
#other-tours-grid .col-sm-12{ display:flex; }

/* ====== Card base (re-use) ====== */
.destination-card-items{
  position:relative;
  display:flex;
  flex-direction:column;
  height:100%;
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  box-shadow:0 4px 18px rgba(2,8,20,.04);
  transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.destination-card-items:hover{
  transform:translateY(-3px);
  border-color:rgba(10,61,145,.22);
  box-shadow:0 14px 36px rgba(2,8,20,.10);
}

/* ====== Varian style-2 (hilangkan margin top; g-4 sdh bikin gap) ====== */
.destination-card-items.style-2{ margin-top:0; }

/* ====== Thumb ====== */
.destination-card-items .destination-thumb{
  position:relative;
  flex:0 0 auto;
  aspect-ratio:16/9;
  overflow:hidden;
}
.destination-card-items .destination-thumb img{
  width:100%; height:100%; object-fit:cover; display:block;
  transform:scale(1); transition:transform .5s ease;
}
.destination-card-items:hover .destination-thumb img{ transform:scale(1.06); }

/* ====== Content ====== */
.destination-card-items .destination-content{
  flex:1 1 auto; display:flex; flex-direction:column;
  padding:18px 22px 16px; gap:8px;
}

.destination-card-items .destination-content h4{
  margin:0 0 4px 0;
  font-size:clamp(18px,1.6vw,22px); line-height:1.25; font-weight:800; color:#0B0F2D;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.destination-card-items .destination-content h4 a{ color:inherit; text-decoration:none; }

.destination-card-items .destination-content .place{
  display:flex; align-items:flex-start; gap:8px;
  color:#475569; font-size:15px;
}
.destination-card-items .destination-content .place i{ color:#0A3D91; line-height:1.2; margin-top:2px; }

.destination-card-items .destination-content h5{
  margin:4px 0 0 0; color:#0B0F2D; font-weight:800; font-size:clamp(18px,1.5vw,22px);
}

/* garis pemisah halus */
.destination-card-items .destination-content::after{
  content:""; display:block; margin-top:12px; border-top:1px solid rgba(15,23,42,.08);
}

/* Booking row (nempel bawah) */
.destination-card-items .destination-content .booking{
  display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin-top:auto; padding-top:12px;
}
.destination-card-items .booking span{
  display:inline-flex; align-items:center; gap:8px;
  color:#1f2937; font-weight:600; font-size:15px;
}
.destination-card-items .booking span i{ color:#0A3D91; }

/* Tombol kecil */
.destination-card-items .booking .theme-btn{
  display:inline-flex; align-items:center; justify-content:center;
  height:40px; padding:0 18px; border-radius:999px;
  background:#0A3D91; color:#fff; font-weight:700; font-size:15px; text-decoration:none;
  box-shadow:0 8px 22px rgba(10,61,145,.18);
  transition:transform .18s ease, filter .18s ease, background .18s ease;
}
.destination-card-items .booking .theme-btn:hover{ transform:translateY(-1px); filter:brightness(1.05); }

/* Responsive tweaks */
@media (max-width:991px){
  .destination-card-items{ border-radius:18px; }
  .destination-card-items .destination-content{ padding:16px 18px 14px; }
}
@media (max-width:575px){
  .destination-card-items .destination-content .booking{ flex-wrap:wrap; gap:10px; }
}

.destination-card-items.style-2 {
    margin-top: 0;
    /*background-color: var(--bg);*/
    border: 0;
}

.destination-thumb {
    overflow: hidden;
}
.destination-thumb img {
    width: 100%;
    height: 100%;
    aspect-ratio: 3/2;
    transition: all 0.4s ease-in-out;
    object-fit: cover;
}
.destination-thumb .ratting {
    display: inline-block;
    padding: 20px 59px 8px;
    position: absolute;
    left: -60px;
    top: -5px;
    transform: rotate(-45deg);
    background-color: var(--theme);
    color: var(--white);
}
.destination-thumb .heart {
    width: 36px;
    height: 36px;
    background: tomato;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 10px;
    right: 10px;
}

.destination-content {
    padding: 20px;
}
.destination-content h4 a:hover {
    color: var(--theme);
}
.destination-content .place {
    font-size: 16px;
    color: var(--header);
}
.destination-content .place i {
    margin-right: 5px;
    color: var(--theme);
}
.destination-content h5 {
    font-size: 20px;
    font-weight: 700;
}
.destination-content h5 span {
    font-size: 16px;
    font-weight: 400;
    color: var(--text);
}
.destination-content .booking {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.destination-content .booking::before {
    position: absolute;
    content: "";
    top: -13px;
    left: -20px;
    right: 0;
    bottom: 0;
    width: 115%;
    height: 1px;
    background-color: rgba(118, 118, 118, 0.3);
}
.destination-content .booking span {
    font-size: 16px;
}
.destination-content .booking span i {
    color: var(--theme);
    margin-right: 4px;
}
.destination-content .booking .theme-btn {
    font-size: 12px;
    padding: 10px 20px;
    color: var(--theme);
    background: rgba(0, 41, 247, 0.1);
}
.destination-content .booking .theme-btn:hover {
    color: var(--white);
}
.destination-content .booking .theme-btn:hover img {
    filter: invert(0);
}

.destination-card-items2 {
    margin-top: 30px;
}
.destination-card-items2 .thumb {
    position: relative;
    overflow: hidden;
}
.destination-card-items2 .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 18px;
}
.destination-card-items2 .thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(25, 27, 26, 0) 0%, #191b1a 100%);
    overflow: hidden;
}
.destination-card-items2 .thumb .destination-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.destination-card-items2 .thumb .destination-content .content p {
    color: var(--white);
}
.destination-card-items2 .thumb .destination-content .content h3 a {
    color: var(--white);
}
.destination-card-items2 .thumb .destination-content .content h3 a:hover {
    color: var(--theme-2);
}
.destination-card-items2 .thumb .destination-content span {
    background: var(--theme-2);
    color: white;
    padding: 2px 14px;
    border-radius: 6px;
}
.destination-card-items2 .thumb .destination-content span.style-2 {
    background-color: var(--theme);
}
.destination-card-items2.style-2 {
    margin-top: 80px;
}
@media (max-width: 1199px) {
    .destination-card-items2.style-2 {
        margin-top: 30px;
    }
}

.new-destination-wrapper {
    margin-right: -40%;
}
@media (max-width: 1399px) {
    .new-destination-wrapper {
        margin-right: -20%;
    }
}
@media (max-width: 1199px) {
    .new-destination-wrapper {
        margin-right: 0;
    }
}

.new-destination-items {
    margin-top: 30px;
}
.new-destination-items .thumb {
    position: relative;
}
.new-destination-items .thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 18px;
    background: linear-gradient(180deg, rgba(37, 37, 37, 0) 0%, #252525 100%);
}
.new-destination-items .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 18px;
}
.new-destination-items .thumb .content {
    position: absolute;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    left: 35px;
    right: 35px;
    bottom: 35px;
}
@media (max-width: 1399px) {
    .new-destination-items .thumb .content {
        left: 30px;
        right: 30px;
        bottom: 30px;
        flex-wrap: wrap;
        gap: 20px;
    }
}
.new-destination-items .thumb .content h3 a {
    color: var(--white);
}
.new-destination-items .thumb .content h3 a:hover {
    color: var(--theme-3);
}
.new-destination-items .thumb .content p {
    color: var(--white);
}
.new-destination-items .thumb .content .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    background-color: var(--white);
    color: var(--header);
    text-align: center;
}
.new-destination-items .thumb .content .icon:hover {
    background-color: var(--theme-3);
}
.new-destination-items .thumb .content .icon:hover i {
    color: var(--header);
}
@media (max-width: 575px) {
    .new-destination-items .thumb .content .icon {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }
}

.main-sidebar {
    margin-top: 30px;
}
.main-sidebar .single-sidebar-widget {
    background-color: var(--bg);
    padding: 30px;
    margin-bottom: 30px;
    border-radius: 10px;
}
.main-sidebar .single-sidebar-widget .wid-title {
    margin-bottom: 25px;
}
.main-sidebar .single-sidebar-widget .wid-title.style-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.main-sidebar .single-sidebar-widget .categories-list .checkbox-single {
    position: relative;
    padding-left: 18px;
    cursor: pointer;
}
.main-sidebar
    .single-sidebar-widget
    .categories-list
    .checkbox-single:not(:last-child) {
    border-bottom: 1px solid var(--border);
    padding-bottom: 15px;
}
.main-sidebar .single-sidebar-widget .categories-list .checkbox-single input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.main-sidebar
    .single-sidebar-widget
    .categories-list
    .checkbox-single:not(:last-child) {
    margin-bottom: 15px;
}
.main-sidebar
    .single-sidebar-widget
    .categories-list
    .checkbox-single
    .checkbox-area
    .checkmark {
    position: absolute;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid var(--theme);
    top: 5px;
}
.main-sidebar
    .single-sidebar-widget
    .categories-list
    .checkbox-single
    .checkbox-area
    .checkmark::after {
    content: "";
}
.main-sidebar
    .single-sidebar-widget
    .categories-list
    .checkbox-single
    .checkbox-area
    input:checked
    ~ .checkmark {
    background-color: var(--theme);
}
.main-sidebar
    .single-sidebar-widget
    .categories-list
    .checkbox-single
    .checkbox-area
    input:checked
    ~ .checkmark::after {
    content: "\f00c";
    position: absolute;
    font-family: "Font Awesome 6 Pro";
    top: -5px;
    left: 5px;
    color: var(--theme);
    font-size: 11px;
}
.main-sidebar
    .single-sidebar-widget
    .categories-list
    .checkbox-single
    .checkbox-area
    input:checked
    ~ .checkmark:after {
    display: block;
    color: var(--white);
}
.main-sidebar
    .single-sidebar-widget
    .categories-list
    .checkbox-single
    .text-color {
    color: #586061;
}

.destination-details-wrapper h3 {
    font-size: 36px;
    margin-bottom: 20px;
}
@media (max-width: 575px) {
    .destination-details-wrapper h3 {
        font-size: 28px;
    }
}
.destination-details-wrapper .destionation-blog-item .thumb img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
}
.destination-details-wrapper .destionation-blog-item .content h2 {
    margin: 20px 0;
}
@media (max-width: 1199px) {
    .destination-details-wrapper .destionation-blog-item .content h2 {
        font-size: 35px;
    }
}
@media (max-width: 767px) {
    .destination-details-wrapper .destionation-blog-item .content h2 {
        font-size: 32px;
    }
}
@media (max-width: 575px) {
    .destination-details-wrapper .destionation-blog-item .content h2 {
        font-size: 28px;
    }
}
.destination-details-wrapper .destionation-blog-item .content p {
    font-size: 16px;
}
.destination-details-wrapper .destination-blog-item2 {
    margin-top: 30px;
}
.destination-details-wrapper .destination-blog-item2 .thumb img {
    border-radius: 20px;
    width: 100%;
    height: 100%;
}
.destination-details-wrapper .destination-blog-item2 p {
    margin-top: 25px;
    font-size: 16px;
}
.destination-details-wrapper .destination-map-area {
    margin-top: 30px;
}
.destination-details-wrapper .destination-map-area h3 {
    margin-bottom: 20px;
}
.destination-details-wrapper .destination-map-area .google-map iframe {
    width: 100%;
    height: 458px;
    border-radius: 16px;
}
.destination-details-wrapper .destination-reviews-item {
    margin-top: 30px;
}
.destination-details-wrapper .destination-reviews-item .comment-item {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 40px;
}
@media (max-width: 1199px) {
    .destination-details-wrapper .destination-reviews-item .comment-item {
        flex-wrap: wrap;
    }
}
.destination-details-wrapper
    .destination-reviews-item
    .comment-item
    .thumb
    img {
    border-radius: 12px;
}
.destination-details-wrapper
    .destination-reviews-item
    .comment-item
    .content
    .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.destination-details-wrapper
    .destination-reviews-item
    .comment-item
    .content
    .head
    .star
    i {
    font-size: 12px;
    color: #ffb700;
}
.destination-details-wrapper
    .destination-reviews-item
    .comment-item
    .content
    .head
    h6 {
    font-weight: 700;
    line-height: 26px;
    color: var(--theme);
}
.destination-details-wrapper
    .destination-reviews-item
    .comment-item
    .content
    .head
    h6
    img {
    margin-right: 2px;
    margin-bottom: 3px;
}
.destination-details-wrapper .destination-reviews-item .comment-item.style-2 {
    margin-left: 130px;
}
@media (max-width: 1199px) {
    .destination-details-wrapper
        .destination-reviews-item
        .comment-item.style-2 {
        margin-left: 0;
    }
}
.destination-details-wrapper .destination-form-item {
    margin-top: 30px;
    background-color: var(--bg);
    border-radius: 20px;
    padding: 50px 40px;
}
@media (max-width: 1199px) {
    .destination-details-wrapper .destination-form-item {
        padding: 50px 30px;
    }
}
.destination-details-wrapper .destination-form-item .form-content {
    margin-top: 20px;
}
.destination-details-wrapper .destination-form-item .form-content .star-item {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.destination-details-wrapper
    .destination-form-item
    .form-content
    .star-item
    .star-rating
    i {
    color: lightgray;
    cursor: pointer;
    transition: color 0.2s;
}
.destination-details-wrapper
    .destination-form-item
    .form-content
    .star-item
    .star-rating
    i.selected {
    color: #ffb700;
}
.destination-details-wrapper
    .destination-form-item
    .form-content
    .star-item
    .star-rating
    i.hovered {
    color: #ffb700;
}
.destination-details-wrapper
    .destination-form-item
    .form-content
    .form-clt
    input,
.destination-details-wrapper
    .destination-form-item
    .form-content
    .form-clt
    textarea {
    width: 100%;
    outline: none;
    border: none;
    background-color: var(--white);
    padding: 16px 20px;
    font-weight: 500;
    border-radius: 8px;
    color: var(--text);
}
.destination-details-wrapper
    .destination-form-item
    .form-content
    .form-clt
    input::placeholder,
.destination-details-wrapper
    .destination-form-item
    .form-content
    .form-clt
    textarea::placeholder {
    color: var(--text);
}
.destination-details-wrapper
    .destination-form-item
    .form-content
    .form-clt
    textarea {
    padding-bottom: 100px;
    resize: none;
}
.destination-details-wrapper .destination-content-items .thumb {
    position: relative;
}
.destination-details-wrapper .destination-content-items .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.destination-details-wrapper .destination-content-items .thumb .bottom {
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: flex;
    gap: 14px;
}
.destination-details-wrapper .destination-content-items .content {
    margin-top: 20px;
}
.destination-details-wrapper .destination-content-items .content h6 i {
    color: var(--theme);
}
.destination-details-wrapper .destination-content-items .content h2 {
    margin-bottom: 30px;
}

.main-sidebar-widget .single-sidebar-widget {
    padding: 40px 36px;
    background-color: var(--bg);
    border-radius: 20px;
    margin-bottom: 30px;
}
@media (max-width: 1199px) {
    .main-sidebar-widget .single-sidebar-widget {
        padding: 40px 30px;
    }
}
.main-sidebar-widget .single-sidebar-widget h3 {
    margin-bottom: 20px;
}
.main-sidebar-widget .single-sidebar-widget .search-widget {
    position: relative;
}
.main-sidebar-widget .single-sidebar-widget .search-widget form input {
    width: 100%;
    padding: 10px 20px;
    border: 0;
    border-radius: 8px;
    color: var(--header);
    margin-right: 5px;
}
.main-sidebar-widget .single-sidebar-widget .search-widget form button {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 20px;
    background: tomato;
    border-radius: 8px;
    transition: all 0.4s ease-in-out;
}
.main-sidebar-widget .single-sidebar-widget .search-widget form button:hover {
    background-color: var(--black);
}
.main-sidebar-widget .single-sidebar-widget .form-widget input {
    width: 100%;
    padding: 12px 20px;
    border: 0;
    border-radius: 8px;
    color: var(--header);
    margin-bottom: 20px;
}
.main-sidebar-widget .single-sidebar-widget .form-widget textarea {
    width: 100%;
    border: 0;
    border-radius: 8px;
    outline: none;
    resize: none;
    height: 194px;
    margin-bottom: 20px;
    padding: 12px;
}
.main-sidebar-widget .single-sidebar-widget .form-widget .theme-btn {
    width: 100%;
    border-radius: 8px;
}
.main-sidebar-widget .single-sidebar-widget .recent-widget-item {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 1199px) {
    .main-sidebar-widget .single-sidebar-widget .recent-widget-item {
        flex-wrap: wrap;
    }
}
.main-sidebar-widget .single-sidebar-widget .recent-widget-item .thumb img {
    border-radius: 10px;
}
.main-sidebar-widget
    .single-sidebar-widget
    .recent-widget-item
    .content
    .star
    i {
    font-size: 14px;
    color: #ffb700;
}
.main-sidebar-widget .single-sidebar-widget .recent-widget-item .content h6 a {
    font-weight: 700;
    line-height: 26px;
}
.main-sidebar-widget
    .single-sidebar-widget
    .recent-widget-item
    .content
    h6
    a:hover {
    color: var(--theme);
}
.main-sidebar-widget
    .single-sidebar-widget
    .recent-widget-item
    .content
    .price
    span {
    color: var(--theme);
}

.new-top-desti-thumb {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}
/* Default: di bawah 768px (mobile), tidak sticky */
.booking-sticky {
  position: static;
}

/* Tablet ke atas (>=768px), aktifkan sticky */
@media (min-width: 768px) {
  .booking-sticky {
    position: sticky;
    top: 90px; /* sesuaikan jika perlu */
    /*z-index: 99;*/
  }
}
.new-top-desti-thumb img {
    width: 100%;
    height: 400px;
    border-radius: 18px;
    object-fit: cover;
}
.new-top-desti-thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 18px;
    background: linear-gradient(
        0deg,
        rgba(14, 14, 14, 0.7) 0%,
        rgba(14, 14, 14, 0.7) 100%
    );
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}
.new-top-desti-thumb .overlay {
    position: absolute;
    /*top: 0;*/
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius:0 0 18px 18px;
    background: linear-gradient(
        180deg,
        rgba(14, 14, 14, 0.1) 0%,
        rgba(14, 14, 14, 0.8) 100%
    );
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease-in-out;
}
.new-top-desti-thumb .content {
    position: absolute;
    bottom: 30px;
    left: 20px;
    opacity: 1;
    visibility: visible;
    transition: all 0.4s ease-in-out;
    z-index: 9;
}
.new-top-desti-thumb .content h4 a {
    color: var(--white);
}
.new-top-desti-thumb .content h4 a:hover {
    color: var(--theme);
}
.new-top-desti-thumb .content p {
    color: var(--white);
}
.new-top-desti-thumb .icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    border-radius: 50%;
    border: 2px solid var(--white);
    text-align: center;
    color: var(--white);
    display: inline-block;
    position: absolute;
    top: -100px;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}
.new-top-desti-thumb .icon:hover {
    background-color: var(--theme);
    border: 2px solid var(--theme);
}
.new-top-desti-thumb:hover::before {
    opacity: 1;
    visibility: visible;
}
.new-top-desti-thumb:hover .content {
    opacity: 0;
    visibility: hidden;
}
.new-top-desti-thumb:hover .overlay {
    opacity: 0;
    visibility: hidden;
}
.new-top-desti-thumb:hover .icon {
    top: 50%;
    opacity: 1;
    visibility: visible;
}

.faq-items {
    margin-right: 50px;
    margin-top: 30px;
}
@media (max-width: 1199px) {
    .faq-items {
        margin-right: 0;
    }
}
.faq-items .accordion-item {
    border: 0;
    background-color: #e9f2f1;
    border: 1px solid rgba(37, 37, 37, 0.3);
    border-radius: 8px;
    box-shadow: 0px 4px 25px 0px rgba(0, 0, 0, 0.06);
}
.faq-items .accordion-item .accordion-header {
    border: none;
}
.faq-items .accordion-item .accordion-header .accordion-button {
    font-weight: 600;
    color: var(--header);
    border-radius: 0;
    box-shadow: none;
    background-color: #e9f2f1;
    border-radius: 12px;
    padding: 25px 30px 0;
    text-transform: capitalize;
    font-size: 22px;
}
@media (max-width: 1199px) {
    .faq-items .accordion-item .accordion-header .accordion-button {
        font-size: 18px;
    }
}
.faq-items .accordion-item .accordion-header .accordion-button::after {
    content: "\f324";
    background: transparent;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    transition: all 0.3s ease-in-out !important;
    color: var(--header);
}
.faq-items
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    content: "\f322";
    background: transparent;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    transform: rotate(0);
    color: var(--header);
}
.faq-items .accordion-item .accordion-header .accordion-button.collapsed {
    background-color: transparent;
    padding: 25px 30px;
    color: var(--header);
}
.faq-items .accordion-item .accordion-collapse .accordion-body {
    padding-left: 30px;
    padding-top: 15px;
    color: #252525;
}
.faq-items.style-2 {
    margin-top: 0;
    margin-right: 0;
}
.faq-items.style-2 .accordion-item {
    background-color: #f8f3f2;
}
.faq-items.style-2 .accordion-item .accordion-header .accordion-button {
    color: var(--theme);
    background-color: #f8f3f2;
}
.faq-items.style-2
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    color: var(--theme);
}
.faq-items.style-2
    .accordion-item
    .accordion-header
    .accordion-button.collapsed {
    color: var(--header);
}

.faq-thumb-wrapper {
    display: flex;
    align-items: center;
    justify-content: end;
}
.faq-thumb-wrapper .faq-thumb {
    position: relative;
    width: 510px;
}
@media (max-width: 991px) {
    .faq-thumb-wrapper .faq-thumb {
        width: 100%;
    }
}
.faq-thumb-wrapper .faq-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.faq-thumb-wrapper .faq-thumb .thumb2 {
    position: absolute;
    bottom: -25%;
    left: -25%;
    width: 350px;
}
@media (max-width: 1199px) {
    .faq-thumb-wrapper .faq-thumb .thumb2 {
        bottom: 0;
        left: 0;
    }
}
@media (max-width: 575px) {
    .faq-thumb-wrapper .faq-thumb .thumb2 {
        width: 185px;
    }
}

.faq-content-wrapper {
    margin-top: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
}
@media (max-width: 1199px) {
    .faq-content-wrapper {
        margin-top: 40px;
    }
}
.faq-content-wrapper .faq-title {
    text-align: center;
}
.faq-content-wrapper .faq-title p {
    margin-top: 20px;
}
.faq-content-wrapper .faq-title .theme-btn {
    margin-top: 30px;
}

.faq-wrapper-3 {
    margin-bottom: 90px;
}
@media (max-width: 1399px) {
    .faq-wrapper-3 {
        margin-bottom: 0;
    }
}

.faq-3 {
    position: relative;
}
.faq-3 .shape1 {
    position: absolute;
    top: 16%;
    left: 51%;
}
@media (max-width: 1199px) {
    .faq-3 .shape1 {
        display: none;
    }
}
.faq-3 .shape2 {
    position: absolute;
    right: 22%;
    bottom: 15%;
}
@media (max-width: 1199px) {
    .faq-3 .shape2 {
        display: none;
    }
}

.choose-us-wrapper {
    margin-bottom: 40px;
}
@media (max-width: 1399px) {
    .choose-us-wrapper {
        margin-bottom: 0;
    }
}
.choose-us-wrapper .chose-us-image {
    width: 100%;
    position: relative;
    height: 100%;
}
@media (max-width: 1199px) {
    .choose-us-wrapper .chose-us-image {
        margin-left: 0;
        max-width: initial;
    }
}
.choose-us-wrapper .chose-us-image img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    object-fit: cover;
}
.floating-wa {
  position: fixed;
  bottom: 100px;
  right: 30px;
  z-index: 999;
  background-color: #25D366;
  color: white;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  font-size: 24px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
  animation: pulse 2s infinite;

  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
}

.floating-wa.show {
  opacity: 1;
  visibility: visible;
}

.floating-wa:hover {
  background-color: #1ebe5d;
  transform: scale(1.1);
  text-decoration: none;
}

.choose-us-wrapper .chose-us-image .chose-us-image2 {
    max-width: 225px;
    position: absolute;
    bottom: -128px;
    left: -110px;
}
@media (max-width: 1199px) {
    .choose-us-wrapper .chose-us-image .chose-us-image2 {
        display: none;
    }
}
@media (max-width: 1199px) {
    .choose-us-wrapper .chose-us-image .chose-us-image2 {
        left: 0;
        bottom: 0;
    }
}
.choose-us-wrapper .chose-us-image .chose-us-image3 {
    max-width: 336px;
    position: absolute;
    right: -150px;
    bottom: -130px;
}
@media (max-width: 991px) {
    .choose-us-wrapper .chose-us-image .chose-us-image3 {
        right: initial;
        left: 0;
        bottom: 0;
        max-width: 230px;
    }
}
@media (max-width: 1199px) {
    .choose-us-wrapper .chose-us-image .chose-us-image3 {
        right: 0;
        bottom: 0;
        max-width: 250px;
    }
}
.choose-us-wrapper .chose-us-image .chose-us-image3 .video-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    color: var(--white);
    background-color: var(--theme);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.choose-us-section {
    position: relative;
}
.choose-us-section .left-shape {
    position: absolute;
    top: 23%;
    left: 50px;
    transform: rotate(-9deg);
}
@media (max-width: 1399px) {
    .choose-us-section .left-shape {
        display: none;
    }
}
.choose-us-section .dot-shape {
    position: absolute;
    left: 44.5%;
    top: 19%;
}
@media (max-width: 1399px) {
    .choose-us-section .dot-shape {
        display: none;
    }
}
.choose-us-section .right-shape {
    position: absolute;
    top: -150px;
    right: 0;
    pointer-events: none;
}
@media (max-width: 1399px) {
    .choose-us-section .right-shape {
        display: none;
    }
}

.choose-us-content .choose-us-area {
    margin-top: 30px;
    position: relative;
}
.choose-us-content .choose-us-area .line-image {
    position: absolute;
    left: 28px;
    top: 67px;
}
@media (max-width: 1199px) {
    .choose-us-content .choose-us-area .line-image {
        display: none;
    }
}
.choose-us-content .choose-us-area .choose-us-items {
    display: flex;
    align-items: center;
    align-items: start;
    gap: 20px;
}
@media (max-width: 1199px) {
    .choose-us-content .choose-us-area .choose-us-items {
        gap: 10px;
    }
}
.choose-us-content .choose-us-area .choose-us-items:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 575px) {
    .choose-us-content .choose-us-area .choose-us-items {
        flex-direction: column;
    }
}
@media (max-width: 1199px) {
    .choose-us-content .choose-us-area .choose-us-items {
        flex-wrap: wrap;
    }
}
.choose-us-content .choose-us-area .choose-us-items .number {
    width: 56px;
    height: 56px;
    line-height: 56px;
    border-radius: 100px;
    text-align: center;
    color: var(--theme);
    background-color: var(--theme-2);
    flex: 0 0 auto;
    font-size: 20px;
}
@media (max-width: 1199px) {
    .choose-us-content .choose-us-area .choose-us-items .number {
        flex-basis: initial;
    }
}
.choose-us-content .choose-us-area .choose-us-items .content h4 {
    margin-bottom: 10px;
}

.feature-wrapper .feature-content .feature-area {
    position: relative;
}
.feature-wrapper .feature-content .feature-area .line-shape {
    position: absolute;
    right: 315px;
    top: 43px;
}
@media (max-width: 1399px) {
    .feature-wrapper .feature-content .feature-area .line-shape {
        display: none;
    }
}
.feature-wrapper .feature-content .feature-area .feature-items {
    display: flex;
    align-items: center;
    gap: 100px;
    margin-top: 30px;
}
@media (max-width: 1399px) {
    .feature-wrapper .feature-content .feature-area .feature-items {
        gap: 60px;
    }
}
@media (max-width: 1199px) {
    .feature-wrapper .feature-content .feature-area .feature-items {
        flex-wrap: wrap;
        gap: 20px;
    }
}
.feature-wrapper
    .feature-content
    .feature-area
    .feature-items:not(:last-child) {
    margin-bottom: 50px;
}
@media (max-width: 1199px) {
    .feature-wrapper
        .feature-content
        .feature-area
        .feature-items:not(:last-child) {
        margin-bottom: 30px;
    }
}
.feature-wrapper .feature-content .feature-area .feature-items .content h6 {
    font-weight: 700;
    line-height: 162%;
}
.feature-wrapper
    .feature-content
    .feature-area
    .feature-items
    .feature-icon-item {
    display: flex;
    align-items: center;
    gap: 24px;
}
.feature-wrapper
    .feature-content
    .feature-area
    .feature-items
    .feature-icon-item
    .icon {
    width: 64px;
    height: 64px;
    line-height: 64px;
    border-radius: 8px;
    text-align: center;
    background-color: var(--theme-2);
}
.feature-wrapper .feature-content .feature-area .feature-items .circle-icon {
    display: flex;
    align-items: center;
    gap: 20px;
}
.feature-wrapper
    .feature-content
    .feature-area
    .feature-items
    .circle-icon
    li
    i {
    color: var(--theme-2);
}
.feature-wrapper .feature-image img {
    width: 100%;
    height: 100%;
}

.travel-feature-section {
    position: relative;
    margin-bottom: -10px;
}
.travel-feature-section .shape-1 {
    position: absolute;
    right: 10px;
    top: 100px;
}
@media (max-width: 1399px) {
    .travel-feature-section .shape-1 {
        display: none;
    }
}

.activities-items .activities-image {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
}
.activities-items .activities-image img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    transform: scale(1.1);
    transition: all 0.4s ease-in-out;
}
.activities-items .activities-image .post {
    font-size: 12px;
    font-weight: 600;
    color: var(--white);
    padding: 8px 10px;
    line-height: 1;
    background-color: var(--theme);
    position: absolute;
    top: 25px;
    left: 25px;
    border-radius: 100px;
}
.activities-items .activities-content {
    margin-top: 30px;
}
.activities-items .activities-content h4 a:hover {
    color: var(--theme);
}
.activities-items:hover .activities-image img {
    transform: scale(1.4);
}

.activities-details-wrapper .activities-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1199px) {
    .activities-details-wrapper .activities-rating {
        flex-wrap: wrap;
        gap: 20px;
    }
}
.activities-details-wrapper .activities-rating .activities-content h3 {
    font-size: 36px;
    margin-bottom: 10px;
}
@media (max-width: 575px) {
    .activities-details-wrapper .activities-rating .activities-content h3 {
        font-size: 24px;
    }
}
.activities-details-wrapper .activities-rating .activities-content .rating {
    display: flex;
    align-items: center;
    gap: 20px;
}
@media (max-width: 1199px) {
    .activities-details-wrapper .activities-rating .activities-content .rating {
        flex-wrap: wrap;
    }
}
.activities-details-wrapper
    .activities-rating
    .activities-content
    .rating
    .star
    i {
    color: #fe6902;
}
.activities-details-wrapper
    .activities-rating
    .activities-content
    .rating
    li
    i {
    color: var(--theme);
    margin-right: 6px;
}
.activities-details-wrapper .activities-rating .share {
    border-radius: 30px;
    border: 1px solid var(--theme);
    padding: 12px 30px;
    line-height: 1;
}
@media (max-width: 1199px) {
    .activities-details-wrapper .activities-rating .share {
        padding: 8px 30px;
    }
}
.activities-details-wrapper .activities-rating .share li {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
}
.activities-details-wrapper .activities-rating .share li i {
    color: var(--theme);
    margin-left: 5px;
}
.activities-details-wrapper .activities-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 0;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    margin-top: 50px;
    margin-bottom: 50px;
}
@media (max-width: 1199px) {
    .activities-details-wrapper .activities-wrap {
        flex-wrap: wrap;
        gap: 20px;
        padding-right: 0;
    }
}
.activities-details-wrapper .activities-wrap .activities-item {
    display: flex;
    align-items: center;
    gap: 20px;
    border-right: 1px solid rgb(169, 175, 191);
    padding-right: 60px;
}
@media (max-width: 1199px) {
    .activities-details-wrapper .activities-wrap .activities-item {
        border-right: none;
    }
}
.activities-details-wrapper .activities-wrap .activities-item .content h6 {
    font-weight: 700;
    line-height: 162%;
}
.activities-details-wrapper .activities-wrap .activities-item .content span {
    font-size: 16px;
    color: var(--text);
}

.main-bar .activities-card {
    background-color: var(--bg);
    padding: 30px;
    border-radius: 10px;
}
.main-bar .activities-card .form-booking h3 {
    margin-bottom: 30px;
}
.main-bar .activities-card .form-booking .book-ctr {
    margin-bottom: 20px;
}
.main-bar .activities-card .form-booking .book-ctr label {
    margin-bottom: 10px;
}
.main-bar .activities-card .form-booking .book-ctr input {
    width: 100%;
    border-radius: 8px;
    border: 0;
    padding: 14px 30px;
    color: var(--header);
    font-size: 16px;
    background-color: var(--white);
}
.main-bar .activities-card .form-booking .book-ctr select {
    background-color: var(--white);
}
/* .main-bar .activities-card .form-booking .book-ctr .nice-select {
    width: 100%;
    border-radius: 8px;
    border: 0;
    padding: 14px 30px;
    color: var(--header);
    font-size: 16px;
    background-color: var(--white);
} */
/* .main-bar .activities-card .form-booking .book-ctr .nice-select li:hover {
    background-color: var(--theme);
    color: var(--white);
} */
.main-bar .activities-card .booking-form h3 {
    margin-bottom: 10px;
}
.main-bar .activities-card .booking-form form label {
    margin-bottom: 20px;
}
.main-bar .activities-card .booking-form form input {
    width: 100%;
    border: 0;
    padding: 14px 30px;
    color: var(--header);
    border-radius: 8px;
}
.main-bar .activities-card .booking-form form input[type="date"] {
    color: var(--text);
}
/* .main-bar .activities-card .booking-form form .nice-select {
    background-color: var(--white);
    padding: 14px 30px;
    border-radius: 8px;
}
.main-bar .activities-card .booking-form form .nice-select .option:hover {
    background: var(--theme);
    color: var(--header);
} */
.main-bar .activities-card .booking-form .theme-btn {
    width: 100%;
    border-radius: 8px;
}
.main-bar .activities-thumb-card {
    margin-top: 30px;
}
.main-bar .activities-thumb-card .thumb {
    position: relative;
}
.main-bar .activities-thumb-card .thumb::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(
        180deg,
        rgba(14, 14, 14, 0) 19.86%,
        #0e0e0e 77.79%
    );
    border-radius: 20px;
}
.main-bar .activities-thumb-card .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.main-bar .activities-thumb-card .thumb .content {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 40px;
    text-align: center;
}
.main-bar .activities-thumb-card .thumb .content h3 {
    color: var(--white);
}

.activities-details-content h3 {
    margin-bottom: 20px;
    font-size: 36px;
}
@media (max-width: 1199px) {
    .activities-details-content h3 {
        font-size: 26px;
    }
}
.activities-details-content .activities-list-item {
    margin-top: 30px;
}
.activities-details-content .activities-list-item .activities-item {
    /* display: flex;
  align-items: center; */
    gap: 60px;
    margin-top: 15px;
}

.activities-list-items h3 {
    color: #1a1d29;
    font-weight: 700;
    font-size: 1.75rem;
    margin-bottom: 1.5rem;
    position: relative;
    padding-bottom: 0.75rem;
}

.activities-list-items h3::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 60px;
    height: 3px;
    background: #004aad;
    border-radius: 2px;
}
.required-label::after {
    content: " *";
    color: red;
}

.poi-card {
    background: rgba(255, 255, 255, 0.9);
    border: 1px solid rgba(0, 41, 247, 0.1);
    border-radius: 16px;
    padding: 1.5rem;
    height: 100%;
    transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    position: relative;
    overflow: hidden;
    width: 100%;
}

.poi-card::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: #004aad;
    transform: scaleX(0);
    transition: transform 0.3s ease;
}

.poi-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 74, 173, 0.3);
    border-color: rgba(0, 74, 173, 0.2);
}

.poi-card:hover::before {
    transform: scaleX(1);
}

.poi-icon {
    width: 48px;
    height: 48px;
    background: #004aad;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    flex-shrink: 0;
    transition: transform 0.3s ease;
}

.poi-card:hover .poi-icon {
    transform: scale(1.1);
}

.poi-icon i {
    color: white;
    font-size: 1.2rem;
}

.poi-title {
    font-weight: 600;
    font-size: 18px;
    color: #1a1d29;
    /* margin-bottom: 0.5rem; */
    line-height: 1.4;
}

.poi-desc {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
}

.poi-location {
    color: #64748b;
    font-size: 0.9rem;
    margin-bottom: 0.25rem;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.poi-location i {
    color: #004aad;
    font-size: 0.8rem;
}

.detail-btn {
    background: rgba(0, 41, 247, 0.1);
    border: 1px solid #004aad;
    color: #004aad;
    border-radius: 25px;
    padding: 0.5rem 1.25rem;
    font-size: 0.85rem;
    font-weight: 500;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.detail-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: #004aad;
    transition: left 0.3s ease;
    z-index: 0;
}

.detail-btn span {
    position: relative;
    z-index: 1;
}

.detail-btn:hover {
    color: white;
    border-color: rgb(0, 74, 173);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 74, 173, 0.3);
}

.detail-btn:hover::before {
    left: 0;
}

.booking-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.booking-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* Tour Package Sidebar */
.tour-sidebar {
    background: #004aad;
    color: white;
    padding: 2rem;
    height: 100%;
    min-height: 600px;
}

.tour-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.tour-info {
    margin-bottom: 1.5rem;
}

.tour-info h6 {
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    opacity: 0.9;
}

.tour-info p {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 500;
}

.tour-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.coupon-section {
    background: rgba(255, 255, 255, 0.1);
    padding: 1rem;
    border-radius: 12px;
    margin-bottom: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
}

.coupon-section:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
}

.coupon-text {
    font-size: 0.9rem;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.price-section {
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    padding-top: 1.5rem;
}

.price-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
}

.price-item.total {
    font-size: 1.1rem;
    font-weight: 700;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 0.75rem;
}

/* Form Section */
.form-section {
    padding: 2.5rem;
}

.form-header {
    text-align: center;
    margin-bottom: 2rem;
}

.form-header h2 {
    color: #1a1d29;
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
}

.form-header p {
    color: #64748b;
    font-size: 1rem;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-label {
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.form-control {
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.8);
}

.form-control:focus {
    border-color: #004aad;
    box-shadow: 0 0 0 3px rgba(0, 41, 247, 0.1);
    background: white;
}

.form-control::placeholder {
    color: #9ca3af;
    font-size: 0.9rem;
}

textarea.form-control {
    min-height: 100px;
    resize: vertical;
}

.form-check {
    margin-bottom: 1.5rem;
}

.form-check-input {
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid #e2e8f0;
    border-radius: 4px;
}

.form-check-input:checked {
    background-color: #004aad;
    border-color: #004aad;
}

.form-check-label {
    color: #374151;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-left: 0.5rem;
}

.form-check-label a {
    color: rgb(250, 103, 65);
    text-decoration: none;
    font-weight: 500;
}

.form-check-label a:hover {
    text-decoration: underline;
}

.submit-btn {
    background: linear-gradient(
        135deg,
        rgb(250, 103, 65) 0%,
        rgb(240, 78, 35) 100%
    );
    border: none;
    border-radius: 50px;
    padding: 1rem 2rem;
    font-weight: 600;
    font-size: 1rem;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px rgba(250, 103, 65, 0.3);
}

.submit-btn:hover {
    background: linear-gradient(
        135deg,
        rgb(240, 78, 35) 0%,
        rgb(220, 58, 15) 100%
    );
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(250, 103, 65, 0.4);
}

.submit-btn:active {
    transform: translateY(-1px);
}

@media (max-width: 991px) {
    .booking-card {
        margin: 1rem;
    }

    .tour-sidebar {
        min-height: auto;
        padding: 1.5rem;
    }

    .form-section {
        padding: 2rem 1.5rem;
    }

    .tour-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (max-width: 576px) {
    .form-section {
        padding: 1.5rem 1rem;
    }

    .tour-sidebar {
        padding: 1.5rem 1rem;
    }
}
.booking-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1rem;
}

.booking-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-radius: 20px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    overflow: hidden;
}

/* Tour Package Sidebar */
.tour-sidebar {
    background: #004aad;
    color: white;
    padding: 2rem;
    height: 100%;
    min-height: 600px;
}

.tour-title {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 2rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: white;
}

.tour-info {
    margin-bottom: 1.5rem;
}

.tour-info h6 {
    font-weight: 600;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
    opacity: 0.9;
    color: white;
}

.tour-info p {
    font-size: 1rem;
    margin-bottom: 0;
    font-weight: 500;
}

.tour-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.5rem;
    margin-bottom: 2rem;
}

.coupon-section {
    background: rgba(255, 255, 255, 0.1);
    padding: 1rem;
    border-radius: 12px;
    margin-bottom: 2rem;
    border: 1px solid rgba(255, 255, 255, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
}

.coupon-section:hover {
    background: rgba(255, 255, 255, 0.15);
    transform: translateY(-2px);
}

.coupon-text {
    font-size: 0.9rem;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.price-section {
    border-top: 2px solid rgba(255, 255, 255, 0.3);
    padding-top: 1.5rem;
}

.price-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.75rem;
    font-size: 0.95rem;
}

.price-item.total {
    font-size: 1.1rem;
    font-weight: 700;
    padding-top: 0.75rem;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    margin-top: 0.75rem;
}

/* Form Section */
.form-section {
    padding: 2.5rem;
}

.form-header {
    text-align: center;
    margin-bottom: 2rem;
}

.form-header h2 {
    color: #1a1d29;
    font-weight: 700;
    font-size: 1.8rem;
    margin-bottom: 0.5rem;
}

.form-header p {
    color: #64748b;
    font-size: 1rem;
}

.form-group {
    margin-bottom: 1.5rem;
}

.form-label {
    font-weight: 600;
    color: #374151;
    margin-bottom: 0.5rem;
    font-size: 0.9rem;
}

.form-control {
    border: 2px solid #e2e8f0;
    border-radius: 12px;
    padding: 0.75rem 1rem;
    font-size: 0.95rem;
    transition: all 0.3s ease;
    background: rgba(255, 255, 255, 0.8);
}

.form-control:focus {
    border-color: #004aad;
    box-shadow: 0 0 0 3px rgba(0, 41, 247, 0.1);
    background: white;
}

.form-control::placeholder {
    color: #9ca3af;
    font-size: 0.9rem;
}

textarea.form-control {
    min-height: 100px;
    resize: vertical;
}

.form-check {
    margin-bottom: 1.5rem;
}

.form-check-input {
    width: 1.2rem;
    height: 1.2rem;
    border: 2px solid #e2e8f0;
    border-radius: 4px;
}

.form-check-input:checked {
    background-color: #004aad;
    border-color: #004aad;;
}

.form-check-label {
    color: #374151;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-left: 0.5rem;
}

.form-check-label a {
    color: #004aad;
    text-decoration: none;
    font-weight: 500;
}

.form-check-label a:hover {
    text-decoration: underline;
}

.submit-btn {
    background: #004aad;
    border: none;
    border-radius: 50px;
    padding: 1rem 2rem;
    font-weight: 600;
    font-size: 1rem;
    color: white;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    width: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 8px 24px rgba(0, 74, 173, 0.3);
}

.submit-btn:hover {
    background: #004aad;
    transform: translateY(-3px);
    box-shadow: 0 12px 32px rgba(0, 74, 173, 0.3);
}

.submit-btn:active {
    transform: translateY(-1px);
}

@media (max-width: 991px) {
    .booking-card {
        margin: 1rem;
    }

    .tour-sidebar {
        min-height: auto;
        padding: 1.5rem;
    }

    .form-section {
        padding: 2rem 1.5rem;
    }

    .tour-grid {
        grid-template-columns: 1fr;
        gap: 1rem;
    }
}

@media (max-width: 576px) {
    .form-section {
        padding: 1.5rem 1rem;
    }

    .tour-sidebar {
        padding: 1.5rem 1rem;
    }
}

/* Modal Styling */
.modal-content {
    border: none;
    border-radius: 20px;
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
    overflow: hidden;
}

.modal-header {
    background: linear-gradient(
        135deg,
        rgb(250, 103, 65) 0%,
        rgb(240, 78, 35) 100%
    );
    color: white;
    border: none;
    padding: 1.5rem 2rem;
}

.modal-title {
    font-weight: 600;
    font-size: 1.25rem;
}

.btn-close {
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

.btn-close:hover {
    opacity: 1;
}

.modal-body {
    padding: 2rem;
}

.modal-body img {
    border-radius: 12px;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

.modal-body p {
    line-height: 1.6;
    color: #374151;
}

.modal-body strong {
    color: rgb(250, 103, 65);
}

.modal-footer {
    border: none;
    padding: 1rem 2rem 2rem;
}

.modal-footer .btn-secondary {
    background: #f1f5f9;
    border: none;
    color: #64748b;
    border-radius: 25px;
    padding: 0.65rem 1.5rem;
    font-weight: 500;
    transition: all 0.3s ease;
}

.modal-footer .btn-secondary:hover {
    background: #e2e8f0;
    color: #475569;
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .activities-list-item {
        padding: 1.5rem;
    }

    .poi-card {
        padding: 1.25rem;
    }

    .poi-icon {
        width: 40px;
        height: 40px;
    }

    .modal-body {
        padding: 1.5rem;
    }
}
@media (max-width: 1199px) {
    .activities-details-content .activities-list-item .activities-item {
        flex-wrap: wrap;
    }
}
@media (max-width: 991px) {
    .activities-details-content .activities-list-item .activities-item {
        gap: 30px;
    }
}
@media (max-width: 575px) {
    .activities-details-content .activities-list-item .activities-item {
        gap: 15px;
    }
}
.activities-details-content
    .activities-list-item
    .activities-item
    .activities-list
    li {
    color: var(--header);
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
}
.activities-details-content
    .activities-list-item
    .activities-item
    .activities-list
    li:not(:last-child) {
    margin-bottom: 15px;
}
.activities-details-content
    .activities-list-item
    .activities-item
    .activities-list
    li
    svg {
    margin-right: 5px;
}
.activities-details-content .activities-box-wrap {
    border-radius: 16px;
    background-color: var(--bg);
    padding: 40px;
    margin-top: 50px;
}
@media (max-width: 1199px) {
    .activities-details-content .activities-box-wrap {
        padding: 30px;
    }
}
.activities-details-content .activities-box-wrap .activities-box-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 40px;
}
@media (max-width: 1199px) {
    .activities-details-content .activities-box-wrap .activities-box-area {
        flex-wrap: wrap;
        gap: 10px;
        margin-bottom: 10px;
    }
}
.activities-details-content
    .activities-box-wrap
    .activities-box-area
    .activities-box-item {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-basis: 33%;
    flex-wrap: wrap;
}
@media (max-width: 575px) {
    .activities-details-content
        .activities-box-wrap
        .activities-box-area
        .activities-box-item {
        flex-basis: 100%;
    }
}
.activities-details-content
    .activities-box-wrap
    .activities-box-area
    .activities-box-item
    .icon {
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 40px;
    border-radius: 6px;
    border: 1px solid #eddcdc;
    transition: all 0.4s ease-in-out;
}
.activities-details-content
    .activities-box-wrap
    .activities-box-area
    .activities-box-item.style-2
    .icon {
    background-color: var(--theme);
}
.activities-details-content
    .activities-box-wrap
    .activities-box-area
    .activities-box-item
    .content
    span {
    font-size: 16px;
    font-weight: 500;
}
.activities-details-content
    .activities-box-wrap
    .activities-box-area
    .activities-box-item:hover
    .icon {
    background-color: var(--theme);
    border: 1px solid var(--theme);
}
.activities-details-content
    .activities-box-wrap
    .activities-box-area
    .activities-box-item:hover
    .icon
    img {
    filter: grayscale(100%) brightness(300%);
}
.activities-details-content .video-image {
    position: relative;
    border-radius: 20px;
    padding: 170px 0;
    margin-top: 50px;
}
@media (max-width: 767px) {
    .activities-details-content .video-image {
        padding: 130px 0;
    }
}
@media (max-width: 575px) {
    .activities-details-content .video-image {
        padding: 100px 0;
    }
}
.activities-details-content .video-image .video-btn {
    width: 80px;
    height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    border: 1px solid var(--white);
    background: radial-gradient(
        157.24% 123.22% at 47.19% -0.63%,
        rgba(255, 255, 255, 0.4) 0%,
        rgba(255, 255, 255, 0) 100%
    );
    backdrop-filter: blur(21px);
    margin: 0 auto;
}
.activities-details-content .video-image .video-btn i {
    color: var(--white);
}
.activities-details-content .faq-items {
    margin-top: 50px;
    margin-bottom: 50px;
}
.activities-details-content .faq-items h3 {
    margin-bottom: 20px;
}
.activities-details-content .faq-items .accordion-item {
    border: 0;
    background-color: var(--white);
    border-radius: 12px;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    margin-bottom: 30px;
}
.activities-details-content .faq-items .accordion-item .accordion-header {
    border: none;
}
.activities-details-content
    .faq-items
    .accordion-item
    .accordion-header
    .accordion-button {
    font-weight: 600;
    color: var(--white);
    border: 0;
    border-radius: 20px 20px 0 0;
    box-shadow: none;
    background-color: var(--theme);
    padding: 25px 30px;
    text-transform: capitalize;
    font-size: 22px;
}
@media (max-width: 1199px) {
    .activities-details-content
        .faq-items
        .accordion-item
        .accordion-header
        .accordion-button {
        font-size: 20px;
    }
}
.activities-details-content
    .faq-items
    .accordion-item
    .accordion-header
    .accordion-button::after {
    font-size: 16px;
    content: "\f324";
    background: transparent;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    transition: all 0.3s ease-in-out !important;
    color: var(--header);
    background-color: transparent;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.activities-details-content
    .faq-items
    .accordion-item
    .accordion-header
    .accordion-button:not(.collapsed)::after {
    font-size: 16px;
    content: "\f322";
    background: transparent;
    font-family: "Font Awesome 6 Pro";
    font-weight: 300;
    transform: rotate(0);
    color: var(--theme);
    background-color: var(--white);
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.activities-details-content
    .faq-items
    .accordion-item
    .accordion-header
    .accordion-button.collapsed {
    background-color: transparent;
    padding: 25px 30px;
    color: var(--header);
}
.activities-details-content
    .faq-items
    .accordion-item
    .accordion-collapse
    .content {
    margin-top: 20px;
    display: flex;
    align-items: center;
}
@media (max-width: 575px) {
    .activities-details-content
        .faq-items
        .accordion-item
        .accordion-collapse
        .content {
        flex-wrap: wrap;
        /* flex-direction: column-reverse; */
    }
}
.activities-details-content
    .faq-items
    .accordion-item
    .accordion-collapse
    .content
    .accordion-body {
    color: #767676;
}
.activities-details-content
    .faq-items
    .accordion-item
    .accordion-collapse
    .content
    .thumb {
    margin-right: 20px;
}
.activities-details-content
    .faq-items
    .accordion-item
    .accordion-collapse
    .content
    .thumb
    img {
    border-radius: 10px;
}
@media (max-width: 575px) {
    .activities-details-content
        .faq-items
        .accordion-item
        .accordion-collapse
        .content
        .thumb
        img {
        width: 250px;
    }
}
.border-theme {
    border: 2px solid #004aad;
}
.activities-details-content .map-area {
    margin-top: 30px;
}
.activities-details-content .map-area h3 {
    margin-bottom: 20px;
}
.activities-details-content .map-area .google-map iframe {
    width: 100%;
    height: 458px;
    border-radius: 16px;
}
.activities-details-content .activities-customer-reviews {
    margin-top: 30px;
}
.activities-details-content .activities-customer-reviews .customer-items {
    border-radius: 20px;
    background-color: var(--black);
    padding: 40px;
    /* Individual progress bar widths */
}
@media (max-width: 1199px) {
    .activities-details-content .activities-customer-reviews .customer-items {
        padding: 30px;
    }
}
@media (max-width: 575px) {
    .activities-details-content .activities-customer-reviews .customer-items {
        padding: 20px;
    }
}
.activities-details-content .activities-customer-reviews .customer-items .box {
    background-color: #26211f;
    border-radius: 12px;
    padding: 50px 60px;
    text-align: center;
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .box
    h1,
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .box
    p {
    color: var(--white);
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .box
    .star
    i {
    color: #ffb700;
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .customer-rating-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .customer-rating-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .customer-rating-item
    span {
    max-width: 80px;
    width: 100%;
    color: var(--white);
    font-size: 18px;
    font-weight: 400;
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .customer-rating-item
    .progress {
    border-radius: 6px;
    background: rgba(250, 103, 65, 0.5);
    height: 8px;
    width: 300px;
    overflow: hidden;
    position: relative;
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .progress-bar {
    height: 100%;
    background-color: var(--theme);
    border-radius: 5px;
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .services-bar {
    width: 90%;
    animation: load 3s normal forwards;
}
@keyframes load {
    0% {
        width: 0;
    }
    100% {
        width: 90%;
    }
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .safety-bar {
    width: 95%;
    animation: load2 3s normal forwards;
}
@keyframes load2 {
    0% {
        width: 0;
    }
    100% {
        width: 95%;
    }
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .guides-bar {
    width: 80%;
    animation: load3 3s normal forwards;
}
@keyframes load3 {
    0% {
        width: 0;
    }
    100% {
        width: 80%;
    }
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .foods-bar {
    width: 85%;
    animation: load4 3s normal forwards;
}
@keyframes load4 {
    0% {
        width: 0;
    }
    100% {
        width: 85%;
    }
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .hotels-bar {
    width: 75%;
    animation: load5 3s normal forwards;
}
@keyframes load5 {
    0% {
        width: 0;
    }
    100% {
        width: 75%;
    }
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .places-bar {
    width: 65%;
    animation: load6 3s normal forwards;
}
@keyframes load6 {
    0% {
        width: 0;
    }
    100% {
        width: 65%;
    }
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .hotels-bar {
    width: 70%;
    animation: load7 3s normal forwards;
}
@keyframes load7 {
    0% {
        width: 0;
    }
    100% {
        width: 70%;
    }
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .places-bar {
    width: 50%;
    animation: load8 3s normal forwards;
}
@keyframes load8 {
    0% {
        width: 0;
    }
    100% {
        width: 50%;
    }
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .customer-rating-item
    .stars {
    display: flex;
    align-items: center;
    gap: 5px;
}
.activities-details-content
    .activities-customer-reviews
    .customer-items
    .customer-rating-item
    .stars
    i {
    font-size: 12px;
    color: #ffb700;
}
.activities-details-content .activities-reviews-item {
    margin-top: 30px;
}
.activities-details-content .activities-reviews-item .comment-item {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 30px;
}
@media (max-width: 575px) {
    .activities-details-content .activities-reviews-item .comment-item {
        margin-bottom: 20px;
        flex-wrap: wrap;
    }
}
.activities-details-content .activities-reviews-item .comment-item .thumb img {
    border-radius: 12px;
}
.activities-details-content
    .activities-reviews-item
    .comment-item
    .content
    .head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.activities-details-content
    .activities-reviews-item
    .comment-item
    .content
    .head
    .star
    i {
    font-size: 12px;
    color: #ffb700;
}
.activities-details-content
    .activities-reviews-item
    .comment-item
    .content
    .head
    h6 {
    font-weight: 700;
    line-height: 26px;
    color: var(--theme);
}
.activities-details-content
    .activities-reviews-item
    .comment-item
    .content
    .head
    h6
    img {
    margin-right: 2px;
    margin-bottom: 3px;
}
.activities-details-content .activities-reviews-item .comment-item.style-2 {
    margin-left: 130px;
}
@media (max-width: 1199px) {
    .activities-details-content .activities-reviews-item .comment-item.style-2 {
        margin-left: 0;
    }
}
.activities-details-content .activities-form-item {
    margin-top: 30px;
    background-color: var(--bg);
    border-radius: 20px;
    padding: 50px 40px;
}
@media (max-width: 575px) {
    .activities-details-content .activities-form-item {
        padding: 50px 30px;
    }
}
.activities-details-content .activities-form-item .form-content {
    margin-top: 20px;
}
.activities-details-content .activities-form-item .form-content .star-item {
    margin-bottom: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.activities-details-content
    .activities-form-item
    .form-content
    .star-item
    .star-rating
    i {
    color: lightgray;
    cursor: pointer;
    transition: color 0.2s;
}
.activities-details-content
    .activities-form-item
    .form-content
    .star-item
    .star-rating
    i.selected {
    color: #ffb700;
}
.activities-details-content
    .activities-form-item
    .form-content
    .star-item
    .star-rating
    i.hovered {
    color: #ffb700;
}
.activities-details-content .activities-form-item .form-content .form-clt input,
.activities-details-content
    .activities-form-item
    .form-content
    .form-clt
    textarea {
    width: 100%;
    outline: none;
    border: none;
    background-color: var(--white);
    padding: 16px 20px;
    font-weight: 500;
    border-radius: 8px;
    color: var(--text);
}
.activities-details-content
    .activities-form-item
    .form-content
    .form-clt
    input::placeholder,
.activities-details-content
    .activities-form-item
    .form-content
    .form-clt
    textarea::placeholder {
    color: var(--text);
}
.activities-details-content
    .activities-form-item
    .form-content
    .form-clt
    textarea {
    padding-bottom: 100px;
    resize: none;
}
.activities-details-content .activities-content-items .thumb {
    position: relative;
}
.activities-details-content .activities-content-items .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    aspect-ratio: 3/2;
    object-fit: cover;
}
.active>.page-link, .page-link.active{
    background-color: var(--theme) !important;
    border: 1px solid var(--theme) !important;
    color: white !important;
}
.page-link{
    color: var(--theme) !important;
}
.activities-details-content .activities-content-items .thumb .bottom {
    position: absolute;
    left: 20px;
    bottom: 20px;
    display: flex;
    gap: 14px;
}
/* .activities-details-content .activities-content-items .content {
  margin-top: -60px;
}
@media (max-width: 575px) {
  .activities-details-content .activities-content-items .content {
    margin-top: -20px;
  }
} */
.imgSlider .swiper-slide-thumb-active img {
    border: 4px solid var(--theme);
    border-radius: inherit;
    transition: border 0.3s ease-in;
}

.activities-details-content .activities-content-items .content h6 i {
    color: var(--theme);
}
.activities-details-content .activities-content-items .content h2 {
    margin-bottom: 15px;
}
@media (max-width: 575px) {
    .activities-details-content .activities-content-items .content h2 {
        font-size: 27px;
    }
}

.activities-thumb-section .thumb-slider-item {
    overflow: hidden;
}
.activities-thumb-section .thumb-slider-item img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
    overflow: hidden;
}

.footer-top {
    padding: 30px;
    border-radius: 16px;
    border: 1.2px dashed rgba(118, 118, 118, 0.48);
    display: flex;
    align-items: center;
    justify-content: space-between;
}
@media (max-width: 1199px) {
    .footer-top {
        flex-wrap: wrap;
        gap: 20px;
    }
}
.footer-top.style-new .contact-info .contact-items .icon {
    color: var(--theme);
    border: 1px solid var(--theme);
}
.footer-top.style-new-2 .contact-info .contact-items .icon {
    color: var(--theme-2);
    border: 1px solid var(--theme-2);
}
.footer-top .logo-items {
    border-right: 1px solid rgba(118, 118, 118, 0.48);
    padding-right: 120px;
}
@media (max-width: 1199px) {
    .footer-top .logo-items {
        margin-bottom: 20px;
        border-right: none;
        padding-right: 0;
    }
}
.footer-top .contact-info {
    display: flex;
    align-items: center;
    gap: 20px;
    /*flex-wrap: wrap;*/
}
@media screen and (min-width: 310px){
.footer-top .contact-info {
    flex-wrap: wrap;
}
    
}
.footer-top .contact-info .contact-items {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-top .contact-info .contact-items .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 20%;
    text-align: center;
    color: var(--theme);
    border: 1px solid var(--theme);
}
.footer-top .contact-info .contact-items .icon.style-3 {
    color: var(--theme-3);
    border: 1px solid var(--theme-3);
}
.footer-top .contact-info .contact-items .content h6,
.footer-top .contact-info .contact-items .content a {
    color: var(--white);
}
.footer-top .contact-info .contact-items .content h6 br,
.footer-top .contact-info .contact-items .content a br {
    display: block;
}

.footer-widget-wrapper-new {
    padding: 70px 0 50px;
    position: relative;
    z-index: 9;
}
.footer-widget-wrapper-new::before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 0px 0px 16px 16px;
    background: #242625;
    width: 32%;
    z-index: -1;
}
@media (max-width: 1199px) {
    .footer-widget-wrapper-new::before {
        display: none;
    }
}
.footer-widget-wrapper-new.style-2 {
    padding-top: 50px;
}
.footer-widget-wrapper-new.style-2::before {
    background-color: transparent;
}
.footer-widget-wrapper-new .single-widget-items {
    margin-top: 30px;
}
@media (max-width: 1199px) {
    .footer-widget-wrapper-new .single-widget-items {
        text-align: left !important;
    }
}
.footer-widget-wrapper-new .single-widget-items .widget-head {
    margin-bottom: 30px;
}
.footer-widget-wrapper-new .single-widget-items .widget-head h4 {
    color: var(--white);
    position: relative;
    padding-bottom: 20px;
}
.footer-widget-wrapper-new .single-widget-items .widget-head h4::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 55px;
    height: 2px;
    background-color: var(--theme);
}
.footer-widget-wrapper-new .single-widget-items .widget-head h4::after {
    position: absolute;
    bottom: 0;
    left: 60px;
    content: "";
    width: 15px;
    height: 2px;
    background-color: var(--theme);
}
.footer-widget-wrapper-new .single-widget-items .widget-head h4.style-2::before,
.footer-widget-wrapper-new .single-widget-items .widget-head h4.style-2::after {
    background-color: var(--theme-2);
}
.footer-widget-wrapper-new .single-widget-items .widget-head h4.style-3::before,
.footer-widget-wrapper-new .single-widget-items .widget-head h4.style-3::after {
    background-color: var(--theme-3);
}
.footer-widget-wrapper-new .single-widget-items .footer-content {
    text-align: center;
}
@media (max-width: 1199px) {
    .footer-widget-wrapper-new .single-widget-items .footer-content {
        text-align: left;
    }
}
.footer-widget-wrapper-new .single-widget-items .footer-content h3 {
    color: var(--white);
    margin-bottom: 10px;
}
.footer-widget-wrapper-new .single-widget-items .footer-content p {
    color: var(--white);
}
.footer-widget-wrapper-new .single-widget-items .footer-content.style-3 {
    text-align: start;
}
.footer-widget-wrapper-new .single-widget-items .footer-content.style-3 p {
    opacity: 0.7;
}
.footer-widget-wrapper-new .single-widget-items .footer-content .footer-input {
    position: relative;
    margin-top: 30px;
    text-align: center;
    padding: 0 45px;
}
@media (max-width: 1199px) {
    .footer-widget-wrapper-new
        .single-widget-items
        .footer-content
        .footer-input {
        text-align: left !important;
        padding: 0;
    }
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .footer-input
    input {
    background: var(--white);
    border: none;
    outline: none;
    width: 100%;
    padding: 18px 20px;
    border-radius: 100px;
    color: #727171;
    line-height: 1;
    text-transform: capitalize;
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .footer-widget-wrapper-new
        .single-widget-items
        .footer-content
        .footer-input
        input {
        padding: 15px 20px;
    }
}
@media (max-width: 767px) {
    .footer-widget-wrapper-new
        .single-widget-items
        .footer-content
        .footer-input
        input {
        padding: 17px 20px;
    }
}
@media (max-width: 575px) {
    .footer-widget-wrapper-new
        .single-widget-items
        .footer-content
        .footer-input
        input {
        padding: 14px 20px;
    }
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .footer-input
    input::placeholder {
    color: #727171;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .footer-input
    .newsletter-btn {
    width: 100%;
    color: var(--header);
    background-color: var(--theme-3);
    border: 1px solid transparent;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .footer-input
    .newsletter-btn
    i {
    margin-left: 5px;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .footer-input
    .newsletter-btn:hover {
    color: var(--header);
    border-color: var(--theme-3);
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .footer-input
    .newsletter-btn:hover::before {
    background-color: var(--white);
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .footer-input.style-3 {
    padding: 0;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .footer-input.style-3
    input {
    padding: 14px 20px;
}
.footer-widget-wrapper-new .single-widget-items .footer-content .social-icon {
    gap: 8px;
    margin-top: 30px;
}
@media (max-width: 1199px) {
    .footer-widget-wrapper-new
        .single-widget-items
        .footer-content
        .social-icon {
        justify-content: start !important;
    }
}
.footer-widget-wrapper-new .single-widget-items .footer-content .social-icon a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid var(--theme);
    border-radius: 50%;
    text-align: center;
    color: var(--white);
    background-color: transparent;
    transition: all 0.4s ease-in-out;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .social-icon
    a:hover {
    background-color: var(--theme);
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .social-icon.style-2
    a {
    border-color: var(--theme-2);
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .social-icon.style-2
    a:hover {
    background-color: var(--theme-2);
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .social-icon.style-3
    a {
    border-color: var(--theme-3);
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-content
    .social-icon.style-3
    a:hover {
    background-color: var(--theme-3);
}
.footer-widget-wrapper-new .single-widget-items .footer-content.style-2 p {
    opacity: 0.7;
}
.footer-widget-wrapper-new .single-widget-items .list-items li {
    transition: all 0.4s ease-in-out;
    font-size: 18px;
}
.footer-widget-wrapper-new .single-widget-items .list-items li i {
    margin-right: 10px;
    color: var(--white);
    transition: all 0.4s ease-in-out;
}
.footer-widget-wrapper-new .single-widget-items .list-items li a {
    color: var(--white);
}
.footer-widget-wrapper-new
    .single-widget-items
    .list-items
    li:not(:last-child) {
    margin-bottom: 18px;
}
.footer-widget-wrapper-new .single-widget-items .list-items li:hover {
    margin-left: 5px;
}
.footer-widget-wrapper-new .single-widget-items .list-items li:hover a {
    color: var(--theme);
}
.footer-widget-wrapper-new .single-widget-items .list-items li:hover i {
    color: var(--theme);
}
.footer-widget-wrapper-new .single-widget-items .list-items.style-2 li:hover a {
    color: var(--theme-2);
}
.footer-widget-wrapper-new .single-widget-items .list-items.style-3 li:hover a {
    color: var(--theme-3);
}
.footer-widget-wrapper-new .single-widget-items .contact-info .contact-items {
    display: flex;
    gap: 20px;
}
.footer-widget-wrapper-new
    .single-widget-items
    .contact-info
    .contact-items:not(:last-child) {
    margin-bottom: 30px;
}
@media (max-width: 575px) {
    .footer-widget-wrapper-new
        .single-widget-items
        .contact-info
        .contact-items {
        flex-wrap: wrap;
    }
}
.footer-widget-wrapper-new
    .single-widget-items
    .contact-info
    .contact-items
    .icon {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    text-align: center;
    color: var(--header);
    background-color: var(--theme);
}
.footer-widget-wrapper-new
    .single-widget-items
    .contact-info
    .contact-items
    .icon
    i {
    font-size: 18px;
    color: var(--white);
}
.footer-widget-wrapper-new
    .single-widget-items
    .contact-info
    .contact-items
    .icon.style-2 {
    background-color: var(--theme-2);
}
.footer-widget-wrapper-new
    .single-widget-items
    .contact-info
    .contact-items
    .content
    h6 {
    font-weight: 400;
    color: var(--white);
}
.footer-widget-wrapper-new
    .single-widget-items
    .contact-info
    .contact-items
    .content
    h6
    a {
    color: var(--white);
}
.footer-widget-wrapper-new .single-widget-items .footer-gallery {
    margin-top: 40px;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item:not(:last-child) {
    margin-bottom: 10px;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb {
    position: relative;
}
@media (max-width: 575px) {
    .footer-widget-wrapper-new
        .single-widget-items
        .footer-gallery
        .gallery-wrap
        .gallery-item
        .thumb {
        width: 100px;
    }
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    transition: 0.3s;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    .icon::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(203, 81, 28, 0.5);
    transition: 0.4s;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    .icon
    i {
    color: var(--white);
    font-size: 22px;
    z-index: 99;
    position: relative;
    margin-top: 30px;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb:hover
    .icon {
    opacity: 1;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb:hover
    .icon::after {
    opacity: 1;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb.style-3
    .icon::after {
    background-color: rgba(203, 148, 28, 0.5);
}
.footer-widget-wrapper-new .single-widget-items .footer-logo-item p {
    color: var(--white);
    margin: 20px 0;
}
.footer-widget-wrapper-new .single-widget-items .footer-logo-item .social {
    display: flex;
    align-items: center;
}
.footer-widget-wrapper-new .single-widget-items .footer-logo-item .social li {
    margin-right: 10px;
}
.footer-widget-wrapper-new .single-widget-items .footer-logo-item .social li a {
    width: 36px;
    height: 36px;
    border: 1px solid var(--theme-2);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
    color: var(--white);
    transition: all 0.4s ease-in-out;
}
.footer-widget-wrapper-new
    .single-widget-items
    .footer-logo-item
    .social
    li
    a:hover {
    background-color: var(--theme-2);
}
.footer-widget-wrapper-new.style-new-area .single-widget-items {
    margin-top: 30px;
}
@media (max-width: 1199px) {
    .footer-widget-wrapper-new.style-new-area .single-widget-items {
        text-align: left !important;
    }
}
.footer-widget-wrapper-new.style-new-area .single-widget-items .widget-head {
    margin-bottom: 30px;
}
.footer-widget-wrapper-new.style-new-area .single-widget-items .widget-head h4 {
    color: var(--white);
    position: relative;
    padding-bottom: 20px;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .widget-head
    h4::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 55px;
    height: 2px;
    background-color: var(--theme);
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .widget-head
    h4::after {
    position: absolute;
    bottom: 0;
    left: 60px;
    content: "";
    width: 15px;
    height: 2px;
    background-color: var(--theme);
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-content
    .footer-input
    .newsletter-btn {
    color: var(--white);
    background-color: var(--theme);
    border: 1px solid transparent;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-content
    .footer-input
    .newsletter-btn
    i {
    margin-left: 5px;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-content
    .footer-input
    .newsletter-btn:hover {
    color: var(--header);
    border-color: var(--theme);
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-content
    .footer-input
    .newsletter-btn:hover::before {
    background-color: var(--white);
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-content
    .social-icon {
    gap: 8px;
    margin-top: 30px;
}
@media (max-width: 1199px) {
    .footer-widget-wrapper-new.style-new-area
        .single-widget-items
        .footer-content
        .social-icon {
        justify-content: start !important;
    }
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-content
    .social-icon
    a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid var(--theme);
    border-radius: 50%;
    text-align: center;
    color: var(--white);
    background-color: transparent;
    transition: all 0.4s ease-in-out;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-content
    .social-icon
    a:hover {
    background-color: var(--theme);
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-content.style-2
    p {
    opacity: 0.7;
}
.footer-widget-wrapper-new.style-new-area .single-widget-items .list-items li {
    transition: all 0.4s ease-in-out;
    font-size: 18px;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .list-items
    li
    i {
    margin-right: 10px;
    color: var(--white);
    transition: all 0.4s ease-in-out;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .list-items
    li
    a {
    color: var(--white);
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .list-items
    li:not(:last-child) {
    margin-bottom: 18px;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .list-items
    li:hover {
    margin-left: 5px;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .list-items
    li:hover
    a {
    color: var(--theme);
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .list-items
    li:hover
    i {
    color: var(--theme);
}
.footer-widget-wrapper-new.style-new-area .single-widget-items .footer-gallery {
    margin-top: 40px;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item:not(:last-child) {
    margin-bottom: 10px;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb {
    position: relative;
}
@media (max-width: 575px) {
    .footer-widget-wrapper-new.style-new-area
        .single-widget-items
        .footer-gallery
        .gallery-wrap
        .gallery-item
        .thumb {
        width: 100px;
    }
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    transition: 0.3s;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    .icon::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(203, 81, 28, 0.5);
    transition: 0.4s;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    .icon
    i {
    color: var(--white);
    font-size: 22px;
    z-index: 99;
    position: relative;
    margin-top: 25px;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb:hover
    .icon {
    opacity: 1;
}
.footer-widget-wrapper-new.style-new-area
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb:hover
    .icon::after {
    opacity: 1;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .widget-head
    h4 {
    color: var(--white);
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .widget-head
    h4::before {
    background-color: var(--theme-2);
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .widget-head
    h4::after {
    background-color: var(--theme-2);
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-content
    .footer-input
    .newsletter-btn {
    color: var(--white);
    background-color: var(--theme-2);
    border: 1px solid transparent;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-content
    .footer-input
    .newsletter-btn
    i {
    margin-left: 5px;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-content
    .footer-input
    .newsletter-btn:hover {
    color: var(--header);
    border-color: var(--theme-2);
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-content
    .footer-input
    .newsletter-btn:hover::before {
    background-color: var(--white);
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-content
    .social-icon {
    gap: 8px;
    margin-top: 30px;
}
@media (max-width: 1199px) {
    .footer-widget-wrapper-new.style-new-area-2
        .single-widget-items
        .footer-content
        .social-icon {
        justify-content: start !important;
    }
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-content
    .social-icon
    a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: 1px solid var(--theme-2);
    border-radius: 50%;
    text-align: center;
    color: var(--white);
    background-color: transparent;
    transition: all 0.4s ease-in-out;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-content
    .social-icon
    a:hover {
    background-color: var(--theme-2);
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-content.style-2
    p {
    opacity: 0.7;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .list-items
    li {
    transition: all 0.4s ease-in-out;
    font-size: 18px;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .list-items
    li
    i {
    margin-right: 10px;
    color: var(--white);
    transition: all 0.4s ease-in-out;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .list-items
    li
    a {
    color: var(--white);
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .list-items
    li:not(:last-child) {
    margin-bottom: 18px;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .list-items
    li:hover {
    margin-left: 5px;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .list-items
    li:hover
    a {
    color: var(--theme-2);
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .list-items
    li:hover
    i {
    color: var(--theme-2);
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-gallery {
    margin-top: 40px;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item {
    display: flex;
    align-items: center;
    gap: 10px;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item:not(:last-child) {
    margin-bottom: 10px;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb {
    position: relative;
}
@media (max-width: 575px) {
    .footer-widget-wrapper-new.style-new-area-2
        .single-widget-items
        .footer-gallery
        .gallery-wrap
        .gallery-item
        .thumb {
        width: 100px;
    }
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    img {
    width: 100%;
    height: 100%;
    border-radius: 5px;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    .icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    text-align: center;
    transition: 0.3s;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    .icon::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(77, 166, 40, 0.5);
    transition: 0.4s;
    opacity: 0;
    width: 100%;
    height: 100%;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb
    .icon
    i {
    color: var(--white);
    font-size: 22px;
    z-index: 99;
    position: relative;
    margin-top: 25px;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb:hover
    .icon {
    opacity: 1;
}
.footer-widget-wrapper-new.style-new-area-2
    .single-widget-items
    .footer-gallery
    .gallery-wrap
    .gallery-item
    .thumb:hover
    .icon::after {
    opacity: 1;
}

.footer-bottom {
    padding: 40px 0;
    position: relative;
    border-top: 1px dashed #767676;
}
.footer-bottom .footer-wrapper {
    display: flex;
    align-items: center;
    /*justify-content: space-between;*/
    justify-content: center;
}
@media (max-width: 1199px) {
    .footer-bottom .footer-wrapper {
        flex-wrap: wrap;
        gap: 10px;
        justify-content: center;
    }
}
.footer-bottom .footer-wrapper p {
    color: var(--white);
    font-size: 16px;
}
.footer-bottom .footer-wrapper p span {
    color: var(--theme);
}
.footer-bottom .footer-wrapper p span.style-2 {
    color: var(--theme-2);
}
.footer-bottom .footer-wrapper p span.style-3 {
    color: var(--theme-3);
}
.footer-bottom .footer-wrapper .bottom-list {
    display: flex;
    align-items: center;
    gap: 24px;
}
.footer-bottom .footer-wrapper .bottom-list li {
    font-size: 16px;
    font-weight: 400;
    color: var(--white);
}
.footer-bottom.style-2 .footer-wrapper p {
    color: var(--white);
    font-size: 16px;
}
.footer-bottom.style-2 .footer-wrapper p span {
    color: var(--theme);
}
.footer-bottom.style-3 .footer-wrapper p {
    color: var(--white);
    font-size: 16px;
}
.footer-bottom.style-3 .footer-wrapper p span {
    color: var(--theme-2);
}

.footer-middle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap: wrap;
}
.footer-middle h3,
.footer-middle h4 {
    color: var(--white);
}
.footer-middle .sub-wrapper {
    display: flex;
    align-items: center;
    flex-basis: 50%;
    gap: 20px;
    margin: 10px 0;
}
@media (max-width: 1199px) {
    .footer-middle .sub-wrapper {
        flex-wrap: wrap;
        flex-basis: 100%;
    }
}
.footer-middle .sub-wrapper input {
    border: none;
    outline: none;
    width: 100%;
    padding: 16px 20px;
    border-radius: 100px;
    color: var(--header);
    line-height: 1;
}
.footer-middle .sub-wrapper button {
    width: 40%;
    border-radius: 100px;
    padding: 20px;
    transition: all 0.4s ease-in-out;
}
.footer-middle .sub-wrapper button:hover::before {
    background-color: var(--theme);
}
@media (max-width: 575px) {
    .footer-middle .sub-wrapper button {
        width: 60%;
    }
}
@media (max-width: 1199px) {
    .footer-middle .sub-wrapper button {
        width: 100%;
    }
}

.footer-3 {
    background-color: #191b1a;
}

.header-top-section {
    position: relative;
    position: relative;
    border-top: 5px solid #004AAD;
}
@media (max-width: 1199px) {
    .header-top-section {
        display: none;
    }
}
.header-top-section .container-fluid {
    padding: 0 60px;
}
@media (max-width: 1600px) {
    .header-top-section .container-fluid {
        padding: 0 50px;
    }
}
@media (max-width: 1399px) {
    .header-top-section .container-fluid {
        padding: 0 40px;
    }
}
@media (max-width: 1199px) {
    .header-top-section .container-fluid {
        padding: 0 30px;
    }
}
.header-top-section.style-2 {
    border-top: 5px solid var(--theme-3);
}
.header-top-section.style-2 .top-left li {
    color: var(--header);
    font-weight: 500;
}
.header-top-section.style-2 .top-left li a {
    color: var(--header);
}
.header-top-section.style-2 .top-left li i {
    margin-right: 5px;
}
.header-top-section.style-2 .top-right li {
    font-size: 14px;
    font-weight: 400;
    color: var(--header);
}
.header-top-section.style-2 .top-right li a {
    color: var(--header);
}

.header-3 .header-main .header-right .theme-btn {
    background-color: var(--theme-3) !important;
}
.header-3 .header-main .header-right .theme-btn::before {
    background-color: var(--header) !important;
}
.header-3 .header-main .header-right .theme-btn img {
    filter: invert(0) !important;
}
.header-3 .header-main .header-right .theme-btn:hover {
    color: var(--white);
}
.header-3 .header-main .header-right .theme-btn:hover img {
    filter: invert(1) !important;
}

.header-top-wrapper {
    position: relative;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 60px;
}
.header-top-wrapper .top-left {
    display: flex;
    align-items: center;
    gap: 30px;
}
.header-top-wrapper .top-left li {
    font-size: 14px;
    font-weight: 400;
    color: var(--white);
}
.header-top-wrapper .top-left li a {
    color: var(--white);
}
.header-top-wrapper .top-left li i {
    margin-right: 5px;
}
.header-top-wrapper .top-right {
    display: flex;
    align-items: center;
    gap: 15px;
}
.header-top-wrapper .top-right li {
    font-size: 14px;
    font-weight: 400;
    color: var(--white);
}
.header-top-wrapper .top-right li a {
    color: var(--white);
}
.header-top-wrapper .top-right li i {
    margin-right: 5px;
}
.header-top-wrapper .top-right li .social-icon {
    gap: 10px;
}

.search-icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid var(--border);
    display: inline-block;
}

.header-top-section-new {
    background-color: #004AAD;
    color:#fff;
}
.header-top-section-new .container-fluid {
    padding: 0 150px;
}
@media (max-width: 1600px) {
    .header-top-section-new .container-fluid {
        padding: 0 50px;
    }
}
@media (max-width: 1399px) {
    .header-top-section-new .container-fluid {
        padding: 0 40px;
    }
}
@media (max-width: 1199px) {
    .header-top-section-new .container-fluid {
        padding: 0 30px;
    }
}
.header-top-section-new.style-3 {
    background-color: transparent;
}

.header-top-section-new-2 {
    background-color: var(--bg-2);
    padding: 12px 0;
}
.header-top-section-new-2 .header-top-wrapper-new-2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-top-section-new-2 .social-icon {
    display: flex;
    align-items: center;
    gap: 5px;
}
.header-top-section-new-2 .social-icon span {
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
}
.header-top-section-new-2 .social-icon a {
    width: 40px;
    height: 40px;
    font-size: 14px;
    color: var(--header);
    border-radius: 100px;
    border: 1px solid rgba(118, 118, 118, 0.4);
    box-shadow: 0px 12.576px 25.152px 0px rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}
.header-top-section-new-2 .social-icon a:hover {
    color: var(--header);
    background-color: var(--theme-3);
}
.header-top-section-new-2 .top-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.header-top-section-new-2 .top-right li {
    color: var(--header);
    font-size: 16px;
    font-weight: 500;
}
.header-top-section-new-2 .top-right li i {
    margin-right: 10px;
    color: var(--header);
}
.header-top-section-new-2 .top-right li a {
    color: var(--header);
}

.header-section-10 {
    position: relative;
}
.header-section-10::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 24%;
    height: 100%;
    content: "";
    background-color: var(--theme-2);
    clip-path: polygon(0 0, 100% 0%, 85% 100%, 0 100%);
}
@media (max-width: 1899px) {
    .header-section-10::before {
        display: none;
    }
}
.header-section-10.style-3::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 24%;
    height: 100%;
    content: "";
    background-color: var(--theme-2);
    z-index: -1;
    clip-path: polygon(0 0, 100% 0%, 85% 100%, 0 100%);
}
@media (max-width: 1899px) {
    .header-section-10.style-3::before {
        display: none;
    }
}
.header-section-10 .header-logo {
    position: absolute;
    top: 42px;
    left: 150px;
}
@media (max-width: 1899px) {
    .header-section-10 .header-logo {
        display: none;
    }
}

.header-top-section-new {
    padding-left: 400px;
}
@media (max-width: 1899px) {
    .header-top-section-new {
        padding-left: 0;
    }
}
@media (max-width: 1199px) {
    .header-top-section-new {
        display: none;
    }
}
.header-top-section-new.style-3 {
    padding-left: 0;
}

.header-top-wrapper-new {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 0;
}
.header-top-wrapper-new.style-3 {
    justify-content: center;
}
.header-top-wrapper-new .social-icon {
    display: flex;
    align-items: center;
    gap: 5px;
}
.header-top-wrapper-new .social-icon span {
    font-size: 16px;
    font-weight: 600;
    color: var(--header2);
}
.header-top-wrapper-new .social-icon a {
    width: 30px;
    height: 30px;
    font-size: 14px;
    color: var(--header2);
    border-radius: 100px;
    border: 1px solid rgba(118, 118, 118, 0.4);
    box-shadow: 0px 12.576px 25.152px 0px rgba(0, 0, 0, 0.04);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s ease-in-out;
}
.header-top-wrapper-new .social-icon a:hover {
    color: var(--white);
    background-color: var(--theme-2);
}
.header-top-wrapper-new .top-right {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
}
.header-top-wrapper-new .top-right li {
    color: var(--header2);
    font-size: 15px;
    font-weight: 400;
}
.header-top-wrapper-new .top-right li i {
    margin-right: 10px;
    color: #fff;
}
.header-top-wrapper-new .top-right li a {
    color: var(--header2);
}
.header-top-wrapper-new .top-center {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 10px;
}
.header-top-wrapper-new .top-center li {
    color: var(--header);
    font-size: 14px;
    font-weight: 400;
}
.header-top-wrapper-new
    .top-center
    li:not(.header-top-wrapper-new .top-center li:last-child) {
    border-right: 1px solid var(--border);
    padding-left: 20px;
    padding-right: 20px;
}
.header-top-wrapper-new .top-center li i {
    color: var(--text);
}
.header-top-wrapper-new .top-center li a {
    color: var(--header);
}

/* ===== Glass header + pemisah ===== */
        #header-sticky{
          position: sticky; top: 0; z-index: 999;
          background: rgba(255,255,255,.82); /* semi-transparan */
          -webkit-backdrop-filter: saturate(160%) blur(10px);
          backdrop-filter: saturate(160%) blur(10px);
          border-bottom: 1px solid rgba(10,61,145,.10);
          box-shadow: 0 4px 16px rgba(0,0,0,.05);
          transition: background .2s ease, padding .2s ease, box-shadow .2s ease;
        }
        
        /* container biar tidak terlalu melebar */
        .header-11 .container-fluid{ max-width: 1350px; margin: 0 auto; padding-inline: 24px; }
        
        /* tinggi header nyaman + menyusut saat scroll */
        .header-11 .header-main{ padding-block: 14px; }
        #header-sticky.is-sticky .header-main{ padding-block: 8px; }
        
        /* logo konsisten */
        .header-11 .logo img{ height: 54px; width: auto; }
        
        /* ===== Menu spacing & underline animasi ===== */
        .header-11 #mobile-menu > ul{ display:flex; align-items:center; margin:0; }
        .header-11 #mobile-menu > ul > li > a{
          display:inline-block; padding: 10px 0;
          color:#0B0F2D; font-weight:600; text-decoration:none;
        }
        .header-11 #mobile-menu > ul > li > a::after{
          content:""; display:block; height:2px; width:0;
          background:#0A3D91; margin-top:6px; transition: width .18s ease;
        }
        .header-11 #mobile-menu > ul > li:hover > a::after,
        .header-11 #mobile-menu > ul > li.current > a::after{ width:100%; }
        
        /* dorong tombol login ke kanan */
        .header-11 #mobile-menu > ul > li.menu-auth{ margin-left:auto; }
        
        /* tombol login lebih “pill” + bayangan halus */
        /* Center perfect untuk tombol Login di navbar */
        .header-11 #mobile-menu > ul > li.menu-auth .theme-btn{
          display: inline-flex;              /* bikin konten bisa di-center vertikal */
          align-items: center;               /* vertikal tengah */
          justify-content: center;           /* horizontal tengah */
          height: 44px;                      /* tinggi pil */
          padding: 0 22px;                   /* kiri-kanan saja */
          line-height: 1;                    /* cegah dorongan dari line-height */
          border-radius: 999px;
          background: #0A3D91;
          color: #fff;
          box-shadow: 0 8px 22px rgba(10,61,145,.18);
        }
        
        /* rapikan icon supaya sejajar teks */
        .header-11 #mobile-menu > ul > li.menu-auth .theme-btn i{
          margin-left: 8px;
          transform: translateY(1px);        /* kecilkan offset optik; boleh dihapus jika sudah pas */
        }
        
        
        /* Hover: teks & ikon tetap putih */
        .header-11 #mobile-menu > ul > li.menu-auth .theme-btn:hover,
        .header-11 #mobile-menu > ul > li.menu-auth .theme-btn:focus,
        .header-11 #mobile-menu > ul > li.menu-auth .theme-btn:active{
          color:#fff !important;
        }
        
        .header-11 #mobile-menu > ul > li.menu-auth .theme-btn:hover i,
        .header-11 #mobile-menu > ul > li.menu-auth .theme-btn:focus i,
        .header-11 #mobile-menu > ul > li.menu-auth .theme-btn:active i{
          color:#fff !important;
        }

        
        /* mobile: biar MeanMenu/offcanvas yang handle, jangan dobel */
        @media (max-width:1199.98px){
          .header-11 #mobile-menu > ul{ display:block; gap:0; }
          .header-11 #mobile-menu > ul > li.menu-auth{ display:none; }
        }
        
        /* ===== Theme tokens ===== */
        :root{
          --ocean-1:#0A3D91;
          --ocean-2:#00316D;
          --teal:#36D1DC;
          --white:#fff;
          --text-hi:#EAF2FF;
          --text-lo:#BFD3FF;
          --glass:rgba(255,255,255,.06);
          --glass-brd:rgba(255,255,255,.18);
        }
        /* ===== Layout base ===== */
        /* === BASE FOOTER (yang hilang) === */
        #site-footer.ocean{
          position: relative;
          color: var(--text-hi);
          background:
            radial-gradient(1200px 600px at 70% -20%, rgba(54,209,220,.12), transparent 60%),
            linear-gradient(160deg, var(--ocean-1), var(--ocean-2));
          overflow: hidden;
        }
        
        /* Biar link default-nya kebaca di background gelap */
        #site-footer a{ color: var(--text-hi); text-decoration: none; }
        #site-footer a:hover{ color: var(--teal); }
        
        /* === WAVE COLOR (biar nggak hitam) === */
        #site-footer .footer-wave svg{
          display:block; width:100%; height:80px;
          color: rgba(255,255,255,.08);
        }
        #site-footer .footer-wave path{ fill: currentColor; }
        
        /* container konsisten */
        #site-footer .ft-container{ width:min(1200px,92vw); margin-inline:auto; }
        
        /* ========== CTA STRIP ========== */
        #site-footer .footer-cta{ border-block:1px solid var(--glass-brd); background:rgba(255,255,255,.03); }
        #site-footer .footer-cta .ft-container{
          display:flex; align-items:center; justify-content:space-between; gap:16px; padding:18px 0; flex-wrap:wrap;
        }
        #site-footer .cta-text{ display:flex; align-items:center; gap:10px; font-size:clamp(15px,1.6vw,18px); }
        #site-footer .cta-text .dot{ width:10px; height:10px; border-radius:50%; background:#FFE877; box-shadow:0 0 0 6px rgba(255,232,119,.15); }
        #site-footer .cta-btn{
          display:inline-flex; align-items:center; gap:10px; padding:11px 18px; border-radius:999px;
          color:#062B4F; background:linear-gradient(135deg,#79F1A4,#0ECDC1); text-decoration:none; font-weight:600;
          box-shadow:0 10px 24px rgba(14,205,193,.25), inset 0 0 0 1px rgba(255,255,255,.35);
        }
        #site-footer .cta-btn:hover{ filter:brightness(1.05); transform:translateY(-1px); transition:.2s; }
        
        /* ========== GRID MAIN ========== */
        #site-footer .footer-main{ padding:36px 0 18px; }
        #site-footer .footer-grid{
          display:grid; gap:28px 32px;
          /* fleksibel: auto-fit biar rapi di tablet/mobile */
          grid-template-columns:repeat(auto-fit, minmax(220px, 1fr));
          align-items:flex-start;
        }
        
        /* besar: bikin brand kolom lebih lebar */
        @media (min-width:1200px){
          #site-footer .footer-grid{ grid-template-columns:1.3fr 0.90fr 1.55fr 1fr; }
          #site-footer .footer-col.brand{ padding-right:20px; }
        }
        
        /* ========== BRAND ========== */
        #site-footer .brand .brand-logo{ width:160px; max-width:100%; height:auto; filter:drop-shadow(0 6px 18px rgba(0,0,0,.25)); }
        #site-footer .brand .tagline{ margin:12px 0 14px; color:var(--text-lo); font-size:clamp(14px,1.5vw,16px); }
        #site-footer .socials{ display:flex; gap:12px; margin-top:10px; }
        #site-footer .socials a{
          width:40px; height:40px; display:grid; place-items:center; border-radius:12px;
          color:var(--white); text-decoration:none; background:rgba(255,255,255,.08); border:1px solid var(--glass-brd);
        }
        #site-footer .socials a:hover{ background:linear-gradient(135deg, rgba(54,209,220,.35), rgba(14,90,167,.35)); }
        
        /* ========== KOLOM LINK ========== */
        #site-footer .ft-title{ color:var(--white); font-weight:700; letter-spacing:.2px; margin-bottom:10px;
          font-size:clamp(15px,1.6vw,18px);
        }
        #site-footer .ft-links{ list-style:none; padding:0; margin:0; }
        #site-footer .ft-links li{ margin:0; }
        #site-footer .ft-links a{
          display:flex; align-items:flex-start; gap:10px; /* icon + teks rapi, terutama alamat multi-baris */
          padding:7px 0; line-height:1.5;
          color:var(--text-hi); opacity:.92; text-decoration:none; border-radius:8px;
          word-break:break-word; /* alamat panjang aman */
        }
        #site-footer .ft-links a i{ width:18px; text-align:center; font-size:1rem; margin-top:2px; opacity:.95; }
        #site-footer .ft-links a:hover{ color:var(--teal); transform:translateX(2px); transition:.15s ease; }
        
        /* ========== BOTTOM ========== */
        #site-footer .footer-bottom{ border-top:1px solid var(--glass-brd); padding:14px 0 24px; color:var(--text-lo); }
        #site-footer .bottom-wrap{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; }
        #site-footer .bottom-wrap p{ margin:0; }
        #site-footer .bottom-wrap p span{ color:var(--white); }
        #site-footer .bottom-links{ display:flex; gap:16px; list-style:none; padding:0; margin:0; }
        #site-footer .bottom-links a{ color:var(--text-lo); text-decoration:none; }
        #site-footer .bottom-links a:hover{ color:var(--teal); }
        
        /* Center isi bottom bar */
        #site-footer .bottom-wrap{
          display: flex;                 /* tetap fleksibel kalau nanti nambah item */
          align-items: center;
          justify-content: center;       /* ini yang bikin ke tengah */
          text-align: center;            /* jaga-jaga kalau isinya lebih dari satu baris */
        }
        
        #site-footer .bottom-wrap p{
          margin: 0;                     /* biar benar-benar center tanpa offset */
        }
        
        /* ========== RESPONSIVE TWEAKS ========== */
        @media (max-width:768px){
          #site-footer .footer-main{ padding:26px 0 10px; }
          #site-footer .footer-grid{ gap:18px 20px; }
          #site-footer .cta-btn{ width:100%; justify-content:center; }
          #site-footer .socials a{ width:38px; height:38px; border-radius:10px; }
        }

/*.header-11 .container-fluid {*/
/*    padding: 0 150px;*/
/*}*/
/*@media (max-width: 1600px) {*/
/*    .header-11 .container-fluid {*/
/*        padding: 0 50px;*/
/*    }*/
/*}*/
/*@media (max-width: 1399px) {*/
/*    .header-11 .container-fluid {*/
/*        padding: 0 40px;*/
/*    }*/
/*}*/
/*@media (max-width: 1199px) {*/
/*    .header-11 .container-fluid {*/
/*        padding: 0px 9px;*/
/*    }*/
/*}*/
.header-11 .logo-2 {
    display: none;
}
@media (max-width: 1899px) {
    .header-11 .logo-2 {
        display: block;
    }
}
@media (max-width: 1399px) {
    .header-11 .theme-btn {
        display: none;
    }
}

@media (max-width: 1199px) {
    .menu-thumb {
        display: none !important;
    }
}

.mean__menu-wrapper.style-3 {
    margin-left: 14%;
}

.header-main {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 0;
}
.header-main .main-menu ul {
    margin-bottom: 0;
}
.header-main .main-menu ul li {
    position: relative;
    list-style: none;
    display: inline-block;
    margin-inline-end: 40px;
}
.header-main .main-menu ul li:last-child {
    margin-inline-end: 0;
}
.header-main .main-menu ul li a {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
    padding: 20px 0;
    text-align: left;
    position: relative;
    text-transform: capitalize;
    transition: all 0.4s ease-in-out;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-main .main-menu ul li a i {
    margin-left: 4px;
    font-size: 14px;
}
.header-main .main-menu ul li a:hover {
    color: var(--theme) !important;
}
.header-main .main-menu ul li .submenu {
    position: absolute;
    top: 115%;
    inset-inline-start: 0;
    min-width: 240px;
    background: var(--white);
    padding: 30px 30px;
    z-index: 99999;
    visibility: hidden;
    opacity: 0;
    transform-origin: top center;
    color: var(--header);
    transform: translateY(-10px);
    transition: all 0.4s ease-in-out;
    border-top: 6px solid var(--theme);
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.header-main .main-menu ul li .submenu li {
    display: block;
    width: 100%;
    margin: 0;
}
.header-main .main-menu ul li .submenu li a {
    position: relative;
    z-index: 11;
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
    line-height: 38px;
    padding: 0px 0px 0px 0;
    width: 100%;
}
.header-main .main-menu ul li .submenu li a::before {
    content: "";
    position: absolute;
    width: 0px;
    height: 2px;
    background: var(--theme);
    left: -14px;
    bottom: 18px;
    transition: all 0.4s ease-in-out;
}
.header-main .main-menu ul li .submenu li a:hover {
    color: var(--theme) !important;
}
.header-main .main-menu ul li .submenu li:last-child a {
    border: none;
}
.header-main .main-menu ul li .submenu li .submenu {
    inset-inline-start: 116%;
    top: 0;
    visibility: hidden;
    opacity: 0;
}
.header-main .main-menu ul li .submenu li:hover > a {
    color: var(--theme) !important;
    margin-left: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::before {
    width: 10px;
}
.header-main .main-menu ul li .submenu li:hover > a::after {
    color: var(--theme);
}
.header-main .main-menu ul li .submenu li:hover > .submenu {
    -webkit-transform: translateY(1);
    -moz-transform: translateY(1);
    -ms-transform: translateY(1);
    -o-transform: translateY(1);
    transform: translateY(1);
    visibility: visible;
    opacity: 1;
}
.header-main .main-menu ul li .submenu li.has-dropdown > a::after {
    position: absolute;
    top: 50%;
    inset-inline-end: 25px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: var(--theme);
}
.header-main .main-menu ul li .has-homemenu {
    width: 800px;
    padding: 30px 30px 10px 30px;
    opacity: 0;
    left: -250px;
    visibility: hidden;
    padding: 30px 30px 10px 30px;
}
.header-main .main-menu ul li .has-homemenu .homemenu-items {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
}
@media (max-width: 991px) {
    .header-main .main-menu ul li .has-homemenu .homemenu-items {
        flex-wrap: wrap;
    }
}
.header-main .main-menu ul li .has-homemenu .homemenu-items .homemenu {
    position: relative;
}
.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb {
    position: relative;
}
.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb
    .demo-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 70%;
    gap: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    margin-top: 20px;
}
.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb
    .demo-button
    .theme-btn {
    padding: 14px 20px;
    color: var(--white) !important;
    width: initial;
    font-size: 16px;
    text-align: center;
    border-radius: 0px !important;
    background-color: var(--theme);
    line-height: initial;
    justify-content: center;
}
.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb
    .demo-button
    .theme-btn:hover {
    background-color: var(--header);
}
.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb::before {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(20, 19, 19, 0)),
        to(#5e5ef6)
    );
    background: linear-gradient(
        to bottom,
        rgba(99, 92, 92, 0) 0%,
        #252527 100%
    );
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
}
.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb:hover::before {
    visibility: visible;
    opacity: 1;
}
.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb:hover
    .demo-button {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb:hover
    .homemenu-btn {
    opacity: 1;
    visibility: visible;
    bottom: 50%;
    transform: translateY(50%);
}
.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb
    img {
    width: 100%;
}
.header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-title {
    text-align: center;
    margin: 15px auto;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    font-family: "Manrope", sans-serif;
}
.header-main .main-menu ul li:hover > a {
    color: var(--theme);
}
.header-main .main-menu ul li:hover > a::after {
    color: var(--theme);
}
.header-main .main-menu ul li:hover > .submenu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}
.header-main .header-right {
    gap: 30px;
}
@media (max-width: 1399px) {
    .header-main .header-right {
        gap: 20px;
    }
}
@media (max-width: 1399px) {
    .header-main .header-right .theme-btn {
        display: none;
    }
}
.header-main .header-right .theme-btn.style-2 {
    color: var(--theme-2);
    background-color: transparent;
    border: 1px solid var(--theme-2);
}
.header-main .header-right .theme-btn.style-2 img {
    filter: invert(1);
}
.header-main .header-right .theme-btn.style-2:hover {
    color: var(--white);
    border-color: transparent;
}
.header-main .header-right .theme-btn.style-2:hover img {
    filter: invert(0);
}
.header-main .header-right .theme-btn.style-3 {
    background-color: var(--white);
}
.header-main .header-right .theme-btn.style-3 img {
    filter: invert(1);
}
.header-main .header-right .theme-btn.style-3:hover img {
    filter: invert(0);
}
@media (max-width: 1399px) {
    .header-main .header-right .theme-btn.style-3 {
        display: none;
    }
}
.header-main .sidebar__toggle {
    cursor: pointer;
    width: 50px;
    height: 50px;
    border: 1px solid var(--border);
    border-radius: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-4 .header-main .header-right {
    gap: 15px;
}

.header-3 .header-main .main-menu ul li a:hover {
    color: var(--theme-3) !important;
}
.header-3 .header-main .main-menu ul li .submenu li a::before {
    background: var(--theme-3);
}
.header-3 .header-main .main-menu ul li .submenu li a:hover {
    color: var(--theme-3) !important;
}
.header-3 .header-main .main-menu ul li .submenu li:hover > a {
    color: var(--theme-3) !important;
}
.header-3 .header-main .main-menu ul li .submenu li:hover > a::after {
    color: var(--theme-3);
}
.header-3
    .header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb
    .demo-button
    .theme-btn {
    background-color: var(--theme-3) !important;
    color: var(--header) !important;
}
.header-3
    .header-main
    .main-menu
    ul
    li
    .has-homemenu
    .homemenu-items
    .homemenu
    .homemenu-thumb
    .demo-button
    .theme-btn:hover {
    background-color: var(--header) !important;
    color: var(--white) !important;
}
.header-3 .header-main .main-menu ul li:hover > a {
    color: var(--theme-3);
}
.header-3 .header-main .main-menu ul li:hover > a::after {
    color: var(--theme-3);
}
.header-3 .header-right .theme-btn::before {
    background-color: var(--theme-3) !important;
}
.header-3 .header-right .theme-btn:hover img {
    filter: brightness(0) contrast(100%);
}

.sticky {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    width: 100%;
    z-index: 100;
    transition: all 0.9s;
    background-color: var(--white);
    -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}
.sticky.header-11 .header-logo {
    display: none;
}
.sticky.header-11 .logo-2 {
    display: block;
}
.sticky.header-3 .header-logo-2 {
    display: none;
}
.sticky.header-3 .header-logo {
    display: block;
}
.sticky.header-3 .header-main .main-menu ul li a {
    color: var(--header);
}
.sticky.header-3 .header-main .main-menu ul li a:hover {
    color: var(--theme) !important;
}
.sticky.header-3 .header-main .main-menu ul li .submenu {
    color: var(--header);
}
.sticky.header-3 .header-main .main-menu ul li .submenu li a {
    color: var(--header);
}
.sticky.header-3 .header-main .sidebar__toggle {
    color: var(--header);
}
.sticky.header-3 .search-icon {
    color: var(--header);
    border: 1px solid var(--border);
}
.sticky.header-3 .theme-btn {
    background-color: var(--theme);
}
.sticky.header-3 .theme-btn.style-3 {
    border: 1px solid var(--theme-3);
}
@media (max-width: 1199px) {
    .sticky.header-3 .theme-btn {
        display: none;
    }
}
.sticky .theme-btn {
    background-color: var(--theme);
}
.sticky .theme-btn.style-3 {
    border: 1px solid var(--theme-3);
}
.sticky .theme-btn.style-3:hover {
    border-color: var(--black);
}
@media (max-width: 1199px) {
    .sticky .theme-btn {
        display: none;
    }
}
.sticky .mean__menu-wrapper.style-3 {
    margin-left: 0;
}

.offcanvas__info {
    background: var(--white) none repeat scroll 0 0;
    border-left: 2px solid var(--theme);
    position: fixed;
    right: 0;
    top: 0;
    width: 400px;
    height: 100%;
    -webkit-transform: translateX(calc(100% + 80px));
    -moz-transform: translateX(calc(100% + 80px));
    -ms-transform: translateX(calc(100% + 80px));
    -o-transform: translateX(calc(100% + 80px));
    transform: translateX(calc(100% + 80px));
    -webkit-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
    -moz-transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
    transition: transform 0.45s ease-in-out, opacity 0.45s ease-in-out;
    z-index: 99999;
    overflow-y: scroll;
    overscroll-behavior-y: contain;
    scrollbar-width: none;
}
.offcanvas__info::-webkit-scrollbar {
    display: none;
}

.offcanvas__info.info-open {
    opacity: 1;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.offcanvas__wrapper {
    position: relative;
    height: 100%;
    padding: 30px 30px;
}
.offcanvas__wrapper .offcanvas__content .text {
    color: var(--text);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    border-radius: 50%;
    background-color: var(--theme);
    position: relative;
    z-index: 9;
    cursor: pointer;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__close i {
    color: var(--white);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact {
    margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul {
    margin-top: 20px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact ul li a {
    color: var(--text);
}
.offcanvas__wrapper
    .offcanvas__content
    .offcanvas__contact
    ul
    li:not(:last-child) {
    margin-bottom: 15px;
}
.offcanvas__wrapper
    .offcanvas__content
    .offcanvas__contact
    ul
    li
    .offcanvas__contact-icon {
    margin-right: 20px;
}
.offcanvas__wrapper
    .offcanvas__content
    .offcanvas__contact
    ul
    li
    .offcanvas__contact-icon
    i {
    color: var(--theme);
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact span {
    text-transform: initial;
}
.offcanvas__wrapper
    .offcanvas__content
    .offcanvas__contact
    .header-button
    .theme-btn {
    width: 100%;
    padding: 20px 40px;
    text-transform: capitalize !important;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon {
    margin-top: 30px;
    gap: 10px;
}
.offcanvas__wrapper .offcanvas__content .offcanvas__contact .social-icon a {
    width: 45px;
    height: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 16px;
    display: block;
    background: transparent;
    color: var(--text);
    border-radius: 50%;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    text-align: center;
    border: 1px solid var(--border);
}
.offcanvas__wrapper
    .offcanvas__content
    .offcanvas__contact
    .social-icon
    a:hover {
    background-color: var(--theme);
    color: var(--white);
}
.offcanvas__wrapper .offcanvas__logo {
    width: 170px;
}
.offcanvas__wrapper .offcanvas__logo img {
    width: 100%;
    height: 100%;
}

.offcanvas__overlay {
    position: fixed;
    height: 100%;
    width: 100%;
    background: #151515;
    z-index: 900;
    top: 0;
    opacity: 0;
    visibility: hidden;
    right: 0;
}

.offcanvas__overlay.overlay-open {
    opacity: 0.8;
    visibility: visible;
}

@media (max-width: 450px) {
    .offcanvas__info {
        width: 300px;
    }
}
@media (max-width: 575px) {
    .offcanvas__wrapper {
        padding: 20px;
    }
}
.breadcrumb-wrapper {
    position: relative;
}
.breadcrumb-wrapper::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(10, 31, 36, 0.65);
}
.breadcrumb-wrapper .page-heading {
    padding: 120px 0;
    text-align: center;
    position: relative;
}
@media (max-width: 1199px) {
    .breadcrumb-wrapper .page-heading {
        padding: 100px 0 100px;
    }
}
@media (max-width: 991px) {
    .breadcrumb-wrapper .page-heading {
        padding: 80px 0 80px;
    }
}
.breadcrumb-wrapper .page-heading h2 {
    color: var(--white);
    font-size: 60px;
    font-weight: 800;
    margin-bottom: 30px;
}
@media (max-width: 1199px) {
    .breadcrumb-wrapper .page-heading h2 {
        font-size: 55px;
    }
}
@media (max-width: 991px) {
    .breadcrumb-wrapper .page-heading h2 {
        font-size: 50px;
    }
}
@media (max-width: 767px) {
    .breadcrumb-wrapper .page-heading h2 {
        font-size: 45px;
    }
}
@media (max-width: 575px) {
    .breadcrumb-wrapper .page-heading h2 {
        font-size: 40px;
    }
}
.breadcrumb-wrapper .page-heading .breadcrumb-list {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 10px 24px;
    border-radius: 100px;
    border: 0.5px solid var(--white);
    background: rgba(255, 255, 255, 0.15);
    justify-content: center;
    display: inline-flex;
}
@media (max-width: 575px) {
    .breadcrumb-wrapper .page-heading .breadcrumb-list {
        padding: 6px 24px;
    }
}
.breadcrumb-wrapper .page-heading .breadcrumb-list li {
    color: var(--white);
    font-weight: 500;
}
.breadcrumb-wrapper .page-heading .breadcrumb-list li i {
    color: var(--white);
}
.breadcrumb-wrapper .page-heading .breadcrumb-list li a {
    color: var(--white);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

/* Track */
::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px var(--theme);
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: var(--theme);
    border-radius: 10px;
}

.fix {
    overflow: hidden;
}

.ralt {
    position: relative;
}

.ml-50 {
    margin-left: 50px;
}
@media (max-width: 1199px) {
    .ml-50 {
        margin-left: 0;
    }
}

.ripple {
    position: relative;
}
.ripple::before,
.ripple::after {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    border-radius: 50%;
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    -webkit-animation: rippleOne 3s infinite;
    animation: rippleOne 3s infinite;
}
.ripple::before {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
}
.ripple::after {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
}
.ripple.style-2::before,
.ripple.style-2::after {
    width: 120px;
    height: 120px;
}
@media (max-width: 575px) {
    .ripple.style-2::before,
    .ripple.style-2::after {
        width: 80px;
        height: 80px;
    }
}

.array-button {
    display: flex;
    align-items: center;
    gap: 20px;
}
.array-button .array-prev {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    text-align: center;
    background-color: var(--white);
    color: var(--header);
    transition: all 0.4s ease-in-out;
}
.array-button .array-prev:hover {
    background-color: var(--theme);
    color: var(--white);
}
.array-button .array-next {
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50px;
    text-align: center;
    color: var(--header);
    background-color: var(--white);
    transition: all 0.4s ease-in-out;
}
.array-button .array-next:hover {
    background-color: var(--theme);
    color: var(--white);
}
.array-button.style-2 .array-prev {
    background-color: var(--bg);
}
.array-button.style-2 .array-prev:hover {
    background-color: var(--theme);
    color: var(--white);
}
.array-button.style-2 .array-next {
    background-color: var(--bg);
}
.array-button.style-2 .array-next:hover {
    background-color: var(--theme);
    color: var(--white);
}
.array-button.style-3 .array-prev {
    background-color: transparent;
    border: 1px solid var(--header);
}
.array-button.style-3 .array-prev:hover {
    background-color: var(--theme-3);
    border-color: var(--theme-3);
}
.array-button.style-3 .array-next {
    background-color: var(--theme-3);
    border: 1px solid var(--theme-3);
}
.array-button.style-3 .array-next:hover {
    background-color: var(--black);
    border-color: transparent;
}
.array-button.style-3 .array-next:hover img {
    filter: invert(1);
}

.swiper-dot .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    transition: all 0.4s ease-in-out;
    background-color: var(--theme);
    opacity: 1;
    border-radius: 10px;
}
.swiper-dot .swiper-pagination-bullet:not(:last-child) {
    margin-right: 10px;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--theme);
    transition: 0.6s;
    position: relative;
}
.swiper-dot .swiper-pagination-bullet.swiper-pagination-bullet-active::before {
    position: absolute;
    width: 22px;
    height: 22px;
    line-height: 22px;
    top: -6px;
    left: -6px;
    border-radius: 50%;
    background-color: transparent;
    border: 2px solid var(--theme);
    content: "";
}

.swiper-dot-2 {
    text-align: center;
}
.swiper-dot-2 .swiper-pagination-bullet {
    width: 32px;
    height: 8px;
    transition: 0.6s;
    background-color: rgba(213, 213, 213, 0.6);
    opacity: 1;
    border-radius: 10px;
    position: relative;
}
.swiper-dot-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--theme);
    transition: 0.6s;
    position: relative;
    width: 50px;
}

.price-range-wrapper {
    /* Custom thumb styling */
    /* Remove the default appearance for sliders in Firefox */
}
.price-range-wrapper .slider-container {
    position: relative;
    width: 100%;
}
.price-range-wrapper .price-text label {
    color: #1b1f2a;
    font-size: 20px;
    font-weight: 500;
}
.price-range-wrapper .price-text input {
    color: #1b1f2a;
    font-size: 18px;
    font-weight: 500;
    background-color: transparent;
}
.price-range-wrapper .slider {
    -webkit-appearance: none;
    appearance: none;
    width: 100%;
    height: 6px;
    background: var(--theme);
    outline: none;
    position: absolute;
    top: 0;
    pointer-events: none;
}
.price-range-wrapper .slider::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    width: 18px;
    height: 18px;
    background: var(--theme);
    cursor: pointer;
    border: 2px solid #fff;
    position: relative;
    z-index: 2;
    pointer-events: all;
}
.price-range-wrapper .slider::-moz-range-thumb {
    width: 20px;
    height: 20px;
    background: var(--theme);
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid #000;
    z-index: 2;
    position: relative;
}
.price-range-wrapper .slider::-ms-thumb {
    width: 20px;
    height: 20px;
    background: var(--theme);
    cursor: pointer;
    border-radius: 4px;
    border: 2px solid #000;
    z-index: 2;
    position: relative;
}
.price-range-wrapper input[type="range"]::-moz-range-track {
    background: transparent;
}

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

@media (max-width: 767px) {
    br {
        display: none;
    }
}

.mt-60 {
    margin-top: 55px;
}

.mb-40 {
    margin-bottom: 40px;
}

/* background */
.bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}

.bg-cover-2 {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
    width: 100%;
    height: 100%;
}

.custom-container {
    max-width: 1680px;
}

.margin-bottom-40 {
    margin-bottom: -30px;
}
@media (max-width: 1399px) {
    .margin-bottom-40 {
        margin-bottom: -35px;
    }
}

.page-nav-wrap {
    margin-top: 60px;
}
.page-nav-wrap ul li {
    display: inline-block;
}
.page-nav-wrap ul li.active .page-numbers {
    background-color: var(--theme);
    color: var(--white);
}
.page-nav-wrap ul li .page-numbers {
    display: inline-block;
    width: 44px;
    height: 44px;
    text-align: center;
    line-height: 44px;
    border-radius: 6px;
    background: var(--bg);
    color: var(--black);
    font-weight: 400;
    transition: all 0.3s ease-in-out;
    margin: 0 2px;
}
.page-nav-wrap ul li .page-numbers.current {
    background-color: var(--theme);
    color: var(--white);
}
@media (max-width: 767px) {
    .page-nav-wrap ul li .page-numbers {
        margin-top: 10px;
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
}
.page-nav-wrap ul li .page-numbers i {
    margin-top: 2px;
}
.page-nav-wrap ul li .page-numbers:hover {
    background-color: var(--theme);
    color: var(--white);
}

.custom-container {
    max-width: 1410px;
    margin: 0 auto;
}

.custom-container-3 {
    max-width: 1655px;
    margin: 0 auto;
}

.swiper-dot4 {
    text-align: center;
}
.swiper-dot4 .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    transition: 0.6s;
    background-color: var(--white);
    border: 1px solid var(--theme);
    opacity: 1;
    border-radius: 100%;
    position: relative;
}
.swiper-dot4 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--theme);
    transition: 0.6s;
    position: relative;
    width: 30px;
    border-radius: 30px;
}
.swiper-dot4.style-2 .swiper-pagination-bullet {
    background-color: var(--white);
    border: 1px solid var(--theme-2);
}
.swiper-dot4.style-2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--theme-2);
}
.swiper-dot4.style-3 .swiper-pagination-bullet {
    background-color: transparent;
    border: 1px solid var(--black);
}
.swiper-dot4.style-3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: var(--black);
}

/* .swiper.imgSlider {
  position: relative;
  bottom: 150px;
  left: 20px;
}
@media (max-width: 1199px) {
  .swiper.imgSlider {
    bottom: 110px;
  }
}
@media (max-width: 991px) {
  .swiper.imgSlider {
    bottom: 120px;
  }
}
@media (max-width: 575px) {
  .swiper.imgSlider {
    bottom: 63px;
  }
} */

.hero-section {
    /* padding: 180px 0 0; */
    position: relative;
    z-index: 9;
}
/* .hero-section::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--white);
  top: 92%;
  z-index: -1;
} */
@media (max-width: 1199px) {
    .hero-section::after {
        display: none;
    }
}
/* @media (max-width: 1199px) {
  .hero-section {
    padding: 150px 0;
  }
}
@media (max-width: 991px) {
  .hero-section {
    padding: 120px 0;
  }
}
@media (max-width: 575px) {
  .hero-section {
    padding: 80px 0;
  }
} */
.slide-swiper::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(
        89deg,
        #0e0e0e -3.06%,
        rgba(14, 14, 14, 0) 99.52%
    );
    /* height: 92%; */
}

.heroSwiper,
.heroSwiper .swiper-slide {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}
@media screen and (min-width: 1024px){
    .heroSwiper,
.heroSwiper .swiper-slide {
    width: 100%;
    height: 100vh;
    background-size: cover;
    background-position: center;
}
}
.slide-swiper {
    position: relative;
    padding-block: 50px;
}
@media screen and (min-width: 576px){
    .slide-swiper{
        padding-block: 80px;
    }
}
@media screen and (min-width: 968px){
    .slide-swiper{
        padding-block: 180px;
    }
}
/* .hero-section::before {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  content: "";
  background: linear-gradient(89deg, #0e0e0e -3.06%, rgba(14, 14, 14, 0) 99.52%);
  z-index: 1;
} */

.hero-wrapper {
    position: relative;
    z-index: 2;
}

.hero-bottom {
    position: absolute;
    bottom: 30px;
    width: 100%;
    z-index: 2;
}

@media (max-width: 1199px) {
    .hero-section::before {
        height: 100%;
    }
}
.hero-section .shape {
    position: absolute;
    top: 25%;
}
@media (max-width: 1600px) {
    .hero-section .shape {
        display: none;
    }
}
.hero-section .hero-bottom {
    margin-top: 180px;
    position: relative;
}
@media (max-width: 1199px) {
    .hero-section .hero-bottom {
        margin-top: 150px;
    }
}
@media (max-width: 991px) {
    .hero-section .hero-bottom {
        margin-top: 120px;
    }
}
@media (max-width: 575px) {
    .hero-section .hero-bottom {
        margin-top: 80px;
    }
}
.hero-section .hero-bottom .booking-list-area {
    border-radius: 10px;
    padding: 40px 30px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 20px;
    position: relative;
     flex-wrap: wrap;
}
@media screen and (min-width: 1024px) {
    .hero-section .hero-bottom .booking-list-area {
         flex-wrap: nowrap;
        gap: 40px;
        padding: 40px;
    }
}
.hero-section .hero-bottom .booking-list-area .theme-btn {
    max-width: 155px;
    width: 100%;
}
/*@media (min-width: 998px) {*/
/*    .hero-section .hero-bottom .booking-list-area .booking-list {*/
/*        flex-basis: 100%;*/
/*    }*/
/*}*/
.hero-section .hero-bottom .booking-list-area .booking-list.style-2 {
    flex-basis: 100%;
}
.hero-section .hero-bottom .booking-list-area .booking-list .icon {
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}
.hero-section .hero-bottom .booking-list-area .booking-list .icon i {
    width: 40px;
    height: 40px;
    border: 1px solid rgba(14, 14, 14, 0.3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
.hero-section .hero-bottom .booking-list-area .booking-list .icon h6 {
    font-weight: 700;
    line-height: 26px;
}
/* .hero-section .hero-bottom .booking-list-area .booking-list .form .nice-select {
    border-radius: 8px;
    border: 1px solid rgba(118, 118, 118, 0.3);
    background: #f8f3f2;
    padding: 9px 20px;
    width: 100%;
    padding-right: 30px;
}
.hero-section
    .hero-bottom
    .booking-list-area
    .booking-list
    .form
    .nice-select::after {
    width: 8px;
    height: 8px;
    margin-top: -4px;
} */
.hero-section .hero-bottom .booking-list-area .booking-list .form input {
    border-radius: 8px;
    border: 1px solid rgba(118, 118, 118, 0.3);
    background: #f8f3f2;
    padding: 9px 20px;
    width: 100%;
    color: var(--header);
}
.hero-section .hero-bottom .booking-list-area .booking-list .form .box {
    position: relative;
}
.hero-section .hero-bottom .booking-list-area .booking-list .form .box i {
    position: absolute;
    top: 16px;
    left: 16px;
}

.hero-wrapper .section-title h1 {
    font-size: 80px;
}
@media (max-width: 1199px) {
    .hero-wrapper .section-title h1 {
        font-size: 60px;
    }
}
@media (max-width: 991px) {
    .hero-wrapper .section-title h1 {
        font-size: 50px;
    }
}
@media (max-width: 767px) {
    .hero-wrapper .section-title h1 {
        font-size: 40px;
    }
}
@media (max-width: 575px) {
    .hero-wrapper .section-title h1 {
        font-size: 34px;
    }
}
@media (max-width: 456px) {
    .hero-wrapper .section-title h1 {
        font-size: 26px;
    }
}
.hero-wrapper .hero-button {
    display: flex;
    gap: 30px;
    margin-top: 30px;
}
@media (max-width: 1199px) {
    .hero-wrapper .hero-button {
        gap: 20px;
        flex-wrap: wrap;
    }
}
.hero-wrapper .hero-button .theme-btn.style-2 {
    background-color: transparent;
    border: 1px solid var(--white);
}
.hero-wrapper .hero-button .theme-btn.style-2::before {
    background-color: var(--theme);
}
.hero-wrapper .hero-button .theme-btn.style-2:hover {
    border: 1px solid var(--theme);
}

.hero-2 {
    padding: 90px 0 90px;
    position: relative;
}
.hero-2::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(25, 27, 26, 0.9);
}
.hero-2 .hero-content {
    position: relative;
    margin-bottom: 90px;
}
@media (max-width: 1199px) {
    .hero-2 .hero-content {
        margin-bottom: 20px;
    }
}
.hero-2 .hero-content span {
    font-size: 32px;
    font-weight: 400;
    color: var(--theme-2);
    font-family: "Dancing Script", sans-serif;
    margin-bottom: 15px;
    text-transform: capitalize;
    display: inline-block;
}
@media (max-width: 1199px) {
    .hero-2 .hero-content span {
        font-size: 30px;
    }
}
.hero-2 .hero-content h1 {
    color: var(--white);
    margin-bottom: 20px;
}
@media (max-width: 575px) {
    .hero-2 .hero-content h1 {
        font-size: 35px;
    }
}
.hero-2 .hero-content p {
    color: var(--white);
}
.hero-2 .hero-image {
    position: relative;
    margin-right: -40px;
}
@media (max-width: 1199px) {
    .hero-2 .hero-image {
        margin-right: 0;
    }
}
.hero-2 .hero-image .thumb {
    max-width: 308px;
}
@media (max-width: 575px) {
    .hero-2 .hero-image .thumb {
        max-width: 100%;
    }
}
.hero-2 .hero-image .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.hero-2 .hero-image .thumb.style-1 {
    margin-bottom: 115px;
}
@media (max-width: 1199px) {
    .hero-2 .hero-image .thumb.style-1 {
        margin-bottom: 0px;
    }
}
.hero-2 .booking-list-area {
    position: relative;
    border-radius: 10px;
    background: var(--white);
    padding: 40px 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: -138px;
    max-width: 75%;
}
@media (max-width: 1199px) {
    .hero-2 .booking-list-area {
        flex-wrap: wrap;
        gap: 40px;
        padding: 30px;
        max-width: 100%;
        margin-top: 20px;
    }
}
.hero-2 .booking-list-area .booking-list {
    display: flex;
    align-items: center;
    gap: 20px;
}
.hero-2 .booking-list-area .booking-list .icon {
    width: 60px;
    height: 60px;
    background-color: var(--bg-2);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.hero-2 .booking-list-area .booking-list h6 {
    color: #5b5b5b;
}
.hero-2 .booking-list-area .booking-list .form-clt .nice-select {
    padding-right: 25px;
}
.hero-2 .booking-list-area .booking-list .form-clt .nice-select span {
    color: var(--header);
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}
.hero-2 .booking-list-area .booking-list .form-clt .nice-select::after {
    border-bottom: 1px solid var(--header);
    border-right: 1px solid var(--header);
    margin-top: 0;
    right: 0;
    top: 30%;
    width: 9px;
    height: 9px;
}
@media (max-width: 1199px) {
    .hero-2 .booking-list-area .booking-list .form-clt .nice-select::after {
        right: -10px;
        top: 25%;
    }
}
.hero-2 .booking-list-area .booking-list .form-clt .nice-select .list {
    right: -30px;
}
.hero-2 .booking-list-area .booking-list .form-clt .nice-select .list li {
    color: var(--header);
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
}
.hero-2 .booking-list-area .booking-list .form-clt.style-2 .nice-select .list {
    right: -50px;
    width: 200px;
}
.hero-2
    .booking-list-area
    .booking-list
    .form-clt.style-2
    .nice-select
    .list
    li {
    font-size: 14px;
}

.hero-3 {
    padding: 100px 0 100px;
    position: relative;
}
@media (max-width: 575px) {
    .hero-3 {
        padding-bottom: 100px;
    }
}
.hero-3::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(
        90deg,
        rgba(37, 37, 37, 0.97) 0.38%,
        #252525 0.38%,
        rgba(37, 37, 37, 0) 99.64%
    );
}
.hero-3 .hero-content {
    position: relative;
}
.hero-3 .hero-content span {
    font-size: 32px;
    font-weight: 400;
    color: var(--theme-3);
    font-family: "Dancing Script", sans-serif;
    margin-bottom: 15px;
    text-transform: capitalize;
    display: inline-block;
}
.hero-3 .hero-content h1 {
    color: var(--white);
    margin-bottom: 30px;
}
.hero-3 .hero-content p {
    color: var(--white);
}
.hero-3 .hero-form {
    position: relative;
    padding: 40px 30px;
    background-color: var(--white);
    border-radius: 18px;
}
.hero-3 .hero-form p {
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 10px;
}
.hero-3 .hero-form .input .clr {
    margin-bottom: 15px;
}
.hero-3 .hero-form .input .clr label {
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    color: var(--header);
    margin-bottom: 5px;
}
.hero-3 .hero-form .input .clr input {
    width: 100%;
    outline: none;
    padding: 8px 16px;
    font-weight: 400;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid rgba(83, 83, 83, 0.4);
    color: #535353;
    background: var(--white);
}
.hero-3 .hero-form .nice-select {
    padding: 8px 16px !important;
}
.hero-3 .hero-form .nice-select::after {
    width: 8px;
    height: 8px;
}
.hero-3 .hero-form .theme-btn {
    margin-top: 30px;
    width: 100%;
}
.hero-3 .theme-btn {
    padding: 22px 32px;
    margin-top: 40px;
}

.mean-container a.meanmenu-reveal {
    display: none;
}

.mean-container .mean-nav {
    background: none;
    margin-top: 0;
}

.mean-container .mean-bar {
    padding: 0;
    min-height: auto;
    background: none;
}

.mean-container .mean-nav > ul {
    padding: 0;
    margin: 0;
    width: 100%;
    list-style-type: none;
    display: block !important;
}
.mean-container .mean-nav > ul .homemenu-items {
    display: flex;
    align-items: center;
    gap: 30px;
    justify-content: space-between;
}
@media (max-width: 1199px) {
    .mean-container .mean-nav > ul .homemenu-items {
        flex-wrap: wrap;
    }
}
.mean-container .mean-nav > ul .homemenu-items .homemenu {
    position: relative;
}
@media (max-width: 1199px) {
    .mean-container .mean-nav > ul .homemenu-items .homemenu {
        max-width: 300px;
        text-align: center;
        margin: 0 auto;
        border: 1px solid var(--border);
        padding: 10px;
    }
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb {
    position: relative;
}
.mean-container
    .mean-nav
    > ul
    .homemenu-items
    .homemenu
    .homemenu-thumb
    .demo-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60%;
    gap: 10px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
    margin-top: 20px;
}
.mean-container
    .mean-nav
    > ul
    .homemenu-items
    .homemenu
    .homemenu-thumb
    .demo-button
    .theme-btn {
    padding: 12px 20px;
    color: var(--white) !important;
    width: initial;
    font-size: 16px;
    text-align: center;
    border-radius: 0;
}
.mean-container
    .mean-nav
    > ul
    .homemenu-items
    .homemenu
    .homemenu-thumb
    .demo-button
    .theme-btn:hover {
    color: var(--white) !important;
}
.mean-container
    .mean-nav
    > ul
    .homemenu-items
    .homemenu
    .homemenu-thumb::before {
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(rgba(20, 19, 19, 0)),
        to(#5e5ef6)
    );
    background: linear-gradient(
        to bottom,
        rgba(99, 92, 92, 0) 0%,
        #252527 100%
    );
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
}
.mean-container
    .mean-nav
    > ul
    .homemenu-items
    .homemenu
    .homemenu-thumb:hover::before {
    visibility: visible;
    opacity: 1;
}
.mean-container
    .mean-nav
    > ul
    .homemenu-items
    .homemenu
    .homemenu-thumb:hover
    .demo-button {
    opacity: 1;
    visibility: visible;
    margin-top: 0;
}
.mean-container
    .mean-nav
    > ul
    .homemenu-items
    .homemenu
    .homemenu-thumb:hover
    .homemenu-btn {
    opacity: 1;
    visibility: visible;
    bottom: 50%;
    transform: translateY(50%);
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-thumb img {
    width: 100%;
}
.mean-container .mean-nav > ul .homemenu-items .homemenu .homemenu-title {
    text-align: center;
    margin: 15px auto;
    display: inline-block;
    font-size: 16px;
}

.mean-container a.meanmenu-reveal {
    display: none !important;
}

.mean-container .mean-nav ul li a {
    width: 100%;
    padding: 10px 0;
    color: var(--header);
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
    text-transform: capitalize;
    border-bottom: 1px solid var(--border) !important;
    border: none;
}
.mean-container .mean-nav ul li a:hover {
    color: var(--theme);
}

.mean-container .mean-nav ul li a:last-child {
    border-bottom: 0;
}

.mean-container .mean-nav ul li a:hover {
    color: var(--theme);
}

.mean-container .mean-nav ul li a.mean-expand {
    margin-top: 5px;
    padding: 0 !important;
}

.mean-container .mean-nav ul li > a > i {
    display: none;
}

.mean-container .mean-nav ul li > a.mean-expand i {
    display: inline-block;
    font-size: 18px;
}

.mean-container .mean-nav > ul > li:first-child > a {
    border-top: 0;
}

.mean-container .mean-nav ul li a.mean-expand.mean-clicked i {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transition: all 0.4s ease-in-out;
}

.mean-container .mean-nav ul li .mega-menu li a {
    height: 200px;
    width: 100%;
    padding: 0;
    border-top: 0;
    margin-bottom: 20px;
}

.news-items {
    margin-top: 30px;
}
.news-items .news-image {
    position: relative;
    overflow: hidden;
}
.news-items .news-image::before {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: linear-gradient(180deg, rgba(14, 14, 14, 0) 0%, #0e0e0e 100%);
    border-radius: 20px;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}
.news-items .news-image img {
    width: 100%;
    height: 100%;
    border-radius: 20px;
}
.news-items .news-image .news-content {
    padding: 28px;
    position: absolute;
    bottom: 0;
    overflow: hidden;
    transition: all 0.4s ease-in-out;
}
.news-items .news-image .news-content h4 a {
    color: var(--white);
    transition: all 0.4s ease-in-out;
}
.news-items .news-image .news-content h4 a:hover {
    color: var(--theme);
}
.news-items .news-image .news-content .author-items {
    margin-top: 30px;
    display: flex;
    align-items: center;
    gap: 10px;
}
@media (max-width: 991px) {
    .news-items .news-image .news-content .author-items {
        margin-top: 10px;
    }
}
.news-items .news-image .news-content .author-items .author-info h6 {
    color: var(--white);
    font-weight: 700;
    line-height: 26px;
}
.news-items .news-image .news-content .author-items .author-info span {
    font-size: 16px;
    color: var(--white);
}

.news-card-item {
    margin-top: 30px;
    border-radius: 20px;
    background-color: var(--white);
}
.news-card-item .thumb {
    position: relative;
}
.news-card-item .thumb img {
    border-radius: 20px 20px 0 0;
    width: 100%;
    height: 100%;
}
.news-card-item .thumb .date-item {
    width: 80px;
    height: 80px;
    background: var(--theme-3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    position: absolute;
    top: 24px;
    right: 24px;
}
.news-card-item .content {
    padding: 30px;
}
.news-card-item .content .meta {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 20px;
}
.news-card-item .content .meta li img {
    margin-right: 5px;
}
.news-card-item .content .news-button {
    margin-top: 30px;
}

.news-section-2 .news-thumb {
    margin-top: 30px;
    position: relative;
}
.news-section-2 .news-thumb .tbimg {
    width: 100%;
    height: 100%;
    border-radius: 18px;
}
.news-section-2 .news-thumb .thumb-button {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.news-section-2 .news-content-wrapper {
    margin-top: 50px;
}
.news-section-2 .news-content-wrapper .news-items {
    border-bottom: 1px solid rgba(91, 91, 91, 0.3);
    padding-bottom: 40px;
    margin-bottom: -45px;
}
.news-section-2 .news-content-wrapper .news-items .author-items {
    display: flex;
    align-items: center;
    gap: 8px;
}
@media (max-width: 1199px) {
    .news-section-2
        .news-content-wrapper
        .news-items
        .author-items
        .author-info
        h4 {
        font-size: 15px;
    }
}
@media (max-width: 575px) {
    .news-section-2 .news-content-wrapper .news-items .content {
        margin-top: 10px;
    }
}
.news-section-2 .news-content-wrapper .news-items .content h3 {
    font-size: 36px;
    margin-bottom: 20px;
}
@media (max-width: 1199px) {
    .news-section-2 .news-content-wrapper .news-items .content h3 {
        font-size: 20px;
    }
}
.news-section-2 .news-content-wrapper .news-items .content h3 a:hover {
    color: var(--theme);
}
.news-section-2 .news-content-wrapper .news-items .content .news-meta {
    display: flex;
    align-items: center;
    gap: 20px;
}
.news-section-2 .news-content-wrapper .news-items .date-meta {
    display: flex;
    align-items: center;
    gap: 15px;
}
@media (max-width: 575px) {
    .news-section-2 .news-content-wrapper .news-items .date-meta {
        margin-top: 10px;
    }
}
.news-section-2 .news-content-wrapper .news-items .date-meta span {
    width: 60px;
    height: 60px;
    background-color: #e8f8f4;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
}
.news-section-2 .news-content-wrapper .news-items:not(:last-child) {
    margin-bottom: 30px;
}

.news-section-3 .news-card-item .thumb {
    position: relative;
}
.news-section-3 .news-card-item .thumb img {
    border-radius: 18px 18px 0px 0px;
    width: 100%;
    height: 100%;
}
.news-section-3 .news-card-item .thumb .date-item {
    width: 80px;
    height: 80px;
    background: var(--theme-3);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 24px;
    right: 24px;
    color: var(--header);
}
.news-section-3 .news-card-item .content {
    padding: 30px;
    background-color: var(--white);
    border-radius: 0 0 18px 18px;
}
.news-section-3 .news-card-item .content .meta {
    display: flex;
    align-items: center;
    gap: 24px;
    margin-bottom: 15px;
}
.news-section-3 .news-card-item .content .meta li img {
    margin-right: 5px;
}
.news-section-3 .news-card-item .content h3 {
    font-size: 36px;
    margin-bottom: 20px;
}
@media (max-width: 991px) {
    .news-section-3 .news-card-item .content h3 {
        font-size: 30px;
    }
}
@media (max-width: 575px) {
    .news-section-3 .news-card-item .content h3 {
        font-size: 20px;
    }
}
.news-section-3 .news-card-item .content h3 a:hover {
    color: var(--theme-3);
}

.main-sideber .single-sidebar-widget {
    padding: 25px;
    margin-bottom: 30px;
    border-radius: 20px;
    background-color: var(--bg);
}
@media (max-width: 1199px) {
    .main-sideber .single-sidebar-widget {
        padding: 25px 30px;
    }
}
.main-sideber .single-sidebar-widget .wid-title {
    margin-bottom: 20px;
}
.main-sideber .single-sidebar-widget .search-widget form {
    width: 100%;
    position: relative;
}
.main-sideber .single-sidebar-widget .search-widget form input {
    background-color: var(--white);
    font-size: 14px;
    font-weight: 500;
    padding: 16px 20px;
    width: 100%;
    border: none;
    color: var(--text);
    border-radius: 8px;
}
.main-sideber .single-sidebar-widget .search-widget form button {
    position: absolute;
    right: -2px;
    top: 0;
    width: 58px;
    border-radius: 8px;
    font-size: 18px;
    height: 100%;
    background-color: var(--theme);
    color: var(--white);
    text-align: center;
    transition: all 0.3s ease-in-out;
}
.main-sideber .single-sidebar-widget .search-widget form button:hover {
    background-color: var(--header);
}
.main-sideber .single-sidebar-widget .news-widget-categories ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 400;
    transition: all 0.4s ease-in-out;
    border-radius: 0;
    font-size: 16px;
    line-height: 1;
}
.main-sideber .single-sidebar-widget .news-widget-categories ul li a {
    color: var(--text);
    font-size: 18px;
}
.main-sideber .single-sidebar-widget .news-widget-categories ul li span {
    transition: all 0.4s ease-in-out;
    color: var(--text);
}
.main-sideber
    .single-sidebar-widget
    .news-widget-categories
    ul
    li:not(:last-child) {
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dashed var(--border);
}
.main-sideber .single-sidebar-widget .news-widget-categories ul li:hover a {
    color: var(--theme);
}
.main-sideber .single-sidebar-widget .news-widget-categories ul li:hover span {
    color: var(--theme);
}
.main-sideber .single-sidebar-widget .recent-post-area .recent-items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.main-sideber
    .single-sidebar-widget
    .recent-post-area
    .recent-items:not(:last-child) {
    margin-bottom: 20px;
}
.main-sideber
    .single-sidebar-widget
    .recent-post-area
    .recent-items
    .recent-thumb
    img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.main-sideber
    .single-sidebar-widget
    .recent-post-area
    .recent-items
    .recent-content
    ul {
    margin-bottom: 8px;
}
.main-sideber
    .single-sidebar-widget
    .recent-post-area
    .recent-items
    .recent-content
    ul
    li {
    color: var(--theme);
}
.main-sideber
    .single-sidebar-widget
    .recent-post-area
    .recent-items
    .recent-content
    ul
    li
    i {
    color: #fe6902;
    margin-right: 5px;
}
.main-sideber
    .single-sidebar-widget
    .recent-post-area
    .recent-items
    .recent-content
    h6 {
    font-weight: 700;
}
.main-sideber
    .single-sidebar-widget
    .recent-post-area
    .recent-items
    .recent-content
    h6
    a:hover {
    color: var(--theme);
}
.main-sideber .single-sidebar-widget .tagcloud a {
    display: inline-block;
    padding: 15px 21px;
    line-height: 1;
    font-size: 14px;
    font-weight: 400;
    background: var(--white);
    border-radius: 2px;
    margin-right: 5px;
    text-transform: capitalize;
    margin-bottom: 10px;
    transition: all 0.4s ease-in-out;
}
.main-sideber .single-sidebar-widget .tagcloud a:last-child {
    margin-right: 0;
}
.main-sideber .single-sidebar-widget .tagcloud a:hover {
    background-color: var(--theme);
    color: var(--white);
}

.news-standard-wrapper .news-standard-items:not(:last-child) {
    margin-bottom: 50px;
}
.news-standard-wrapper .news-standard-items .news-thumb {
    position: relative;
}
.news-standard-wrapper .news-standard-items .news-thumb img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.news-standard-wrapper .news-standard-items .news-thumb .post {
    position: absolute;
    top: 30px;
    left: 30px;
    background-color: var(--theme);
    border-radius: 8px;
    text-align: center;
}
.news-standard-wrapper .news-standard-items .news-thumb .post h3 {
    color: var(--white);
    display: grid;
    padding: 12px 15px;
    line-height: 1;
    font-size: 24px;
    min-width: 60px;
}
.news-standard-wrapper .news-standard-items .news-thumb .post h3 span {
    display: inline-block;
    margin-top: 6px;
    font-size: 14px;
    font-weight: 400;
}
.news-standard-wrapper .news-standard-items .news-content {
    margin-top: 20px;
    position: relative;
    z-index: 9;
}
.news-standard-wrapper .news-standard-items .news-content ul {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: 10px;
}
@media (max-width: 1199px) {
    .news-standard-wrapper .news-standard-items .news-content ul {
        gap: 20px;
    }
}
.news-standard-wrapper .news-standard-items .news-content ul li {
    font-size: 16px;
    font-weight: 500;
}
.news-standard-wrapper .news-standard-items .news-content ul li i {
    color: var(--theme);
    margin-right: 5px;
}
.news-standard-wrapper .news-standard-items .news-content h3 {
    font-weight: bold;
    margin-bottom: 12px;
    font-size: 30px;
    font-weight: 600;
}
@media (max-width: 575px) {
    .news-standard-wrapper .news-standard-items .news-content h3 {
        font-size: 25px;
    }
}
.news-standard-wrapper .news-standard-items .news-content h3 a:hover {
    color: var(--theme);
}
.news-standard-wrapper .news-standard-items .news-content .theme-btn {
    margin-top: 30px;
}
.news-standard-wrapper .news-standard-items .news-content .theme-btn.style-2 {
    background-color: var(--header);
    color: var(--white);
}
.news-standard-wrapper
    .news-standard-items
    .news-content
    .theme-btn.style-2:before {
    background-color: var(--theme);
}
.news-standard-wrapper
    .news-standard-items
    .news-content
    .theme-btn.style-2:hover {
    color: var(--white);
    box-shadow: none;
}
.news-standard-wrapper
    .news-standard-items
    .news-content
    .theme-btn.style-2:hover::before {
    width: 100%;
}

.blog-post-details .single-blog-post .post-featured-thumb {
    height: 460px;
    border-radius: 10px;
}
@media (max-width: 767px) {
    .blog-post-details .single-blog-post .post-featured-thumb {
        height: 400px;
    }
}
.blog-post-details .single-blog-post .post-featured-thumb .post {
    position: absolute;
    top: 30px;
    left: 30px;
    background-color: var(--theme);
    border-radius: 8px;
    text-align: center;
}
.blog-post-details .single-blog-post .post-featured-thumb .post h3 {
    color: var(--white);
    display: grid;
    padding: 12px 15px;
    line-height: 1;
}
.blog-post-details .single-blog-post .post-featured-thumb .post h3 span {
    display: inline-block;
    margin-top: 6px;
}
.blog-post-details .single-blog-post .post-content {
    margin-top: 30px;
}
.blog-post-details .single-blog-post .post-content .post-list {
    gap: 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--border);
    padding-bottom: 20px;
}
.blog-post-details .single-blog-post .post-content .post-list li {
    font-size: 14px;
    font-weight: 500;
}
.blog-post-details .single-blog-post .post-content .post-list li i {
    color: var(--theme);
    margin-right: 5px;
}
.blog-post-details .single-blog-post .post-content h3 {
    margin-bottom: 15px;
    font-size: 30px;
}
@media (max-width: 575px) {
    .blog-post-details .single-blog-post .post-content h3 {
        font-size: 24px;
    }
}
.blog-post-details .single-blog-post .post-content h3 a:hover {
    color: var(--theme);
}
.blog-post-details .single-blog-post .post-content .hilight-text {
    border-left: 4px solid var(--theme);
    padding: 40px;
    background-color: var(--bg);
    border-radius: 10px;
}
@media (max-width: 575px) {
    .blog-post-details .single-blog-post .post-content .hilight-text {
        padding: 30px;
    }
}
.blog-post-details .single-blog-post .post-content .hilight-text p {
    font-weight: 600;
    text-transform: capitalize;
    font-style: italic;
    line-height: 26px;
    color: var(--header);
    line-height: 162%;
}
.blog-post-details .single-blog-post .post-content .hilight-text svg {
    float: right;
    margin-top: -30px;
}
.blog-post-details .single-blog-post .post-content .details-image img {
    width: 100%;
    height: 100%;
}
.blog-post-details .tag-share-wrap {
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    padding: 30px 0;
}
.blog-post-details .tag-share-wrap .tagcloud a {
    display: inline-block;
    padding: 12px 26px;
    line-height: 1;
    background: transparent;
    margin-right: 8px;
    text-transform: capitalize;
    font-weight: 500;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
    border-radius: 4px;
    border: 1px solid var(--border);
}
@media (max-width: 575px) {
    .blog-post-details .tag-share-wrap .tagcloud a {
        margin-bottom: 5px;
        padding: 12px 20px;
    }
}
.blog-post-details .tag-share-wrap .tagcloud a:hover {
    background-color: var(--theme);
    color: var(--white);
}
.blog-post-details .tag-share-wrap .social-share span {
    font-size: 18px;
    color: var(--header);
    font-weight: 600;
}
.blog-post-details .tag-share-wrap .social-share a {
    font-size: 18px;
    color: var(--header);
}
.blog-post-details .tag-share-wrap .social-share a:not(:last-child) {
    margin-right: 10px;
}
.blog-post-details .tag-share-wrap .social-share a:hover {
    color: var(--theme);
}
.blog-post-details .comments-area {
    margin-top: 40px;
}
.blog-post-details .comments-area .comments-heading {
    margin-bottom: 10px;
}
@media (max-width: 575px) {
    .blog-post-details .comments-area .comments-heading {
        margin-bottom: 20px;
    }
}
.blog-post-details .comments-area .comments-heading h3 {
    font-size: 30px;
    font-weight: 700;
}
@media (max-width: 575px) {
    .blog-post-details .comments-area .comments-heading h3 {
        font-size: 26px;
    }
}
.blog-post-details .comments-area .blog-single-comment {
    border-bottom: 1px solid var(--border);
}
.blog-post-details .comments-area .blog-single-comment.style-2 {
    margin-left: 100px;
}
@media (max-width: 1199px) {
    .blog-post-details .comments-area .blog-single-comment.style-2 {
        margin-left: 0;
    }
}
@media (max-width: 575px) {
    .blog-post-details .comments-area .blog-single-comment {
        flex-wrap: wrap;
        gap: 20px;
    }
}
.blog-post-details .comments-area .blog-single-comment .image img {
    border-radius: 50%;
}
.blog-post-details .comments-area .blog-single-comment .content .head .con h5 {
    margin-bottom: 10px;
    font-weight: 600;
    font-size: 20px;
}
.blog-post-details .comments-area .blog-single-comment .content .reply {
    color: var(--theme);
    font-weight: 700;
    line-height: 26px;
}
.blog-post-details .comment-form-wrap h3 {
    font-size: 32px;
    margin-bottom: 30px;
}
@media (max-width: 575px) {
    .blog-post-details .comment-form-wrap h3 {
        font-size: 28px;
        margin-bottom: 20px;
    }
}
.blog-post-details .comment-form-wrap .form-clt span {
    color: var(--header);
    display: inline-block;
    margin-bottom: 10px;
}
.blog-post-details .comment-form-wrap .form-clt input,
.blog-post-details .comment-form-wrap .form-clt textarea {
    width: 100%;
    outline: none;
    border: none;
    background-color: var(--bg);
    border: 1px solid var(--border);
    padding: 16px 20px;
    font-weight: 500;
    border-radius: 8px;
    color: var(--text);
}
.blog-post-details .comment-form-wrap .form-clt input::placeholder,
.blog-post-details .comment-form-wrap .form-clt textarea::placeholder {
    color: var(--text);
}
.blog-post-details .comment-form-wrap .form-clt textarea {
    padding-bottom: 100px;
    resize: none;
}

.news-card-items {
    margin-top: 30px;
}
.news-card-items .news-image img {
    width: 100%;
    height: 100%;
    border-radius: 10px;
}
.news-card-items .news-content {
    border-radius: 10px;
    background: #f7f7f7;
    padding: 50px 40px;
}
@media (max-width: 1399px) {
    .news-card-items .news-content {
        padding: 20px 40px;
    }
}
@media (max-width: 1199px) {
    .news-card-items .news-content {
        padding: 50px 40px;
    }
}
@media (max-width: 991px) {
    .news-card-items .news-content {
        padding: 16px 25px;
    }
}
@media (max-width: 767px) {
    .news-card-items .news-content {
        padding: 35px 35px;
    }
}
.news-card-items .news-content .post-meta {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}
@media (max-width: 1399px) {
    .news-card-items .news-content .post-meta {
        flex-wrap: wrap;
        gap: 10;
    }
}
.news-card-items .news-content .post-meta li {
    font-size: 16px;
    font-weight: 600;
    color: var(--text);
}
.news-card-items .news-content .post-meta li i {
    margin-right: 8px;
    color: var(--theme-2);
}
.news-card-items .news-content h3 a:hover {
    color: var(--theme-2);
}
.news-card-items .news-content .link-btn {
    margin-top: 22px;
    display: inline-block;
    font-weight: 500;
    display: inline-block;
}
.news-card-items .news-content .link-btn i {
    margin-left: 10px;
}
.news-card-items .news-content .link-btn:hover {
    color: var(--theme-2);
}
@media (max-width: 1399px) {
    .news-card-items .news-content .link-btn {
        margin-top: 10px;
    }
}
@media (max-width: 991px) {
    .news-card-items .news-content .link-btn {
        margin-top: 6px;
    }
}

.preloader {
    align-items: center;
    cursor: default;
    display: flex;
    height: 100%;
    justify-content: center;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 9999999;
}
.preloader .animation-preloader {
    z-index: 1000;
}
.preloader .animation-preloader .spinner {
    animation: spinner 1s infinite linear;
    border-radius: 50%;
    border: 3px solid rgba(0, 0, 0, 0.2);
    border-top-color: var(--theme);
    height: 9em;
    margin: 0 auto 3.5em auto;
    width: 9em;
}
@media (max-width: 767px) {
    .preloader .animation-preloader .spinner {
        width: 7.5em;
        height: 7.5em;
        margin: 0 auto 1.5em auto;
    }
}
.preloader .animation-preloader .txt-loading {
    font: bold 5em "Manrope", sans-serif, "Manrope", sans-serif;
    text-align: center;
    user-select: none;
}
@media (max-width: 767px) {
    .preloader .animation-preloader .txt-loading {
        font-size: 2.5em;
    }
}
.preloader .animation-preloader .txt-loading .letters-loading {
    color: var(--theme);
    position: relative;
}
.preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(2):before {
    animation-delay: 0.2s;
}
.preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(3):before {
    animation-delay: 0.4s;
}
.preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(4):before {
    animation-delay: 0.6s;
}
.preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(5):before {
    animation-delay: 0.8s;
}
.preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(6):before {
    animation-delay: 1s;
}
.preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(7):before {
    animation-delay: 1.2s;
}
.preloader
    .animation-preloader
    .txt-loading
    .letters-loading:nth-child(8):before {
    animation-delay: 1.4s;
}
.preloader .animation-preloader .txt-loading .letters-loading::before {
    animation: letters-loading 4s infinite;
    color: var(--header);
    content: attr(data-text-preloader);
    left: 0;
    opacity: 0;
    font-family: "Manrope", sans-serif;
    position: absolute;
    top: -3px;
    transform: rotateY(-90deg);
}
.preloader p {
    font-size: 15px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 8px;
    color: var(--theme);
}
.preloader .loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    z-index: 1;
    pointer-events: none;
}
.preloader .loader .row {
    height: 100%;
}
.preloader .loader .loader-section {
    padding: 0px;
}
.preloader .loader .loader-section .bg {
    background-color: var(--bg);
    height: 100%;
    left: 0;
    width: 100%;
    transition: all 800ms cubic-bezier(0.77, 0, 0.175, 1);
}
.preloader.loaded .animation-preloader {
    opacity: 0;
    transition: 0.3s ease-out;
}
.preloader.loaded .loader-section .bg {
    width: 0;
    transition: 0.7s 0.3s allcubic-bezier(0.1, 0.1, 0.1, 1);
}

.search-wrap {
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999999;
    background-color: rgba(255, 255, 255, 0.9);
}
.search-wrap .search-inner {
    position: relative;
    width: 100%;
    height: 100%;
}
.search-wrap .search-cell {
    position: absolute;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);
}
.search-wrap .search-field-holder {
    width: 50%;
    margin: auto;
    position: relative;
    animation: slideInUp 0.3s;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .search-wrap .search-field-holder {
        width: 70%;
    }
}
@media (max-width: 575px) {
    .search-wrap .search-field-holder {
        width: 80%;
    }
}
.search-wrap .main-search-input {
    width: 100%;
    height: 70px;
    border: 0;
    padding: 0 50px;
    text-transform: capitalize;
    background: transparent;
    font-size: 25px;
    color: var(--theme);
    border-bottom: 2px solid var(--theme);
    text-align: center;
    letter-spacing: 2px;
}

@media (max-width: 575px) {
    .search-wrap .main-search-input {
        height: 50px;
        padding: 0 0;
        line-height: 50px;
        font-size: 18px;
    }
}
.search-wrap input.form-control,
.search-wrap input.form-control:focus {
    background-color: var(--theme);
}

input.main-search-input::placeholder {
    color: var(--theme);
    opacity: 1;
    font-size: 25px;
}

@media (max-width: 575px) {
    input.main-search-input::placeholder {
        font-size: 18px;
    }
}
.search-close {
    position: absolute;
    top: 50px;
    right: 50px;
    font-size: 30px;
    color: var(--theme);
    cursor: pointer;
}

.mouse-cursor {
    position: fixed;
    left: 0;
    top: 0;
    pointer-events: none;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    visibility: hidden;
}



.cursor-inner.cursor-hover {
    margin-left: -35px;
    margin-top: -35px;
    width: 70px;
    height: 70px;
    background-color: var(--theme);
    opacity: 0;
}

.cursor-outer {
    margin-left: -12px;
    margin-top: -12px;
    width: 40px;
    height: 40px;
    border: 3px solid var(--theme);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    z-index: 10000000;
    opacity: 0.5;
    -webkit-transition: all 0.08s ease-out;
    -o-transition: all 0.08s ease-out;
    transition: all 0.08s ease-out;
}

.cursor-outer.cursor-hover {
    opacity: 0;
}

.back-to-top {
    border-radius: 50%;
    background-color: var(--theme);
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: var(--white);
    font-size: 18px;
    position: fixed;
    display: inline-block;
    z-index: 999;
    right: 30px;
    bottom: 30px;
    transition: all 0.4s ease-in-out;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
}
.back-to-top:hover {
    background-color: var(--header);
    color: var(--white);
}
.back-to-top.show {
    opacity: 1;
    visibility: visible;
    transform: translate(0);
}

.section-title {
    position: relative;
    z-index: 99;
    margin-bottom: 30px;
}
.section-title .sub-title {
    font-size: 32px;
    font-weight: 400;
    color: var(--theme);
    font-family: "Manrope", sans-serif;
    margin-bottom: 15px;
    text-transform: capitalize;
    display: inline-block;
}
@media (max-width: 1199px) {
    .section-title .sub-title {
        font-size: 26px;
    }
}
@media (max-width: 575px) {
    .section-title .sub-title {
        font-size: 24px;
    }
}
@media (max-width: 456px) {
    .section-title .sub-title {
        font-size: 16px;
    }
}
.section-title .sub-title.style-2 {
    color: var(--theme-2);
}
@media (max-width: 767px) {
    .section-title {
        margin-bottom: 0;
    }
}

.section-title-area {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 9;
}
@media (max-width: 991px) {
    .section-title-area {
        flex-wrap: wrap;
        gap: 30px;
    }
}

.center {
    text-align: center;
    margin: 0 auto;
}

.logo-one {
    width: 150px !important;
}

.section-bg {
    background-color: var(--bg);
}

.section-bg2 {
    background-color: var(--bg-2);
}

.theme-bg {
    background-color: var(--theme);
}

.section-padding {
    padding: 120px 0 100px;
}
.padding-footer {
    padding-top: 120px;
}
.article-padding {
    padding: 100px 0;
}
.destination-title {
    width: 100%;
}
.cta-title {
    width: 100%;
}
.travel-card {
    border: none;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
    transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
}

.travel-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.12);
}

.card-img-wrapper {
    position: relative;
    overflow: hidden;
    height: 220px;
}

.travel-card .card-img-top {
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s ease;
}

.travel-card:hover .card-img-top {
    transform: scale(1.08);
}

.img-overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        180deg,
        transparent 0%,
        rgba(0, 0, 0, 0.1) 100%
    );
    opacity: 0;
    transition: opacity 0.3s ease;
}

.travel-card:hover .img-overlay {
    opacity: 1;
}

.card-body {
    padding: 1.75rem;
}

.card-title {
    font-weight: 600;
    font-size: 1.25rem;
    color: #1a1d29;
    margin-bottom: 0.75rem;
    line-height: 1.4;
    transition: color 0.3s ease;
}

.travel-card:hover .card-title {
    color:rgb(5, 55, 128) ;
}

.card-text {
    color: #64748b;
    font-size: 1.125rem;
    line-height: 1.6;
    margin-bottom: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.25rem;
    padding-top: 0.75rem;
    border-top: 1px solid #e2e8f0;
}

.publish-date {
    color: #94a3b8;
    font-size: 0.85rem;
    font-weight: 400;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.read-more-btn {
    background: linear-gradient(
      135deg,
      #024AAC 0%,
      #3A7BFF 100%
    );
    border: none;
    border-radius: 50px;
    padding: 0.65rem 1.5rem;
    font-weight: 500;
    font-size: 0.9rem;
    color: white;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    width: 100%;
    transition: all 0.3s ease;
    box-shadow: 0 4px 12px rgba(250, 103, 65, 0.3);
}

.read-more-btn:hover {
background: linear-gradient(
  135deg,
  #024AAC 0%,
  #012D70 100%
);
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(250, 103, 65, 0.4);
    color: white;
}

.read-more-btn i {
    transition: transform 0.3s ease;
}

.read-more-btn:hover i {
    transform: translateX(4px);
}
.posabso {
    position: relative;
}
.user-btn {
    background: none;
    border: none;
    font-weight: 500;
    font-size: 16px;
    color: #333;
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    padding: 8px 12px;
    transition: background 0.2s ease;
}

.user-btn:hover {
    background-color: #f5f5f5;
    border-radius: 6px;
}

.custom-dropdown {
    padding: 0;
    margin-top: 8px;
    min-width: 160px;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    background-color: #fff;
    overflow: hidden;
}

.custom-dropdown .dropdown-item {
    padding: 10px 16px;
    font-size: 14px;
    color: #333;
    transition: background 0.2s;
}

.custom-dropdown .dropdown-item:hover {
    background-color: #f0f0f0;
    color: #000;
}

    
/* @media screen and (min-width: 990px) {
    .posabso {
        position: absolute;
        bottom: 0;
        left: 50px;
        right: 50px;
    }
    
} */

.dr1{
    display: none;
}
@media screen and (min-width: 1024px) {
    .posabso {
        position: absolute;
        bottom: 0;
        left: 50px;
        right: 50px;
    }


}
@media screen and (min-width: 768px) {

    .dr1{
        display: block;
    }

}
@media (max-width: 768px) {
    .card-body {
        padding: 1.5rem;
    }

    .card-title {
        font-size: 1.1rem;
    }

    .card-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 1rem;
    }
}
@media screen and (min-width: 990px) {
    .destination-title {
        width: 75%;
        margin: 0 auto;
    }
    .cta-title {
        width: 100%;
        margin: 0 auto;
    }
}
@media (max-width: 1199px) {
    .section-padding {
        padding: 100px 0;
    }
    .padding-footer {
        padding-top: 100px;
    }
    .article-padding {
        padding: 80px 0;
    }
}
@media (max-width: 991px) {
    .section-padding {
        padding: 80px 0;
    }
    .padding-footer {
        padding-top: 80px;
    }
    .article-padding {
        padding: 60px 0;
    }
}

.service-wrapper {
    margin-right: -425px;
}
@media (max-width: 1199px) {
    .service-wrapper {
        margin-right: 0;
    }
}
.service-wrapper .service-content .service-button {
    display: flex;
    align-items: center;
    gap: 34px;
    margin-top: 50px;
}
.service-wrapper .service-box-item {
    border-radius: 18px;
    background-color: var(--white);
    padding: 30px;
}
.service-wrapper .service-box-item .icon {
    width: 70px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    background-color: var(--bg);
    border-radius: 10px;
    margin-bottom: 60px;
}
.service-wrapper .service-box-item .content h3 {
    margin-bottom: 20px;
}
.service-wrapper .service-box-item .content h3 a:hover {
    color: var(--theme);
}
.service-wrapper .service-box-item .content .link-btns {
    display: inline-block;
    margin-top: 30px;
}

.service-bottom {
    margin-top: 120px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 35px 50px;
    border-radius: 18px 18px 0px 0px;
    background: rgba(250, 103, 65, 0.3);
}
@media (max-width: 1199px) {
    .service-bottom {
        margin-top: 100px;
        flex-wrap: wrap;
        gap: 20px;
    }
}
@media (max-width: 991px) {
    .service-bottom {
        margin-top: 80px;
        padding: 40px 30px;
    }
}
.service-bottom .content {
    display: flex;
    align-items: center;
    gap: 16px;
}
@media (max-width: 1199px) {
    .service-bottom .content {
        flex-wrap: wrap;
    }
}
.service-bottom .content p {
    color: var(--black);
}

.service-section {
    position: relative;
    z-index: 9;
}
.service-section .shape {
    position: absolute;
    left: 4%;
    top: 20%;
}
@media (max-width: 1600px) {
    .service-section .shape {
        display: none !important;
    }
}

.team-items {
    margin-top: 30px;
    position: relative;
    overflow: hidden;
}
.team-items .team-image {
    margin-bottom: 24px;
    height: 400px;
}
.team-items .team-image img {
    width: 100%;
    height: 100%;
    border-radius: 18px;
    object-fit: cover;
}
.team-items .team-image .team-social {
    position: absolute;
    top: 24px;
    right: 20px;
}
.team-items .team-image .team-social ul {
    transform: translateY(-100px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease-in-out;
}
.team-items .team-image .team-social ul li {
    margin-bottom: 12px;
}
.team-items .team-image .team-social ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    color: var(--black);
    background: var(--white);
    border-radius: 100%;
    transition: all 0.4s ease-in-out;
}
.team-items .team-image .team-social ul li a:hover {
    color: var(--white);
    background-color: var(--theme);
}
.team-items .team-content h4 {
    font-size: 24px;
    line-height: 32px;
    display: inline-block;
    position: relative;
}
.team-items .team-content h4::before {
    position: absolute;
    content: "";
    left: 0;
    bottom: 5px;
    height: 1px;
    width: 0;
    background-color: var(--theme);
    transition: all 0.4s ease-in-out;
}
.team-items .team-content h4 a:hover {
    color: var(--theme);
}
.team-items .team-content h4:hover::before {
    width: 100%;
}
.team-items:hover .team-image .team-social ul {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.team-items2 {
    margin-top: 30px;
    border-radius: 18px;
    background-color: #e9f2f1;
}
.team-items2 .team-image img {
    width: 100%;
    height: 100%;
    border-radius: 18px 18px 0 0;
}
.team-items2 .team-content {
    padding: 50px 0 20px;
    text-align: center;
    position: relative;
}
.team-items2 .team-content .social-profile {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 82%;
    content: "";
    z-index: 2;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
}
.team-items2 .team-content .social-profile ul {
    transform: translateY(100px);
    transition: all 0.6s ease-in-out;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
}
.team-items2 .team-content .social-profile ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    text-align: center;
    display: block;
    background: var(--white);
    color: var(--header);
    text-align: center;
    margin: 0 auto;
    font-size: 16px;
    margin-bottom: 5px;
}
.team-items2 .team-content .social-profile ul li a:hover {
    color: var(--black);
    background-color: var(--theme-3);
}
.team-items2 .team-content .social-profile .plus-btn {
    z-index: 9;
    cursor: pointer;
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
    background: var(--theme-3);
    color: var(--black);
    font-size: 16px;
}
.team-items2 .team-content .social-profile:hover ul {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.team-details-wrapper .team-author-items {
    display: flex;
    align-items: center;
    gap: 30px;
    padding: 30px;
    background-color: var(--bg);
    border-radius: 12px;
}
@media (max-width: 1199px) {
    .team-details-wrapper .team-author-items {
        flex-wrap: wrap;
        gap: 20px;
        justify-content: center;
        text-align: center;
    }
}
.team-details-wrapper .team-author-items .thumb {
    max-width: 370px;
}
.team-details-wrapper .team-author-items .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 8px;
}
.team-details-wrapper .team-author-items .content {
    max-width: 700px;
}
.team-details-wrapper .team-author-items .content h2 {
    font-size: 30px;
    margin-bottom: 5px;
}
@media (max-width: 575px) {
    .team-details-wrapper .team-author-items .content h2 {
        font-size: 26px;
    }
}
.team-details-wrapper .team-author-items .content span {
    margin-bottom: 10px;
    display: inline-block;
}
.team-details-wrapper .team-author-items .content ul {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 50px;
    border-top: 1px solid var(--border);
    padding: 20px 0;
}
@media (max-width: 1199px) {
    .team-details-wrapper .team-author-items .content ul {
        flex-wrap: wrap;
        gap: 15px;
        margin-top: 20px;
        justify-content: center;
    }
}
.team-details-wrapper .team-author-items .content ul li {
    color: var(--header);
}
.team-details-wrapper .team-author-items .content ul li span {
    font-weight: 500;
    color: var(--theme);
}
.team-details-wrapper .team-author-items .content ul li i {
    margin-right: 5px;
}
.team-details-wrapper .team-author-items .content ul li .color-star {
    color: var(--theme);
}
.team-details-wrapper .team-author-items .content .social-itemx {
    display: flex;
    align-items: center;
    gap: 10px;
}
@media (max-width: 1199px) {
    .team-details-wrapper .team-author-items .content .social-itemx {
        justify-content: center;
        flex-wrap: wrap;
    }
}
.team-details-wrapper .team-author-items .content .social-itemx h6 {
    color: var(--theme);
}
.team-details-wrapper .team-author-items .content .social-itemx .social-icon {
    gap: 15px;
    position: relative;
    z-index: 9;
}
.team-details-wrapper .team-author-items .content .social-itemx .social-icon a {
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    font-size: 16px;
    display: block;
    color: var(--theme);
    transition: all 0.4s ease-in-out;
    text-align: center;
    background-color: transparent;
    border: 1px solid var(--theme);
    border-radius: 50%;
}
.team-details-wrapper
    .team-author-items
    .content
    .social-itemx
    .social-icon
    a:hover {
    background-color: var(--theme);
    color: var(--white);
    border: 1px solid transparent;
}
.team-details-wrapper .details-info-items {
    padding: 70px 0 40px;
    border-bottom: 1px solid var(--border);
}
@media (max-width: 767px) {
    .team-details-wrapper .details-info-items {
        padding: 50px 0;
    }
}
@media (max-width: 575px) {
    .team-details-wrapper .details-info-items {
        padding: 40px 0;
    }
}
.team-details-wrapper .details-info-items .info-content h2 {
    font-size: 30px;
    margin-bottom: 15px;
}
.team-details-wrapper .details-info-items .progress-wrap {
    margin-left: 30px;
}
@media (max-width: 991px) {
    .team-details-wrapper .details-info-items .progress-wrap {
        margin-left: 0;
    }
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items {
    width: 100%;
}
.team-details-wrapper
    .details-info-items
    .progress-wrap
    .pro-items:not(:last-child) {
    margin-bottom: 20px;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .pro-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 10px;
}
.team-details-wrapper
    .details-info-items
    .progress-wrap
    .pro-items
    .pro-head
    .title {
    font-size: 16px;
    font-weight: 600;
    color: var(--header);
}
.team-details-wrapper
    .details-info-items
    .progress-wrap
    .pro-items
    .pro-head
    .point {
    font-size: 16px;
    color: var(--header);
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .progress {
    background: var(--bg);
    justify-content: flex-start;
    border-radius: 0px;
    align-items: center;
    position: relative;
    display: flex;
    height: 10px;
    width: 100%;
}
.team-details-wrapper
    .details-info-items
    .progress-wrap
    .pro-items
    .progress-value {
    animation: load 3s normal forwards;
    border-radius: 0;
    background: var(--theme);
    height: 10px;
    width: 0;
}
.team-details-wrapper .details-info-items .progress-wrap .pro-items .style-two {
    animation: load2 3s normal forwards;
}
.team-details-wrapper
    .details-info-items
    .progress-wrap
    .pro-items
    .style-three {
    animation: load3 3s normal forwards;
}
@keyframes load {
    0% {
        width: 0;
    }
    100% {
        width: 90%;
    }
}
@keyframes load2 {
    0% {
        width: 0;
    }
    100% {
        width: 70%;
    }
}
@keyframes load3 {
    0% {
        width: 0;
    }
    100% {
        width: 55%;
    }
}

.testimonial-main-item {
    position: relative;
    margin-top: 30px;
    overflow: hidden;
    border-radius: 20px;
}
.testimonial-main-item .top-shape {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}
.testimonial-main-item .testimonial-card-item {
    padding: 30px;
    background-color: var(--bg);
    position: relative;
    border-radius: 20px;
}
.testimonial-main-item .testimonial-card-item .polygon-shape {
    position: absolute;
    left: 30px;
    bottom: -38px;
}
.testimonial-main-item .testimonial-card-item .testimonial-content .star {
    color: #ffb700;
    font-size: 24px;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}
.testimonial-main-item .testimonial-card-item .testimonial-content p {
    font-size: 18px;
}
.testimonial-main-item .testimonial-card-item .testimonial-content .info-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
}
.testimonial-main-item
    .testimonial-card-item
    .testimonial-content
    .info-item
    .icon {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    text-align: center;
    background-color: var(--theme);
    color: var(--white);
}
.testimonial-main-item .client-info-item {
    padding: 40px 25px 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.client-info-item .client-image img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
}

.testimonial-section2 {
    position: relative;
}
.testimonial-section2 .reviews-wrapper .reviews-content img {
    margin-bottom: 10px;
}
.testimonial-section2 .thumb img {
    width: 100%;
    height: 100%;
    border-radius: 18px;
}
.testimonial-section2 .thumb.style-3 {
    margin-top: 30px;
}
.testimonial-section2 .content-left {
    margin-top: 190px;
}
@media (max-width: 991px) {
    .testimonial-section2 .content-left {
        margin-top: 0;
    }
}
.testimonial-section2 .content-left img {
    margin-bottom: 15px;
}
.testimonial-section2 .content-left.style-3 {
    padding: 0 60px;
}
@media (max-width: 575px) {
    .testimonial-section2 .content-left.style-3 {
        padding: 0;
    }
}
@media (max-width: 991px) {
    .testimonial-section2 .content-left.style-3 {
        padding-left: 0;
    }
}
.testimonial-section2 .content-left.style-3 h3 {
    font-weight: 400;
    line-height: 40px;
}
.testimonial-section2 .content-left.style-3 h3:not(:last-child) {
    border-bottom: 1px solid rgba(37, 37, 37, 0.4);
    padding-bottom: 30px;
    margin-bottom: 40px;
}
@media (max-width: 575px) {
    .testimonial-section2 .content-left.style-3 h3:not(:last-child) {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}
@media (max-width: 1199px) {
    .testimonial-section2 .content-left.style-3 h3 {
        font-size: 16px;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
}
.testimonial-section2 .content-right {
    margin-left: 40px;
}
@media (max-width: 1199px) {
    .testimonial-section2 .content-right {
        margin-left: 0;
    }
}
.testimonial-section2 .content-right .icon {
    margin-top: 16px;
    margin-bottom: 6px;
}
@media (max-width: 575px) {
    .testimonial-section2 .content-right .icon {
        margin-bottom: 0;
    }
}
.testimonial-section2 .content-right p {
    margin-bottom: 14px;
}
.testimonial-section2 .content-slide-3 {
    padding: 0 60px;
}
@media (max-width: 575px) {
    .testimonial-section2 .content-slide-3 {
        padding: 0;
    }
}
@media (max-width: 991px) {
    .testimonial-section2 .content-slide-3 {
        padding-left: 0;
    }
}
.testimonial-section2 .content-slide-3 h3 {
    font-weight: 400;
    line-height: 40px;
}
.testimonial-section2 .content-slide-3 h3:not(:last-child) {
    border-bottom: 1px solid rgba(37, 37, 37, 0.4);
    padding-bottom: 30px;
    margin-bottom: 40px;
}
@media (max-width: 575px) {
    .testimonial-section2 .content-slide-3 h3:not(:last-child) {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
}
@media (max-width: 1199px) {
    .testimonial-section2 .content-slide-3 h3 {
        font-size: 16px;
        padding-bottom: 25px;
        margin-bottom: 25px;
    }
}
.testimonial-section2 .btn-wrap {
    display: flex;
    gap: 24px;
    margin-top: 50px;
}
@media (max-width: 991px) {
    .testimonial-section2 .btn-wrap {
        position: static;
        margin-top: 25px;
    }
}
.testimonial-section2 .btn-wrap .array-prev,
.testimonial-section2 .btn-wrap .array-next {
    width: 60px;
    height: 60px;
    background: var(--bg-2);
    line-height: 70px;
    border-radius: 6px;
    transition: all 0.4s ease-in-out;
    text-align: center;
}
.testimonial-section2 .btn-wrap .array-prev:hover,
.testimonial-section2 .btn-wrap .array-next:hover {
    background-color: var(--theme-2);
}
.testimonial-section2 .btn-wrap .array-prev:hover img,
.testimonial-section2 .btn-wrap .array-next:hover img {
    filter: invert(1);
}
@media (max-width: 991px) {
    .testimonial-section2 .btn-wrap {
        bottom: 9%;
        left: 9%;
    }
}
@media (max-width: 575px) {
    .testimonial-section2 .btn-wrap {
        display: none;
    }
}
.testimonial-section2 .array-button {
    display: flex;
    align-items: center;
    gap: 20px;
    position: absolute;
    right: 19%;
    bottom: 22%;
    z-index: 1;
}
@media (max-width: 1199px) {
    .testimonial-section2 .array-button {
        right: 10%;
        bottom: 14%;
    }
}
@media (max-width: 991px) {
    .testimonial-section2 .array-button {
        bottom: 7%;
    }
}
@media (max-width: 575px) {
    .testimonial-section2 .array-button {
        display: none;
    }
}

.testi-new-conetent {
    padding-left: 70px;
    border-left: 1px solid #ebebeb;
}
@media (max-width: 1199px) {
    .testi-new-conetent {
        padding-left: 0;
        border-left: none;
    }
    
} /*# sourceMappingURL=main.css.map */


/* Wrapper untuk stack gambar */
.about-stack-gallery {
  position: relative;
  height: 350px; /* default desktop */
}

/* Style dasar gambar */
.about-stack-img {
  position: absolute;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.2);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* Hover effect */
.about-stack-img:hover {
  transform: scale(1.05);
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.3);
  z-index: 2;
}

/* Gambar utama */
.about-stack-img.img-main {
  top: 0;
  left: 0;
  width: 80%;
  height: 80%;
}

/* Gambar kedua */
.about-stack-img.img-secondary {
  bottom: 0;
  left: 120px;
  width: 75%;
  height: 75%;
  border: 4px solid rgba(255, 255, 255, 0);
}

/* Deskripsi */
.about-desc {
  font-size: 1.05rem;
  line-height: 1.8;
}

/* Responsive untuk mobile */
@media (max-width: 768px) {
  .about-stack-gallery {
    height: 280px; /* lebih kecil biar pas layar hp */
  }

  .about-stack-img.img-main {
    width: 85%;
    height: 70%;
    top: 0;
    left: 10%;
  }

  .about-stack-img.img-secondary {
    width: 65%;
    height: 60%;
    bottom: 0;
    left: 20%;
  }
}