@import url('https://fonts.googleapis.com/css2?family=Nanum+Pen+Script&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@400;500;700&display=swap');
body{font-family: "Urbanist", sans-serif;font-size: 1.06rem;line-height: 1.6rem;color: var(--secondary-color);font-display: swap;}
h1, h2, .heading {font-family: "League Spartan", sans-serif;}
.topbar-content{min-height: 30px;}
.skyline-bg {background-image: url('../images/demo/skylin1.png');background-repeat: no-repeat;background-position: center;background-size: cover;border-bottom: 1px solid rgba(255, 255, 255, 0.1);}
.skyline-bg img {height: 15px;width: auto;transition: transform 0.3s ease;}
.skyline-bg a:hover img {transform: scale(1.2);}
.badge.bg-danger {padding: 3px 6px;font-weight: 500;}
.navbar-nav .nav-item {margin: 0 10px;}
.navbar-nav .nav-link {color: #000 !important;font-size: 14px;font-weight: 500;letter-spacing: 0.5px;padding: 4px 8px !important;white-space: nowrap;border-radius: 50px;transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);border: 1px solid transparent;}
.nav-pill-effect {padding: 18px 20px !important;transition: all 0.3s ease-in-out;border-radius: 50px;border: 1px solid transparent;width: max-content; margin: 0 auto;     }
.nav-pill-effect:hover,
.nav-pill-effect.active,
.show > .nav-pill-effect { background-color: #FFF1E4 !important;color: #000 !important;border: 1px solid #FF8C21; padding:10px 10px;}
.dropdown-toggle::after {display: none !important;}
.chevron-down {display: inline-block;width: 6px;height: 6px;border-right: 2px solid #000000; border-bottom: 2px solid #000000;transform: translateY(-2px) rotate(45deg); transition: transform 0.3s ease-in-out;margin-left: 12px;}
.dropdown-menu[data-bs-popper] {top: 100%;left: 0;left: 0;
    margin-top: 0;}
.show > .nav-pill-effect .chevron-down {transform: translateY(2px) rotate(-135deg);}
.position-static {position: static !important;}
.mega-menu-panel {position: absolute;left: 0;right: 0;width: 100%;background-color: #FFF1E4 !important; top: 100%;padding: 12px 0 20px 0;z-index: 1000;}
.mega-menu-panel .mega-dropdown-arrow {content: "";position: absolute;top: -15px; transform: translateX(-50%);border-width: 0 15px 15px 15px;border-style: solid;
border-color: transparent transparent #FFF1E4 transparent;display: block;width: 0;height: 0;z-index: 1001;}
.mega-menu-panel .tour-arrow-pos {left: 34.5%;}
.mega-menu-panel .booking-arrow-pos {left: 44.5%;}
.mega-menu-panel .support-arrow-pos {left: 55.5%; }
@media (max-width: 991.98px) {
    .mega-menu-panel {position: absolute !important;  top: 100% !important;left: 5% !important;right: 5% !important;width: 90% !important; background-color: #ffffff !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1) !important; border-radius: 12px !important;padding: 4px 0 !important;margin-top: 5px !important;z-index: 1050 !important;}
    .mega-menu-panel .mega-dropdown-arrow {display: none !important;}
    .mega-menu-panel .dropdown-img-wrapper {display: none !important;}
    .mega-menu-panel .container { padding: 0 !important;}
    .mega-menu-panel .row {margin: 0 !important;display: flex !important;flex-direction: column !important; gap: 0 !important;}
    .mega-menu-panel .col {text-align: center !important;width: 100% !important;padding: 0 !important;}
   .dropdown-heading {font-size: 14px;font-weight: 500;color: #333333 !important; padding: 12px 10px !important; display: block !important; white-space: normal !important;border-bottom: 1px solid #f1f1f1; transition: all 0.2s ease;}
    .mega-menu-panel .col:last-child .dropdown-heading {border-bottom: none !important;}
    .dropdown-card-link:hover .dropdown-heading {color: #FE7E01 !important;background-color: #FFF1E4 !important;}
    .navbar-nav .nav-item {margin: 8px 0 !important;position: relative !important;}
} 
@media (min-width: 992px) {
    .navbar-nav .nav-item.dropdown:hover .mega-menu-panel {
        display: block !important;
        opacity: 1 !important;
        visibility: visible !important;
        transform: translateY(0);
    }
    .navbar-nav .nav-item.dropdown:hover .nav-pill-effect {
        background-color: #FFF1E4 !important;
        color: #000 !important;
        border: 1px solid #FF8C21;
    }
    .navbar-nav .nav-item.dropdown:hover .nav-pill-effect .chevron-down {
        transform: translateY(2px) rotate(-135deg);
    }
    .mega-menu-panel {
        display: block; /* opacity हैंडल करने के लिए display block रखें */
        opacity: 0;
        visibility: hidden;
        transform: translateY(10px);
        transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
        
        /* ये लाइन जादुई काम करेगी: यह 20px का एक पारदर्शी बफर ज़ोन ऊपर जोड़ देगी */
        padding-top: 20px !important; 
    }
}
.dropdown-heading {font-size: 15px;font-weight: 600;color: #0A4247;margin-bottom: 0;white-space: nowrap;transition: color 0.5s ease;}
.dropdown-img-wrapper {overflow: hidden;border-radius: 12px 0 0 0;}
.dropdown-img-wrapper img {width: 100%;height: auto;object-fit: cover;display: block;border-radius: 12px 0 0 0 !important;transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);}
.dropdown-card-link:hover .dropdown-heading {color: #FE7E01;}
.dropdown-card-link:hover .dropdown-img-wrapper img {transform: scale(1.05); }
@keyframes hot-blink {
    0% {opacity: 1;transform: scale(1);}
    50% {opacity: 0.3;transform: scale(0.9);}
    100% {opacity: 1;transform: scale(1);}
}
.hot-shake {display: inline-block;animation: hot-blink 1.8s infinite ease-in-out;box-shadow: 0 0 10px rgba(220, 53, 69, 0.6);font-weight: bold;}
.nav-item:hover .hot-shake {animation-duration: 1.3s;background-color: #ff0000 !important;}
.btn-orange-trip {position: relative;padding: 8px 22px;background: #FE7E01;color: #fff !important; border: none;border-radius: 8px;overflow: hidden;z-index: 1;cursor: pointer;
font-size: 12px;font-weight: 700;letter-spacing: 0.5px;transition: all 0.35s ease;display: inline-flex;align-items: center;justify-content: center;}
.btn-orange-trip::before {content: '';position: absolute;top: 50%;left: 50%;width: 250%;height: 250%; background: conic-gradient(
       transparent,
        rgba(255,255,255,0.1),
        #ffffff,
        rgba(255,255,255,0.1),
        transparent
    );transform: translate(-50%, -50%) rotate(0deg);animation: rotate-border 2.5s linear infinite;z-index: -2;}
.btn-orange-trip::after {content: '';position: absolute;inset: 3px;background: linear-gradient(135deg, #ff8c00, #ff5e00);border-radius: 6px;z-index: -1;transition: background 0.35s ease;}
.btn-orange-trip:hover {transform: translateY(-3px) scale(1.06); color: #ffffff !important;}
.btn-orange-trip:active {transform: scale(0.97);}
@keyframes rotate-border {
    0% {transform: translate(-50%, -50%) rotate(0deg);}
    100% {transform: translate(-50%, -50%) rotate(360deg);}
}
#main-header{position: sticky;top: 0;z-index: 1050;background: #fff;box-shadow: 0 2px 15px rgba(0,0,0,0.05);}
.banner-section{height: 100vh;background: #fff;}
.video-container{z-index: 1;}
.banner-video{object-fit: cover;}
.hero-overlay{z-index: 2;background: rgba(0,0,0,0.2);pointer-events: none;}
.sound-btn{z-index: 99;cursor: pointer;}
.sound-btn:hover{transform: scale(1.1);opacity: 0.8;}
.banner-wave{height: 193px;z-index: 10;pointer-events: none;}
@media (max-width: 991px){
    .banner-section{height: 85vh;}
    .banner-wave{height: 130px;}
}
@media (max-width: 767px){
    .banner-section{height: 70vh;}
    .banner-wave{height: 90px;}
    .sound-btn{margin-top: 10px !important;margin-right: 10px !important;}
    .display-4{font-size: 2rem;}
    .lead{font-size: 1rem;}}
    .final-slider-section{background:#fff;}
    .sky-deal-card{transition:0.3s ease;
}
    .sky-deal-card:hover{transform:translateY(-5px);}
    .card-kl-img{max-height:350px;object-fit:cover;}
    .final-slider .swiper-button-next,
    .final-slider .swiper-button-prev{width:45px;height:45px;border-radius:50%;background:#F6FAF9;color:#000;box-shadow:0 2px 10px rgba(0,0,0,0.1);}
    .final-slider .swiper-button-next::after,
    .final-slider .swiper-button-prev::after{font-size:18px;font-weight:700;}
@media (max-width:767px){
    .card-kl-img{max-height:220px;}
    .final-slider .swiper-button-next,
    .final-slider .swiper-button-prev{width:38px;height:38px;}
    .final-slider .swiper-button-next::after,
    .final-slider .swiper-button-prev::after{font-size:14px;}}
    .awards-section{background:#00485f;font-family:'Poppins',sans-serif;}
    .agency-badge{color:#003f52;font-size:20px;font-weight:600;font-family:"Playfair Display", serif;line-height:1;}
    .text-style{color:#FE8101;}
    .main-title{font-size:33px;line-height:1.3;font-family: "League Spartan", sans-serif;color:#fff;font-weight:700;letter-spacing: 1px;}
    .description{max-width:620px;font-size:14px;line-height:1.8;color:rgba(255,255,255,0.78);}
    .award-footer-text{max-width:650px;font-size:14px;line-height:1.2;color:rgba(255,255,255,0.85);}
    .text-orange-light{color:#FF9F41;}
    .stat-box { min-width: 230px; border: 1px solid #FFA301; padding: 18px 19px; border-radius: 4px; display: flex; align-items: center; background: rgba(255,255,255,0.02); }
    .stat-number{font-size:40px;font-weight:700;line-height:1;color:#fff;}
    .stat-label{font-size:13px;line-height:1.2;color:#FFA301;font-weight:500;}
    .trophy-img{width:225px;filter:drop-shadow(0 15px 20px rgba(0,0,0,0.35));animation:floatTrophy 4s ease-in-out infinite;}
    .awards-logo{width:270px;}
    .trophy-shadow-effect{width:120px;height:18px;background:rgba(0,0,0,0.28);border-radius:50%;margin-top:-8px;filter:blur(6px);}
@keyframes floatTrophy{
    0%,100%{transform:translateY(0);}
    50%{transform:translateY(-15px);}
}
@media (max-width:991px){.main-title{font-size:34px;}
.trophy-img{width:160px;}
.awards-logo{width:220px;}}
@media (max-width:575px){
    .agency-badge{font-size:14px;padding:10px 16px !important;}
    .main-title{font-size:26px;}
    .stat-number{font-size:40px;}
    .trophy-img{width:120px;}
    .awards-logo{width:170px;}
}
.tour-packages-section {overflow-x: hidden; padding: 30px 0;width: 100%;}
.package-title {font-size:33px;font-weight: 700;color: #000;font-family: "League Spartan", sans-serif;line-height: 1.5;}
.btn-check-packages {position: relative;display: inline-flex;align-items: center;background: #FE7E01;color: #ffffff !important;padding: 6px 45px 6px 24px; border-radius: 12px;
    text-decoration: none;font-size: 16px;font-weight: 600;border: none;transition: background-color 0.3s ease, transform 0.3s ease;cursor: pointer;overflow: hidden;}
.btn-check-packages span {transition: transform 0.3s ease;display: inline-block;}
.btn-check-packages::after {content: '→';font-size: 20px;position: absolute;right: 20px;transition: transform 0.3s ease, opacity 0.3s ease;opacity: 0;transform: translateX(-10px);}
.btn-check-packages:hover {background: rgb(0, 72, 95);transform: translateY(-2px); }
.btn-check-packages:hover span {transform: translateX(-4px); }
.btn-check-packages:hover::after {opacity: 1;transform: translateX(0);}
.btn-check-packages:active {transform: translateY(0) scale(0.98);}
.package-main-slider {width: 100%;overflow: visible !important; }
.package-main-slider .swiper-slide {transition: opacity 0.5s ease, transform 0.5s ease;opacity: 0.75; pointer-events: none;}
.package-main-slider .swiper-slide-active {opacity: 1 !important;pointer-events: auto;}
.card-image-box {width: 100%;border-radius: 4px;overflow: hidden;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);}
.card-image-box img {width: 100%;height: auto;object-fit: cover;display: block;}
@media (max-width: 768px) {
    .package-title {font-size: 18px;}
    .btn-check-packages {padding: 8px 16px;font-size: 12px;}
}
.plan-trip-section {background-color: #FFF1E4;padding: 60px 0;border-radius: 2px;margin: 30px 0;}
.plan-wrapper {border-radius: 24px;padding: 13px 78px;overflow: hidden;position: relative;}
.plan-content {z-index: 2;}
.plan-title {font-size:49px;font-weight: 700; font-family: "League Spartan", sans-serif;color: #000000;line-height: 1.2;margin-bottom: 15px;}
.plan-title .highlight {color:#f96500;font-size:49px;font-weight: 700; }
.plan-desc {font-size: 16px;color: #000000;margin-bottom: 30px;}
.btn-quote {display: inline-block;background-color: #004157;color: #FFFFFF;padding: 12px 25px;border-radius: 8px;font-weight: 600;
text-decoration: none;box-shadow: 0 4px 10px rgba(0,0,0,0.1);transition: all 0.3s ease;}
.btn-quote:hover {background-color: #f96500;color: #fff !important;transform: translateY(-3px);}
.plan-image img {max-width: 100%;height: 600px;}
@media (max-width: 768px) {
    .plan-title {font-size: 30px;}
    .plan-trip-section {text-align: center;padding: 40px 20px;}
    .plan-desc {margin: 0 auto 25px;}
}
@media (max-width: 768px) {
    .plan-trip-section {margin: 20px 10px !important;padding: 0 !important;}
    .plan-wrapper { padding: 40px 20px !important; text-align: center !important;}
    .plan-title {font-size: 30px !important;line-height: 1.3;}
    .plan-desc {font-size: 14px !important;padding: 0 5px;}
   .btn-quote {display: block !important;width: 100%;max-width: 300px;margin: 0 auto 30px auto;}
    .plan-image img {height: auto !important;max-width: 280px !important;margin: 0 auto;}
}
@media (max-width: 480px) {
    .plan-title {font-size: 24px;}
    .plan-wrapper {padding: 25px 15px;}
 }
.services-info-section {background: #ffffff;font-family: 'Poppins', sans-serif;}
.services-dark-card {background-color: #004157;border-radius: 20px;min-height: 350px;padding: 18px 20px !important;}
.service-main-title,
.why-title { font-family: "League Spartan", sans-serif;font-size: 27px;font-weight:700;line-height: 1.3;}
.icon-circle-dashed {width: 60px;height: 60px;border: 1px solid #ffff;background: transparent;transition: all 0.3s ease;}
.icon-circle-dashed img {width: 26px;height: 26px;object-fit: contain;transition: transform 0.4s ease;}
.service-item p {font-size: 13.5px;line-height: 1.4;font-weight: 400;letter-spacing: 0.2px;}
.vertical-line-container {position: absolute;left: 27px;top: 50%;transform: translateY(-50%);height: 350px;z-index: 2;}
.line-img {height: 100%;object-fit: contain;opacity: 0.8;}
.why-choose-box {padding-top: 10px;}
.usp-list li {font-size: 14.5px;font-weight: 500;color: #111111;margin-bottom: 24px;}
.usp-list li:last-child {margin-bottom: 0;}
.usp-icon-wrap {width: 54px;height: 54px;background: #ffffff;border-radius: 50%;box-shadow: 0px 4px 15px 0px #00000026;flex-shrink: 0;transition: all 0.3s ease;}
.usp-icon-wrap img {width: 32px;height: 32px;object-fit: contain;transition: transform 0.4s ease;}
.service-item:hover .icon-circle-dashed img,
.usp-list li:hover .usp-icon-wrap img {transform: scaleX(-1);}
.service-item:hover .icon-circle-dashed {border-color: rgba(255, 255, 255, 0.8);background: rgba(255, 255, 255, 0.05);}
@media (max-width: 991px) {
    .services-dark-card {min-height: auto;padding: 30px 20px !important;margin-bottom: 40px;}
    .service-main-title,.why-title {font-size: 24px;}
    .vertical-line-container {display: none !important;}
    .why-choose-box {padding-left: 0 !important; }
    .usp-list li {padding: 12px 15px;border-radius: 12px;background: #f9fbfd;margin-bottom: 15px;box-shadow: 0 2px 8px rgba(0,0,0,0.02);}
}
@media (max-width: 575px) {
    .service-main-title,.why-title {font-size: 21px;}
    .services-dark-card .row {--bs-gy: 2rem !important; }
    .icon-circle-dashed {width: 52px;height: 52px;}
    .usp-icon-wrap {width: 48px;height: 48px;}
    .service-item p {font-size: 12px;}
}
.brand-section {background-color: #f5f5f5;padding: 60px 20px;text-align: center;font-family: 'Times New Roman', serif;}
.brand-title {font-size: 33px;font-family: "League Spartan", sans-serif;margin-bottom: 40px;font-weight:700;color: #1a1a1a;}
.brand-grid {display: flex;flex-wrap: wrap;justify-content: center;gap: 60px;margin: 0 auto;}
.brand-card {background: #ffffff;border: 1px solid #272727;border-radius: 4px;width: 151px;height: 119px;display: flex;align-items: center;
justify-content: center;padding: 10px;box-shadow: 0 2px 4px rgba(0,0,0,0.05);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
opacity: 0;transform: translateY(20px);animation: eyeCatchyPop 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.brand-card:hover {transform: translateY(-8px); box-shadow: 0 10px 20px rgba(0,0,0,0.1); border-color: #FE7E01; }
@keyframes eyeCatchyPop {
  0% {opacity: 0;transform: translateY(40px) scale(0.9); filter: blur(5px);}
  70% {transform: translateY(-5px) scale(1.02);}
  100% {opacity: 1;transform: translateY(0) scale(1);filter: blur(0);}
}
.brand-card:nth-child(1) { animation-delay: 0.1s; }
.brand-card:nth-child(2) { animation-delay: 0.2s; }
.brand-card:nth-child(3) { animation-delay: 0.3s; }
.brand-card:nth-child(4) { animation-delay: 0.4s; }
.brand-card:nth-child(5) { animation-delay: 0.5s; }
.brand-card:nth-child(6) { animation-delay: 0.6s; }
.brand-card img {max-width: 86%;max-height: 100%;object-fit: contain;}
.brand-card:hover img {filter: grayscale(0%);}
@keyframes eyeCatchyPop {
  0% {opacity: 0;transform: translateY(20px) scale(0.95);filter: blur(2px);}
  100% {opacity: 1;transform: translateY(0) scale(1);filter: blur(0);}
}
@media screen and (max-width: 768px) {
  .brand-section {padding: 40px 15px;}
  .brand-title {font-size: 24px;margin-bottom: 30px;}
  .brand-grid {display: grid; grid-template-columns: repeat(2, 1fr); gap:15px; padding: 0 10px;}
  .brand-card {width: auto; height: 110px; margin: 0;}
  .brand-card:hover {transform: translateY(-4px);}
}
.testimonial-section { padding: 60px 20px; text-align: center; background: #fff; }
.testimonial-title {font-family: "League Spartan", sans-serif;font-size: 33px; margin-bottom: 40px; color: #333; font-weight:700; }
.testimonial-grid {display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;max-width: 1250px;margin: 0 auto;}
.testimonial-card {position: relative;width: 185px;  height: 330px;border-radius: 12px;overflow: hidden;
cursor: pointer;background: #000;transition: transform 0.3s ease;box-shadow: 0 4px 15px rgba(0,0,0,0.1);}
.testimonial-card:hover { transform: translateY(-5px); }
.preview-video { width: 100%; height: 100%; object-fit: cover; opacity: 0.9; }
.play-button {position: absolute; bottom: 12px; left: 12px;width: 45px; height: 45px;
background-color: #FE7E01; border-radius: 50%;display: flex; align-items: center; justify-content: center;z-index: 5;}
.play-button img { width: 8px; height: auto; position: relative; z-index: 6; }
.play-button::before {content: ''; position: absolute;width: 25px; height: 25px;border: 1.5px solid #ffffff; border-radius: 50%;}
.video-modal-overlay {display: none; position: fixed;top: 0; left: 0; width: 100vw; height: 100vh;z-index: 99999; align-items: center; justify-content: center;}
.modal-bg-blur {position: absolute; width: 100%; height: 100%;background: rgba(0, 0, 0, 0.9); backdrop-filter: blur(10px);}
.modal-content-wrapper {position: relative;width: 90%;max-width: 320px;z-index: 100000;}
.reel-frame { width: 100%;aspect-ratio: 9/16;border-radius: 20px;overflow: hidden;border: 2px solid #FE7E01;background: #000;}
#modalPlayer { width: 100%; height: 100%; object-fit: cover; }
.close-modal {position: absolute;top: -20px; right: -20px;width: 45px; height: 45px;background-color: #FE7E01; color: white !important;border-radius: 50%;display: flex; align-items: center; justify-content: center;
cursor: pointer; font-weight: bold; font-size: 20px;z-index: 100005; border: 2px solid #fff;box-shadow: 0 4px 15px rgba(0,0,0,0.5);}
@media (max-width: 1024px) {
  .testimonial-grid { gap: 15px; }
  .testimonial-card { width: 170px; height: 300px; }
}
@media (max-width: 480px) {
  .testimonial-title { font-size: 24px; }
  .testimonial-grid { gap: 10px; padding: 0 10px; }
  .testimonial-card { width: calc(50% - 10px);height: 260px;}
  .play-button { width: 35px; height: 35px; bottom: 8px; left: 8px; }
  .play-button::before { width: 20px; height: 20px; }
  .modal-content-wrapper { max-width: 280px; }
  .close-modal {
    top: -55px;
    right: 50%;
    transform: translateX(50%);
  }
}
.travel-plan-section {background-color: #f0f0f0; padding: 100px 60px; display: flex;justify-content: center;align-items: center;overflow: hidden;}
.travel-container {max-width: 1100px; width: 100%;display: flex;align-items: center;justify-content: space-between;gap: 40px;}
.travel-col-content {flex: 0 0 60%;text-align: left;}
.travel-main-heading {font-family: "League Spartan", sans-serif;font-size: 26px;font-weight:700;color: #1a1a1a;margin-bottom: 12px;line-height: 1.3;}
.heading-underline {width: 220px;height: 1.5px;background: linear-gradient(to right, #888, transparent);margin-bottom: 25px;}
.travel-description {font-family: 'Poppins', sans-serif;font-size: 15px;line-height: 1.9; color: #444;margin-bottom: 35px;max-width: 680px;}
.travel-cta-button {display: inline-block;background-color: #FE7E01;color: #ffffff;padding: 5px 20px;border-radius: 6px;text-decoration: none;
 font-weight: 600;font-size: 14px;transition: all 0.3s ease;box-shadow: 0 4px 12px rgba(254, 126, 1, 0.2);}
.travel-cta-button:hover { background-color: rgb(0, 72, 95);transform: translateY(-2px); color:#fff;}
.travel-col-visual {flex: 0 0 40%;display: flex;}
.graphic-wrapper {width: 100%;max-width: 850px;animation: travelFloatFlip 5s ease-in-out infinite;}
.flipped-img {width: 100%;height: auto;display: block; object-fit: contain;}
@keyframes travelFloatFlip {
  0%, 100% { transform: translateY(0) rotate(0deg);}
  50% {transform: translateY(-20px) rotate(-1deg);}
}
@media (max-width: 1024px) {
  .travel-plan-section {padding: 60px 30px;}
  .travel-container {flex-direction: column;text-align: center;gap: 50px;}
  .travel-col-content, .travel-col-visual {flex: 0 0 100%;width: 100%;display: flex;flex-direction: column;align-items: center;}
  .heading-underline {margin: 0 auto 25px auto;}
  .graphic-wrapper {max-width: 600px;}
}
@media (max-width: 480px) {
  .travel-main-heading {font-size: 26px;}
  .travel-plan-section {padding: 50px 20px;}
}
.latest-blog-section {padding: 60px 0;background-color: #ffffff;}
.blog-heading {font-family: "League Spartan", sans-serif;font-weight:700;font-size: 33px;margin-bottom: 30px;color: #1a1a1a;}
.blog-grid {display: flex;justify-content: space-between;gap: 20px;flex-wrap: wrap;}
.blog-card {flex: 1;min-width: 250px; background-color: #ffffff;padding: 12px;border-radius: 10px;transition: transform 0.3s ease;cursor: pointer;}
.blog-card:hover {transform: translateY(-5px);box-shadow: 0 5px 15px rgba(0,0,0,0.1);}
.blog-img-box {width: 100%;overflow: hidden;border-radius: 2px;}
.blog-img-box img {width: 100%;height: auto;display: block;object-fit: cover;}
.blog-content {padding: 15px 5px 5px 5px;}
.blog-content p {font-family: 'Poppins', sans-serif;font-size: 16px;font-weight: 700;color: #000000;margin: 0;text-align:center;line-height: 1.4;}
@media (max-width: 992px) {
    .blog-grid {display: grid;grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 576px) {
    .blog-grid {
        grid-template-columns: 1fr;
    }
    .blog-heading {
        text-align: center;
    }
}
.client-section {background-image: url('../images/demo/Group 106.png'); background-size: cover;background-position: top center;padding: 10px 20px 100px 20px; 
position: relative;overflow: hidden;  }
.section-title {color: white;font-family: "League Spartan", sans-serif;font-weight:700;font-size: 33px;text-align: center;margin-bottom: 100px;}
.client-grid {display: flex;justify-content: center;gap: 40px;max-width: 1250px;margin: 0 auto;padding-bottom: 80px;}
.client-card {width: 334px;height: 256px;position: relative;background-image: url('../images/demo/rect.png'); 
background-size: 100% 100%;background-repeat: no-repeat;padding: 40px;margin-top:10px;display: flex;
z-index: 1; flex-direction: column;filter: drop-shadow(0 10px 15px rgba(0,0,0,0.1));}
.card-header {display: flex;flex-direction: row;align-items: center;gap: 37px;margin-top: -48px;margin-bottom: 20px;padding-left: 10px;}
.avatar-box {width: 80px;height: 75px;border-radius: 50%;background: white;overflow: hidden;flex-shrink: 0;     }
.avatar-box img {width: 100%;height: 100%;object-fit: cover;}
.user-details {display: flex;flex-direction: column;justify-content: center;text-align: left;  margin-top:40px;}
.user-details h3 {font-size: 1rem;color: #333;font-weight: 600;line-height: 1.2;}
.rating {color: #ff8c00;font-size: 0.85rem;white-space: nowrap;}
.testimonial-text {margin-top: 10px;color: #000000;font-size: 14px;line-height: 1.6;}
.quote-wrapper {position: absolute;bottom: -25px;right: 32px;width: 60px;}
.quote-wrapper img {width: 100%;}
@media (max-width: 768px) {
    .section-title {font-size: 1.8rem;margin-bottom: 40px;}
    .client-grid {flex-direction: column;align-items: center;gap: 60px;padding-bottom: 40px;}
    .client-card {width: 90%;max-width: 334px;height: auto;padding: 40px 20px 30px 20px;}
    .card-header {gap: 15px;margin-top: -40px;}
    .avatar-box {width: 70px;height: 70px;}
    .testimonial-text {font-size: 13px;}
}
.footer-wave-wrapper {width: 100%; overflow: hidden;line-height: 0;margin-top: -110px;position: relative;z-index: 2;pointer-events: none;}
.footer-wave-wrapper svg {display: block;width: 100%;height: 300px; margin-bottom: -1px; }
.site-footer {background-color: #004157; color: #ffffff;position: relative;z-index: 10; margin-top: -160px; }
.footer-main-content {max-width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;align-items: flex-start;padding: 7px 20px 8px 20px;}
.footer-col {flex: 3;}
.gold-title {color: #FFAC68; font-size: 16px;letter-spacing: 1.5px;margin-bottom: 25px;text-transform: uppercase; font-family: "League Spartan", sans-serif;font-weight:500;}
.link-list {list-style: none;padding: 0;}
.link-list li {margin-bottom: 6px;}
.link-list a {color: #FFFFFF;text-decoration: none;font-size:16px;display: flex;align-items: center;position: relative;padding-left: 20px;font-family: "Urbanist", sans-serif;
font-weight: 200;leading-trim: NONE;line-height: 25px;letter-spacing: 0%;max-width: 450px;}
.link-list a::before {content: ''; position: absolute;left: 0;width: 12px;  height: 14px;background-color: #fff; mask-image: url('../images/demo/icons/footer-icon.png'); 
-webkit-mask-image: url('../images/demo/icons/footer-icon.png');mask-size: contain;-webkit-mask-size: contain;mask-repeat: no-repeat;-webkit-mask-repeat: no-repeat;}
.links-wrapper {display: flex;gap: 60px;}
.destination-tags {font-size: 15px;line-height: 25px;color: #fff;max-width: 450px;font-family: "Urbanist", sans-serif;font-weight: 300;letter-spacing: 0%;}
.contact-bar {width: 100%;background-color: #004157;padding: 0px 0 30px 60px;}
.contact-container {max-width: 1150px;margin: 0 auto;display: flex;justify-content: flex-end;gap:18px;}
.contact-item {display: flex;align-items: end; gap: 15px; }
.divider {width: 1px;height: 45px; background-color: rgba(255, 255, 255, 0.6);}
.contact-content {display: flex;flex-direction: column;justify-content: center;}
.contact-label {color: #FFAC68;font-size: 14px;font-weight: 500;letter-spacing: 1px;margin-bottom: 5px;text-transform: uppercase; font-family: "League Spartan", sans-serif;}
.contact-text {color: #ffffff;font-size:16px;font-weight: 600;margin: 0;line-height: 1.4;max-width: 300px; }
@media (max-width: 768px) {
    .contact-container {flex-direction: column;gap: 30px;}
}
.copyright-section {background-color:#003040;text-align: center;padding: 12px 0;font-size: 13px;height:40px;}
.copyright-section p {font-family: "Urbanist", sans-serif; font-size: 14px;                    
    font-weight: 400;color: #ffffff;margin: 0;}
.crafted-text {color: #FFAC68;font-family: "Nanum Pen Script", cursive;font-size: 18px;}
.footer-logo {width: 200px;margin-bottom: 20px;}
.social-links p {font-size: 18px;margin-bottom: 10px;text-align: center;width: 230px;}
.social-icons {display: flex;justify-content: center;width: 230px;}
.social-icons a {color: white;font-size: 15px;}
@media (max-width: 768px) {
    .footer-wave-wrapper {margin-top: -80px; z-index: 1;}
    .footer-wave-wrapper svg {height: 120px; }
    .site-footer {margin-top: -60px;padding-top: 40px;}
    .footer-main-content {flex-direction: column;align-items: center; text-align: center;padding: 20px;gap: 40px;}
    .footer-col {width: 100%;display: flex;flex-direction: column;align-items: center;}
    .links-wrapper {flex-direction: column;gap: 15px;align-items: center;}
   .link-list a {
        padding-left: 25px;
        justify-content: flex-start; /* Keeps the text aligned with the absolutely positioned icon */
        display: inline-flex;        /* Ensures the list wraps neatly when centered as a column */
        text-align: left;
    }
    .destination-tags {max-width: 100%;font-size: 14px;padding: 0 10px;}
    .contact-label {text-align: center;}
    .contact-bar {padding: 30px 10px;}
    .contact-container {flex-direction: column; align-items: center;gap: 25px;justify-content: center;}
    .contact-item {flex-direction: column;align-items: center;gap: 10px;width: 100%;}
    .divider {width: 50px; height: 2px;background-color: #FFAC68;}
    .contact-text {max-width: 100%;text-align: center;}
    .footer-logo {width: 180px;}
    .social-links {display: flex;flex-direction: column;align-items: center;}
    .social-icons, .social-links p {width: auto;}
}
.getQuote-btn, 
.whatsapp-btn, 
.contact-btn, 
.topButton {position: fixed;left: 45px;display: flex;align-items: center;justify-content: center;z-index: 999;transition: all 0.3s ease-in-out;}
.whatsapp-btn img, 
.contact-btn img, 
.topButton img { width: 100%;height: auto;}
.getQuote-btn {bottom: 10px;width: 20px;height: 20px;background-color:#EE7E23;border-radius: 50%;padding: 10px;box-shadow: 0 4px 10px rgba(0,0,0,0.15);}
.whatsapp-btn {bottom: 305px;width: 35px;height: 35px;}
.contact-btn {bottom: 250px;width: 35px;height: 35px;}
.custom-tooltip {position: fixed;right: 20px;display: flex;align-items: center; justify-content: center;}
.custom-tooltip::after {content: attr(data-tooltip);position: absolute;left: 140%; top: 50%;transform: translateY(-50%) translateX(10px); 
    background-color: #1e1e24;color: #ffffff;padding: 6px 12px;border-radius: 6px;font-size: 12px;font-family: system-ui, -apple-system, sans-serif;white-space: nowrap;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);opacity: 0;pointer-events: none;transition: opacity 0.2s ease, transform 0.2s ease;}
.custom-tooltip:hover::after,
.custom-tooltip:hover::before {opacity: 1;transform: translateY(-50%) translateX(0);}
.topButton {bottom: 45px;width: 35px;height: 35px;background-color: #fff;border: 1px solid #ddd;border-radius: 50%;cursor: pointer;box-shadow: 0 2px 5px rgba(0,0,0,0.1);}
.chatbot-btn {position: fixed;right: 25px;bottom: 30px;width: 80px;cursor: pointer;z-index: 999999 !important;display: flex;
align-items: center;justify-content: center;animation: floatUpDown 2s ease-in-out infinite;}
.chatbot-btn img {width: 100%;height: auto;display: block;position: relative;z-index: 2;}
.pulse-ring {position: absolute;width: 80%;height: 80%;border-radius: 50%;background: rgba(0,123,255,0.25);animation: pulse 2s infinite;z-index: 1;}
.tooltip-inner{font-size: 10px !important;padding: 2px 8px !important;border-radius: 6px !important;max-width: 100px;font-weight: 400;}
.tooltip .tooltip-arrow::before{border-width: 6px !important;}
@keyframes floatUpDown {
    0% {transform: translateY(0px);}
    50% {transform: translateY(-12px);}
    100% {transform: translateY(0px);}
}
@keyframes pulse {
    0% {transform: scale(0.9);opacity: 0.7;}
    70% {transform: scale(1.4);opacity: 0;}
    100% {transform: scale(0.9);opacity: 0;}
}
.chatbot-btn:hover {animation-duration: 0.8s;}
@media (max-width: 768px) {
.chatbot-btn {width: 65px;right: 20px;bottom: 25px;}}
.getQuote-btn:hover, 
.whatsapp-btn:hover, 
.contact-btn:hover, 
.topButton:hover, 
.chatbot-btn:hover {transform: translateY(-5px) scale(1.05);}
.getQuote-btn:hover {box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);}
@media (max-width: 768px) {
    .getQuote-btn, .whatsapp-btn, .contact-btn {left: 15px;width: 40px;height: 40px;}
    .getQuote-btn { bottom: 35px; }
    .whatsapp-btn { bottom: 135px; }
    .contact-btn { bottom: 85px; }
    .topButton { bottom: 40px; left: 18px; width: 30px; height: 30px; }
    .chatbot-btn {right: 15px;bottom: 20px;width: 90px;}}
.agency-link {color: #FFFFFF;text-decoration: none;transition: all 0.3s ease;display: inline-block;}
.agency-link:hover {color: #FFAC68; transform: translateY(-2px); text-shadow: 0px 4px 8px rgba(0,0,0,0.1);}
.contact-link {color: inherit; text-decoration: none; transition: color 0.3s ease;}
.contact-link:hover {color: #FFAC68; }
.main-chat-card {display: none;flex-direction: column;position: fixed;right: 20px;bottom: 6px;z-index: 1;width: 320px;height: 480px;background: #fff;border-radius: 20px;
overflow: hidden;box-shadow: 0 10px 40px rgba(0,0,0,0.15);z-index: 999999 !important;}
.chat-header-top {background: linear-gradient(180deg, #FF7700 2.88%, #FFBB01 100%);padding: 12px 15px;display: flex;align-items: center;gap: 12px;color: white;}
.logo-wrap {background: white;width: 42px;height: 42px;border-radius: 50%;display: flex;padding: 4px;}
.logo-wrap img { width: 100%; height: auto; object-fit: contain; }
.chat-title { font-weight: 600; font-size: 16px; }
.close-x { margin-left: auto; background: none; border: none; color: white; font-size: 22px; cursor: pointer; }
.chat-header-status {background-image: url("../images/demo/Vector\ 4.png");background-repeat: no-repeat;background-size: cover;background-position: center;
color: white;padding: 2px 6px 6px 4px;font-size: 14px;}
.chat-main-body {flex: 1;padding: 20px 15px;background: #fdfdfd;overflow-y: auto;margin-top: 2px; display: flex;flex-direction: column;overflow-y: auto;}
.intro-bubble {background: #eef1f5;border-radius: 12px;padding: 12px 15px;font-size: 14px;line-height: 1.5;color: #2b2b2b;font-family: Urbanist, sans-serif;max-width: 80%;font-family: sans-serif;box-sizing: border-box;margin-bottom: 12px;}
.intro-bubble strong {font-weight: 500;}
.tour-options {display: flex; flex-wrap: wrap; gap: 10px; }
.selected-bubble {float: right; clear: both;display: block;margin-left: auto; }
.tour-btn {background: #F0F2F7;border: 1px solid #6da6b4;color: #4f8fa0;border-radius: 18px;padding: 10px 20px;font-size: 13px;white-space: nowrap;display: inline-block;line-height: 1;text-align: left;
cursor: pointer;width: auto;font-family: sans-serif;transition: all 0.2s ease;}
.tour-btn:hover {background: #4f8fa0;color: #fff;}
.chat-main-body::after {content: "";clear: both;display: table;}
.tour-btn.selected-bubble {background-color: #00668c !important;color: white !important;border: none;float: right;margin:6px;clear: both;margin-left: auto;border-radius: 15px 15px 0px 15px;}
.tip-bubble {margin-top: 14px;background: #eef1f5;border-radius: 10px;padding: 12px 14px;font-size: 14px;line-height: 1.5;color: #2b2b2b;max-width: 60%;font-family: sans-serif;}
.lead-form-box {background: #f0f4f8;border-radius: 15px;padding: 15px;margin: 15px 0;clear: both;width: 90%;display: none; margin-top: 20px;}
.lead-form-box p {color:#000;font-size: 14px;}
.lead-form-box span {color:#000;font-size: 14px;}
.lead-form-box.show {display: block;opacity: 1;}
.chat-input-field {width: 91%;padding: 4px 8px;margin-top: 8px;border-radius: 19px;border: 1px solid #000000;font-size: 12px;}
.chat-submit-orange {width: 100%;background: linear-gradient(90deg, #FFB501 0%, #FF7901 100%);color: white;border: none;padding: 5px;border-radius: 25px;margin-top: 12px;font-weight: bold;cursor: pointer;}
.chat-box-entry {padding: 10px 15px;display: flex;align-items: center;background: white;border-top: 1px solid #eee;}
.send-action {background: linear-gradient(135deg, #ffc107, #ff8c00);width: 38px;height: 38px;border-radius: 50%;display: flex;justify-content: center;align-items: center;color: white;box-shadow: 0 4px 10px rgba(255,140,0,0.3);}
.chat-box-footer {padding: 2px 8px;background: #004157;border-top: 1px solid #eeeeee;text-align: center;border-radius: 0 0 20px 20px;position: relative;}
.chat-footer-content {display: flex;flex-direction: column;align-items: center;}
.chat-footer-text {font-size: 10px;color: #fdfdfd;text-transform: uppercase;letter-spacing: 1px;font-weight: 600;display: flex;align-items: center;gap: 5px;}
.online-dot {width: 6px;height: 6px;background: #2ecc71;border-radius: 50%;display: inline-block;box-shadow: 0 0 5px #2ecc71;
animation: blink 2s infinite;}
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0.4; }
    100% { opacity: 1; }
}
.chat-footer-branding {font-size: 13px;color: #fff;font-weight: 400;}
.brand-name {color: #FF8C00; font-weight: 700;position: relative;padding-left: 2px;}
.footer-icons {margin-top: 4px;font-size: 10px;color: #bdc3c7;font-style: italic;
}
.card-image-box{position:relative;overflow:hidden;border-radius:18px;}
.card-image-box img{width:100%;display:block;transition:0.6s ease;}
.card-image-box:hover img{transform:scale(1.08);}
.offer-badge{position:absolute;top:15px;right:15px;background:#ff2e2e;color:#fff;
    font-size:12px;font-weight:800;padding:6px 12px;border-radius:30px;z-index:2;animation:pulseBadge 1.8s infinite;}
.trust-badge{position:absolute;top:15px;left:15px;
    background:rgba(0,0,0,0.6);
    backdrop-filter:blur(6px);color:#fff;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600;z-index:2;}
.price-tag{
    position:absolute;bottom:90px;left:15px;background:#fff;color:#111;padding:8px 12px;border-radius:10px;
    font-weight:800;font-size:14px;z-index:2;box-shadow:0 10px 25px rgba(0,0,0,0.2);}
.price-tag span{display:block;font-size:11px;font-weight:600;color:#ff5722;}
.book-now-btn {
    position: absolute;bottom: 18px;right: 18px;display: flex;align-items: center;gap: 4px;padding: 4px 15px; border-radius: 8px;background: #f15a22; direction: ltr;
    color: #fff;font-size: 16px; font-weight: 600;text-transform: uppercase;text-decoration: none;letter-spacing: 0.5px; border: 2px solid transparent;
    background-image: linear-gradient(#f15a22, #f15a22), 
                      conic-gradient(from var(--border-angle), transparent 20%, rgba(255,255,255,0.3), #fff 10%, transparent 100%);
    background-origin: border-box;background-clip: padding-box, border-box;animation: rotateBorderAngle 2s linear infinite;
    box-shadow: 0px 4px 0px #333333;overflow: hidden;white-space: nowrap;z-index: 3;transition: all 0.2s ease-in-out;}
.book-now-btn::before {content: "";position: absolute;top: -50%;left: -50%;width: 200%;
height: 200%;background: conic-gradient(from var(--border-angle),transparent 20%,
    rgba(255, 140, 0, 0.6),
    #ff5e00,
    transparent 100%);animation: rotateBorder 0.5s linear infinite;z-index: -2;}
.book-now-btn::after{content:"";position:absolute;left:15%;right:-20%;top:-4%;height:150%;width:150%;background:#004157;transform:skewX(45deg) scale(0,1);z-index:-1;transition:all 0.5s ease-out;}
.book-now-btn:hover{color:#fff;transform:translateY(-3px) scale(1.03);border:2px solid rgba(255,255,255,0.4);box-shadow:0 15px 35px rgba(0,0,0,0.25);
background-image:conic-gradient(from var(--border-angle), transparent 20%, rgba(255,255,255,0.3), #fff 10%, transparent 100%);}
.book-now-btn:hover::after{transform:skewX(45deg) scale(1,1);}
.btn-text{transition:0.3s ease;}
.book-now-btn:hover .btn-text{transform:translateX(3px);}
.book-now-btn:hover .btn-arrow{transform:translateX(8px);}
.book-now-btn:active{transform:scale(0.97);}
.btn-arrow {font-size: 20px;line-height: 1;display: inline-block;margin-left: 2px;transition: transform 0.2s ease;}
@keyframes moveArrow{
    0%,100%{ transform:translateX(0); }
    50%{ transform:translateX(5px); }
}
@property --border-angle {
    syntax: "<angle>";
    inherits: false;
    initial-value: 0deg;
}
@keyframes rotateBorderAngle {
    to {      --border-angle: 360deg;
    }
}
@media (max-width: 576px) {
    .book-now-btn {bottom: 12px;right: 12px;padding: 2px 14px;font-size: 13px;border-radius: 6px;box-shadow: 0px 3px 0px #333333;}
    .btn-arrow {font-size: 15px;margin-left: 1px;}
    .book-now-btn:hover {transform: translateY(-2px) scale(1.02);}
    .offer-badge {top: 12px;right: 12px;font-size: 10px;padding: 4px 8px;}
    .trust-badge {top: 12px;left: 12px;font-size: 10px;padding: 4px 8px;}
    .price-tag {bottom: 65px;left: 12px;padding: 6px 10px;font-size: 12px;}
    .card-image-box {border-radius: 12px;width: 100% !important;margin: 0 auto;}
    .card-image-box img {width: 100% !important;height: 220px;object-fit: cover;object-position: center;   }
}
.popup {display: none;position: fixed;z-index: 10050;top: 0;left: 0;width: 100%;height: 100%;
    background: rgba(3, 3, 3, 0.81);justify-content: center;align-items: center;opacity: 0;transition: opacity 0.6s ease;}
.popup.active {display: flex !important;opacity: 1;}
.popup .popup-content {position: relative;background: #fcfcfc;border-radius: 12px;overflow: hidden;width: 45%;max-width: 750px;min-width: 450px;
    padding: 35px 20px;color: #070000;margin-top: 150px;box-shadow: 0 10px 25px rgba(0,0,0,0.24);transition: margin 0.6s ease, opacity 0.6s ease;}
.popup.active .popup-content {margin-top: 0px;}
.popup-left {padding: 10px;}
.popup-left img {width: 100%;height: auto;border-radius: 8px;object-fit: cover;}
.popup-right {padding: 10px 20px;}
.main-btn-circle{height: 33px;width: 33px;-webkit-border-radius: 50%;border-radius: 100%;line-height: 33px;
  -webkit-transition: box-shadow 0.3s;
  -o-transition: box-shadow 0.3s;
  transition: box-shadow 0.3s;
}
.main-btn-circle:hover{   -webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);-moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);}
.main-btn-circle{position: relative;margin: 0;color: #FFFFF0!important;background-color:#EE7E23;text-transform: uppercase;font-size:16px;letter-spacing: 1px;	
	outline: none;cursor: pointer;z-index: 100;}
form#send input, 
form#send .form-control {font-size: 13px;padding: 10px 12px;border-radius: 6px;
    border: 1px solid rgba(181, 181, 181, 1); background-color: #fff;margin-bottom: 15px; width: 100%;transition: border-color 0.4s ease, box-shadow 0.4s ease;}
form#send input:focus,
form#send .form-control:focus {
    border-color: var(--skyblue-bg, #00a8ff);
    box-shadow: 0 0 5px rgba(0, 168, 255, 0.3);
    outline: none;
}
.tour-selects {margin-bottom: 15px;}
.select-selected {background-color: #ffffff;border: 1px solid rgba(181, 181, 181, 1);border-radius: 5px;padding: 4px 4px;
    font-size: 12px;color: #333;cursor: pointer;transition: all 0.3s ease;position: relative;}
.theme-btn {width: auto;position: relative;display: inline-flex;align-items: center;justify-content: center;padding: 4px 20px;background-color: #EE7E23;
    border: none;text-decoration: none;overflow: hidden;z-index: 1;transition: 0.5s;}
.theme-btn:hover {background-color: #e04511;color: #fff;}
.popup .fade-out {position: absolute;top: 15px;right: 15px;text-align: center;font-size: 18px;cursor: pointer;color: #666;transition: color 0.3s ease;}
.popup .fade-out:hover {color: #000;}
@media only screen and (max-width: 768px) {
    .popup .popup-content {width: 90%;min-width: auto;padding: 30px 15px;}
    .popup-left { display: none !important; }
    .popup-right {width: 100%;padding: 0;}
}