:root {
    --primary-color: #27aae1; /* Sky Blue */
    --primary-color-rgb: 39, 170, 225;
    --accent-color: #ff7b39; /* Vibrant Orange */
    /* Brand Support Colors */
    --color-pink: #EC4899;
    --color-purple: #9333EA;
    --color-blue: #2563EB;
    --color-accent1: #2CACE2; /* Slightly deeper than primary */
    --color-accent2: #1476C4; /* Mid blue */
    --color-accent3: #0D4F7E; /* Deep navy-blue */
    /* Gradient: Balanced between cool and warm tones */
    --gradient-primary: linear-gradient( 135deg, var(--accent-color) 0%, var(--primary-color) 30%, var(--color-accent2) 55%, var(--color-accent3) 85%, var(--color-accent3) 100% /* Softer tail blend of the accent */
    );
    --gradient-login: linear-gradient(270deg, #2985cf 0%, #3ad2ff 100%);
    --gradient-subscribe: linear-gradient(270deg, #F26F73 0%, #C64145 100%);
    --gradient-footer: linear-gradient(0deg, rgba(248, 220, 207, 0.1) 0%, rgba(248, 220, 207, 1) 100%);
    /* Text & Borders */
    --text-dark: #000000;
    --text-muted: rgba(80, 80, 80, 1);
    --border-color: rgba(152, 151, 151, 0.3);
    /* Section Backgrounds */
    --section-bg-light: rgba(242, 242, 242, 1);
    --section-border: #27aae1;
}
/* new design new theme2 start*/
.td-color2 b {
    color: #000000;
    font-size: 13px;
}

.bgd-new {
    Background: #333333;
}

.gra1 {
    background: #EC4899;
    background: var(--gradient-primary);
}

.gra2 {
    background: #EC4899;
    background: linear-gradient(335deg, rgba(236, 72, 153, 1) 0%, rgba(147, 51, 234, 1) 35%, rgba(37, 99, 235, 1) 100%);
}

.opacity-8 {
    opacity: 0.8;
}

.line-height-n2 {
    line-height: 20px;
}

.line-height-n3 {
    line-height: 35px;
}

.custom-nalign {
    position: absolute;
    z-index: 5;
    cursor: pointer;
    top: 13px !important;
    right: 20px !important;
    width: 17px !important;
    height: 18px !important;
}

.blue-newb {
    color: rgba(20, 90, 182, 1);
    text-decoration: underline;
}

.login-Tdeal {
    background: linear-gradient(270deg, #2985cf 0%, #3ad2ff 100%);
    border: 0px;
    border-radius: 10px;
}

.subscribe-btn {
    background: linear-gradient(270deg, #F26F73 0%, #C64145 100%);
    border: 0px;
    border-radius: 7px;
    margin-top: 10px;
    padding: 12px 55px !important;
}

.finger-paint-regular {
    font-family: "Pacifico", cursive;
    font-weight: 400;
    font-style: normal;
}

.td-color2 {
    color: rgba(80, 80, 80, 1);
}

.bg-bluesection {
    padding: 100px 0;
    background: #FFF;
    background: linear-gradient(0deg, rgba(255, 255, 255, 0) 60%, rgba(var(--primary-color-rgb), 0.1) 100%);
    border: 1px solid var(--primary-color);
}

.bg-bluesection2 {
    padding: 70px 0;
    background: #FFFFF;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 52%, rgba(242, 242, 242, 1) 100%);
    border-top: 1px solid rgba(152, 151, 151, 0.3);
}

.bg-bluesection3 {
    padding: 50px 0;
    min-height: 500px;
    background: #FFFFF;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 52%, rgba(242, 242, 242, 1) 100%);
    border-top: 1px solid rgba(152, 151, 151, 0.3);
}


.live-numbers {
    height: 40px;
    width: auto;
}

.live-numbers2 {
    height: 80px;
    width: auto;
}

.footersinple {
    padding: 0px;
    margin: 0px;
}

    .footersinple li {
        font-size: 14px;
        position: relative;
        font-size: 13px;
        padding: 6px 0 6px 20px;
        color: #000;
    }

        .footersinple li:before {
            background-image: url("../images/arrow-down.svg");
            background-size: 12px;
            background-repeat: no-repeat;
            content: " ";
            width: 17px;
            height: 17px;
            position: absolute;
            left: 0;
            top: 8px;
        }

.td-color3 {
    color: var(--primary-color);
}

.simple-ul13 {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .simple-ul13 > li {
        font-size: 14px;
        float: left;
        font-size: 13px;
        margin-right: 50px;
        padding: 0px 0;
        color: #fff;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .simple-ul13 > li img {
            width: 16px;
            margin-right: 5px;
        }

.simple-ul14 {
    padding: 0px;
    margin: 0px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    float: right;
}

    .simple-ul14 > li {
        font-size: 14px;
        float: right;
        font-size: 13px;
        margin-left: 50px;
        padding: 0px 0;
        color: #fff;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

        .simple-ul14 > li img {
            width: 16px;
            margin-right: 5px;
        }

        .simple-ul14 > li span a {
            color: #fff;
            text-decoration: underline;
            padding-left: 5px;
            font-weight: bold;
        }

        .simple-ul14 > li .custom-btn {
            border-radius: 0px;
            font-weight: 600;
            font-size: 14px;
            text-transform: uppercase;
            padding: 5px 30px;
            border: 0px solid #E8E8E8;
            background: linear-gradient(270deg, #F26F73 0%, #C64145 100%);
        }

.navnot-n .navbar .navbar-nav .nav-item a {
    color: #fff !important;
    font-size: 15.4px !important;
}

.navnot-n {
    top: auto;
    padding: 0 !important;
    position: relative;
}

#header.bg-transparent {
    position: absolute;
    z-index: 999;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: none;
}

.form4 {
    border-radius: 15px;
    background: transparent;
    border: solid 1px #fff;
}

    .form4 input {
        padding: 20px 15px;
        font-size: 14px;
    }

    .form4 button {
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    .form4 input, .form4 input::placeholder, .form4 select, .form4 .form-control {
        padding-left: 0;
        border-radius: 7px !important;
        box-shadow: none !important;
        font-size: 14px;
    }

        .form4 input, .form4 input::placeholder, .form4 select, .form4 .form-control {
            border-color: #cdcdcd;
            padding: 20px 10px;
            background: rgba(255, 255, 255);
        }

    .form4 select {
        height: calc(1.5em + .75rem + 2px);
        width: 100%;
    }

    .form4 .impborder {
        border: solid 1px #3550C5 !important;
    }

    .form4 label {
        display: inline-block;
        white-space: nowrap;
    }

.card-new {
    position: relative;
    z-index: 1;
    border-radius: 15px;
    Background: #fff;
}

.img-box1 {
    position: relative;
    margin-right: 50px;
    padding-bottom: 45px;
    z-index: 2;
}

    .img-box1 .img1 {
        display: inline-block;
        border-radius: 20px;
        overflow: hidden;
    }

    .img-box1 .img2 {
        position: absolute;
        bottom: 0;
        right: 0;
        background-color: #fff;
        padding: 10px 0 0 10px;
        border-radius: 20px;
    }

        .img-box1 .img2 img {
            border-radius: inherit;
        }

#A1851.img-box1 .shape1 {
    position: absolute;
    left: -120px;
    bottom: -30px;
    z-index: -1;
}

.banner2 .item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0px 3px 7px -5px rgba(0, 0, 0, 0.4);
}

    .banner2 .item img {
        vertical-align: middle;
        height: 150px !important;
    }

.banner2 .caption2 {
    z-index: 2;
    bottom: 0;
    width: 100%;
    padding: 15px 20px;
}

    .banner2 .caption2 h2 {
        font-size: 20px;
        color: #000;
        font-weight: 600;
        margin: 0px;
    }

    .banner2 .caption2 p {
        color: #000;
        margin-bottom: 0px;
    }

.banner2 .rounded2 .banner-mask2, .banner2 .rounded2 img {
    border-radius: .25rem;
}

.banner2 .banner-mask2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.banner2 .item:hover .banner-mask2 {
    opacity: 0.95;
    filter: alpha(opacity=99);
    -webkit-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.banner2 .owl-carousel.owl-drag .owl-item {
    padding-bottom: 5px;
}

.social-icons {
    margin: 0;
    padding: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    list-style: none;
}

    .social-icons li {
        margin: 0px 2px 4px;
        padding: 0;
        border-radius: 100%;
        overflow: visible;
    }

        .social-icons li:last-child {
            margin-right: 0px;
        }

        .social-icons li a {
            border-radius: 100%;
            display: block;
            height: 34px;
            line-height: 34px;
            width: 34px;
            font-size: 16px;
            text-align: center;
            color: #fff;
            text-decoration: none;
            -webkit-transition: all 0.2s ease;
            transition: all 0.2s ease;
        }

        .social-icons li i {
            line-height: inherit;
        }

        .social-icons li img {
            width: 15px;
        }

    .social-icons.social-icons-sm li a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 14px;
    }

    .social-icons.social-icons-lg li a {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 20px;
    }

    .social-icons.social-icons-dark li a {
        background: #555;
    }

    .social-icons li:hover a {
        background: #171717;
        color: #FFF;
    }

.social-icons-twitter a {
    background: #000;
}

.social-icons-facebook a {
    background: rgba(24, 119, 242, 1);
}

.social-icons-instagram a {
    background: rgba(234, 0, 47, 1);
}

.social-icons-youtube a {
    background: rgba(234, 0, 47, 1);
}

.social-icons-instagram a {
    background: rgba(193, 53, 132, 1);
}

.social-icons-linkedin a {
    background: rgba(10, 102, 194, 1);
}

.text-g {
    color: rgba(80, 80, 80, 1);
}

.branlogo1 {
    padding: 0px;
    margin: 0px;
}

    .branlogo1 > li {
        position: relative;
        float: left;
        padding-right: 15px;
        font-size: 14px;
        margin-bottom: 5px;
        line-height: 20px;
        color: #fff;
    }

        .branlogo1 > li::marker {
            font-weight: bold;
        }

.colorsky1 {
    background-color: #3ad2ff !important;
    color: #000 !important;
}

.colorsky2 {
    color: #da2128 !important;
}

.compnay-exp {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

    .compnay-exp li {
        width: auto;
        float: left;
        padding: 0 30px;
        border-right: 1px solid var(--primary-color);
    }

        .compnay-exp li:last-child {
            border: 0px;
        }

.poopincf {
    font-family: "Poppins", sans-serif !important;
}

.hero-wrap {
    position: relative;
}

    .hero-wrap .hero-mask, .hero-wrap .hero-bg, .hero-wrap .hero-bg-slideshow {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100%;
    }

    .hero-wrap .hero-mask {
        z-index: 1;
    }

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

    .hero-wrap .hero-bg-slideshow {
        z-index: 0;
    }

    .hero-wrap .hero-bg {
        z-index: 0;
        background-attachment: fixed;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        transition: background-image 300ms ease-in 200ms;
    }

    .hero-wrap .hero-bg-slideshow .hero-bg {
        background-attachment: inherit;
    }

    .hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage-outer,
    .hero-wrap .hero-bg-slideshow.owl-carousel .owl-stage,
    .hero-wrap .hero-bg-slideshow.owl-carousel .owl-item {
        height: 100%;
    }

.bg-dark-n {
    Background: #000000;
}

.bg-footer-n {
    background: #F8DCCF;
    background: linear-gradient(0deg, rgba(248, 220, 207, 0.1) 0%, rgba(248, 220, 207, 1) 100%);
}

.navbar-area.sticky {
    background: #E4DEFF;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
    position: fixed !important;
    top: 0px !important;
}

.navbar-area.sticky2 {
    background: #fff;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, .175) !important;
    position: fixed !important;
    top: 0px !important;
}
/* new design new theme2 eng*/


@media screen and (max-width: 779px) and (min-width: 320px) {
    .simple-ul14 {
        float: left;
        margin-top: 10px;
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        width: 100%;
    }

        .simple-ul14 > li {
            margin: 0px;
        }

            .simple-ul14 > li .custom-btn {
                margin: 0px !important;
            }

        .simple-ul14 li:last-child {
            margin-left: 20px;
        }

    .bgd-new {
        padding: 10px 0;
    }

    .simple-ul14 > li .custom-btn {
        padding: 5px 5px;
        border-radius: 6px;
        font-size: 11px;
    }

    .simple-ul13 > li {
        margin-right: 5px;
    }

    .navbar-toggler {
        background: linear-gradient(270deg, #F26F73 0%, #C64145 100%);
        padding: 3px 11px;
    }

    .navbar-area .navbar .navbar-toggler .toggler-icon {
        width: 20px !important;
    }

    .form4 {
        padding: 30px 25px !important;
        margin-top: 20px;
    }

    .hero-wrap {
        padding: 30px 0 60px 0 !important;
    }

    .login-Tdeal {
        position: relative;
        margin-top: 8px;
    }

    .flower {
        height: 450px;
    }

    .text-cmobile {
        text-align: center !important;
    }

    .mobil-pb {
        padding-bottom: 25px;
    }

    .compnay-exp li {
        margin: 20px 0;
        padding: 0 25px;
        border: 0px;
    }

    .compnay-exp {
        text-align: center;
        border: 0px !important;
        background: transparent !important;
    }

    .bg-footer {
        padding: 50px 0 !important;
    }

    .branlogo1 > li img {
        width: 50px !important;
    }

    .N-desin-none {
        display: none;
    }

    .bg-bluesection {
        padding: 50px 0 !important;
        border: 0px;
    }

    .text-16 {
        font-size: 30px !important;
    }

    .welcome-area1 {
        margin-top: 85px;
    }

    .mb-n {
        margin-bottom: 25px;
    }

    .img-box1 {
        margin-right: 0px;
    }

    .compnay-exp {
        border-radius: 10px !important;
        padding: 0px !important;
    }

    .bg-bluesection2 {
        padding: 70px 0 0 0;
    }

    .navbar-expand-lg .navbar-nav {
        width: 100%;
    }

    .navbar-expand-lg .navbar-collapse {
        top: 103%;
        background-color: #333 !important;
    }

    .banner2 .caption2 p {
        text-align: left;
    }

    .mt-md-n0 {
        margin: 0px !important;
    }
}




.whatProvideSection {
    padding: 80px 0;
    font-family: Poppins, Tahoma, Geneva, Verdana, sans-serif;
}

.whatProvideHeader {
    color: #4a90e2;
    font-size: 22px;
    font-weight: 500;
    margin-bottom: 15px;
    text-transform: lowercase;
    font-family: 'Finger Paint', cursive !important;
}

.whatProvideTitle {
    color: #000;
    font-size: 42px;
    font-weight: 600;
    line-height: 1.2;
    margin-bottom: 20px;
}

.whatProvideDescription {
    color: #6c757d;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px;
    max-width: 400px;
}

.whatProvideReadMore {
    color: #4a90e2;
    text-decoration: none;
    font-weight: 500;
    font-size: 17px;
    position: relative;
    font-family: 'Finger Paint', cursive !important;
    text-decoration: underline;
}

    .whatProvideReadMore:hover {
        color: #357abd;
        text-decoration: none;
    }

.whatProvideReadMore2 {
    color: #4a90e2;
    text-decoration: none;
    font-weight: 500;
    font-size: 17px;
    position: relative;
    text-decoration: underline;
}

    .whatProvideReadMore2:hover {
        color: #357abd;
        text-decoration: none;
    }

.whatProvideUnderline {
    width: 80px;
    height: 3px;
    background: linear-gradient(90deg, #e74c3c 0%, #f39c12 100%);
    margin-top: 8px;
    border-radius: 2px;
}

.whatProvideServicesGrid {
    margin-top: 40px;
}

.whatProvideServiceCard {
    padding: 15px 10px;
    text-align: center;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.whatProvideServiceIcon {
    font-size: 32px;
    margin-bottom: 8px;
}

.whatProvideServiceLabel {
    font-weight: 500;
    padding-top: 12px;
    font-size: 15px;
    color: #505050;
}

.faqSectionContainer {
    max-width: 800px;
    margin: 50px auto;
    padding: 20px;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.faqSectionTitle {
    font-size: 2.5rem;
    font-weight: 300;
    color: #333;
    margin-bottom: 10px;
}

.faqSectionSubtitle {
    color: #666;
    font-size: 1.2rem;
    margin-bottom: 40px;
}

.faqSectionAccordion {
    border: none;
}

.faqSectionItem {
    margin-bottom: 15px;
    border: 1px solid #e0e0e0;
    border-radius: 8px;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
}

    .faqSectionItem:hover {
        box-shadow: 0 4px 12px rgba(0,0,0,0.1);
    }

.faqSectionHeader {
    background: #fff;
    border: none;
    padding: 20px;
    font-weight: 600;
    width: 100%;
    text-align: left;
    font-size: 1rem;
    color: #333;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background-color 0.3s ease;
}

    .faqSectionHeader:hover {
        background-color: #f8f9fa;
    }

    .faqSectionHeader:focus {
        outline: none;
        box-shadow: none;
    }

.faqSectionIcon {
    transition: transform 0.3s ease;
    color: #666;
}

.faqSectionHeader[aria-expanded="true"] .faqSectionIcon {
    transform: rotate(180deg);
}

.faqSectionContent {
    padding: 0 20px 20px 20px;
    color: #666;
    line-height: 1.6;
    font-size: 0.9rem;
}

.faqSectionViewAll {
    color: #007bff;
    text-decoration: none;
    font-weight: 500;
    margin-top: 30px;
    display: inline-block;
    transition: color 0.3s ease;
}

    .faqSectionViewAll:hover {
        color: #0056b3;
        text-decoration: underline;
    }

.faqSectionCollapse {
    border-top: 1px solid #f0f0f0;
}

.faqSectionHeader[aria-expanded="true"] {
    color: #0d6efd; /* Bootstrap primary blue */
    font-weight: 600;
}

.paddTravelDeal{
    padding-top:6rem !important;
}