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

::-webkit-scrollbar-track {
    background: #f5f5f5 !important;
    border-radius: 10px !important;
}

::-webkit-scrollbar-thumb {
    background-color: #588E80 !important;
    border: 2px solid #588E80 !important;
    border-radius: 500px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #588E80 !important;
}

.home-page-main-content h2 {
    font-size: 25px;
    font-weight: 700;
    color: #000;
}

@media (max-width: 1200px) {
    .home-page-main-content h2 {
        font-size: 20px;
    }
}

/*divider start*/

.home-page-main-content .divider {
    display: table;
    font-size: 24px;
    text-align: center;
    width: 100%; /* divider width */
    margin: 75px auto; /* spacing above/below */
}

.home-page-main-content .divider span {
    display: table-cell;
    position: relative;
}

.home-page-main-content .divider span:first-child, .home-page-main-content .divider span:last-child {
    width: 50%;
    top: 13px; /* adjust vertical align */
    -moz-background-size: 100% 2px; /* line width */
    background-size: 100% 2px; /* line width */
    background-position: 0 0, 0 100%;
    background-repeat: no-repeat;
}

.home-page-main-content .divider span:first-child { /* color changes in here */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(#dfdfdf));
    background-image: -webkit-linear-gradient(180deg, transparent, #dfdfdf);
    background-image: -moz-linear-gradient(180deg, transparent, #dfdfdf);
    background-image: -o-linear-gradient(180deg, transparent, #dfdfdf);
    background-image: linear-gradient(90deg, transparent, #dfdfdf);
}

.home-page-main-content .divider span:nth-child(2) {
    color: #000;
    padding: 0px 5px;
    width: auto;
    white-space: nowrap;
}

.home-page-main-content .divider span:last-child { /* color changes in here */
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#dfdfdf), to(transparent));
    background-image: -webkit-linear-gradient(180deg, #dfdfdf, transparent);
    background-image: -moz-linear-gradient(180deg, #dfdfdf, transparent);
    background-image: -o-linear-gradient(180deg, #dfdfdf, transparent);
    background-image: linear-gradient(90deg, #dfdfdf, transparent);
}

.home-page-main-content .divider img {
    margin-top: -22px;
}

.home-page-main-content .world-divider img {
    margin-top: -12px;
}

/*divider end*/

/*main page header start*/

.main-page-main-header {
    z-index: 3001 !important;
    background: linear-gradient(0deg, rgb(255 255 255 / 0%) 0%, rgb(111 111 111 / 20%) 25%, rgb(0 0 0 / 17%) 100%, rgb(225 225 225 / 0%) 77%) !important;
    /*background: transparent !important;*/
    box-shadow: none !important;
    /*box-shadow: 0 0 25px rgba(0, 0, 0, 0.1), inset 0 0 1px rgba(255, 255, 255, 0.6) !important;*/
    position: relative;
}

.main-page-main-header .navbar-nav .nav-item:not(:last-child)::after {
    content: '';
    width:0;

}

.main-page-head-wrapper .center-logo,
.main-page-head-wrapper .logo-img {
    background: transparent !important;
}

.main-page-head-wrapper {
    border-bottom: none !important;
    /*color: #fff !important;*/
}

.main-page-head-wrapper .dropdown-toggle::after {
    color: #fff !important;
}

.main-page-head-wrapper .menu-icons svg {
    stroke: #fff !important;
    stroke-width: 2px !important;
    transition: stroke 0.3s ease;
}

.main-page-head-wrapper .dm-remove-item svg {
    stroke: #d5d8dc !important;
}

.main-page-head-wrapper .navbar-nav .nav-link:hover,
.main-page-head-wrapper .navbar-nav .nav-item:hover > .nav-link {
    background-color: #f6f6f6;
}

@media (max-width: 768px) {
    .main-page-head-wrapper .menu-icons svg {
        margin-right: 8px;
    }
}

@media (min-width: 1200px) {
    .main-page-head-wrapper .nav-link {
        color: #fff !important;
        transition: color 0.3s ease;
    }

    .main-page-head-wrapper .nav-item {
        transition: background-color 0.3s ease !important;
    }

    .main-page-head-wrapper .nav-item:hover .nav-link {
        color: #616161 !important;
    }

    .main-page-head-wrapper .nav-item:hover .nav-link::after {
        color: #588E80 !important;
    }

    .main-page-head-wrapper .nav-arrow svg {
        stroke: #fff !important;
    }

    .main-page-head-wrapper .menu-icons span {
        /*color: #fff !important;*/
    }

}

/*main page header end*/

/*intro head start*/

.intro-header {
    position: relative;
    margin-top: -90px;
}

.intro-header .vertical-divider {
    width: 2px;
    height: 60px;
    background-color: #fff;
}

.intro-header .up {
    transform: translateY(-200px);
    opacity: 0;
    transition: transform 1s ease, opacity 1.5s ease;
}

.intro-header .swiper-slide-active .up {
    transform: translateY(0);
    opacity: 1;
}

.intro-header .down {
    transform: translateY(200px);
    opacity: 0;
    transition: transform 1s ease, opacity 1.5s ease;
    margin-bottom: 110px;
}

.intro-header .swiper-slide-active .down {
    transition-delay: 0.6s;
    transform: translateY(0);
    opacity: 1;
}

.intro-header .swiper-slide {
    padding: 0 120px;
    height: 100vh;
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 60px;
    align-items: start;
    justify-content: center;
    position: relative;
}

.intro-header .swiper-slide::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-color: rgba(0, 0, 0, 0.56);*/
    background: linear-gradient(to top, rgba(0, 0, 0, 0.35) 30%, #a5a5a51f 55%, rgba(0, 0, 0, 0.35) 100%);
    z-index: 2000;
}

.intro-header .swiper-slide img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.intro-header .swiper-slide .text-container > * {
    transform: translateY(200px);
    opacity: 0;
    transition: transform 1s ease, opacity 1.5s ease;
}

.intro-header .swiper-slide-active .text-container > * {
    transform: translateY(0);
    opacity: 1;
}

.intro-header .swiper-slide-active .text-container > *:nth-child(1) {
    transition-delay: 0.4s;
}

.intro-header .swiper-slide-active .text-container > *:nth-child(2) {
    transition-delay: 0.4s;
}

.intro-header .swiper-slide-active .text-container > *:nth-child(3) {
    transition-delay: 0.8s;
}

.intro-header .swiper-slide .destination {
    display: flex;
    align-items: center;
    gap: 4px;
}

.intro-header .swiper-slide .destination span {
    font-weight: 600;
    font-size: 15px;
}

.intro-header .swiper-slide .text-container p {
    /*font-size: 65px;*/
    font-size: 40px;
    font-weight: 700;
    /*letter-spacing: 1px;*/
    letter-spacing: 2px;
    margin-bottom: 0;
    line-height: 95px;
}

/*scroll start*/

.mouse-container {
    margin-bottom: -550px;
    z-index: 2010;
}

@media (max-width: 1200px) {
    .mouse-container {
        margin-bottom: -450px;
    }
}

.mouse {
    width: 25px;
    height: 40px;
    border: 2px solid rgb(196, 196, 196);
    background-color: transparent;
    border-radius: 13px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.scroll {
    width: 3px;
    height: 10px;
    background-color: rgb(196, 196, 196);
    border-radius: 2px;
    position: absolute;
    bottom: 9px;
    animation: move_918 1.5s linear infinite;
}

@keyframes move_918 {
    0% {
        bottom: 9px;
    }

    50% {
        bottom: 5px;
    }

    100% {
        bottom: 9px;
    }
}

/*scroll end*/

.intro-header .swiper-slide .text-container .more-txt {
    color: #fff;
    font-size: 17px;
    margin-bottom: 0;
    line-height: 55px;
}


@media (max-width: 1200px) {
    .intro-header .swiper-slide {
        padding: 75px 50px;
        justify-content: center;
    }

    .intro-header .swiper-slide .up {
        margin-top: -100px;
    }

    .intro-header .swiper-slide .text-container p {
        font-size: 31px;
        line-height: 36px;
        margin: 16px 0;
    }

    .intro-header .swiper-slide .text-container .more-txt {
        font-size: 16px;
        line-height: 24px;
    }
}

.intro-header .swiper-slide .text-container {
    display: flex;
    flex-direction: column;
    text-align: start;
    align-items: start;
    justify-content: center;
    z-index: 2010;
    color: #fff;
}

@media (min-width: 1200px) {
    .intro-header .swiper-slide .text-container {
        padding-right: 100px;
    }
}

@media (max-width: 1200px) {
    .intro-header .swiper-slide .text-container {
        padding-right: 14px;
    }
}

/*.intro-header .slide-1::before,*/
/*.intro-header .slide-2::before,*/
/*.intro-header .slide-3::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    top: 0;*/
/*    right: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: #00000033;*/
/*}*/

.intro-header .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: transparent;
    border: 2px solid #fff;
    opacity: 1;
    transition: background-color 0.3s ease, height 0.3s ease;
}

.intro-header .swiper-pagination-bullet-active {
    height: 30px;
    border-radius: 10px;
    background-color: #fff;
}

.intro-header .swiper-pagination-bullet:hover {
    background-color: #588E80;
}

.intro-header .swiper-horizontal > .swiper-pagination-bullets,
.intro-header .swiper-pagination-bullets.swiper-pagination-horizontal {
    width: 30px;
    position: absolute;
    top: 0;
    bottom: 0;
    margin-top: auto;
    margin-bottom: auto;
    height: fit-content;
    right: 1%;
}

.intro-header .quick-search {
    z-index: 2000;
    border-radius: 25px;
    padding: 35px 20px;
    position: absolute;
    bottom: 20px;
    justify-self: anchor-center;
}

.intro-header .quick-search label {
    font-size: 14px;
    font-weight: 600;
    color: #616161;
}

.intro-header .quick-search input {
    width: 100%;
    border-radius: 25px;
    border: 1px solid #bbb;
    padding: 5px 10px;
    color: #616161;
}

.intro-header .quick-search button {
    width: 100%;
    background-color: #588E80;
    color: #fff;
    border-radius: 25px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.intro-header .quick-search button:hover {
    color: #fff;
}

.intro-header .quick-search button:after {
    content: "";
    background: #5C6680;
    position: absolute;
    z-index: -1;
    left: -20%;
    right: -20%;
    top: 0;
    bottom: 0;
    transform: skewX(-45deg) scale(0, 1);
    transition: all 0.5s;
}

.intro-header .quick-search button:hover:after {
    transform: skewX(-45deg) scale(1, 1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

/*DATE PICKER START*/

jdp-container {
    background-color: #f5f5f5;
    border-radius: 25px;
    z-index: 5000 !important;
    margin-top: 10px;
}

.jdp-btn-close, .jdp-btn-empty, .jdp-btn-today {
    background: #588E80 !important;
}

.jdp-month, .jdp-year {
    font-size: 17px !important;
}

/*intro head end*/
.swiper-button-next, .swiper-button-prev {
    border: 1px solid #588E80 !important;
    background: #fff !important;
    color: #588E80 !important;
    border-radius: 50% !important;
    width: 35px !important;
    height: 35px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    transition: background-color 0.3s ease !important;
}

.swiper-button-next:hover, .swiper-button-prev:hover {
    background-color: #d8d8d8 !important;
}

.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 22px !important;
}

/*special tours start*/

.home-page-main-content .special-tours .card {
    position: relative;
    width: 290px;
    height: 320px;
    overflow: hidden;
    border-radius: 20px;
    border: none;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    background-color: #fff;
    transition: transform 0.3s ease;
}

.home-page-main-content .special-tours .imgBox {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.home-page-main-content .special-tours .imgBox::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #00000038 40%, transparent 60%);
}

.home-page-main-content .special-tours .imgBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.home-page-main-content .special-tours .tour-card .card-body {
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    padding: 20px;
    color: #333;
}

.home-page-main-content .special-tours .card-title {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    margin-bottom: 10px;
}

/* Hide text initially */
/*.home-page-main-content .special-tours .card-text,*/
/*.home-page-main-content .special-tours .card-price {*/
/*    display: none;*/
/*}*/

.home-page-main-content .special-tours .tour-card .card-text {
    color: #fff;
}

/*.card:hover .card-text,*/
/*.card:hover .card-price {*/
/*    display: block; !* Show the card text and price on hover *!*/
/*}*/

.home-page-main-content .special-tours .plane-img {
    position: absolute;
    right: -150px;
}

.home-page-main-content .special-tours {
    margin-top: 75px;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.special-tours.visible {
    opacity: 1;
    transform: translateY(0);
}

.home-page-main-content .special-tours .see-all {
    text-decoration: none;
    border-radius: 25px;
    padding: 5px 10px 5px 5px;
    background-color: #588E80;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 14px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.home-page-main-content .special-tours .see-all:hover {
    color: #fff;
}

.home-page-main-content .special-tours .see-all:after {
    content: "";
    background: #5C6680;
    position: absolute;
    z-index: -1;
    left: -20%;
    right: -20%;
    top: 0;
    bottom: 0;
    transform: skewX(-45deg) scale(0, 1);
    transition: all 0.5s;
}

.home-page-main-content .special-tours .see-all:hover:after {
    transform: skewX(-45deg) scale(1, 1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.home-page-main-content .special-tours .swiper-slide {
    min-height: 281.5px;
}

.home-page-main-content .special-tours .swiper-wrapper {
    padding-bottom: 60px;
}

.home-page-main-content .special-tours .swiper-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    padding: 0 20px;
    z-index: 10;
}

.home-page-main-content .special-tours .swiper-button-next,
.home-page-main-content .special-tours .swiper-button-prev {
    z-index: 1000;
}

.home-page-main-content .special-tours .swiper-pagination {
    z-index: 1;
}

.home-page-main-content .special-tours .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -15px;
}

.home-page-main-content .special-tours .swiper-pagination-bullet {
    width: 15px;
    height: 15px;
    background-color: #F4F4F4;
    opacity: 1;
    transition: background-color 0.3s ease, width 0.3s ease;
}

.home-page-main-content .special-tours .swiper-pagination-bullet-active {
    border-radius: 10px;
    width: 30px;
    background-color: #588E80;
}

.home-page-main-content .special-tours .swiper-pagination-bullet:hover {
    background-color: #588E80;
}

/*.home-page-main-content .special-tours .card a {*/
/*    text-decoration: none;*/
/*    font-weight: 700;*/
/*    font-size: 18px;*/
/*}*/

.home-page-main-content .special-tours .custom-tour-slide .card .card-text {
    color: #616161;
}

.home-page-main-content .special-tours .card .card-price {
    font-size: 18px;
    margin: 0;
    color: #fff;
}

.home-page-main-content .special-tours .card-img-top {
    height: 160px;
    object-fit: cover;
}

.home-page-main-content .special-tours .custom-tour-slide .card-body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 25px;
}

.home-page-main-content .special-tours .custom-tour-slide .card-body .card-title {
    font-weight: 700;
    font-size: 18px;
    color: #000;
    margin-bottom: 0;
}

.home-page-main-content .special-tours .custom-tour-slide .card-body .card-text {
    font-size: 14px;
    margin-bottom: 0;
    text-align: center;
}

.home-page-main-content .special-tours .custom-tour-slide .btn {
    border-radius: 25px;
    padding: 6px 40px;
    border: 1px solid #198754;
}

.home-page-main-content .special-tours .custom-tour-slide .card {
    border: 2px dashed #588E80;
}

/*special tours end*/

/*popular destinations start*/

.home-page-main-content .popular-destinations {
    padding: 50px 0;
    margin-top: 75px;
    /*background-image: url("/wp-content/uploads/2025/10/map-2.png");*/
    opacity: 0;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.popular-destinations.visible {
    opacity: 1;
    transform: translateY(0);
}

.home-page-main-content .popular-destinations::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 0;
    pointer-events: none;
}

.home-page-main-content .popular-destinations > * {
    position: relative;
    z-index: 1;
}

.home-page-main-content .popular-destinations .destination-card {
    border-radius: 25px;
}

.home-page-main-content .destination-card {
    height: 20rem;
    cursor: pointer;
    transition: transform 0.5s;
}

.home-page-main-content .destination-card img {
    transition: transform 0.5s;
}

.home-page-main-content .destination-card:hover img {
    transform: scale(1.1);
}

.home-page-main-content .destination-card .overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    transition: background 0.3s;
}

.home-page-main-content .destination-card:hover .overlay {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
}

.home-page-main-content .destination-card .card-content {
    transform: translateY(33%);
    transition: transform 0.5s ease-in-out;
}

.home-page-main-content .destination-card:hover .card-content {
    transform: translateY(0);
}

.home-page-main-content .destination-card .destination-country,
.home-page-main-content .destination-card .btn {
    opacity: 0;
    transition: opacity 0.3s 0.2s;
    display: block;
}

.home-page-main-content .destination-card:hover .destination-country,
.home-page-main-content .destination-card:hover .btn {
    opacity: 1;
}

.home-page-main-content .destination-card .btn {
    transform: translateY(1rem);
    transition: all 0.5s 0.3s;
}

.home-page-main-content .destination-card:hover .btn {
    transform: translateY(0);
}

.home-page-main-content .destination-card .btn {
    border-radius: 25px;
    background-color: #588E80;
    color: #fff;
}

.object-fit-cover {
    object-fit: cover;
}

/*popular destinations end*/

/*customers club start*/

.home-page-main-content .customer-club {
    margin-top: 75px;
    border-radius: 25px;
    position: relative;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.customer-club.visible {
    opacity: 1;
    transform: translateY(0);
}

.home-page-main-content .customer-club .club-register {
    height: 480px;
}

.home-page-main-content .customer-club .club-register .decorative-img {
    position: absolute;
    right: 125px;
    top: 60px;
    transition: transform 0.2s ease-out; /* Smooth transition for the rotation */
    transform-origin: center;
}

.home-page-main-content .customer-club .img-container {
    width: 60%;
    background-color: rgb(232 241 240);
    padding: 30px;
    border-radius: 0 0 190px 196px;
    position: relative;
    max-height: 480px;
}

.home-page-main-content .customer-club .container-2 {
    width: 40%;
    max-height: 380px;
    position: absolute;
    right: 75px;
    bottom: 0;
}

.home-page-main-content .customer-club .img-container .absolute-border {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 100%;
    height: 97%;
    border-radius: 0 0 325px 325px;
    border: 2px solid #5C6680;
}

.home-page-main-content .customer-club .img-container img {
    width: 100%;
    max-height: 400px;
    object-fit: cover;
    border-radius: 0 0 285px 285px;
}

.home-page-main-content .customer-club .container-2 img {
    width: 100%;
    max-height: 250px;
    object-fit: cover;
    border-radius: 0 0 285px 285px;
}

.home-page-main-content .customer-club .plane-img {
    position: absolute;
    right: -150px;
    transform: rotateX(-180deg)
}

.home-page-main-content .customer-club .club-features {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.home-page-main-content .customer-club .club-features li {
    flex-direction: column;
    align-items: start;
    text-align: start;
}

.home-page-main-content .customer-club .club-features i {
    line-height: 10px;
    color: #588E80;
    font-size: 42px;
}

.home-page-main-content .customer-club .club-features li span {
    font-size: 16px;
}

@media (max-width: 1200px) {
    .home-page-main-content .customer-club .img-container {
        width: 95%;
    }

    .home-page-main-content .customer-club .club-features i {
        font-size: 27px;
    }

    .home-page-main-content .customer-club .club-features li span {
        font-size: 13px;
    }
    .home-page-main-content .customer-club .club-features {
        gap: 8px;
    }
}


.home-page-main-content .club-register h3 {
    font-size: 25px;
    font-weight: 500;
}

.home-page-main-content .club-register {
    border-radius: 25px;
}

.home-page-main-content .club-register form {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.home-page-main-content .customer-club form input {
    border-radius: 25px;
    border: 1px solid #bbb;
}

.home-page-main-content .customer-club .bi-envelope {
    position: absolute;
    font-size: 24px;
    top: 33px;
    left: 0;
}

.home-page-main-content .bi-box-arrow-in-left {
    margin-bottom: -8px;
}

.home-page-main-content .bi-person-add {
    margin-bottom: -4px;
}

.home-page-main-content .customer-club .btn {
    cursor: pointer;
    position: relative;
    padding: 10px 24px;
    font-size: 18px;
    color: #588E80;
    border: 2px solid #588E80;
    border-radius: 25px;
    background-color: transparent;
    font-weight: 600;
    transition: all 0.3s cubic-bezier(0.23, 1, 0.320, 1);
    overflow: hidden;
}

.home-page-main-content .customer-club .btn::before {
    content: '';
    position: absolute;
    inset: 0;
    margin: auto;
    width: 50px;
    height: 50px;
    border-radius: inherit;
    scale: 0;
    z-index: -1;
    background-color: #588E80;
    transition: all 0.6s cubic-bezier(0.23, 1, 0.320, 1);
}

.home-page-main-content .customer-club .btn:hover::before {
    scale: 3;
}

.home-page-main-content .customer-club .btn:hover {
    color: #212121;
    box-shadow: 0 0px 20px rgba(88, 142, 128, 0.2);
}

.home-page-main-content .customer-club .btn:active {
    scale: 1;
}

.home-page-main-content .customer-club .btn:hover {
    background-color: #588E80;
    color: #fff;
}

/*customers club end*/


/*steps start*/

/*@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@200&display=swap");*/
body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}


.home-page-main-content .register-steps {
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
    margin-top: 75px;
    padding: 50px 0;


    /*width: 100%;*/
    /*height: 100%;*/
    /*background-image: linear-gradient(*/
    /*        40deg,*/
    /*        rgb(248, 248, 248) 50%,*/
    /*        #d8d8d8 55%,*/
    /*        rgb(248, 248, 248) 55%*/
    /*);*/
    /*background-size: 2em 2em;*/
    /*background-repeat: round;*/
    /*background-color: rgb(248, 248, 248);*/


    width: 100%;
    height: 100%;
    /* Add your background pattern here */
    background-color: #ffffff;
    background-image: radial-gradient(rgba(12, 12, 12, 0.08) 2px, transparent 0);
    background-size: 30px 30px;
    background-position: -5px -5px;
}


.home-page-main-content .register-steps.visible {
    opacity: 1;
    transform: translateY(0);
}

.home-page-main-content .road-map-main .first-walk {
    position: absolute;
    top: -34px;
    right: 37px;
}

.home-page-main-content .road-map-main .second-walk {
    position: absolute;
    top: 85px;
    right: 22px;
    transform: rotate(-68deg);
}


.road-map-main {
    .road-map-wrapper {
        position: relative;
        display: flex;
        flex-direction: column;
        height: 100px;
        @media (max-width: 991px) {
            margin-bottom: 25px;
            height: auto;
            display: block;
        }

        &::before {
            content: "";
            width: 100%;
            clear: both;
            display: block;
        }

        &::after {
            content: "";
            width: 100%;
            clear: both;
            display: block;
        }

        .road-map-circle {
            position: relative;
            width: 109px;
            height: 110px;
            border-radius: 50%;
            border: 10px solid transparent;
            border-top-color: #efefef;
            border-right-color: #efefef;
            position: absolute;
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
            margin: auto;
            transform: rotate(45deg);
            @media (max-width: 992px) {
                position: unset;
                border: 13px solid #efefef;
            }

            .road-map-circle-text {
                width: 65px;
                height: 65px;
                border-radius: 50%;
                background-color: #588E80;
                font-size: 35px;
                font-weight: 600;
                line-height: 26px;
                text-transform: capitalize;
                color: #fff;
                box-shadow: 0px 0px 10px 5px #00000021;
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                margin: auto;
                transform: rotate(-45deg);
            }

            .road-map-circle-text span {
                margin-bottom: -12px;
            }
        }

        .road-map-card {
            width: 35%;
            float: right;
            background: #efefef;
            padding: 20px 20px;
            z-index: 1;
            position: absolute;
            right: 38px;
            border-radius: 25px;

            &::before {
                content: "";
                width: 25%;
                height: 10px;
                background: #efefef;
                position: absolute;
                top: 50%;
                transform: translateY(-50%);
                left: -24%;
                z-index: -1;
            }

            @media (max-width: 991px) {
                width: 100%;
                margin-top: 30px;
                position: unset;
                &::before {
                    content: "";
                    width: 10px;
                    height: 30%;
                    top: 36%;
                    transform: translateX(-50%);
                    left: 50%;
                }
            }
            @media (max-width: 425px) {
                top: 45%;
            }

            .card-head {
                font-size: 24px;
                text-align: right;
                font-weight: 600;
                text-transform: capitalize;
                margin: 0;
                color: #616161;
            }

            .card-text {
                color: #616161;
                margin: 0;
                text-align: end;
                display: -webkit-box;
                -webkit-line-clamp: 5;
                -webkit-box-orient: vertical;
                overflow: hidden;
                @media (max-width: 1199px) {
                    -webkit-line-clamp: 4;
                }
            }
        }

        &:nth-of-type(even) {
            .road-map-circle {
                border-bottom-color: #efefef;
                border-left-color: #efefef;
                border-top-color: transparent;
                border-right-color: transparent;
                @media (max-width: 991px) {
                    border-color: #efefef;
                }
            }

            .road-map-card {
            / / float: left;
                left: 40px;

                &::before {
                    right: -23%;
                    left: unset;
                    @media (max-width: 991px) {
                        content: "";
                        width: 10px;
                        height: 30%;
                        top: 38%;
                        transform: translateX(-50%);
                        left: 50%;
                    }
                    @media (max-width: 425px) {
                        top: 36%;
                    }
                }
            }
        }
    }
}

/*steps end*/

/*testimonial start*/

/*.home-page-main-content .testimonial-carousel {*/
/*    margin-top: 75px;*/
/*    max-height: 480px;*/
/*    overflow: hidden;*/
/*    transform: translateY(50px);*/
/*    transition: opacity 0.8s ease, transform 0.8s ease;*/
/*}*/

/*.testimonial-carousel.visible {*/
/*    opacity: 1;*/
/*    transform: translateY(0);*/
/*}*/

/*@media (max-width: 1200px) {*/
/*    .home-page-main-content .testimonial-carousel {*/
/*        max-height: 495px;*/
/*    }*/
/*}*/

/*.fvkKIs, .fvkKIs * {*/
/*    text-align: center;*/
/*}*/

/*testimonial start*/

.testimonial-carousel-wrapper .testimonial-header {
    background-color: transparent;
    background-image: linear-gradient(180deg, #FFFFFF00 0%, #FFFFFFBD 21%);
}

.testimonial-carousel-wrapper p {
    font-size: 28px;
    font-weight: 600;
    color: #616161;
}

.testimonial-carousel {
    position: relative;
    width: 100%;
    height: 100%;
}

.testimonial-carousel .swiper {
    padding-top: 50px;
}

.testimonial-carousel .swiper-slide {
    text-align: center;
    font-size: 18px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid transparent;
    transition: border 0.5s ease;
    height: auto;
    cursor: grab;
}

.testimonial-carousel .swiper-slide:active {
    cursor: grabbing;
}

.testimonial-carousel .swiper-wrapper {
    padding-bottom: 60px;
}

.testimonial-carousel .swiper-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 18px;
    left: 50%;
    transform: translateX(-50%);
    width: 200px;
    padding: 0 20px;
    z-index: 10;
}

.testimonial-carousel .swiper-button-next,
.testimonial-carousel .swiper-button-prev {
    z-index: 1000;
}

.testimonial-carousel .swiper-pagination {
    z-index: 1;
}


.testimonial-carousel .swiper-button-next, .testimonial-carousel .swiper-button-prev {
    background-color: transparent;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    padding: 0;
    transition: background-color 0.3s ease;
}



.testimonial-carousel .swiper-button-next:before {
    transform: rotate(180deg);
}

.testimonial-carousel .swiper-slide {
    border-radius: 10px;
}

.testimonial-carousel .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: -7px;
}

.testimonial-carousel .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    background-color: #F4F4F4;
    opacity: 1;
    transition: background-color 0.3s ease, width 0.3s ease;
}

.testimonial-carousel .swiper-pagination-bullet-active {
    background-color: #588E80;
    border-radius: 6px;
    width: 20px;
}

.testimonial-carousel .swiper-pagination-bullet:hover {
    background-color: #588E80;
}

.testimonial-carousel .card {
    border-radius: 25px;
    border: 1px solid #BCBEC057;
    background-color: #BCBEC00A;
    height: 100%;
    width: 400px;
}

.testimonial-carousel .card .card-body {
    padding: 20px;
}

.testimonial-carousel .card .testimonial-text {
    font-size: 15px;
    font-weight: 500;
    color: #616161;
    padding-bottom: 30px;
    font-style: italic;
    line-height: 2em;
}

.testimonial-carousel .card .card-foot-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.testimonial-carousel .card .card-foot-wrap .foot-img-wrap {
    width: 40px;
    height: 40px;
}

.testimonial-carousel .card .card-foot-wrap .foot-img-wrap img {
    width: 100%;
    height: 100%;
}

.testimonial-carousel .card .img-wrap {
    width: 100%;
    margin-top: -40px;
    height: 80px;
    border-radius: 50%;
}

.testimonial-carousel .card .img-wrap img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    padding: 8px;
    border: 1px solid #BCBEC057;
    background-color: #fff;
}

.testimonial-carousel .card .testimonial-author {
    font-size: 16px;
    color: #000;
    font-weight: 600;
    margin-bottom: 0;
}



.testimonial-carousel .review-stars i {
    color: #D4B754;
    font-size: 18px;
    margin-left: 2px;
}

/* Flip the half-star horizontally */
.testimonial-carousel .right-half {
    transform: scaleX(-1);
    display: inline-block;
}

/*testimonial end*/

/*testimonial end*/

/*about us start*/

.home-page-main-content .about-us {
    padding: 50px 0;
    margin-top: 75px;
    border-radius: 25px;
    background-image: url("/wp-content/uploads/2025/10/bg.jpg");
    position: relative;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.about-us.visible {
    opacity: 1;
    transform: translateY(0);
}

.home-page-main-content .about-us::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.8);
    z-index: 0;
    pointer-events: none;
}

.home-page-main-content .about-us > * {
    position: relative;
    z-index: 1;
}

.home-page-main-content .about-us .about-us-txt {
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.home-page-main-content .about-us p {
    color: #616161;
    line-height: 1.8em;
    margin-bottom: 0;
}

.home-page-main-content .about-us .stat-val {
    color: #588E80;
    font-size: 50px;
    line-height: 45px;
}

@media (max-width: 1200px) {
    .home-page-main-content .about-us .stat-val {
        font-size: 40px;
    }
}

.home-page-main-content .about-us .img-section .img-container {
    border-radius: 25px;
}

.home-page-main-content .about-us .img-section .first-img {
    position: absolute;
    left: 0;
}

.home-page-main-content .about-us .img-section .second-img {
    position: absolute;
    bottom: 32px;
    right: 65px;
}

@media (max-width: 1200px) {
    .home-page-main-content .about-us .img-section .second-img {
        bottom: 15px;
        right: 30px;
    }

    .home-page-main-content .about-us .img-section .first-img {
        position: absolute;
        left: 30px;
    }
}

.home-page-main-content .about-us .img-section img {
    border-radius: 25px;
}

.home-page-main-content .about-us .cta {
    width: 100%;
    border-radius: 25px;
    padding: 10px 70px;
    background-color: #588E80;
    color: #fff;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.home-page-main-content .about-us .cta:hover {
    color: #fff;
}

.home-page-main-content .about-us .cta:after {
    content: "";
    background: #5C6680;
    position: absolute;
    z-index: -1;
    left: -20%;
    right: -20%;
    top: 0;
    bottom: 0;
    transform: skewX(-45deg) scale(0, 1);
    transition: all 0.5s;
}

.home-page-main-content .about-us .cta:hover:after {
    transform: skewX(-45deg) scale(1, 1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

/*about us end*/

/*articles start*/

.home-page-main-content .articles {
    margin-top: 75px;
    position: relative;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.articles.visible {
    opacity: 1;
    transform: translateY(0);
}

.home-page-main-content .articles .plane-img {
    position: absolute;
    right: 0;
    bottom: -70px;
    transform: rotateX(-180deg)
}

.home-page-main-content .articles .swiper-wrapper {
    display: flex;
    align-items: center;
}

.home-page-main-content .articles .swiper-slide {
    height: 20rem;
    /*transition: height 0.5s ease;*/
}

.home-page-main-content .articles .swiper-slide:not(.swiper-slide-active):not(.swiper-slide-next):not(.swiper-slide-prev) {
    transform: none !important;
}

@media (min-width: 1000px) {
    .home-page-main-content .articles .swiper-slide-next {
        height: 25rem;
    }
}

.home-page-main-content .article-card {
    height: 100%;
    cursor: pointer;
    border-radius: 25px;
    transition: transform 0.5s, height 0.4s ease;
}

.home-page-main-content .article-card .article-date {
    position: absolute;
    top: 0;
    width: fit-content;
    padding: 5px 10px;
    border-radius: 0 0 25px 25px;
    background-color: #588E80;
    color: #fff;
    font-size: 14px;
}

.home-page-main-content .article-card .card-content h3 {
    color: #000;
    margin-bottom: 20px !important;
}

.home-page-main-content .article-card .card-content {
    text-align: center;
    right: 25px;
    width: 85%;
    padding: 10px 20px;
    border-radius: 25px 25px 0 0;
    background-color: #ffffffe3;
    transform: translateY(72%);
    transition: transform 0.8s ease-in-out;
}

.home-page-main-content .article-card:hover .card-content {
    transform: translateY(0);
}

.home-page-main-content .articles p {
    color: #616161;
    line-height: 1.8em;
    margin-bottom: 0;
}

.home-page-main-content .articles .swiper-slide p {
    color: #616161;
    line-height: 1.8em;
    margin-bottom: 0;
    font-size: 13px;
    display: -webkit-box !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 4 !important; /* تعداد خطوط مورد نظر */
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

.home-page-main-content .articles a {
    border-radius: 25px;
    padding: 10px 15px;
    background-color: #588E80;
    color: #fff;
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.home-page-main-content .articles a:hover {
    color: #fff;
}

.home-page-main-content .articles a:after {
    content: "";
    background: #5C6680;
    position: absolute;
    z-index: -1;
    left: -20%;
    right: -20%;
    top: 0;
    bottom: 0;
    transform: skewX(-45deg) scale(0, 1);
    transition: all 0.5s;
}

.home-page-main-content .articles a:hover:after {
    transform: skewX(-45deg) scale(1, 1);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

/*articles end*/

/*faq start*/

.home-page-main-content .faq {
    padding: 50px 0;
    margin-top: 75px;
    background: #fff;
    position: relative;
    transform: translateY(50px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

.faq.visible {
    opacity: 1;
    transform: translateY(0);
}

.home-page-main-content .faq::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("https://royastravel.com//wp-content/uploads/2025/10/white-map.png");
    opacity: 0.28;
    z-index: 0;
    pointer-events: none;
}

.home-page-main-content .faq > * {
    position: relative;
    z-index: 1;
}

.home-page-main-content .faq .img-container {
    width: 80%;
    background-color: rgb(232 241 240);
    padding: 30px;
    border-radius: 0 0 190px 196px;
    position: relative;
    max-height: 480px;
}

.home-page-main-content .faq .img-container .absolute-border {
    position: absolute;
    left: 16px;
    top: 16px;
    width: 100%;
    height: 97%;
    border-radius: 0 0 325px 325px;
    border: 2px solid #5C6680;
}

.home-page-main-content .faq .img-container img {
    max-height: 400px;
    object-fit: cover;
    border-radius: 0 0 285px 285px;
}

.home-page-main-content .accordion {
    --bs-accordion-border-color: rgb(221 221 221);
    --bs-accordion-inner-border-radius: 25px;
    --bs-accordion-border-radius: 25px;
    padding: 0;
}

.home-page-main-content .accordion-button:not(.collapsed) {
    color: #111;
    background-color:  rgb(245, 245, 245);
    box-shadow: none;
}

.home-page-main-content .accordion-button {
    font-size: 16px;
}

.home-page-main-content .accordion-body p {
    margin-bottom: 0;
    font-size: 16px;
    color: #616161;
}

/*faq end*/