@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');


:root{

    --primary:#0f6e5c;

    --primary-dark:#dd6914;

    --secondary:#ffb24a;

    --dark:#171717;

    --light:#ffffff;

    --bg:#f8fafc;

    --border:#ececec;

    --text:#666666;

    --heading:#111111;

    --shadow:0 15px 45px rgba(0,0,0,.08);

    --radius:18px;

}


:root{

    --primary:#0f6e5c;

    --primary-dark:#d86512;

    --secondary:#ffb44f;

    --dark:#171717;

    --text:#676767;

    --white:#ffffff;

    --border:#ececec;

    --bg:#f8f9fc;

    --radius:22px;

    --shadow:0 20px 60px rgba(0,0,0,.08);

}



.new-packages-section {
    padding: 40px 0;
}

.new-packages-title {
    text-align: center;
    max-width: 820px;
    margin: 0 auto 55px;
}
.new-packages-title h2 {
    font-size: 38px;
    font-weight: 700;
}
.new-packages-title p {
    font-size: 16px;
    color: #6b7280;
    margin-top: 12px;
}

/* ================= PACKAGE GRID ================= */
.new-packages-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 28px;
}

.new-packages-card {
    background: #fff;
    border-radius: 18px;
    overflow: hidden;
    box-shadow: 0 10px 35px rgba(0,0,0,.08);
    transition: .3s ease;
}
.new-packages-card:hover {
    transform: translateY(-6px);
}

.new-packages-image {
    position: relative;
}
.new-packages-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.new-packages-badge {
    position: absolute;
    top: 14px;
    left: 14px;
    background: #dc2626;
    color: #fff;
    padding: 6px 14px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
}

.new-packages-body {
    padding: 22px;
}
.new-packages-body h5 {
    font-size: 18px;
    font-weight: 600;
}
.new-packages-meta {
    font-size: 14px;
    color: #6b7280;
    margin: 8px 0;
}
.new-packages-date {
    font-size: 13px;
    color: #374151;
}
.new-packages-price {
    margin-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.new-packages-price span {
    font-size: 24px;
    font-weight: 700;
    color: #b91c1c;
}
.new-packages-price small {
    font-size: 12px;
    color: #6b7280;
}

/* ================= SEARCH CTA ================= */
.new-packages-search {
    background: linear-gradient(135deg,#1d4ed8,#1e3a8a);
    border-radius: 26px;
    padding: 55px;
    color: #fff;
}
.new-packages-search h3 {
    font-size: 30px;
    font-weight: 700;
}
.new-packages-search p {
    font-size: 16px;
    opacity: .9;
    margin: 15px 0 25px;
}
.new-packages-search a {
    background: #fff;
    color: #1e3a8a;
    padding: 14px 32px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
}

/* ================= INFO ================= */
.new-packages-info p {
    font-size: 15px;
    line-height: 1.8;
    color: #374151;
}

/* ================= BRAND ================= */
.new-packages-brand {
    background: #fff;
    border-radius: 18px;
    padding: 26px;
    box-shadow: 0 8px 28px rgba(0,0,0,.08);
    height: 100%;
}
.new-packages-brand img {
    width: 100%;
    border-radius: 14px;
    margin-bottom: 18px;
}
.new-packages-brand h5 {
    font-weight: 600;
    margin-bottom: 8px;
}

/* ================= DESTINATION ================= */
.new-packages-destination img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 18px;
}


.new-packages-hotel-card {
    background:#fff;
    border-radius:16px;
    overflow:hidden;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.3s;
}
.new-packages-hotel-card:hover {
    transform:translateY(-6px);
}

.new-packages-hotel-img img {
    width:100%;
    height:200px;
    object-fit:cover;
}

.new-packages-hotel-body {
    padding:20px;
}

.new-packages-price {
    font-size:22px;
    font-weight:700;
    color:#dc2626;
}

.new-packages-perk-card {
    position:relative;
    border-radius:18px;
    overflow:hidden;
}
.new-packages-perk-card img {
    width:100%;
    height:220px;
    object-fit:cover;
}
.new-packages-perk-overlay {
    position:absolute;
    inset:0;
    background:linear-gradient(to top,rgba(0,0,0,.7),transparent);
    color:#fff;
    padding:25px;
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
}
/* ================= FAQ SECTION ================= */

.new-packages-faq-wrapper {
    max-width: 900px;
    margin: 0 auto;
}

.new-packages-faq-title {
    font-size: 28px;
    font-weight: 700;
    color: #111827;
    text-align: left;
}

/* Accordion container */
.new-packages-faq-accordion {
    display: flex;
    flex-direction: column;
    gap: 16px;
}

/* FAQ card */
.new-packages-faq-item {
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 8px 24px rgba(0,0,0,.08);
    overflow: hidden;
}

/* Header */
.new-packages-faq-header {
    margin: 0;
}

/* Button */
.new-packages-faq-button {
    width: 100%;
    background: none;
    border: none;
    padding: 22px 26px;
    font-size: 16px;
    font-weight: 600;
    color: #1f2937;
    text-align: left;
    position: relative;
    cursor: pointer;
}

.new-packages-faq-button::after {
    content: "+";
    position: absolute;
    right: 26px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 22px;
    font-weight: 600;
    color: #2563eb;
    transition: transform .3s ease;
}

.new-packages-faq-button:not(.collapsed)::after {
    content: "−";
}

.new-packages-faq-body {
    padding: 0 26px 26px;
    font-size: 15px;
    line-height: 1.7;
    color: #374151;
}

.new-packages-faq-button:focus {
    outline: none;
    box-shadow: none;
}

@media (max-width: 575px) {
    .new-packages-faq-title {
        font-size: 24px;
    }

    .new-packages-faq-button {
        padding: 18px 20px;
        font-size: 15px;
    }

    .new-packages-faq-body {
        padding: 0 20px 22px;
    }
}


/* ================= PACKAGE ENGINE ================= */

.new_package_engine-wrapper {
    padding: 60px 0;
}

.new_package_engine-header h1 {
    font-size: 38px;
    font-weight: 700; color:#fff;
}

.new_package_engine-header p {
    color: #fff;
    margin-top: 10px;
}

/* Form */
.new_package_engine-form {
    background: #ffffff;
    padding: 35px;
    border-radius: 22px;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
}

/* Fields */
.new_package_engine-field label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 6px;
    display: block;
}

.new_package_engine-field input,
.new_package_engine-field select {
    width: 100%;
    height: 48px;
    padding: 0 14px;
    border-radius: 12px;
    border: 1px solid #d1d5db;
    font-size: 14px;
}

.new_package_engine-field input:focus,
.new_package_engine-field select:focus {
    border-color: #2563eb;
    outline: none;
}

/* Submit */
.new_package_engine-submit {
    width: 100%;
    height: 50px;
    border: none;
    border-radius: 14px;
    background: linear-gradient(135deg,#2563eb,#1e40af);
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

/* Thank You Popup */
.new_package_engine-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,.6);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}

.new_package_engine-popup {
    background: #fff;
    border-radius: 24px;
    padding: 40px;
    max-width: 420px;
    text-align: center;
    position: relative;
}

.new_package_engine-popup img {
    max-width: 120px;
    margin-bottom: 20px;
}

.new_package_engine-close {
    position: absolute;
    top: 14px;
    right: 18px;
    font-size: 26px;
    cursor: pointer;
}

/* Mobile */
@media (max-width: 575px) {
    .new_package_engine-header h1 {
        font-size: 28px;
    }

    .new_package_engine-form {
        padding: 25px;
    }
}

.badge {display:none;
}
.new_package_engine-field{    margin-top: -15px;}

.packagie_home {
    background:linear-gradient(rgb(4 4 4 / 56%) 3.04%, rgb(0 0 0 / 9%) 34.3%, rgb(27 29 32 / 7%) 82.23%), url(/images/package.jpg);
    background-size: cover !important;
    background-repeat: no-repeat !important;
    width: 100%;
    height: 500px;
    position: relative;
    background-position: center;
}


/* ================= GROUP SECTION ================= */

.new-packages-group-intro h2 {
    font-size: 34px;
    font-weight: 700;
    margin-bottom: 15px;
}

.new-packages-group-intro p {
    max-width: 850px;
    margin: 0 auto;
    color: #4b5563;
    line-height: 1.7;
}

.new-packages-group-start {
    margin-top: 40px;
}

.new-packages-group-start h4 {
    font-weight: 600;
}

.new-packages-group-start p {
    color: #374151;
}

.new-packages-group-tips {
    margin: 40px auto;
    max-width: 600px;
}

.new-packages-group-tips h5 {
    font-weight: 600;
    margin-bottom: 10px;
}

.new-packages-group-tips ul {
    padding-left: 18px;
}

.new-packages-group-tips li {
    margin-bottom: 6px;
}

/* Table */
.new-packages-group-table-wrapper {
    overflow-x: auto;
    margin: 50px 0;
}

.new-packages-group-table {
    width: 100%;
    border-collapse: collapse;
    min-width: 600px;
}

.new-packages-group-table th {
    background: #4547c0;
    color: #fff;
    padding: 14px;
    text-align: left;
}

.new-packages-group-table td {
    border: 1px solid #e5e7eb;
    padding: 12px 14px;
    font-size: 14px;
}

/* Cards */
.new-packages-group-card {
    background: #fff;
    border-radius: 18px;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    padding: 20px;
    height: 100%;
}

.new-packages-group-card img {
    width: 100%;
    height: 180px;
    object-fit: cover;
    border-radius: 14px;
    margin-bottom: 15px;
}

.new-packages-group-card h5 {
    font-weight: 600;
    margin-bottom: 8px;
}

.new-packages-group-card p {
    font-size: 14px;
    color: #4b5563;
}

/* Mobile */
@media (max-width: 575px) {
    .new-packages-group-intro h2 {
        font-size: 26px;
    }
}


@media (max-width: 992px){.new_package_engine-wrapper
 {
    padding: 16px 0px; padding-bottom:40px;
}
.packagie_home{height:auto;}
.new-packages-title h2 {
    font-size: 22px;
    font-weight: 700;
}
.new-packages-section {
    padding: 30px 0;
}
}




.all_new_footer {
    background:linear-gradient(180deg, #080818, #070844);
    padding: 25px 20px;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
}

.all_new_footer .footer-container {
    max-width: 1300px;
    margin: auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;padding-top: 14px;
}

/* Links */
.all_new_footer .footer-links {
    list-style: none;
    padding: 0;
    margin: 0; padding-top:14px;
}

.all_new_footer .footer-links li {
    margin-bottom: 14px;
}

.all_new_footer .footer-links a {
    color: #f3f3f3;
    text-decoration: none;
    font-size: 14px;
    opacity: 0.9;
    transition: all 0.3s ease;
}

.all_new_footer .footer-links a::before {
    content: "›";
    margin-right: 10px;
    opacity: 0.6;
}

.all_new_footer .footer-links a:hover {
    opacity: 1;
    padding-left: 6px;
}

/* Right Column */
.all_new_footer .footer-right h3 {
    font-size: 22px;
    margin-bottom: 18px;
}

.all_new_footer .subscribe-box {
    display: flex;
    margin-bottom: 15px;
}

.all_new_footer .subscribe-box input {
    flex: 1;
    padding: 14px;
    border-radius: 6px 0 0 6px;
    border: none;
    outline: none;
    font-size: 14px;
}

.all_new_footer .subscribe-box button {
    background: #e01a1d;
    border: none;
    padding: 0 22px;
    color: #fff;
    font-weight: 600;
    cursor: pointer;
    border-radius: 0 6px 6px 0;
}

.all_new_footer .promo-text {
    font-size: 14px;
    margin-bottom: 25px;
}

.all_new_footer .promo-text span {
    background: #e01a1d;
    padding: 4px 8px;
    border-radius: 4px;
    font-weight: 600;
}

.all_new_footer h4 {
    font-size: 18px;
    margin-bottom: 15px;
}

/* Social Icons */
.all_new_footer .social-icons {
    display: flex;
    gap: 14px;
    margin-bottom: 25px;
}

.all_new_footer .social-icons a {
    width: 36px;
    height: 36px;
    background: rgba(255,255,255,0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 14px;
    transition: 0.3s;
}

.all_new_footer .social-icons a:hover {
    background: #e01a1d;
}

.payment_methodsnew{margin:0;display: flex;
    padding: 0;
    list-style: none;}
.payment_methodsnew img{width:40px;}

.all_new_footer .contact-info p {
    font-size: 14px;
    margin-bottom: 12px;
    display: flex;
    gap: 10px;
    align-items: flex-start;
}

.all_new_footer .contact-info i {
    color: #e01a1d;
    margin-top: 4px;
}

/* Responsive */
@media (max-width: 992px) {
    .all_new_footer .footer-container {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 600px) {
    .all_new_footer .footer-container {
        grid-template-columns: 1fr;
    }
    .all_new_footer .footer-container{    gap: 20px;}
      .all_new_footer {
        padding: 20px 15px;
    }
}


@media (max-width: 480px){    .all_new_footer {
        padding-bottom: 4rem;
    }}

.copyrights {
    padding: 1rem 0;
    color: #fff;
    opacity: 0.5;
    font-size: 13px;
    text-align: center;
}

.contact-info ul li a{color: #fff;
    text-decoration: none;}

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


.stay_social {
    display: flex;
    align-items: center; /* KEY */
    gap: 12px;
    list-style: none;
    padding: 0;
    margin: 0;
}

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

/* Icon wrapper = equal box */
.stay_social a {
    width: 26px;
    height: 26px;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* SVG normalization */
.social_svg {
    width: 18px;
    height: 18px;
    fill: #fff;
    display: block;
}

/* Fine-tune visual balance */
.social_svg[data-icon="youtube"] {
    width: 20px;
}

.social_svg[data-icon="pinterest"] {
    width: 17px;
}

.social_svg[data-icon="instagram"] {
    width: 17px;
}

.stay_social a:hover .social_svg {
    opacity: 0.75;
    transform: translateY(-2px);
    transition: 0.25s ease;
}


.stay_touch_wrap h3 {
    font-size: 16px;
    margin-bottom: 6px !important;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
}

.contact-info{    padding-top: 1rem;    line-height: 28px;}




/*<<<<<<<<<<<<<<<-------------cheapflight_banner------------->>>>>>>>>>>>>>*/

.new_deals_banner {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
    text-align: center;
    padding: 16px 0;
    display:none;
}

.new_deals_banner .logo{
    margin-bottom:20px;
}

.new_deals_banner .logo img{
    max-width:200px;
}

.new_deals_banner .agent{
    margin:20px 0;
}

.new_deals_banner .agent img {
    width: 255px;
    height: 120px;
    object-fit: contain;
}

.new_deals_banner h1{
    font-size:20px;
    line-height:1.4;
    color:#111;
    margin:20px 0 25px;
    font-weight:700;
}

.new_deals_banner .call-btn2{
    display:block;
    background:#FF5722;
    color:#ffffff;
    text-decoration:none;
    padding:6px 18px;
    border-radius:8px;
    font-size:18px;
    font-weight:700;
    margin-bottom:14px;
}

.call-btn2 img{width:25px;}

.new_deals_banner .call-btn2 span{
    display:block;
    font-size:16px;
    margin-top:4px;
    font-weight:600;
}

.new_deals_banner .verified{
    font-size:13px;
    color:#333333;
    margin-bottom:22px;
}

.new_deals_banner .verified span{
  font-size: 14px;
    color: #010101;
    margin-bottom: 22px;
}

.new_deals_banner .btn-group{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    justify-content:center;
    margin-bottom:28px;
}

.new_deals_banner .small-btn{
    background:#0b5ed7;
    color:#ffffff;
    padding:8px 14px;
    border-radius:5px;
    font-size:13px;
    font-weight:600;
    text-decoration:none;
}

.new_deals_banner .why-box{
    border:1px solid #e5e7eb;
    border-radius:8px;
    padding:18px;
    text-align:left;
}

.new_deals_banner .why-box h2{
    text-align:left;
    font-size:16px;
    margin-bottom:14px;
    color:#111111;
}

.new_deals_banner .why-box ul{
    list-style:none;
    padding-left:0;
    margin:0;
}

.new_deals_banner .why-box li{
    font-size:13px;
    color:#333333;
    margin-bottom:10px;
    line-height:1.4;
}

.new_deals_banner .why-box li span{
    color:#22a447;
    font-weight:700;
    margin-right:6px;
}





.trv_primary_btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:16px 38px;

    border-radius:14px;

    background:var(--primary);

    color:#fff;

    font-weight:600;

    transition:.35s;

}

.trv_primary_btn:hover{

    background:var(--primary-dark);

    color:#fff;

    transform:translateY(-4px);

}

.trv_outline_btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:15px 34px;

    border-radius:14px;

    border:2px solid var(--primary);

    color:var(--primary);

    font-weight:600;

}

.trv_outline_btn:hover{

    background:var(--primary);

    color:#fff;

}

.trv_section_heading{

    margin-bottom:60px;

}

.trv_section_heading span{

    color:var(--primary);

    text-transform:uppercase;

    font-size:13px;

    letter-spacing:2px;

    font-weight:700;

}

.trv_section_heading h2{

    font-size:46px;

    color:#111;

    margin:15px 0;

}

.trv_section_heading p{

    color:#777;

    max-width:650px;

    margin:auto;

}



/*==================================================
HEADER
==================================================*/

.trv_header{

    position:absolute;

    left:0;

    top:0;

    width:100%;

    z-index:999;

    padding:28px 0;

}

.trv_logo img{

    height:46px;

}

.trv_navigation ul{

    display:flex;

    justify-content:center;

    gap:34px;

}

.trv_navigation a{

    color:#fff;

    font-weight:500;

    position:relative;

}

.trv_navigation a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-8px;

    width:0;

    height:2px;

    background:#0f6e5c;

    transition:.35s;

}

.trv_navigation a:hover::after,

.trv_navigation .active::after{

    width:100%;

}

.trv_navigation a:hover{

    color:#fff;

}

.trv_header_right{

    display:flex;

    justify-content:flex-end;

    align-items:center;

    gap:18px;

}

.trv_phone{

    color:#fff;

    font-weight:600;

    white-space:nowrap;

}

.trv_phone i{

    color:var(--primary);

    margin-right:8px;

}

.trv_book_btn{

    padding:14px 26px;

    background:#0f6e5c;

    border-radius:14px;

    color:#fff;

    font-weight:600;

}

.trv_book_btn:hover{

    background:#fff;

    color:#111;

}

.trv_mobile_toggle{

    display:none;

    border:none;

    background:none;

    color:#fff;

    font-size:28px;

}



/*==================================================
HERO
==================================================*/

.trv_hero{

    background: #181818;
    padding-top: 0px;
    padding-bottom: 250px;
    height: 534px;
    padding-top: 5rem;

}

.trv_hero::before{

       content: "";
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    right: 0;
    top: 0;
    background: rgba(244, 122, 32, 0.08);
    filter: blur(30px);

}

.trv_hero::after{

    content:"";

    position:absolute;

    width:550px;

    height:550px;

    border-radius:50%;

    left:-220px;

    bottom:-220px;

    background:rgba(255,255,255,.03);

}



/*==================================================
LEFT CONTENT
==================================================*/

.trv_hero_content{

    position:relative;

    z-index:5;

}

.trv_hero_content h1{

    color:#fff;

    font-size:66px;

    line-height:1.1;

    font-weight:800;

    margin-bottom:25px;

}

.trv_hero_content h1 span{

    color:#0f6e5c;

}

.trv_hero_content p{

    color:#d7d7d7;

    font-size:17px;

    max-width:520px;

    margin-bottom:35px;

}

.trv_highlights{

    display:flex;

    flex-direction:column;

    gap:16px;

}

.trv_highlights div{

    display:flex;

    align-items:center;

    gap:12px;

    color:#fff;

    font-weight:500;

}

.trv_highlights i{

    color:#0f6e5c;

    font-size:18px;

}



/*==================================================
RIGHT HERO
==================================================*/

.trv_hero_visual{

    position:relative;

 

}

.trv_hero_bg{

    right:0;

    bottom:0;

    width:100%;

    border-radius:30px;

    opacity:.75;

}

.trv_hero_car{

    position:absolute;

    right:20px;

    bottom:-20px;

    width:92%;

    animation:carFloat 5s ease-in-out infinite;

    z-index:3;

}

@keyframes carFloat{

0%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

100%{

transform:translateY(0);

}

}



/*==================================================
MOBILE MENU
==================================================*/

.trv_mobile_menu{

    position:fixed;

    left:-320px;

    top:0;

    width:300px;

    height:100%;

    background:#fff;

    z-index:99999;

    padding:35px;

    transition:.4s;

    overflow:auto;

}

.trv_mobile_menu.active{

    left:0;

}

.trv_mobile_close{

    text-align:right;

    font-size:28px;

    margin-bottom:35px;

    cursor:pointer;

}

.trv_mobile_menu li{

    margin-bottom:18px;

}

.trv_mobile_menu a{

    color:#111;

    font-size:18px;

    font-weight:600;

}



.trv_booking_wrap{

    position:absolute;

    left:0;

    right:0;

    bottom:-120px;

    background:#fff;

    border-radius:28px;

    padding:35px;

    box-shadow:0 30px 80px rgba(0,0,0,.12);

    z-index:20;

}

.trv_booking_header{

    display:flex;

    justify-content:space-between;

    align-items:center;

    margin-bottom:30px;

    flex-wrap:wrap;

    gap:20px;

}



/*==================================================
BOOKING TABS
==================================================*/

.trv_booking_tabs{

    display:flex;

    gap:15px;

    flex-wrap:wrap;

}

.trv_booking_tabs button{

    border:none;

    background:#f7f7f7;

    height:52px;

    padding:0 25px;

    border-radius:14px;

    font-size:15px;

    font-weight:600;

    color:#666;

    transition:.35s;

}

.trv_booking_tabs button i{

    margin-right:8px;

    color:var(--primary);

}

.trv_booking_tabs button:hover{

    background:#ffe8d6;

}

.trv_tab_active{

    background:var(--primary)!important;

    color:#fff!important;

}

.trv_tab_active i{

    color:#fff!important;

}



/*==================================================
CORPORATE LINK
==================================================*/

.trv_corporate_link{

    color:var(--primary);

    font-weight:600;

    display:flex;

    align-items:center;

    gap:10px;

}

.trv_corporate_link:hover{

    color:var(--primary-dark);

}



/*==================================================
FORM
==================================================*/

.trv_booking_form{

    margin-top:10px;

}

.trv_field{

    display:flex;

    flex-direction:column;

    gap:10px;

}

.trv_field label{

    font-size:13px;

    font-weight:600;

    color:#777;

}



/*==================================================
INPUT BOX
==================================================*/

.trv_input{

    display:flex;

    align-items:center;

    gap:14px;

    height:62px;

    padding:0 18px;

    border:1px solid #ececec;

    border-radius:16px;

    background:#fafafa;

    transition:.35s;

}

.trv_input:hover{

    border-color:var(--primary);

    background:#fff;

    box-shadow:0 8px 25px rgba(244,122,32,.08);

}

.trv_input i{

    color:var(--primary);

    width:18px;

    text-align:center;

    font-size:17px;

}



/*==================================================
INPUT
==================================================*/

.trv_input input{

    width:100%;

    border:none;

    outline:none;

    background:none;

    font-size:15px;

    color:#333;

}

.trv_input input::placeholder{

    color:#999;

}



/*==================================================
SELECT
==================================================*/

.trv_input select{

    width:100%;

    border:none;

    outline:none;

    background:none;

    font-size:15px;

    color:#444;

    cursor:pointer;

    appearance:none;

}



/*==================================================
DATE INPUT
==================================================*/

.trv_input input[type=date]{

    cursor:pointer;

}



/*==================================================
SEARCH BUTTON
==================================================*/

.trv_search_btn{

    width:100%;

    height:62px;

    border:none;

    border-radius:16px;

    background:linear-gradient(135deg,#0f6e5c,#ff9d3c);

    color:#fff;

    font-size:17px;

    font-weight:700;

    transition:.35s;

    box-shadow:0 15px 35px rgba(244,122,32,.25);

}

.trv_search_btn i{

    margin-right:10px;

}

.trv_search_btn:hover{

    transform:translateY(-4px);

    box-shadow:0 20px 45px rgba(244,122,32,.35);

}



/*==================================================
INPUT FOCUS
==================================================*/

.trv_input:focus-within{

    border-color:var(--primary);

    background:#fff;

    box-shadow:0 12px 30px rgba(244,122,32,.10);

}



/*==================================================
BOOKING PANEL DECORATION
==================================================*/

.trv_booking_wrap::before{

    content:"";

    position:absolute;

    width:120px;

    height:120px;

    border-radius:50%;

    background:rgba(244,122,32,.05);

    right:-40px;

    top:-40px;

}

.trv_booking_wrap::after{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:rgba(244,122,32,.04);

    left:-60px;

    bottom:-60px;

}



/*==================================================
BOOKING GRID SPACING
==================================================*/

.trv_booking_form .row{

    row-gap:22px;

}



/*==================================================
SMALL LABEL ANIMATION
==================================================*/

.trv_field:hover label{

    color:var(--primary);

}



/*==================================================
SEARCH BUTTON ACTIVE
==================================================*/

.trv_search_btn:active{

    transform:scale(.98);

}
section{

    position:relative;

}

/*==================================================
FEATURE STRIP
==================================================*/

.trv_feature_strip{
      padding: 70px 0 75px;
    background:#fff;margin-top: 0rem;
}

.trv_feature_box{

    display:flex;

    align-items:center;

    gap:18px;

    background:#fff;

    border:1px solid #ececec;

    border-radius:20px;

    padding:22px;

    height:100%;

    transition:.35s;

}

.trv_feature_box:hover{

    transform:translateY(-8px);

    border-color:transparent;

    box-shadow:0 20px 55px rgba(0,0,0,.08);

}

.trv_feature_icon{

    width:68px;

    height:68px;

    min-width:68px;

    border-radius:18px;

    background:#0f6e5c14;

    display:flex;

    justify-content:center;

    align-items:center;

}

.trv_feature_icon i{

    color: #0f6e5c;

    font-size:28px;

}

.trv_feature_text h6{

    margin:0 0 6px;

    font-size:18px;

    font-weight:700;

    color:#111;

}

.trv_feature_text p{

    margin:0;

    color:#777;

    font-size:14px;

}



/*==================================================
CATEGORY
==================================================*/

.trv_category_section{

    padding:110px 0;

    background:#f8f9fc;

}

.trv_category_intro{

    padding-right:25px;

}

.trv_category_intro span{

    display:inline-block;

    color:var(--primary);

    text-transform:uppercase;

    letter-spacing:2px;

    font-size:13px;

    font-weight:700;

    margin-bottom:12px;

}

.trv_category_intro h2{

    font-size:46px;

    color:#111;

    margin-bottom:20px;

}

.trv_category_intro p{

    color:#777;

    margin-bottom:30px;

}



/*==================================================
VEHICLE CARD
==================================================*/

.trv_vehicle_card{

    background:#fff;

    border-radius:24px;

    padding:28px;

    text-align:center;

    transition:.35s;

    border:1px solid #ececec;

    overflow:hidden;

    height:100%;

    position:relative;

}

.trv_vehicle_card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 60px rgba(0,0,0,.08);

}

.trv_vehicle_card::before{

    content:"";

    position:absolute;

    width:180px;

    height:180px;

    border-radius:50%;

    background:#ecf4f2;

    left:50%;

    top:-90px;

    transform:translateX(-50%);

}

.trv_vehicle_image{

    position:relative;

    z-index:2;

    margin-bottom:25px;

}

.trv_vehicle_image img{

    max-width:210px;
    width:100%;
    margin:auto;

    transition:.4s;

}

.trv_vehicle_card:hover img{

    transform:scale(1.08);

}

.trv_vehicle_content{

    position:relative;

    z-index:2;

}

.trv_vehicle_content h5{

    font-size:22px;

    margin-bottom:8px;

    color:#111;

}

.trv_vehicle_content span{

    display:block;

    color:var(--primary);

    font-weight:700;

    margin-bottom:18px;

}

.trv_vehicle_content a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:44px;

    height:44px;

    border-radius:50%;

    background:var(--primary);

    color:#fff;

}

.trv_vehicle_content a:hover{

    background:#111;

}



/*==================================================
SPECIAL OFFER
==================================================*/

.trv_offer_section{

    padding:50px 0;

    background:#fff;

}

.trv_offer_wrapper{

    background:linear-gradient(135deg,#0f6e5c,#ff9d3b);

    border-radius:34px;

     padding: 16px 8px;

    overflow:hidden;

    position:relative;

}

.trv_offer_wrapper::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    border-radius:50%;

    right:-180px;

    top:-180px;

    background:rgba(255,255,255,.08);

}

.trv_offer_wrapper::after{

    content:"";

    position:absolute;

    width:260px;

    height:260px;

    border-radius:50%;

    left:-120px;

    bottom:-120px;

    background:rgba(255,255,255,.06);

}



/*==================================================
OFFER CAR
==================================================*/

.trv_offer_car{
position: relative;
    z-index: 2;
    text-align: center;

}

.trv_offer_car img{
    max-width: 260px;
    height: 190px;
    object-fit: cover;

}



/*==================================================
OFFER CONTENT
==================================================*/

.trv_offer_content{

    position:relative;

    z-index:2;

}

.trv_offer_content span{

    color:#fff;

    letter-spacing:2px;

    font-size:13px;

    font-weight:700;

}

.trv_offer_content h2{

  color: #fff;
    font-size: 46px;
      margin: 0px 0 10px;font-weight: 800;

}

.trv_offer_content p{

      color: #fff;
    opacity: .9;
    margin-bottom: 20px;

}



/*==================================================
OFFER BUTTON
==================================================*/

.trv_offer_content .trv_primary_btn{

    background:#fff;

    color:#111;

}

.trv_offer_content .trv_primary_btn:hover{

    background:#111;

    color:#fff;

}



/*==================================================
DISCOUNT BADGE
==================================================*/

.trv_offer_badge{

    width:160px;

    height:160px;

    border-radius:50%;

    background:#fff;

    display:flex;

    flex-direction:column;

    justify-content:center;

    align-items:center;

    text-align:center;

    margin:auto;

    position:relative;

    z-index:2;

    box-shadow:0 20px 50px rgba(0,0,0,.15);

}

.trv_offer_badge strong{

    color:#777;

    font-size:15px;

}

.trv_offer_badge h3{

    font-size:54px;

    color:var(--primary);

    margin:0;

    line-height:1;

}

.trv_offer_badge span{

    color:#111;

    font-weight:700;

    letter-spacing:2px;

}



/*==================================================
HOVER EFFECTS
==================================================*/

.trv_feature_box,
.trv_vehicle_card,
.trv_offer_wrapper{

    transition:all .35s ease;

}

.trv_offer_wrapper:hover{

    transform:translateY(-5px);

    box-shadow:0 35px 80px rgba(244,122,32,.25);

}



.trv_statistics{

    padding:100px 0;

    background:#111;

    position:relative;

}


.trv_stat_card{

    text-align:center;

    position:relative;

    z-index:2;

}

.trv_stat_card h2{

    color:#0f6e5c;

    font-size:56px;

    font-weight:800;

    margin-bottom:10px;

}

.trv_stat_card p{

    color:#fff;

    font-size:17px;

    margin:0;

}



/*==================================================
PROCESS SECTION
==================================================*/

.trv_process_section{

    padding:60px 0;

    background:#f8f9fc;

}

.trv_process_card{

    position:relative;

    background:#fff;

    border-radius:28px;

    padding:45px 35px;

    text-align:center;

    overflow:hidden;

    transition:.35s;

    border:1px solid #ececec;

    height:100%;

}

.trv_process_card:hover{

    transform:translateY(-10px);

    box-shadow:0 25px 70px rgba(0,0,0,.08);

}

.trv_process_icon{

    width:90px;

    height:90px;

    margin:auto;

    border-radius:50%;

    background:#ecf4f2;

    display:flex;

    justify-content:center;

    align-items:center;

    margin-bottom:30px;

}

.trv_process_icon i{

    font-size:34px;

    color:var(--primary);

}

.trv_step_no{

    position:absolute;

    top:20px;

    right:25px;

    font-size:72px;

    color:#f2f2f2;

    font-weight:800;

    line-height:1;

}

.trv_process_card h4{

    font-size:24px;

    margin-bottom:15px;

    color:#111;

}

.trv_process_card p{

    color:#777;

    margin:0;

}



/*==================================================
TRAVEL SECTION
==================================================*/

.trv_travel_section{

    padding:60px 0;

    background:#fff;

}

.trv_travel_image{

    border-radius:30px;

    overflow:hidden;

    box-shadow:0 25px 70px rgba(0,0,0,.08);

}

.trv_travel_image img{
    transition: .45s;
    width: 100%;
    height: 500px;
    object-fit: cover;

}

.trv_travel_image:hover img{

    transform:scale(1.05);

}

.trv_travel_content{

    padding-left:45px;

}

.trv_travel_content span{

    color:var(--primary);

    text-transform:uppercase;

    font-weight:700;

    letter-spacing:2px;

    font-size:13px;

}

.trv_travel_content h2{

    font-size:46px;

    margin:18px 0 22px;

    color:#111;

}

.trv_travel_content p{

    color:#777;

    margin-bottom:30px;

}

.trv_travel_content ul{

    margin-bottom:35px;

}

.trv_travel_content ul li{

    display:flex;

    align-items:center;

    gap:12px;

    margin-bottom:18px;

    font-weight:500;

    color:#444;

}

.trv_travel_content ul i{

    color:var(--primary);

}



/*==================================================
FAQ
==================================================*/

.trv_info_section{

    padding:120px 0;

    background:#f8f9fc;

}

.trv_faq_box{

    background:#fff;

    border-radius:30px;

    padding:45px;

    box-shadow:0 20px 60px rgba(0,0,0,.06);

}

.trv_faq_box span{

    color:var(--primary);

    text-transform:uppercase;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}

.trv_faq_box h2{

    margin:15px 0 35px;

    font-size:42px;

}

.trv_faq_box .accordion-item{

    border:none;

    margin-bottom:18px;

    border-radius:18px;

    overflow:hidden;

    background:#fafafa;

}

.trv_faq_box .accordion-button{

    padding:22px;

    font-size:17px;

    font-weight:600;

    background:#fafafa;

    box-shadow:none;

}

.trv_faq_box .accordion-button:not(.collapsed){

    background:#0f6e5c;

    color:#fff;

}

.trv_faq_box .accordion-body{

    padding:22px;

    color:#666;

}



/*==================================================
DOWNLOAD CARD
==================================================*/

.trv_download_card{

    background:linear-gradient(135deg,#0f6e5c,#ff9c39);

    border-radius:30px;

    padding:45px;

    color:#fff;

    text-align:center;

    height:100%;

    box-shadow:0 25px 70px rgba(244,122,32,.18);

}

.trv_download_card img{

    max-width:220px;

    margin:0 auto 35px;

}

.trv_download_card h3{

    font-size:34px;

    color:#fff;

    margin-bottom:15px;

}

.trv_download_card p{

    color:#fff;

    opacity:.92;

    margin-bottom:35px;

}

.trv_store_buttons{

    display:flex;

    justify-content:center;

    gap:15px;

}

.trv_store_buttons a{

    transition:.35s;

}

.trv_store_buttons img{

    width:160px;

}

.trv_store_buttons a:hover{

    transform:translateY(-5px);

}


.trv_newsletter{

    padding:60px 0;

    background:#ffffff;

}

.trv_newsletter_box{

    background:linear-gradient(135deg,#0f6e5c,#ff9d39);

    border-radius:30px;

    padding:70px;

    position:relative;

    overflow:hidden;

}

.trv_newsletter_box::before{

    content:"";

    position:absolute;

    width:450px;

    height:450px;

    right:-180px;

    top:-180px;

    border-radius:50%;

    background:rgba(255,255,255,.08);

}

.trv_newsletter span{

    color:#fff;

    font-size:13px;

    font-weight:700;

    letter-spacing:2px;

}

.trv_newsletter h2{

    color:#fff;

    font-size:46px;

    margin:18px 0;

}

.trv_newsletter p{

    color:#fff;

    opacity:.9;

}

.trv_newsletter_form{

    display:flex;

    justify-content:flex-end;

}

.trv_newsletter_input{

    display:flex;

    align-items:center;

    width:100%;

    max-width:520px;

    background:#fff;

    border-radius:18px;

    padding:8px;

}

.trv_newsletter_input i{

    color:#0f6e5c;

    margin:0 18px;

    font-size:18px;

}

.trv_newsletter_input input{

    flex:1;

    border:none;

    outline:none;

    height:56px;

    font-size:15px;

}

.trv_newsletter_input button{

    border:none;

    background:#111;

    color:#fff;

    padding:16px 28px;

    border-radius:14px;

    font-weight:600;

    transition:.35s;

}

.trv_newsletter_input button:hover{

    background:#0f6e5c;

}



/*==================================================
FOOTER
==================================================*/

.trv_footer{

    background:#111;

    padding-top:90px;

    color:#bbb;

}

.trv_footer_about img{

    height:45px;

    margin-bottom:30px;

}

.trv_footer_about p{

    line-height:1.9;

}

.trv_footer h5{

    color:#fff;

    margin-bottom:30px;

    font-size:20px;

}

.trv_footer_links ul li{

    margin-bottom:14px;

}

.trv_footer_links a{

    color:#bbb;

    transition:.3s;

}

.trv_footer_links a:hover{

    color:#0f6e5c;

    padding-left:8px;

}

.trv_footer_contact ul li{

    display:flex;

    gap:12px;

    margin-bottom:18px;

    align-items:flex-start;

}

.trv_footer_contact i{

    color:#0f6e5c;

    margin-top:5px;

}

.trv_social{

    display:flex;

    gap:12px;

    margin-top:30px;

}

.trv_social a{

    width:46px;

    height:46px;

    border-radius:50%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:#222;

    color:#fff;

    transition:.35s;

}

.trv_social a:hover{

    background:#0f6e5c;

    transform:translateY(-5px);

}



/*==================================================
FOOTER BOTTOM
==================================================*/

.trv_footer_bottom{

    border-top:1px solid rgba(255,255,255,.08);

    margin-top:60px;

    padding:25px 0;

}

.trv_footer_bottom p{

    margin:0;

}

.trv_footer_bottom a{

    color:#bbb;

    margin:0 8px;

}

.trv_footer_bottom a:hover{

    color:#0f6e5c;

}



/*==================================================
STICKY HEADER
==================================================*/

.trv_header.fixed{

    position:fixed;

    background:#fff;

    padding:18px 0;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

    animation:headerDown .4s;

}

.trv_header.fixed .trv_navigation a{

    color:#111;

}

.trv_header.fixed .trv_phone{

    color:#111;

}

.trv_header.fixed .trv_mobile_toggle{

    color:#111;

}

@keyframes headerDown{

from{

transform:translateY(-100%);

}

to{

transform:translateY(0);

}

}



/*==================================================
RESPONSIVE
==================================================*/

@media(max-width:1199px){

.trv_hero_content h1{

font-size:56px;

}

.trv_section_heading h2{

font-size:40px;

}

}



@media(max-width:991px){


    
.trv_navigation{

display:none;

}

.trv_mobile_toggle{

display:block;

}

.trv_phone{

display:none;

}

.trv_book_btn{

display:none;

}

.trv_hero{

        padding-top: 50px;
    height: 690px;
padding-bottom:320px;

}
.trv_hero_content p {
   max-width: unset;
}

.trv_hero_content{

text-align:center;

margin-bottom:50px;

}

.trv_highlights{

align-items:center;    display: flex;
    flex-direction: row;
    gap: 16px;
    justify-content: center;
    flex-wrap: wrap;
}

.trv_booking_wrap{

position:relative;

bottom:auto;

margin-top:50px;

}

.trv_feature_strip{
        padding-top: 0px;
        margin-top: 0;

}
.trv_category_section {
    padding: 12px 0;
    background: #f8f9fc;
}

.trv_category_intro{

text-align:center;

margin-bottom:45px;

padding:0;

}

.trv_offer_wrapper{

padding:45px;

text-align:center;

}



.trv_offer_badge{

margin-top:40px;

}

.trv_travel_content{

padding-left:0;

margin-top:40px;

}

.trv_newsletter_box{

padding:45px;

text-align:center;

}

.trv_newsletter_form{

justify-content:center;

margin-top:14px;

}
.trv_statistics {
    padding: 50px 0;
    background: #111;
    position: relative;
}
.trv_stat_card h2 {
    color: #0f6e5c;
    font-size: 37px;
    font-weight: 800;
    margin-bottom: 10px;
}
.trv_stat_card {  margin-bottom: 20px;}
.trv_travel_image img {
    transition: .45s;
    width: 100%;
    height: 204px;
    object-fit: cover;
}
.trv_travel_section{    padding-bottom: 0;}

}



@media(max-width:767px){

.trv_hero_content h1{

font-size:40px;

}

.trv_section_heading h2{

font-size:32px;

}

.trv_category_intro h2{

font-size:34px;

}

.trv_offer_content h2{

font-size:34px;

}

.trv_travel_content h2{

font-size:34px;

}

.trv_newsletter h2{

font-size:34px;

}

.trv_booking_wrap{

padding:22px;

}

.trv_booking_tabs{

flex-direction:column;

}

.trv_booking_tabs button{

width:100%;

}

.trv_newsletter_input{

display:block;

padding:18px;

}

.trv_newsletter_input i{

display:none;

}

.trv_newsletter_input input{

width:100%;

margin-bottom:15px;

}

.trv_newsletter_input button{

width:100%;

}

.trv_footer{

text-align:center;

}

.trv_footer_contact ul li{

justify-content:center;

}

.trv_social{

justify-content:center;

}

}



@media(max-width:575px){

      
            .trv_newsletter_box {
        padding: 20px;
        text-align: center;
    }
                .trv_newsletter h2 {
        font-size: 24px;
    }

.trv_hero_content h1{

font-size:32px;

}

.trv_booking_header{

flex-direction:column;

align-items:flex-start;

}

.trv_feature_box{

flex-direction:column;

text-align:center;

}

.trv_offer_wrapper{

padding:30px;

}

.trv_offer_badge{

width:130px;

height:130px;

}

.trv_offer_badge h3{

font-size:42px;

}

}

.faq_newsletter_section{
    background:#fff;
}

.faq_title{
    font-size:36px;
    font-weight:700;
    color:#111;
    margin-bottom:22px;
}

/* FAQ */

.custom_faq .accordion-item{
    border:1px solid #ececec;
    border-radius:8px;
    overflow:hidden;
    margin-bottom:10px;
}

.custom_faq .accordion-button{
    background:#fff;
    box-shadow:none;
    font-size:15px;
    font-weight:600;
    color:#222;
    padding:18px 20px;
}

.custom_faq .accordion-button:not(.collapsed){
    background:#fff;
    color:#111;
}

.custom_faq .accordion-button:focus{
    box-shadow:none;
}

.custom_faq .accordion-button::after{
    background-image:none;
    content:"+";
    font-size:22px;
    font-weight:600;
    color:#555;
    transform:none;
}

.custom_faq .accordion-button:not(.collapsed)::after{
    content:"−";
}

.custom_faq .accordion-body{
    color:#666;
    line-height:28px;
       padding: 15px 20px 15px !important;
}


/* Newsletter */

.newsletter_box{

 
    /* border-radius: 18px; */
    /* padding: 40px; */
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* height: 100%; */
    /* position: relative; */
   
}

.newsletter_content{
    max-width:62%;
}

.newsletter_content h3{
    font-size:40px;
    font-weight:700;
    color:#111;
    margin-bottom:12px;
}

.newsletter_content p{
    color:#666;
    font-size:16px;
    line-height:28px;
    margin-bottom:25px;
}

.newsletter_form{
    display:flex;
    gap:12px;
}

.newsletter_form input{

    flex:1;

    height:55px;

    border:1px solid #e5e5e5;

    border-radius:8px;

    padding:0 18px;

    outline:none;

    font-size:15px;
}

.newsletter_form button{

    border:none;

    padding:0 34px;

    border-radius:8px;

    background:#ff6b00;

    color:#fff;

    font-weight:600;

    transition:.3s;
}

.newsletter_form button:hover{
    background:#e45f02;
}
.newsletter_image{width:100%;}

.newsletter_image img{

   

    width:100%;
}

@media(max-width:991px){
    .rj_btn {
    width: 95%;
    height: 46px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(90deg, #FF8C00 0%, #0f6e5c 100%);
    color: #fff;
    font-size: 15px;
    font-weight: 600;
    margin-left: 10px;
    margin-top: 7px;
}
   
    .newsletter_content{

        max-width:100%;

        margin-bottom:30px;
    }

    .newsletter_form{
        flex-direction:column;
    }

    .newsletter_form button{

        width:100%;

        height:55px;
    }
    .trv_newsletter {
    padding: 10px 0;
    background: #ffffff;
    padding-bottom: 2.5rem;
}
    .newsletter_image img{

        max-width:100%;
    }

    .faq_title{

        font-size:30px;
    }

    .newsletter_content h3{

        font-size:30px;
    }


}


.rj_car_form {
    margin: 0 auto;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
        position: relative;
    z-index: 9;    margin-top: -5rem;
}
.top_border {
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
}

.rj_top_box, .rj_bottom_box {
    border: 1px solid #D8D8D8;
    background: #fff;
    min-height: 53px;
    display: flex
;
    align-items: center;
    padding: 0 5px;
    gap: 8px;
}
.rj_top_box svg, .rj_bottom_box svg {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    stroke: #333;
}
.rj_top_box div {
    width: 100%;
}
.rj_top_box small, .rj_bottom_box small {
    display: block;
    font-size: 11px;
    text-transform: uppercase;
    color: #666;
    margin-bottom: 0px;
}
.rj_top_box input, .rj_bottom_box input, .rj_top_box select {
    border: none;
    outline: none;
    background: none;
    width: 100%;
    padding: 0;
    font-size: 14px;
    font-weight: 600;
    text-overflow: ellipsis;
    padding: 3px 8px 3px 0;
}
.rj_btn {
    width: 95%;
    height: 53px;
    border: none;
    border-radius: 10px;
    background: linear-gradient(90deg, #FF8C00 0%, #0f6e5c 100%);
    color: #fff;
    font-size: 18px;
    font-weight: 600; margin-left:10px;
}
.rj_check {
    display: flex
;
    gap: 12px;
    margin-top: 18px;
    align-items: flex-start;
}
.rj_check input {
    width: 20px;
    height: 20px;
}
.rj_check span {
    font-size: 12px;
    line-height: 1.7;
    font-weight: 300;
}

@media(max-width:991px) {
    .rj_btn {
        width: 95%;
        height: 46px;
        border: none;
        border-radius: 10px;
        background: linear-gradient(90deg, #FF8C00 0%, #0f6e5c 100%);
        color: #fff;
        font-size: 15px;
        font-weight: 600;
        margin-left: 10px;
        margin-top: 7px;
    }
}

@media(max-width:991px) {
    .trv_hero_bg {
    width: 100%;
    border-radius: 16px;
    opacity: .75;
    height: 110px;
    object-fit: cover;
}
       

}

.error_text {
    display: block;
    font-size: 12px;
    color: rgb(230, 57, 70);
    margin-top: 6px;
    padding-left: 8px;
}






/* =========================================================
   NEWTRAVELPACKAGES_SITE — all rules scoped under parent class
   ========================================================= */
.newtravelpackages_site{
  --ntp-green:#0f6e5c;
  --ntp-green-dark:#0a4c3f;
  --ntp-green-light:#12a888;
  --ntp-navy:#0c2a43;
  --ntp-navy-soft:#4a5d6e;
  --ntp-orange:#ff7a30;
  --ntp-gold:#f5a623;
  --ntp-bg-soft:#f6f9f8;
  --ntp-border:#e7edeb;
  --ntp-white:#ffffff;
  --ntp-radius:16px;
  font-family:'Inter',sans-serif;
  color:var(--ntp-navy);
  background:var(--ntp-white);
  overflow-x:hidden;
}
 
.newtravelpackages_site *{ box-sizing:border-box; }
 
.newtravelpackages_site h1,
.newtravelpackages_site h2,
.newtravelpackages_site h3,
.newtravelpackages_site h4,
.newtravelpackages_site .ntp-font-display{
  
  color:var(--ntp-navy);
 
}
 
.newtravelpackages_site a{ text-decoration:none; color:inherit; }
.newtravelpackages_site ul{ list-style:none; padding:0; margin:0; }
.newtravelpackages_site img{ max-width:100%; display:block;     max-width: 100%;
    display: block;
  }

.ntp-logo{  width: 160px;
    filter: brightness(0) invert(1);}
 
.newtravelpackages_site .ntp-container{
  width:100%;
  max-width:1240px;
  margin:0 auto;
  padding:0 20px;
}
 
.newtravelpackages_site .ntp-section{
  padding:64px 0;
}
 
.newtravelpackages_site .ntp-eyebrow{
  display:flex;
  align-items:center;
  gap:8px;
  color:var(--ntp-green);
  font-weight:600;
  font-size:.85rem;
  letter-spacing:.03em;
  margin-bottom:6px;
}
.newtravelpackages_site .ntp-eyebrow::before{
  content:"";
  width:22px;
  height:3px;
  border-radius:3px;
  background:var(--ntp-orange);
  display:inline-block;
}
 
.newtravelpackages_site .ntp-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  margin-bottom:28px;
  gap:16px;
  flex-wrap:wrap;
}
.newtravelpackages_site .ntp-section-title{
  font-size:1.9rem;
  font-weight:700;
}
.newtravelpackages_site .ntp-view-all{
  color:var(--ntp-green);
  font-weight:600;
  font-size:.95rem;
  white-space:nowrap;
}
.newtravelpackages_site .ntp-view-all i{ margin-left:4px; transition:transform .2s; }
.newtravelpackages_site .ntp-view-all:hover i{ transform:translateX(4px); }
 
/* ---------- Buttons ---------- */
.newtravelpackages_site .ntp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:13px 26px;
  border-radius:10px;
  font-weight:600;
  font-size:.95rem;
  border:none;
  cursor:pointer;
  transition:all .25s ease;
  white-space:nowrap;
}
.newtravelpackages_site .ntp-btn-primary{
  background:var(--ntp-navy);
  color:#fff;
}
.newtravelpackages_site .ntp-btn-primary:hover{
  background:var(--ntp-green-dark);
  transform:translateY(-2px);
}
.newtravelpackages_site .ntp-btn-accent{
  background:var(--ntp-green);
  color:#fff;
}
.newtravelpackages_site .ntp-btn-accent:hover{
  background:var(--ntp-green-dark);
  transform:translateY(-2px);
}
 
/* ---------- Navbar ---------- */
.newtravelpackages_site .ntp-navbar{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,.96);
  backdrop-filter:blur(6px);
  border-bottom:1px solid var(--ntp-border);
}
.newtravelpackages_site .ntp-navbar-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 0;
  gap:20px;
}
.newtravelpackages_site .ntp-logo{
  display:flex;
  align-items:center;
  gap:8px;
  
  font-weight:700;
  font-size:1.35rem;
  color:var(--ntp-navy);
  flex-shrink:0;
}
.newtravelpackages_site .ntp-logo i{ color:var(--ntp-green); font-size:1.3rem; }
.newtravelpackages_site .ntp-nav-links{
  display:flex;
  gap:32px;
  font-weight:500;
  font-size:.95rem;
}
.newtravelpackages_site .ntp-nav-links a{
  color:var(--ntp-navy-soft);
  transition:color .2s;
  position:relative;
}
.newtravelpackages_site .ntp-nav-links a:hover,
.newtravelpackages_site .ntp-nav-links a.active{ color:var(--ntp-green); }
.newtravelpackages_site .ntp-nav-phone{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:600;
  color:var(--ntp-navy);
  flex-shrink:0;
}
.newtravelpackages_site .ntp-nav-phone .ntp-icon-circle{
  width:38px; height:38px; border-radius:50%;
  background:var(--ntp-bg-soft);
  display:flex; align-items:center; justify-content:center;
  color:var(--ntp-green);
}
.newtravelpackages_site .ntp-navbar-toggle{
  display:none;
  background:none; border:none; font-size:1.4rem; color:var(--ntp-navy);
}
 
/* ---------- Hero ---------- */
.newtravelpackages_site .ntp-hero{
  position:relative;
  margin:20px auto 0;
  max-width:1240px;
  padding:0 20px;
}
.newtravelpackages_site .ntp-hero-media{
  position:relative;
  border-radius:24px;
  overflow:hidden;
  min-height:480px;
  display:flex;
  align-items:center;
  background:#0c2a43;
}
.newtravelpackages_site .ntp-hero-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.newtravelpackages_site .ntp-hero-media::after{
  content:"";
  position:absolute; inset:0;
  background:linear-gradient(90deg, rgba(6,26,42,.72) 5%, rgba(6,26,42,.28) 45%, rgba(6,26,42,0) 70%);
}
.newtravelpackages_site .ntp-hero-content{
  position:relative;
  z-index:2;
  padding:60px 48px;
  max-width:600px;
  color:#fff;
}
.newtravelpackages_site .ntp-hero-badge{
  display:inline-block;
  background:var(--ntp-green);
  color:#fff;
  font-size:.75rem;
  font-weight:700;
  letter-spacing:.06em;
  padding:6px 14px;
  border-radius:20px;
  margin-bottom:18px;
  text-transform:uppercase;
}
.newtravelpackages_site .ntp-hero-title{
  font-size:2.6rem;
  line-height:1.15;
  font-weight:700;
  color:#fff;
  margin-bottom:16px;
}
.newtravelpackages_site .ntp-hero-sub{
  font-size:1.02rem;
  color:#e7eef0;
  margin-bottom:26px;
  max-width:420px;
}
.newtravelpackages_site .ntp-hero-guarantee{
  display:flex;
  align-items:center;
  gap:8px;
  margin-top:22px;
  font-size:.9rem;
  font-weight:600;
  color:#fff;
}
.newtravelpackages_site .ntp-hero-guarantee i{ color:#3ddc97; }
 
/* ---------- Search bar ---------- */
.newtravelpackages_site .ntp-search-wrap{
  position:relative;
  max-width:1140px;
  margin:-46px auto 0;
  padding:0 20px;
  z-index:5;
}
.newtravelpackages_site .ntp-search-card{
  background:#fff;
  border-radius:18px;
  box-shadow:0 20px 45px rgba(12,42,67,.16);
  padding:10px 24px 22px;
}
.newtravelpackages_site .ntp-search-tabs{
  display:flex;
  gap:26px;
  flex-wrap:wrap;
  padding:14px 4px 16px;
  border-bottom:1px solid var(--ntp-border);
  margin-bottom:18px;
  font-size:.9rem;
  font-weight:600;
  color:var(--ntp-navy-soft);
}
.newtravelpackages_site .ntp-search-tabs span{
  display:flex; align-items:center; gap:6px;
  cursor:pointer;
  padding-bottom:12px;
  border-bottom:2px solid transparent;
}
.newtravelpackages_site .ntp-search-tabs span.active{
  color:var(--ntp-green);
  border-color:var(--ntp-green);
}
.newtravelpackages_site .ntp-search-fields{
  display:flex;
  align-items:stretch;
  gap:0;
  flex-wrap:wrap;
}
.newtravelpackages_site .ntp-field{
  flex:1 1 200px;
  padding:6px 18px;
  border-right:1px solid var(--ntp-border);
}
.newtravelpackages_site .ntp-field:last-of-type{ border-right:none; }
.newtravelpackages_site .ntp-field label{
  display:flex; align-items:center; gap:6px;
  font-size:.72rem;
  color:var(--ntp-navy-soft);
  font-weight:600;
  text-transform:uppercase;
  letter-spacing:.03em;
  margin-bottom:6px;
}
.newtravelpackages_site .ntp-field label i{ color:var(--ntp-green); }
.newtravelpackages_site .ntp-field .ntp-field-value{
  font-weight:600;
  font-size:.95rem;
  color:var(--ntp-navy);
}
.newtravelpackages_site .ntp-search-btn{
  align-self:center;
  margin-left:14px;
}
 .site-type{display:none;}
/* ---------- Trust bar ---------- */
.newtravelpackages_site .ntp-trustbar{
  padding:60px 0 10px;
}
.newtravelpackages_site .ntp-trust-item{
  display:flex;
  align-items:center;
  gap:14px;
}
.newtravelpackages_site .ntp-trust-icon{
  width:46px; height:46px;
  border-radius:12px;
  background:var(--ntp-bg-soft);
  display:flex; align-items:center; justify-content:center;
  color:var(--ntp-green);
  font-size:1.1rem;
  flex-shrink:0;
}
.newtravelpackages_site .ntp-trust-item strong{
  display:block;
  font-size:.95rem;
  font-weight:700;
}
.newtravelpackages_site .ntp-trust-item span{
  font-size:.82rem;
  color:var(--ntp-navy-soft);
}
 
/* ---------- Cards: deals / packages ---------- */
.newtravelpackages_site .ntp-card{
  background:#fff;
  border-radius:var(--ntp-radius);
  overflow:hidden;
  border:1px solid var(--ntp-border);
  transition:transform .3s ease, box-shadow .3s ease;
  height:100%;
}
.newtravelpackages_site .ntp-card:hover{
  transform:translateY(-6px);
  box-shadow:0 18px 38px rgba(12,42,67,.14);
}
.newtravelpackages_site .ntp-card-media{
  position:relative;
  height:210px;
  overflow:hidden;
}
.newtravelpackages_site .ntp-card-media img{
  width:100%; height:100%; object-fit:cover;
  transition:transform .5s ease;
}
.newtravelpackages_site .ntp-card:hover .ntp-card-media img{ transform:scale(1.08); }
.newtravelpackages_site .ntp-badge-tag{
  position:absolute; top:14px; left:14px;
  background:rgba(255,255,255,.92);
  color:var(--ntp-green);
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  padding:5px 10px;
  border-radius:6px;
}
.newtravelpackages_site .ntp-badge-tag.ntp-tag-solid{
  background:var(--ntp-green);
  color:#fff;
}
.newtravelpackages_site .ntp-badge-tag.ntp-tag-pink{ background:#e8547c; color:#fff; }
.newtravelpackages_site .ntp-badge-tag.ntp-tag-orange{ background:var(--ntp-orange); color:#fff; }
.newtravelpackages_site .ntp-badge-tag.ntp-tag-purple{ background:#7c5cff; color:#fff; }
.newtravelpackages_site .ntp-discount-pill{
  position:absolute; bottom:12px; right:12px;
  background:var(--ntp-orange);
  color:#fff;
  font-size:.72rem;
  font-weight:700;
  padding:4px 9px;
  border-radius:6px;
}
.newtravelpackages_site .ntp-card-body{ padding:18px 18px 20px; }
.newtravelpackages_site .ntp-card-location{
  font-size:.72rem;
  color:var(--ntp-navy-soft);
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.newtravelpackages_site .ntp-card-title{
  font-size:1.08rem;
  font-weight:700;
  margin-bottom:6px;
}
.newtravelpackages_site .ntp-card-meta{
  font-size:.84rem;
  color:var(--ntp-navy-soft);
  margin-bottom:12px;
}
.newtravelpackages_site .ntp-card-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.newtravelpackages_site .ntp-price{
  font-size:1.2rem;
  font-weight:800;
  color:var(--ntp-green);
}
.newtravelpackages_site .ntp-price-old{
  font-size:.85rem;
  color:#a9b3ba;
  text-decoration:line-through;
  margin-left:6px;
  font-weight:500;
}
.newtravelpackages_site .ntp-rating{
  font-size:.82rem;
  font-weight:700;
  color:var(--ntp-navy);
  display:flex;
  align-items:center;
  gap:4px;
}
.newtravelpackages_site .ntp-rating i{ color:var(--ntp-gold); }
 
/* ---------- Destinations circles ---------- */
.newtravelpackages_site .ntp-dest-item{
  text-align:center;
}
.newtravelpackages_site .ntp-dest-circle{
  width:120px; height:120px;
  border-radius:50%;
  overflow:hidden;
  margin:0 auto 14px;
  border:3px solid #fff;
  box-shadow:0 10px 25px rgba(12,42,67,.14);
  transition:transform .3s ease;
}
.newtravelpackages_site .ntp-dest-item:hover .ntp-dest-circle{ transform:scale(1.06); }
.newtravelpackages_site .ntp-dest-circle img{ width:100%; height:100%; object-fit:cover; }
.newtravelpackages_site .ntp-dest-item strong{ display:block; font-size:.98rem; font-weight:700; }
.newtravelpackages_site .ntp-dest-item span{ font-size:.8rem; color:var(--ntp-navy-soft); }
 
/* ---------- Swiper nav / pagination shared ---------- */
.newtravelpackages_site .ntp-swiper{ padding-bottom:8px; }
.newtravelpackages_site .swiper-slide{ height:auto; }
.newtravelpackages_site .ntp-swiper-btn{
  width:42px; height:42px;
  border-radius:50%;
  background:#fff;
  border:1px solid var(--ntp-border);
  color:var(--ntp-navy);
  display:flex; align-items:center; justify-content:center;
  box-shadow:0 8px 18px rgba(12,42,67,.1);
  cursor:pointer;
  transition:all .2s;
  z-index:10;
}
.newtravelpackages_site .ntp-swiper-btn:hover{ background:var(--ntp-green); color:#fff; }
.newtravelpackages_site .ntp-swiper-btn.swiper-button-disabled{ opacity:.35; cursor:default; }
.newtravelpackages_site .ntp-swiper-btn.swiper-button-disabled:hover{ background:#fff; color:var(--ntp-navy); }
.newtravelpackages_site .ntp-swiper-nav-row{
  display:flex;
  gap:10px;
}
.newtravelpackages_site .swiper-pagination-bullet{
  background:var(--ntp-navy-soft);
  opacity:.3;
}
.newtravelpackages_site .swiper-pagination-bullet-active{
  background:var(--ntp-green);
  opacity:1;
}
 
/* ---------- Why book strip ---------- */
.newtravelpackages_site .ntp-why{
  background:linear-gradient(135deg,#e9f7f2,#f2fbf7);
    border-radius: 24px;
    padding: 26px 30px;
  position:relative;
  overflow:hidden;
}
.newtravelpackages_site .ntp-why-plane{
  position:absolute;
  right:34px; top:34px;
  font-size:1.6rem;
  color:var(--ntp-green);
  opacity:.6;
}
.newtravelpackages_site .ntp-why-title{
  font-size:1.55rem;
  font-weight:700;
  margin-bottom:28px;
}
.newtravelpackages_site .ntp-why-item{ display:flex; gap:14px; align-items:flex-start; }
.newtravelpackages_site .ntp-why-icon{
  width:48px; height:48px;
  border-radius:12px;
  background:#fff;
  color:var(--ntp-green);
  display:flex; align-items:center; justify-content:center;
  font-size:1.15rem;
  flex-shrink:0;
}
.newtravelpackages_site .ntp-why-item strong{ display:block; font-size:.98rem; font-weight:700; margin-bottom:3px; }
.newtravelpackages_site .ntp-why-item p{ font-size:.85rem; color:var(--ntp-navy-soft); margin:0; }
 
/* ---------- Inspiration collage ---------- */
.newtravelpackages_site .ntp-inspire{
  background:var(--ntp-bg-soft);
  border-radius:24px;
  padding:50px;
  display:flex;
  align-items:center;
  gap:40px;
  flex-wrap:wrap;
}
.newtravelpackages_site .ntp-inspire-text{ flex:1 1 320px; }
.newtravelpackages_site .ntp-inspire-title{
  font-size:1.8rem;
  font-weight:700;
  margin:10px 0 14px;
  line-height:1.25;
}
.newtravelpackages_site .ntp-inspire-text p{
  color:var(--ntp-navy-soft);
  margin-bottom:22px;
  max-width:380px;
}
.newtravelpackages_site .ntp-collage{
  flex:1 1 380px;
  display:flex;
  gap:14px;
  justify-content:center;
}
.newtravelpackages_site .ntp-collage img{
  width:120px; height:170px;
  object-fit:cover;
  border-radius:14px;
  box-shadow:0 14px 30px rgba(12,42,67,.16);
}
.newtravelpackages_site .ntp-collage img:nth-child(2){ margin-top:-24px; }
.newtravelpackages_site .ntp-collage img:nth-child(3){ margin-top:14px; }
.newtravelpackages_site .ntp-collage img:nth-child(4){ margin-top:-10px; }
 
/* ---------- Special offers banner ---------- */
.newtravelpackages_site .ntp-offer{
  position:relative;
  border-radius:22px;
  overflow:hidden;
  background:linear-gradient(120deg,#0c2a43,#123a57 60%,#0c2a43);
  padding:44px 46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
  color:#fff;
}
.newtravelpackages_site .ntp-offer-bg{
  position:absolute; inset:0;
  opacity:.22;
}
.newtravelpackages_site .ntp-offer-bg img{ width:100%; height:100%; object-fit:cover; }
.newtravelpackages_site .ntp-offer-tag{
  background:var(--ntp-orange);
  display:inline-block;
  font-size:.72rem;
  font-weight:700;
  letter-spacing:.05em;
  text-transform:uppercase;
  padding:5px 12px;
  border-radius:6px;
  margin-bottom:12px;
}
.newtravelpackages_site .ntp-offer-title{
  font-size:1.7rem;
  font-weight:700;
  color:#fff;
  position:relative;
  z-index:2;
  max-width:360px;
}
.newtravelpackages_site .ntp-countdown{
  display:flex;
  gap:12px;
  position:relative;
  z-index:2;
}
.newtravelpackages_site .ntp-countdown div{
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);
  border-radius:12px;
  padding:12px 16px;
  text-align:center;
  min-width:64px;
}
.newtravelpackages_site .ntp-countdown div span{
  display:block;
  font-size:1.5rem;
  font-weight:800;
}
.newtravelpackages_site .ntp-countdown div small{
  font-size:.68rem;
  color:#c7d3dc;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.newtravelpackages_site .ntp-offer-note{
  position:relative;
  z-index:2;
  font-size:.85rem;
  color:#c7d3dc;
  max-width:220px;
}
 
/* ---------- Testimonials ---------- */
.newtravelpackages_site .ntp-testi-card{
  background:#fff;
  border:1px solid var(--ntp-border);
  border-radius:var(--ntp-radius);
  padding:28px 26px;
  height:100%;
}
.newtravelpackages_site .ntp-testi-quote{
  color:var(--ntp-green);
  font-size:1.6rem;
  margin-bottom:10px;
  display:block;
}
.newtravelpackages_site .ntp-testi-card p{
  color:var(--ntp-navy-soft);
  font-size:.92rem;
  margin-bottom:20px;
  min-height:70px;
}
.newtravelpackages_site .ntp-testi-user{
  display:flex;
  align-items:center;
  gap:12px;
}
.newtravelpackages_site .ntp-testi-user img{
  width:44px; height:44px;
  border-radius:50%;
  object-fit:cover;
}
.newtravelpackages_site .ntp-testi-user strong{ display:block; font-size:.92rem; }
.newtravelpackages_site .ntp-testi-user span{ font-size:.78rem; color:var(--ntp-navy-soft); }
.newtravelpackages_site .ntp-testi-stars{ color:var(--ntp-gold); font-size:.78rem; margin-top:3px; }
 
/* ---------- Newsletter ---------- */
.newtravelpackages_site .ntp-newsletter{
  background:linear-gradient(120deg,var(--ntp-green-dark),var(--ntp-green));
  border-radius:22px;
  padding:44px 46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  flex-wrap:wrap;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.newtravelpackages_site .ntp-newsletter-img{
  position:absolute;
  right:0; bottom:0;
  height:100%;
  width:280px;
  object-fit:cover;
  opacity:.55;
  mask-image:linear-gradient(to left, black 40%, transparent 100%);
}
.newtravelpackages_site .ntp-newsletter h3{ color:#fff; font-size:1.5rem; margin-bottom:6px; }
.newtravelpackages_site .ntp-newsletter p{ color:#dff2ec; margin:0; font-size:.9rem; }
.newtravelpackages_site .ntp-newsletter-form{
  display:flex;
  gap:10px;
  position:relative;
  z-index:2;
  flex:1 1 380px;
  max-width:440px;
}
.newtravelpackages_site .ntp-newsletter-form input{
  flex:1;
  padding:13px 16px;
  border-radius:10px;
  border:none;
  font-size:.9rem;
}
.newtravelpackages_site .ntp-newsletter-form input:focus{ outline:2px solid #fff; }
.newtravelpackages_site .ntp-newsletter-form button{
  background:var(--ntp-navy);
  color:#fff;
  border:none;
  padding:13px 22px;
  border-radius:10px;
  font-weight:600;
  white-space:nowrap;
  cursor:pointer;
}
 
/* ---------- Footer ---------- */
.newtravelpackages_site .ntp-footer{
  background:#0a2033;
  color:#c7d3dc;
  padding:60px 0 24px;
  margin-top:20px;
}
.newtravelpackages_site .ntp-footer .ntp-logo{ color:#fff; margin-bottom:12px; }
.newtravelpackages_site .ntp-footer p{ font-size:.85rem; color:#93a3af; max-width:260px; }
.newtravelpackages_site .ntp-footer h5{
  color:#fff; font-size:.95rem; font-weight:700; margin-bottom:16px;
  
}
.newtravelpackages_site .ntp-footer ul li{ margin-bottom:10px; }
.newtravelpackages_site .ntp-footer ul li a{
  font-size:.86rem; color:#a6b4bd; transition:color .2s;    display: flex;
}
.newtravelpackages_site .ntp-footer ul li a:hover{ color:#fff; }
.newtravelpackages_site .ntp-social{
  display:flex; gap:10px; margin-top:18px;
}
.newtravelpackages_site .ntp-social a{
  width:36px; height:36px; border-radius:50%;
  background:rgba(255,255,255,.08);
  display:flex; align-items:center; justify-content:center;
  color:#fff; transition:background .2s;
}
.newtravelpackages_site .ntp-social a:hover{ background:var(--ntp-green); }
.newtravelpackages_site .ntp-footer-bottom{
  border-top:1px solid rgba(255,255,255,.08);
  margin-top:40px;
  padding-top:22px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:12px;
  font-size:.8rem;
  color:#8598a4;
}
.newtravelpackages_site .ntp-pay-icons{ display:flex; gap:10px; font-size:1.4rem; color:#c7d3dc; }
 
/* ---------- Responsive ---------- */
@media (max-width: 991px){
      .newtravelpackages_site .ntp-hero-media{ min-height:100%; border-radius:18px; }
  .newtravelpackages_site .ntp-nav-links{ display:none; }
  .newtravelpackages_site .ntp-navbar-toggle{ display:block; }
  .newtravelpackages_site .ntp-hero-title{ font-size:2.1rem; }
  .newtravelpackages_site .ntp-hero-content{ padding: 28px 20px; max-width:100%; }
  .newtravelpackages_site .ntp-search-wrap{ margin-top:-30px; }
  .newtravelpackages_site .ntp-field{ border-right:none; border-bottom:1px solid var(--ntp-border); padding-bottom:14px; }
  .newtravelpackages_site .ntp-search-btn{ width:100%; margin-left:0; margin-top:10px; }
  .newtravelpackages_site .ntp-search-btn button{ width:100%; }
  .newtravelpackages_site .ntp-offer{ padding:34px 26px; }
  .newtravelpackages_site .ntp-inspire{ padding:34px 24px; }
  .newtravelpackages_site .ntp-newsletter{ padding:34px 26px; }
  .newtravelpackages_site .ntp-newsletter-img{ display:none; }
  .rj_car_form {    margin-top: -2rem;}
}
@media (max-width: 575px){
 .newtravelpackages_site .ntp-search-wrap{    padding: 0 20px;}
  .newtravelpackages_site .ntp-hero-media{ min-height:100% ;border-radius:18px; }

  .newtravelpackages_site .ntp-section-title{ font-size:1.5rem; }
  .newtravelpackages_site .ntp-offer-title{ font-size:1.35rem; }
  .newtravelpackages_site .ntp-countdown div{ min-width:52px; padding:10px 10px; }
  .newtravelpackages_site .ntp-collage img{ width:70px; height:90px; }
  .newtravelpackages_site .ntp-btn{ padding: 10px 14px;}
      .newtravelpackages_site .ntp-section {
        padding: 26px 0;
    }

    .newtravelpackages_site .ntp-hero-sub {
        font-size: 14px;
    }
    .newtravelpackages_site .ntp-hero-title {
        font-size: 20px;
    }
    .newtravelpackages_site .ntp-why-title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 28px;
}
    .newtravelpackages_site .ntp-inspire-title {
    font-size: 20px;
    font-weight: 700;
    margin: 10px 0 14px;
    line-height: 1.25;
}
}


/* =========================================
   TRAVEL SPECIALS
========================================= */

.travel-specials-section {
    background: #f5f8fc;
    overflow: hidden;
}

.travel-kicker {
    display: block;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #1769aa;
    margin-bottom: 5px;
}

.travel-specials-title {
    color: #162235;
    font-size: 28px;
    line-height: 1.2;
    font-weight: 750;
}

.travel-specials-subtitle {
    color: #6d7785;
    font-size: 14px;
}

.travel-view-all {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #1167a8;
    font-size: 14px;
    font-weight: 700;
    text-decoration: none;
    padding: 10px 16px;
    border: 1px solid #d7e3ef;
    background: #fff;
    border-radius: 50px;
    transition: all .25s ease;
}

.travel-view-all:hover {
    color: #fff;
    background: #1167a8;
    border-color: #1167a8;
}


/* =========================================
   SHUFFLED GRID
========================================= */

.travel-specials-grid {
    display: grid;
    grid-template-columns: 1.05fr 1.55fr .85fr;
    grid-template-rows: 250px 250px;
    gap: 12px;
}


/* =========================================
   COMMON CARD
========================================= */

.special-card {
    position: relative;
    overflow: hidden;
    border-radius: 14px;
    min-width: 0;
    background: #dfe8f0;
}

.special-card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .55s ease;
}

.special-card:hover img {
    transform: scale(1.06);
}

.special-overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(
        180deg,
        rgba(0,0,0,.02) 25%,
        rgba(0,0,0,.72) 100%
    );
    pointer-events: none;
}


/* =========================================
   LARGE INDIA CARD
========================================= */

.special-card-large {
    grid-column: 1;
}

.special-card-large .special-content {
    max-width: 280px;
}


/* =========================================
   ANDAMAN
========================================= */

.special-card-wide {
    grid-column: 2 / 4;
    grid-row: 1;
}

.special-card-wide .special-content {
    max-width: 260px;
}


/* =========================================
   EXPERIENCE
========================================= */

.special-card-experience {
    grid-column: 2;
    grid-row: 2;
}

.special-card-experience .special-overlay {
    background: linear-gradient(
        180deg,
        rgba(0,0,0,.05),
        rgba(0,0,0,.78)
    );
}

.experience-label {
    position: absolute;
    left: 16px;
    bottom: 14px;
    color: #fff;
    display: flex;
    flex-direction: column;
    z-index: 2;
}

.experience-label strong {
    font-size: 15px;
}

.experience-label span {
    font-size: 11px;
    opacity: .9;
}

.experience-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 43px;
    height: 43px;
    border-radius: 50%;
    background: #ff1717;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 23px;
    z-index: 3;
    box-shadow: 0 5px 20px rgba(0,0,0,.25);
}

.watch-label {
    position: absolute;
    right: 14px;
    bottom: 14px;
    color: #fff;
    font-size: 10px;
    display: flex;
    gap: 5px;
    align-items: center;
    z-index: 2;
}

.watch-label i {
    font-size: 14px;
}


/* =========================================
   BUILD ITINERARY
========================================= */

.special-card-build {
    grid-column: 3;
    grid-row: 2;
    background: #fff;
    border: 1px solid #e4eaf1;
    display: flex;
    flex-direction: column;
}

.build-number {
    position: absolute;
    left: 12px;
    top: 12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #1167a8;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10px;
    font-weight: 700;
    z-index: 3;
}

.build-image {
    height: 170px;
    overflow: hidden;
}

.build-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.build-content {
    padding: 10px 12px;
}

.build-content > span {
    color: #1771b5;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: 1px;
}

.build-content h3 {
    margin: 3px 0;
    font-size: 13px;
    line-height: 1.25;
    color: #172336;
}

.build-content p {
    margin: 0 0 6px;
    color: #7a8490;
    font-size: 9px;
    line-height: 1.4;
}

.build-content a {
    color: #1167a8;
    font-size: 10px;
    font-weight: 700;
    text-decoration: none;
}


/* =========================================
   KASHMIR
========================================= */

.special-card-kashmir {
    grid-column: 1;
    grid-row: 1;
    margin-right: 0;
}

.special-card-kashmir .special-content {
    padding-bottom: 13px;
}


/* =========================================
   CONTENT
========================================= */

.special-content {
    position: absolute;
    left: 15px;
    bottom: 15px;
    color: #fff;
    z-index: 2;
}

.special-tag {
    display: inline-block;
    font-size: 8px;
    font-weight: 800;
    letter-spacing: .8px;
    background: rgba(255,255,255,.18);
    border: 1px solid rgba(255,255,255,.3);
    backdrop-filter: blur(5px);
    padding: 4px 7px;
    border-radius: 50px;
    margin-bottom: 5px;
}

.special-content h3 {
      font-size: 18px;
    font-weight: 600;
    line-height: 1.1;
    margin: 0;
    color: #fff;
}

.special-content p {
    font-size: 12px;
    margin: 3px 0; font-weight:400;
}

.special-content small {
    display: block;
    font-size: 9px;
    opacity: .9;
    margin-bottom: 8px;
}

.special-btn {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 9px;
    border-radius: 50px;
    background: #ff7a30;
    color: #162235;
    font-size: 9px;
    font-weight: 700;
    text-decoration: none;
}

.special-btn:hover {
    background: #1167a8;
    color: #fff;
}

.fa-solid, .fas {
    font-weight: 900;
    font-size: 18px;
}
.fa-regular, .far {
    font-weight: 900;
    font-size: 18px;
}
/* =========================================
   TABLET
========================================= */

@media (max-width: 991.98px) {

    .travel-specials-grid {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 220px 180px 180px;
    }

    .special-card-large {
        grid-column: 1;
        grid-row: 1 / 3;
    }

    .special-card-wide {
        grid-column: 2;
        grid-row: 1;
    }

    .special-card-experience {
        grid-column: 2;
        grid-row: 2;
    }

    .special-card-build {
        grid-column: 1;
        grid-row: 3;
    }

    .special-card-kashmir {
        grid-column: 2;
        grid-row: 3;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 575.98px) {

    .travel-specials-section {
        padding-top: 35px !important;
        padding-bottom: 35px !important;
    }

    .travel-specials-title {
        font-size: 23px;
    }

    .travel-specials-subtitle {
        font-size: 12px;
        max-width: 280px;
    }

    .travel-specials-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-template-rows:
            210px
            150px
            150px
            190px;
        gap: 9px;
    }

    /* Large card */
    .special-card-large {
        grid-column: 1 / 3;
        grid-row: 1;
        min-height: 0;
    }

    /* Andaman */
    .special-card-wide {
        grid-column: 1 / 3;
        grid-row: 2;
    }

    /* Experience */
    .special-card-experience {
        grid-column: 1;
        grid-row: 3;
    }

    /* Build */
    .special-card-build {
        grid-column: 2;
        grid-row: 3;
    }

    /* Kashmir */
    .special-card-kashmir {
        grid-column: 1 / 3;
        grid-row: 4;
    }

    .special-content {
        left: 12px;
        bottom: 12px;
    }

    .special-content h3 {
        font-size: 16px;
    }

    .special-content p {
        font-size: 10px;
    }

    .special-content small {
        font-size: 8px;
    }

    .special-tag {
        font-size: 7px;
    }

    .special-btn {
        font-size: 8px;
        padding: 5px 8px;
    }

    .build-image {
        height: 75px;
    }

    .build-content {
        padding: 8px;
    }

    .build-content h3 {
        font-size: 11px;
    }

    .build-content p {
        font-size: 8px;
    }

    .build-content a {
        font-size: 8px;
    }

    .experience-label {
        left: 10px;
        bottom: 9px;
    }

    .experience-label strong {
        font-size: 11px;
    }

    .experience-label span {
        font-size: 8px;
    }

    .watch-label {
        right: 8px;
        bottom: 9px;
        font-size: 7px;
    }

    .experience-play {
        width: 35px;
        height: 35px;
        font-size: 18px;
    }

}


.ta-section { width: 100%;
    padding: 30px 0;
    background: #f7faf9;
    margin: 2rem 0;} .ta-container { width: 100%; max-width: 1180px; margin: 0 auto; padding-left: 20px; padding-right: 20px; } /* ========================================================= SECTION HEADER ========================================================= */ .ta-section-head {  margin-bottom: 38px; } .ta-eyebrow { display: inline-flex; align-items: center; gap: 8px; padding: 7px 13px; margin-bottom: 15px; border-radius: 50px; background: #e5f3ef; color: #0f6e5c; font-size: 13px; font-weight: 700; line-height: 1; } .ta-eyebrow i { font-size: 12px; } .ta-title { margin: 0 0 14px; color: #173c35; font-size: 30px; font-weight: 600; line-height: 1.15; letter-spacing: -1px; } .ta-description { max-width: 720px; margin: 0; color: #687773; font-size: 16px; font-weight: 400; line-height: 1.75; } /* ========================================================= GRID ========================================================= */ .ta-grid { display: grid; gap: 15px; } .ta-grid-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ta-grid-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .ta-grid-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } /* ========================================================= COMMON CARD ========================================================= */ .ta-card { display: flex; align-items: flex-start; gap: 18px; min-width: 0; padding: 24px; background: #ffffff; border: 1px solid #e5ece9; border-radius: 18px; transition: transform .25s ease, box-shadow .25s ease, border-color .25s ease; } .ta-card:hover { transform: translateY(-4px); border-color: #c9e2db; box-shadow: 0 14px 35px rgba(15, 110, 92, .08); } /* ========================================================= CARD ICON ========================================================= */ .ta-icon { flex: 0 0 48px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; border-radius: 14px; background: #edf8f5; color: #0f6e5c; font-size: 18px; } .ta-card:hover .ta-icon { background: #0f6e5c; color: #ffffff; } /* ========================================================= CARD CONTENT ========================================================= */ .ta-card-content { min-width: 0; } .ta-card h3 { margin: 1px 0 7px; color: #183c35; font-size: 18px; font-weight: 700; line-height: 1.35; } .ta-card p { margin: 0; color: #71807c; font-size: 14px; font-weight: 400; line-height: 1.65; } /* ========================================================= HIGHLIGHT / CTA ========================================================= */ .ta-highlight { display: flex; align-items: center; justify-content: space-between; gap: 25px; margin-top: 18px; padding: 23px 25px; background: #0f6e5c; border-radius: 18px; } .ta-highlight-content { min-width: 0; } .ta-highlight-content strong { display: block; margin-bottom: 5px; color: #ffffff; font-size: 17px; font-weight: 700; line-height: 1.4; } .ta-highlight-content span { display: block; color: rgba(255, 255, 255, .75); font-size: 13px; line-height: 1.5; } /* ========================================================= BUTTON ========================================================= */ .ta-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; flex-shrink: 0; padding: 12px 18px; border-radius: 10px; text-decoration: none; font-size: 14px; font-weight: 700; transition: background .2s ease, transform .2s ease, box-shadow .2s ease; } .ta-btn-orange { background: #ff7a30; color: #ffffff; } .ta-btn-orange:hover { background: #f96c22; color: #ffffff; transform: translateX(2px); box-shadow: 0 8px 20px rgba(255, 122, 48, .25); } .ta-btn i { font-size: 12px; } /* ========================================================= OPTIONAL COMMON UTILITY CLASSES These can be reused on your other 4-5 pages. ========================================================= */ .ta-text-center { text-align: center; } .ta-mx-auto { margin-left: auto; margin-right: auto; } .ta-section-light { background: #ffffff; } .ta-section-soft { background: #f7faf9; } .ta-section-green { background: #0f6e5c; } .ta-rounded { border-radius: 18px; } /* ========================================================= TABLET ========================================================= */ @media (max-width: 991px) { .ta-section { padding: 60px 0; } .ta-title { font-size: 27px; } .ta-grid-3, .ta-grid-4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } } /* ========================================================= MOBILE ========================================================= */ @media (max-width: 767px) { .ta-section { padding: 50px 0; } .ta-container { padding-left: 16px; padding-right: 16px; } .ta-section-head { margin-bottom: 28px; } .ta-eyebrow { font-size: 12px; } .ta-title { margin-bottom: 12px; font-size: 24px; line-height: 1.2; letter-spacing: -.5px; } .ta-description { font-size: 14px; line-height: 1.7; } .ta-grid-2, .ta-grid-3, .ta-grid-4 { grid-template-columns: 1fr; } .ta-card { gap: 14px; padding: 20px; border-radius: 16px; } .ta-icon { flex-basis: 44px; width: 44px; height: 44px; border-radius: 12px; font-size: 16px; } .ta-card h3 { font-size: 16px; } .ta-card p { font-size: 13px; } .ta-highlight { align-items: flex-start; flex-direction: column; gap: 18px; padding: 21px; border-radius: 16px; } .ta-highlight-content strong { font-size: 16px; } .ta-highlight-content span { font-size: 12px; } .ta-highlight .ta-btn { width: 100%; } } /* ========================================================= SMALL MOBILE ========================================================= */ @media (max-width: 480px) { .ta-title { font-size:18px; } .ta-card { padding: 17px; }.ta-check-item h3 {
    margin: 0px 0px 5px;
    color: rgb(24, 60, 53);
    font-size: 15px;
    font-weight: 700;
} }

/* =========================================================
   ADDITIONAL COMMON CONTENT STYLES
========================================================= */

.ta-large-highlight{display:none !important;}

.ta-content-block {
    margin-top: 60px;
    padding: 38px;
    background: #ffffff;
    border: 1px solid #e5ece9;
    border-radius: 20px;
}

.ta-content-block-wide {
    margin-top: 55px;
}

.ta-inner-head {
    margin-top: 55px;
    margin-bottom: 28px;
}

.ta-subtitle {
    margin: 0 0 14px;
    color: #173c35;
    font-size: 27px;
    line-height: 1.25;
    font-weight: 600;
}

.ta-content-text {
    max-width: 900px;
    margin: 0 0 14px;
    color: #687773;
    font-size: 15px;
    line-height: 1.8;
}

.ta-content-text:last-child {
    margin-bottom: 0;
}


/* =========================================================
   MINI CARDS
========================================================= */

.ta-mini-card {
    padding: 25px;
    background: #ffffff;
    border: 1px solid #e5ece9;
    border-radius: 18px;
    transition: .25s ease;
}

.ta-mini-card:hover {
    transform: translateY(-4px);
    border-color: #c9e2db;
    box-shadow: 0 14px 35px rgba(15, 110, 92, .08);
}

.ta-mini-image {
    width: 55px;
    height: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    margin-bottom: 18px;

    border-radius: 16px;

    background: #edf8f5;
    color: #0f6e5c;

    font-size: 21px;
}

.ta-mini-card h3 {
    margin: 0 0 8px;
    color: #183c35;
    font-size: 18px;
    font-weight: 700;
}

.ta-mini-card p {
    margin: 0 0 17px;
    color: #71807c;
    font-size: 14px;
    line-height: 1.65;
}

.ta-text-link {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    color: #0f6e5c;

    text-decoration: none;

    font-size: 13px;
    font-weight: 700;
}

.ta-text-link i {
    font-size: 10px;
    transition: .2s ease;
}

.ta-text-link:hover {
    color: #ff7a30;
}

.ta-text-link:hover i {
    transform: translateX(3px);
}


/* =========================================================
   CHECK ITEMS
========================================================= */

.ta-check-item {
    display: flex;
    gap: 15px;

    padding: 20px;

    background: #f7faf9;
    border-radius: 15px;
}

.ta-check-icon {
    flex: 0 0 34px;

    width: 34px;
    height: 34px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #0f6e5c;
    color: #ffffff;

    font-size: 12px;
}

.ta-check-item h3 {
    margin: 0 0 5px;

    color: #183c35;

    font-size: 16px;
    font-weight: 700;
}

.ta-check-item p {
    margin: 0;

    color: #71807c;

    font-size: 13px;
    line-height: 1.65;
}


/* =========================================================
   LARGE CTA
========================================================= */

.ta-large-highlight {
    margin-top: 55px;
    padding: 32px 35px;
}

.ta-highlight-label {
    display: block;

    margin-bottom: 6px;

    color: rgba(255,255,255,.7);

    font-size: 12px;
    font-weight: 700;

    text-transform: uppercase;
    letter-spacing: .7px;
}

.ta-large-highlight .ta-highlight-content strong {
    margin-bottom: 6px;
    font-size: 22px;
}

.ta-large-highlight .ta-highlight-content p {
    max-width: 650px;

    margin: 0;

    color: rgba(255,255,255,.72);

    font-size: 13px;
    line-height: 1.6;
}


/* =========================================================
   RESPONSIVE
========================================================= */

@media (max-width: 767px) {
    .newtravelpackages_site{padding-bottom: 4rem;}
    .ta-content-block {
        margin-top: 40px;
        padding: 22px;
        border-radius: 16px;
    }

    .ta-inner-head {
        margin-top: 40px;
    }

    .ta-subtitle {
        font-size: 23px;
    }

    .ta-content-text {
        font-size: 14px;
        line-height: 1.7;
    }

    .ta-mini-card {
        padding: 20px;
    }

    .ta-check-item {
        padding: 17px;
    }

    .ta-large-highlight {
        margin-top: 40px;
        padding: 24px;
    }

    .ta-large-highlight .ta-highlight-content strong {
        font-size: 19px;
    }

}