/* @font-face {
    font-family: 'GothamLight';
    src: url('../fonts/Gotham-Light.otf') format('truetype');
    font-weight: normal;
    font-style: normal;}
@font-face {
    font-family: 'GothamBold';
    src: url('../fonts/Gotham-Bold.otf') format('truetype');
    font-weight: normal;
    font-style: normal;} */
html{scroll-behavior: smooth;}
::selection {background: #ff6521; color: #ffffff; text-shadow: none;}
::-moz-selection {background: #ff6521; /* Firefox */ color: #ffffff; text-shadow: none;}
::-webkit-selection {background: #ff6521; /* Safari */ color: #ffffff; text-shadow: none;}

body{font-family: 'Roboto', sans-serif; font-size:16px; line-height: 26px; color:#332537; margin: 0px; padding: 0px; background-color:#ffffff; -webkit-font-smoothing: antialiased;}
ul {list-style: none; margin:0;	padding:0;}
ul,li{padding:0; margin:0;}
li{list-style-type: none; font-size: 14px; text-transform: uppercase; font-weight: bold;}
.navbar-nav{margin: 0 0 0 0;}
.navbar-nav li a:hover,
.navbar-nav li a:focus {outline:none;	outline-offset: 0;text-decoration:none; background: transparent;}
/* a {color: #4f4f4f;	text-decoration: none;-webkit-transition: 300ms;	-moz-transition: 300ms;	-o-transition: 300ms;	transition: 300ms;}
a:focus, a:hover {color: #23527c; text-decoration: underline;}
a:active, a:hover {outline: 0;} */

h1{font-family: 'Outfit', sans-serif; font-size:58px; color: #0b0634; font-weight: normal; margin: 0 0 0 0; padding: 0 0 0 0;}
h2{font-family: 'Outfit', sans-serif; font-size:50px; color: #0b0634; font-weight: normal; line-height:58px; margin: 0 0 0 0; padding: 0 0 0 0;}
h3{font-family: 'Outfit', sans-serif; font-size:42px; color: #0b0634; font-weight: normal; line-height:48px; margin: 0 0 0 0; padding: 0 0 0 0;}
h4{font-family: 'Outfit', sans-serif; font-size:34px; color: #0b0634; font-weight: normal; line-height: 38px; margin: 0 0 0 0; padding: 0 0 0 0;}
h5{font-family: 'Outfit', sans-serif; font-size:26px; color: #0b0634; font-weight: normal; margin: 0 0 0 0; padding: 0 0 0 0;}
h6{font-family: 'Outfit', sans-serif; font-size:20px; color: #0b0634; font-weight: normal; line-height: 32px; margin: 0 0 0 0; padding: 0 0 0 0;}
p{font-family: 'Roboto', sans-serif; font-size:14px; line-height: 24px; color:#464646; margin:0px 0 0 0; padding: 0 0 0 0;}
/* font-family: 'League Gothic', sans-serif; */

@media (max-width:767px){
  h1{ font-size: 11vw; margin: 0 0 0 0;}
  h2{ font-size: 9vw; margin: 0 0 0 0; line-height: normal;}
  h3{ font-size: 22px !important; line-height: 24px !important;}
  h4{ font-size: 4vw !important; }
  p{font-size: 16px;}
}
mark, .mark{background: rgb(19, 111, 245); color: #ffffff;}
.padding-top {padding-top:150px;}
.padding-bottom{padding-bottom:150px;}
.padding-none{padding: 0 0 0 0;}
.space-50{padding-top:50px;}
.space-bottom-50{padding-bottom:50px;}
.navbar-toggle {/*border:1px solid #fff;*/	margin-top:15px;}
.navbar-toggle i{color: #ffffff; font-size: 34px;}

.main-nav {left: 0;	position: absolute;	top: 0;	width: 100%; z-index: 1000; border: 0px; background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0, rgb(17 47 75) 100%);
    padding-bottom: 100px;}
.top-bar-hide {display: none;}
.top-bar {position:absolute; right:30px;	top:35px;	z-index: 10;}
.top-bar span {margin-left:10px; float: left;}
.top-bar span a {color: #ffffff; font-size: 13px; float: left;}
/* .top-bar span a:hover {color:rgb(255 255 255 / 65%); border: 0;} */
.top-bar span a:hover {border-bottom: 2px solid #ffffff; color: rgb(255 255 255 / 85%); text-decoration: none;}
.top-bar span a.active-sub {border-bottom: 2px solid #ffffff; color: rgb(255 255 255 / 85%); text-decoration: none;}

#navigation .container {position:relative;}
.navbar-brand {width: 190px; height:auto; padding: 0px; margin:15px 0 0 0;}
.navbar-brand a:hover{border: 0px;}
#navigation .navbar-right {margin-top: 60px; margin-right: 0px;}
#navigation .navbar-right li a {color:#ffffff; height: 100%; font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: normal; text-transform: none; margin: 0 3px; padding:3px 10px;}
#navigation .navbar-right li a.active,
#navigation .navbar-right li a:hover,
#navigation .navbar-right li a:focus,
#navigation .navbar-right li.active a{border-bottom: 3px solid #f9068b;}



.primary-btn{width: auto; float: left; margin: 0; padding: 20px 45px; background: linear-gradient(330deg, #ff3700, #ff4129, #ff5353); color: #ffffff; -webkit-font-smoothing:auto; font-size: 16px; line-height: normal; -webkit-border-radius:36px; moz-border-radius: 36px; border-radius:36px; border: 1px solid #ff6c43; text-align:center; display:block;}
.primary-btn:hover{text-decoration: none; background: #ff4129; color: #ffffff;}
.primary-btn i{font-size: 16px; padding: 0 0 0 12px;}
.secondary-btn{padding: 16px 30px; background: none; line-height: normal; border: 1px solid #98989a; font-size: 14px; color: #000000; margin: 0 auto; display: block; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.secondary-btn:hover{color: #fff; background: #000000; border: 1px solid #000000; text-decoration: none; text-decoration: none; -webkit-box-shadow: 0px 10px 18px -11px rgb(139 139 139); -moz-box-shadow: 0px 10px 18px -11px rgb(139 139 139); box-shadow: 0px 10px 18px -11px rgb(139 139 139);}
.secondary-btn i{font-size: 16px; padding: 0 0 0 12px;}
.submit-btn{padding: 16px 30px; background: #0b0634; color: #ffffff; font-family: 'Roboto', sans-serif; -webkit-font-smoothing:auto; font-size: 14px; font-weight: 500; line-height: normal; -webkit-border-radius:6px; moz-border-radius: 6px; border-radius:6px; border: 0px; -webkit-box-shadow: 0px 10px 18px -11px rgb(139 139 139); -moz-box-shadow: 0px 10px 18px -11px rgb(139 139 139); box-shadow: 0px 10px 18px -11px rgb(139 139 139); text-align:center;}
.submit-btn:hover{text-decoration: none; background: #ff6521; color: #fffde8; -webkit-box-shadow: 0p-webkit-box-shadow: 0px 0px 36px 0px rgb(139 139 139); -moz-box-shadow: 0px 0px 36px 0px rgb(139 139 139); box-shadow: 0px 0px 36px 0px rgb(139 139 139);}

.underline-btn{width: auto; float: left; margin: 0; padding: 0px 20px; border-bottom: 3px solid #ee135b; font-size: 14px; color: #000000; margin: 20px 0 0 0;}
.underline-btn:hover{text-decoration: none; border-bottom: 3px solid #98989a; color: #98989a;}

.pckg-search-btn{width:100%; float: left; margin: 0; padding: 16px 30px; background: #1f26ff; color: #ffffff; -webkit-font-smoothing:auto; font-size: 14px; font-weight: 500; line-height: normal; -webkit-border-radius:6px; moz-border-radius: 6px; border-radius:6px; border: none; text-align:center; display:block; margin-top: 20px;}
.pckg-search-btn:hover{text-decoration: none; background: #1c21ad; color: #ffffff;}

.booking-btn100{width: 100%; float: left; margin: 0; padding: 16px 30px; background: #1f26ff; color: #ffffff; -webkit-font-smoothing:auto; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 28px; letter-spacing: 2px; text-transform: uppercase; line-height: normal; -webkit-border-radius:6px; moz-border-radius: 6px; border-radius:6px; border: none; text-align:center; display:block;}
.booking-btn100:hover{text-decoration: none; background: #1c21ad; color: #ffffff; }
/* .booking-btn100:onclick{text-decoration: none; background: #000000; color: #ffffff;} */
.booking-btn-back{width: auto; float: left; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 28px; letter-spacing: 2px; margin: 15px; color: #999999; text-transform: uppercase; text-decoration: underline; text-decoration-color: #999999; text-decoration-thickness: 3px;}
.booking-btn-back:hover{text-decoration: underline; text-decoration-color: #0b0634; color: #0b0634;}
/*++++++++++++++++
Footer CSS
+++++++++++++++++*/
.footer {width: 100%; height: auto; float: left; background: #f4f4f4; padding: 100px 0 0 0;}
.footer h4{font-size: 16px; padding-bottom: 10px;}
.foot-readmore-link{font-size:14px; text-decoration: none; float: left; color: #464646;}
.foot-readmore-link:hover {color: #8e90a3; text-decoration: underline; text-decoration-color: #ff6521; text-decoration-thickness: 2px;}
/* .foot-readmore-link:hover{color: #8e90a3; text-decoration-color: #ff6521; text-decoration-thickness: 2px;} */
.logofooter {width: 100%; height: auto; float: left; padding:0 0;}
.logofooter span{width: 100%; height: auto; float: left; padding:10px 0 30px 0; font-size:12px; line-height: 22px;}
.logofooter img{width: 138px;}
.footer-col{float: left;}
.footer-ul {list-style-type:none; padding-left:0; margin-left:0px; float: left; margin-bottom:0px;}
.footer-ul li {width: 100%; float: left; font-size:14px; list-style: none; padding: 2px 0px;}
.footer-ul li:last-child{border-right: 0px;}
.footer-ul li a {text-transform: none; font-weight: normal; color: #464646;}
.footer-ul li a:hover {color: #8e90a3; text-decoration: underline; text-decoration-color: #ff6521; text-decoration-thickness: 2px;}
.social-links{margin: 0 0 0 0;}
.social-links h4{padding: 0 0 0 0;}
.social-links P{padding-bottom: 20px;}
.social-links ul{width: auto; height:  auto; float: left; padding: 0px 0 0 0px;}
.social-links ul li{width: auto; height:  auto; float: left; padding-top: 0px; padding-right: 5px; list-style: none;}
.social-links ul li a{width: auto; height: auto; font-size:16px; background: #ff6521; padding: 5px 7px; color: #ffffff; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px;}
.social-links ul li a:hover{background: #c5c3c3;}
.social-links ul li a svg{fill:#ffffff;}
/* .social-links ul li a svg:hover{fill:#ff6521;} */
.copyright {width: 100%; float: left; background: #f8f8f9; padding: 0px 0; margin: 30px 0 0 0;}
/* .copyright .container{border-top: 1px solid #000000} */
.copyright .col-md-6{padding: 0px;}
.copyright p { text-align:left; font-size: 14px; padding:10px 20px 10px 0px; margin-bottom:0; float: left;}
.post{width: 100%; height: auto; float: left; padding: 0px 0 0 0;}
.post p { font-size:14px; padding-bottom: 30px; text-transform: capitalize;}
.email-call{width: 100%; height: auto; float: left; padding: 0px 10px 30px 0px;}
.email-call span{width:100%; height: auto; float: left; padding: 0 15px 0 0;}
.email-call i {color:#464646; font-size:18px; padding-right:5px;}
.email-call a { color:#464646; font-size:15px;}
.email-call a:hover {color: #8e90a3; text-decoration: underline; text-decoration-color: #ff6521; text-decoration-thickness: 2px;}

footer .email-call span{width:auto; height: auto; float: left; font-size: 12px;}
footer .email-call i {font-size:18px; padding-right: 15px;}
footer .email-call a {font-size:14px;}
footer .email-call a:hover {color: #8e90a3; text-decoration: underline; text-decoration-color: #ff6521; text-decoration-thickness: 2px;}

.bottom_ul { list-style-type:none; float: left; padding-top:14px; padding-bottom: 14px; margin-bottom:0;}
.bottom_ul li {color: #000000; float:left; line-height:18px; font-size: 12px; text-transform: none; font-weight: normal; list-style: none; border-right: 1px solid #000000; padding: 0 5px;}
.bottom_ul li:last-child{border-right: 0px;}
.bottom_ul li a { color:#000000;  font-size:12px;}

/* kreativemug styles */
.kreativemug{width:auto; float: right; margin-top: 0;}
.kreativemug span{text-align: left; color: #777777; font-size: 12px; padding: 10px 0; margin-bottom: 0; float: left;}
.kreativemug a{text-align: left; color: #777777; font-size: 12px; padding: 10px 0; margin-bottom: 0; float: left;}
.kreativemug i{font-size: 16px; color: #777777; float: left; padding: 15px 6px 0 6px;}
.kreativemug a:hover{opacity: 0.8; text-decoration: underline;}
/* subpage css */

.sub-pg-banner{width:100%; height: 500px; background:url("../images/packages-pg-bnr.jpg") no-repeat center bottom #fafafc; background-size: cover;}
.subpg-bnr-content{width: 75%; height: auto; padding: 8em 0; margin: 0 auto;}
.subpg-bnr-content h4 {text-align: left; padding: 20px 0 10px 0; font-family: 'Roboto', sans-serif; color: #ff6521; font-size: 16px; line-height: 24px;}
.subpg-bnr-content h4 img {width: auto; height: auto; margin: -25px 0 0 10px; padding: 0 0 0 0;}
.subpg-bnr-content h1{font-family: 'League Gothic', sans-serif; font-size: 170px; line-height: 140px; color: #ffed29; text-transform: uppercase;}
.subpg-bnr-content h3{color: #ffffff;}
.subpg-bnr-content h3 a{text-decoration: underline; text-decoration-color: #ff6521; color: inherit;}
.subpg-bnr-content h3 a:hover{text-decoration: underline; text-decoration-color: #ff6521; color:#ffffff; background: #ff6521;}
.contact-banner{width:100%; height: auto; background:url("../images/contact-bnr-2.jpg") no-repeat center bottom #002e8e; background-size: cover;}
.about-banner{width:100%; height: auto; background:url("../images/about-bnr-2.jpg") no-repeat center bottom #002e8e; background-size: cover;}
.visa-banner{width:100%; height: auto; background:url("../images/visa-bnr.jpg") no-repeat center bottom #002e8e; background-size: cover;}
/* .blogs-banner{width:100%; height: auto;} */
.blogs-banner{width: 100%; height: auto; float: left;}
.blogs-banner h2{padding-top: 42vh; float: left;}
.blogs-banner .container::before {content: "Journey Into Inspiration"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 250px; line-height: 200px; text-transform: uppercase; color: #f4f4f4; position: absolute; z-index: -1;}


/* .detailview-pg-banner{width:100%; height: 200px; background:url("../images/packages-pg-bnr.jpg") no-repeat center bottom #fafafc; background-size: cover; -webkit-filter: blur(5px); filter: blur(5px);} */
.detailview-pg-banner{width:100%; height: auto; padding:120px 0px 20px 0; background-color: #019ee4; opacity: 1; background-image: radial-gradient(#75bfff 0.4px, #019ee4 0.4px); background-size: 5px 5px;}
.contact-sec{width: 100%; height: auto; float: left; padding-top: 12em}
.contact-main-text {padding: 0 0 30px 0;}
.contact-main-text h2{padding-bottom: 15px;}
.contact-main-text h3{padding-bottom: 10px;}
.contact-main-text h5{padding-bottom: 10px;}
.building-box{ padding: 0 0 0 0; margin: 0 0 0 0;}
.address-box {background: rgb(242 242 242); padding: 30px; float: left; height: auto}
.address-box h4{padding: 0 0 15px 0;}
.address-box h5{padding: 0 0 15px 0;}
.address-box p{padding: 0 0 35px 0;}

.info-box {background: rgb(238 238 238); padding: 30px; float: left; height: auto}
.info-box h4{padding: 0 0 15px 0;}
.info-box h5{padding: 0 0 15px 0;}
.info-box p{padding: 0 0 35px 0;}
.contact-form{padding: 15px 0 0 0; /*float: left;*/}
.contact-form .form-group{margin-bottom: 25px;}
.input-box{padding: 0 30px;}
.form-group span{font-size:14px; line-height:24px; color:#1b002e; }
.form-group label{color: #ff0000; background: none; padding: 0 0 0 0;}
.form-box{padding:0 48px; margin: 0 0 0 0; }
.form-box h4{padding: 0 0 20px 0;}
.form-box h6{padding: 0 0 20px 0;}
.form-box h6 a{color: inherit; text-decoration: underline; text-decoration-color: #ff6521; text-decoration-thickness: 3px;}
.form-group input {width: 100%; height: 42px; background: #ffffff; border: 0px; border-bottom: 1px solid #8c8c8c; box-shadow: none; border-radius: 0;}
.form-group select {width: 100%; height: 38px; font-size: 14px; color: #868686; border-radius: 0px;background: none; border: 1px solid #bfbfbf; box-shadow: none;}
.form-group textarea{border: 1px solid #bfbfbf; border-radius: 6; background: #ffffff; }
.career-img-box{padding: 10px;}
/*========================
g-map styles
===========================*/
.g-map{ margin-bottom: 0px; margin-top:0px;}
/* .g-map img{width: 100px;} */
#map {width: 100%; height: 330px; margin-top: 0px; margin-bottom: 0px;}
.info-window {font-family: 'Roboto', sans-serif; font-size:14px;}
.info-content {color: #999;}
.info-window p{ padding: 0  0;}

/*========================== MEDIA QUERY CSS FOR RESPONSIVE
 Extra small devices (phones, 600px and down)
 ================================ */
  @media only screen and (max-width: 600px) {
    .navbar-brand {width: 225px; margin:10px 10px;}
    .navbar-brand a img{width:130px;}
    #navigation .navbar-right li a{color: #}
    .banner-text h1 {margin: 0 0 20px 0; height: 21px;}

    .form-box{padding: 30px;}

    .input-box{padding: 0 0px;}
    .form-group{padding: 0px;}
    .contact-form .form-group{margin-bottom: 15px;}

    .intro-bullet-parent{padding: 20px 0px 0 10px}
    .footer .container{padding-left:25px; padding-right: 25px;}
    .gallery-banner .container::before{font-size: 170px !important; line-height: 130px !important;}
    .grid-item {max-width: 190px !important; float: left !important; margin: 0 5px 10px 5px !important;}
    .text-black{font-size: 126px !important; line-height: 140px !important;}
    .card h3{font-size:55px !important; line-height: 45px !important;}
    .card h6 {font-size: 22px !important; line-height: 25px !important;}
    .column {width: 33% !important;}
    .whyus-black::before {font-size: 126px !important; line-height: 100px !important;}
    .socialproof-sec .container::before{font-size: 110px !important; line-height: 90px !important;}
    .testimo-carousel {padding: 10em 0 0 0em !important;}
    .faq-collaps {padding: 5em 0 0 0 !important;}
    .ind-pckgs-details {padding: 8em 0 0 0em !important;}
    .munnar-pckgs::before{font-size: 126px !important; line-height: 140px !important;}
    .jaipur-pckgs::before{font-size: 126px !important; line-height: 140px !important;}
    .delhi-pckgs::before{font-size: 126px !important; line-height: 140px !important;}
    .houseboat-pckgs::before{font-size: 126px !important; line-height: 140px !important;}
    .whyus-detail {padding: 0em 1em 2em 1em !important;}
    .discover-destination {padding: 7em 0 0 0em !important;}
    .discover-destination h1{font-size:10vw !important;}
    .slider h4 img{display:none;}
    .headerhr{display:none;}
    
    .subpg-bnr-content {width: 90% !important;}
    .subpg-bnr-content h1 {font-size: 100px !important; line-height: 84px !important;}
    
    .detailview-pg-banner{padding: 70px 0px 20px 0 !important;}
    .contact-main-text .text-black{font-size: 116px !important; line-height: 90px !important;}
    .contact-sec {padding-top: 5em !important;}
    
    .mice-services span {font-size: 110px !important; line-height: 70px !important;}
    .mice-services-sub {padding: 30px 0px !important; float: left;}
    .services-price h1 {font-size: 100px !important; line-height: 84px !important;}
    .visa-service-card {padding: 9em 1em !important;}
    .subpg-bnr-content h4 img{display:none !important;}
    
    .all {padding: 0 2px !important; float: left;}
    .popular-packs {width: 176px !important;}
    .card {padding: 4px 0 0 0 !important;}
    .card-img-top {border-radius: 16px !important; width: 100% !important;}
    .card-body {width: 176px !important; padding: 15px !important;}
    .card-title {font-size: 26px !important; line-height: 24px !important; padding: 0px 0 10px 0 !important;}
    .card-text {font-size: 14px !important; line-height: 18px !important;}
    
    .pkg-detail-fistbox{padding: 3em 0 0 0 !important;}
    .pkg-detail-container {padding: 15px !important;}
    .pkg-detail-fistbox h1 {font-size: 32px !important; line-height: 30px !important;}
    .package-details-price {padding: 15px !important; float:left;}
    .package-details-price-child span {font-size: 18px !important;}
    .package-details-price-child h2 {line-height: 22px !important; font-size: 26px !important;}
    .package-price-details2{display:none;}
    .pkg-detail-secondbox h4 {font-size: 32px !important;}
    
    .package-feautures-imgs {padding: 0 !important; margin-top: 30px !important; float: left !important;}
    .booking-processnote {padding: 0 !important;}
    .booking-support{padding: 0 !important; margin: 20px 0 0 0 !important;}
    .booking-support h6 {display: none ;}
    .whatsapp-btn {width: 50% !important;}
    .call-btn {width: 50% !important;}
    .package-price-details{padding: 15px !important;}
    .package-price-details h3{font-size: 62px !important;}
    
    .were-defined h4 {font-size: 100px !important; line-height: 80px !important;}
    .ellipsis-loading:after{display:none !important;}
    .abt-team-img {padding: 10px !important; top: 12em !important;}
    .flyria-in-numbers h3 {font-size: 48px !important; line-height: 30px !important;}
    .flyria-in-numbers h6 {font-size: 22px !important; line-height: 32px !important; padding-top: 0px !important; padding-bottom:30px !important;}
    
  }/*mobile media query ends here*/

  /* Small devices (portrait tablets and large phones, 600px and up) */
  @media only screen and (min-width: 600px) {
    .sub-pg-text{width: 100%; padding-top: 10em;}


  }

  /* Medium devices (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) {
    /* .navbar-brand{width: 180px;} */
    .top-bar {top:60px; right: 0px;}
  }

  /* Large devices (laptops/desktops, 992px and up) */
  @media only screen and (min-width: 992px) {

  }

  /* Extra large devices (large laptops and desktops, 1200px and up) */
  @media only screen and (min-width: 1200px) {

  }

  /*+++++++++++++++++
  nav with dropdowns
  ++++++++++++++++++ */
.toggle, [id^=drop] {display: none;}
.toggle i{font-size: 28px; float: right; padding: 10px 5px 0 0;}
nav {display: block; margin-left: auto; margin-right: auto; width:100%;}
nav:after {content:""; display:table; clear:both;}
nav ul {float: right; padding:0; margin:0; list-style: none; position: relative; top:45px;}
nav ul li {text-transform: none; margin: 0px; display:inline-block; float: left;}
nav a {margin: 0 5px; padding:3px 10px; color: #ffffff; font-size: 16px; font-weight: 500; display:block; text-decoration:none; line-height: normal;}
/* nav ul li ul li:hover { border-bottom: 3px solid #f9068b; } */
.menu ul li .active{text-decoration: none; border: 0; text-decoration: none;}
nav ul li ul li:hover{text-decoration: none; border: 0; text-decoration: none;}
nav a:hover {border-bottom: 2px solid #ff6521; color: rgb(255 255 255 / 65%); text-decoration: none;}
nav a.active {border-bottom: 2px solid #ff6521; color: rgb(255 255 255 / 65%); text-decoration: none;}
nav ul ul {display: none; position: absolute; top:35px; background: #26a888;}
nav ul li:hover > ul {display:inherit;}
nav ul ul li {width:100%; float:none; display:list-item; position: relative; padding: 3px 0;}
nav ul ul li a{color: #fffde8;}
nav ul ul li a:hover{color: #79e7cc; text-decoration: none; border-bottom: 0px;}
nav ul ul ul li {position: relative; top:-60px; left:170px; }

li > a:after { content:  ''; }
li > a:only-child:after { content: ''; }

@media all and (max-width : 768px) {

nav {width: 100%; margin: 0;}
	.toggle + a,
	.menu {display: none;}
  .toggle {display: block; padding:0 0; color:#332537; font-size:14px; text-decoration:none; border:none;}
  .toggle .fa-bars {display: block; padding:20px 10px; color:#ffffff; text-decoration:none; border:none;}
  .toggle .fa-caret-down {display: block; padding: 0 0 0 0; color:#332537; text-decoration:none; border:none;}
  .toggle:hover {background-color: none;}
  [id^=drop]:checked + ul {display: block; background: #ff6521; padding: 20px 0;}
  nav ul{top: 0;}
  nav ul li {display: block; width: 100%; padding: 15px 10px;}
	nav ul li a{font-size: 22px; padding: 0px 0px;}
	nav ul ul .toggle,
	nav ul ul a {padding: 0 40px;}
  nav ul ul ul a {padding: 0 80px;}
	nav a:hover,
 	nav ul ul ul a {}
	nav ul li ul li .toggle,
	nav ul ul a,
  nav ul ul ul a{margin: 0 3px; padding:3px 10px; color:#FFF; font-size:14px;}
	nav ul li ul li .toggle,
	nav ul ul a {}
	/* Hide Dropdowns by Default */
	nav ul ul {
		float: none;
		position:static;
		color: #ffffff;
		has to be the same number as the "line-height" of "nav a"
	}

	/* Hide menus on hover */
	nav ul ul li:hover > ul,
	nav ul li:hover > ul {
		display: none;
	}

	/* Fisrt Tier Dropdown */
	nav ul ul li {
		display: block;
		width: 100%;
	}

	nav ul ul ul li {position: static;}
  #btn{display: none;}
}
@media all and (max-width : 330px) {
 	nav ul li {display:block; width: 94%;}

}
/* whatsapp style
.float{position:fixed; width:60px; height:60px; bottom:120px; right:10px; background-color:#25d366; color:#FFF; border-radius:50px; text-align:center; font-size:30px; box-shadow: 2px 2px 3px #999; z-index:100;}
.my-float{margin-top:16px;}*/
.text-black{font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 250px; line-height: 200px; text-transform: uppercase; color: #f4f4f4; padding:30px 0 40px 0; float: left; position: absolute; top: 0; left: 0; bottom: 0; z-index: -1; transform: rotate(0deg); -webkit-transform: rotate(0deg);}

.hrtext {display: flex; flex-direction: row; align-items: center; width: auto;}
.hrtext h4 span {font-family: 'Roboto', sans-serif; font-size: 16px; color: #ff6521; flex-grow: 0;}
/* .headerhr {flex-grow: 1; height: 4px; margin: 0 0 0 0.8rem; padding: 0 0 0 5rem; background-color: #ff2ab1;} */
.headerhr {width: 20%; height: 2px; margin: 1rem 0 0 0.8rem; padding: 0 0 0 5rem; background-color: #ff6521;}

.bounce-anim{-webkit-animation: bounce .7s ease infinite alternate;}
@-webkit-keyframes bounce {100% {transform:translateY(-20px);}}

.main_address{margin-left:0px; }
.main_address h5{color: #1c022e; margin: 0 0 0 0; padding: 0 0 0 0;}
.address {padding:20px;}
/* .address img {padding-right: 20px; width: auto; height: auto; float: left;} */
/* .menu-about h5{color:#adadad; font-size: 19px;} */
.address h4 {color: #1c022e;}
.address p {color: #1c022e; font-size: 14px; margin:0 0 30px 0;}
.address a{font-size: 14px; color: #1c022e; display:block; line-height:normal; float: left; margin: 0 25px 0 0;}
.address a i{padding-right: 12px; font-size: 16px; color: #ff2ab1;}
.address a:hover{color: #adadad; text-decoration: underline; text-decoration-color: #ff2ab1; text-decoration-thickness: 2px;}
/* video-bg */
#main{width: 100%; height: 100vh; position: relative;}
#main video{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.overlay{position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; background-image: linear-gradient(to bottom, rgb(26 26 44 / 0%) 30%, rgb(10 10 61 / 55%));}
.video-bg{position: absolute; width: 100%; clip-path: circle(0% at 0 50%);}
.video-bg{clip-path: circle(150% at 0 50%); transition: 1s ease; transition-property: clip-path;}
/*  =========
  page Progress scroll load
  ============= */
.blok:nth-of-type(odd) {background-color:white;}
.blok:nth-of-type(even) {background-color:black;}
@-webkit-keyframes border-transform{

  0%,100% { border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%; }
	14% { border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%; }
	28% { border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%; }
	42% { border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%; }
	56% { border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%; }
	70% { border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%; }
	84% { border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%; }
}
/* .paginacontainer {height: 3000px;} */
.progress-wrap {position: fixed; right: 30px; bottom: 30px; height: 46px; width: 46px; cursor: pointer; display: block; border-radius: 50px; box-shadow: inset  0 0 0 2px rgba(0,0,0,0.1); z-index: 10000; opacity: 0; visibility: hidden; transform: translateY(15px); -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.progress-wrap.active-progress {opacity: 1; visibility: visible; transform: translateY(0);}
.progress-wrap::after {position: absolute; font-family: 'unicons'; content: '\e84b'; text-align: center; line-height: 46px; font-size: 24px; color: rgba(0, 0, 0, 0.3); left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 1; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.progress-wrap:hover::after {opacity: 0;}
.progress-wrap::before {position: absolute; font-family: 'unicons'; content: '\e84b'; text-align: center; line-height: 46px; font-size: 24px; opacity: 0; background: black; /* --- Pijl hover kleur --- */ -webkit-background-clip: text; -webkit-text-fill-color: transparent; left: 0; top: 0; height: 46px; width: 46px; cursor: pointer; display: block; z-index: 2; -webkit-transition: all 200ms linear; transition: all 200ms linear;}
.progress-wrap:hover::before {opacity: 1;}
.progress-wrap svg path {fill: none;}
.progress-wrap svg.progress-circle path {stroke: #ff6521; stroke-width: 4px; box-sizing:border-box; -webkit-transition: all 200ms linear; transition: all 200ms linear;}

.welcome-sec{width: 100%; height: auto; padding-top:50px; float: left;}
.welcome-box h4{padding: 1em 0;}
.welcome-box h1{padding-bottom: 2em;}
.welcome-box h4 span{text-decoration: underline; text-decoration-color: #ff6521; text-decoration-thickness: 3px;}
/*  pop packs css  */
.popular-packs {width: 250px; height: auto; float: left; padding: 0px; margin: 0 0px; border-radius: 6px;}
.card-body{width: 250px; position: absolute; bottom: 0; padding: 30px;}
.card-img-top {border-radius: 6px;}
.card-body span{background: #ff6521; color: #ffffff; padding: 2px 3px; font-size: 14px;}
.card-title{font-family: 'League Gothic', sans-serif; font-weight: normal; font-size:34px; text-transform: uppercase; color: #ffffff; padding:0px 0 0px 0;}
.card-text{color: #ffffff;}
.slick-dotted.slick-slider {margin-top: 0;}
/*  pop packs css ends here */
.destination-counter{width: 100%; height: auto; float: left;}
.discover-destination{padding: 11em 0 0 0em;}
/* .discover-destination h1{padding-top: 3em;} */

/* COUNTER CSS ------- */
.column {float: left; width:33%; padding: 1.5%;}
.row {margin: 0 -5px;}
.row:after {content: ""; display: table; clear: both;}
/* Responsive columns */
@media screen and (max-width: 600px) {
  .column {width: 30%; display: block; margin-bottom: 10px;}
}
.card {padding: 20px 0 0 0;}
.card h3{font-family: 'League Gothic', sans-serif; color: #ff6521; font-size:118px; line-height:110px; font-weight: normal; text-transform: uppercase;}
.card h3 span{color: #0b0634;}
.card h6{font-family: 'League Gothic', sans-serif; font-size: 32px; line-height: 30px; padding-top: 10px; font-weight: normal; text-transform: uppercase;}
/* circle btn */
/* .material-symbols-rounded{font-size: 46px !important;} */
/* .material-symbols-outlined:hover{color: #ffffff; text-decoration: none !important;} */
.discover-destination a:hover{color: #ffffff; text-decoration: none !important;}
.arrow-btn {position: relative; top: 2em; color: rgb(11 6 52 / 50%); height: 105px; width: 105px; border: solid 1px rgba(0,0,0,0.1); border-radius: 175px; display: flex; justify-content: center; align-items: center; text-align: center;}
.arrow-btn:before {content: ''; position: absolute; background: #ff6521; width: 0; height: 0; z-index: -1; border-radius: 175px; box-shadow: 0px 0px 24px 1px rgba(224,199,224,0.2); transition: all 900ms cubic-bezier(1.000, -0.195, 0.000, 1.330); transition-timing-function: cubic-bezier(1.000, -0.195, 0.000, 1.330);}
.arrow-btn:hover:before {width: 85%; height: 85%;}
.arrow-btn:active:before, .btn:focus:before {width: 100%; height: 100%;}
/* =============
package filter package css
  ============= */
.package-categs{width: 250px; height: 400px; float: left; background: url("../images/dubai-night.jpg") top left no-repeat red; margin: 0 0px 0 0;}
.package-filters{width: 100%; height: auto; float: left;}
.package-filters .filters ul li.active-filter{color: #0b0634;}
.package-filters .filters ul {padding: 0;}
.package-filters .filters ul li {list-style: none; display: inline-block; padding: 0px 40px 0 0; cursor: pointer; position: relative; text-transform: none; font-family: 'Outfit', sans-serif; font-size:18px; color: #9f9f9f;}
.package-filters .filters ul li:after {content: ""; display: block; width: calc(0% - 60px); position: absolute; height: 2px; background: #ff6521; transition: width 350ms ease-out;}
.package-filters .filters ul li:hover:after {width: calc(100% - 60px); transition: width 350ms ease-out;}
.package-filters .filters ul li.active-filter:after {width: calc(100% - 60px);}
.package-filters .filters-content {margin-top: 20px; height: 558px !important; overflow: hidden; overflow-y: scroll;}
.package-filters .filters-content .show {opacity: 1; visibility: visible; transition: all 350ms;}
.package-filters .filters-content .hide {opacity: 0; visibility: hidden;transition: all 350ms;}
.package-filters .filters-content .item {float: left; cursor: pointer; margin:0 20px 20px 0;}
.package-filters .filters-content .item .p-inner {padding: 20px 30px; box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);}
.package-filters .filters-content .item .p-inner h5 {font-size: 15px;}
.package-filters .filters-content .item .p-inner .cat {font-size: 13px;}
.package-filters .filters-content .item img {width: 100%;}
.all{padding: 0 0 0 0; float:left;}

.package-filters .filters-content::-webkit-scrollbar-track{border-radius: 10px; background-color: #f4f4f4;}
.package-filters .filters-content::-webkit-scrollbar{width:7px;}
.package-filters .filters-content::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #ff6521;}

.whyus-sec{width: 100%; height: auto; float: left; background: url("../images/why-us-bg.jpg") bottom center no-repeat; background-size: cover;}

.whyus-black{}
.whyus-black::before {content: "Why us!"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 250px; line-height: 200px; text-transform: uppercase; color: #f4f4f4;}
.whyus-detail{padding:0 2em;}
.whyus-detail h2{padding:0 0 0.3em 0;}
.whyus-detail span{padding:0 0 1em 0; float: left;}
.service-box {display: block; top: 0px; position: relative; background: #f5f9ff; padding: 30px; margin-bottom: 15px; text-decoration: none; z-index: 0; overflow: hidden; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.service-box:hover {transition: all 0.2s ease-out; background: #f7faff; -webkit-box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); -moz-box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); top: -4px;}
.service-box img{width: 54px; height: auto; float: left; padding: 20px 0;}
.service-box h5{width: 100%; height: auto; float: left; font-family: 'Outfit', sans-serif; font-size:20px;}
.service-box-subdiv{width: 100%; height: auto; float: left; margin: 0 0 15px 0;}
.next-advanture{padding:3em;}
.next-advanture img{padding: 0 0 1.5em 0;}
.next-advanture span{width: 100%; float: left; padding: 0 0 1em 0;}
.next-advanture a{width: auto; float: left; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 18px; line-height: 18px; color: #0b0634; text-transform: uppercase; text-decoration: underline; text-decoration-color: #ff6521; text-decoration-thickness: 3px;}
.next-advanture a:hover{text-decoration-color: #0b0634;}
/* .next-advanture h6::after {content: ""; bottom: -20px; left: 0px; background: #ee135b; height: 3px; width: 110px; position: absolute;} */

.ind-pckages-sec{width: 100%; height: auto; float: left;}
.custom__carousel-example--basic__content-container {display: flex; flex-direction: column; justify-content: center;}
.custom__carousel-example--basic__media {width: 100%; height: 100%; -o-object-fit: cover;  object-fit: cover; background-color: rgba(0, 0, 0, 0.025);}
.dds__carousel{padding: 0 0 0 0 !important;}
.dds__carousel__item{padding: 0 0 0 0 !important;}
.dds__carousel .dds__badge{display: none;}
.dds__carousel__indicators{left: 5% !important; bottom: 6rem !important; background: none !important;}
/* .dds__carousel__indicators:hover{background: red !important; } */
.dds__carousel__indicator.active .dds__carousel__indicator__icon {transform: scale(1.5); background-color: rgb(10 14 20 / 0%) !important; border: 2px solid #ff6521 !important;}
.dds__carousel__indicator__icon{width: 0.8rem !important; height: 0.8rem !important; border-width: 2px !important;}
.dds__carousel__indicator{width: 1.5rem !important;}
.dds__carousel__controls__prev.dds__button .dds__icon, .dds__carousel__controls__next.dds__button .dds__icon {font-size: 1.5rem !important;}
.dds__button__icon {border-radius: 50px !important;}

.india-destinations-pckgs{padding: 0 0 0 0 !important; width: 100%; height: auto;}
.india-destinations-pckgs img{width: 100%; height: auto; position: relative; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
/* .india-destinations-pckgs img:hover{transform: scale(1.1);} */
.india-destinations-pckgs h4{font-family: 'Roboto', sans-serif; font-size:16px; font-weight: normal; color:#ff6521;}
.india-destinations-pckgs h3{font-size:32px; line-height: 36px; padding-bottom: 20px;}
.india-destinations-pckgs span{float: left; padding-bottom: 20px;}
.india-destinations-pckgs p{float: left; padding-bottom: 20px;}
.munnar-pckgs::before {content: "Munnar"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 200px; line-height: 160px; text-transform: uppercase; color: #f4f4f4; position: absolute; z-index: -1;}
.jaipur-pckgs::before{content: "Jaipur"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 250px; line-height: 200px; text-transform: uppercase; color: #f4f4f4; position: absolute; z-index: -1;}
.delhi-pckgs::before{content: "Agra"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 250px; line-height: 200px; text-transform: uppercase; color: #f4f4f4; position: absolute; z-index: -1;}
.houseboat-pckgs::before{content: "Kerala"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 250px; line-height: 200px; text-transform: uppercase; color: #f4f4f4; position: absolute; z-index: -1;}
.ind-pckgs-details{padding: 8em 0 0 2em;}
.ind-pckgs-details img{padding: 5px;}

.pckgs-img-location{position: absolute; bottom: 6em; z-index: 1; font-family: 'Roboto', sans-serif; font-size:16px; color: #ffffff;}
.pckgs-img-location h6{font-family: 'Roboto', sans-serif; font-size:16px; color: #ffffff;}

.socialproof-sec{width: 100%; height: auto; float: left;}
.socialproof-sec .container::before {content: "Happy customers"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 250px; line-height: 200px; text-transform: uppercase; color: #f4f4f4; position: absolute; z-index: -1;}
.testimo-carousel{padding: 20em 0 0 0em;}
.testimo-carousel h4 {font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: normal; color: #ff6521;}
.testimo-carousel h3 {padding-bottom: 2em;}
.testimo-name{width: 100%; height: auto; float: left; padding: 1em 0 0 0;font-family: 'Roboto', sans-serif; font-size: 14px; font-weight: normal;}
/* testimonials css  */
#quote-carousel .carousel-control{background:none; margin-top:30px;}
#quote-carousel .carousel-control.left{left: -12px;}
#quote-carousel .carousel-control.right{right: -12px !important;}
#quote-carousel .carousel-indicators{left: 10%; top: auto; bottom: 0px; margin-right: -19px;}
#quote-carousel .carousel-indicators li{width:16px; height: 16px; background:none; border: 2px solid #a1a1a1;}
#quote-carousel .carousel-indicators .active{width: 16px; height: 16px; background:none; border: 2px solid #ff6521;}
#quote-carousel img{width: 250px; height: 100px}
/** MEDIA QUERIES */
@media (min-width: 768px) { /* Small devices (tablets, 768px and up) */
    #quote-carousel{margin-bottom: 0; padding: 0 0px 50px 0px;}
}
@media (max-width: 768px) {/* Make the indicators larger for easier clicking with fingers/thumb on mobile */
    #quote-carousel .carousel-indicators {bottom: -20px !important;}
    #quote-carousel .carousel-indicators li {display: inline-block; margin: 0px 5px; width: 15px; height: 15px;}
    #quote-carousel .carousel-indicators li.active {margin: 0px 5px; width: 20px; height: 20px;}
}
small{font-size: 13px; color: #9f9f9f;}

.faq-collaps{padding: 20em 0 0 0;}
.faq-collaps h4{font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: normal; color: #ff6521;}
.panel-group{padding-top: 3rem; margin: 0 0 0 0;}
.panel-group .panel {border-radius: 0; box-shadow: none; border:none; background: none;}
.panel-default > .panel-heading {padding: 0; border-radius: 0; color: #212121; background-color: rgb(250 250 250 / 0%); border-color: rgb(250 250 250 / 0%);}
.panel-title {font-size: 14px;}
.panel-title span {float: right;}
.panel-title > a {display: block; padding: 15px; text-decoration: none; font-family: 'Roboto', sans-serif; font-size: 16px; font-weight: normal;}
.panel-default > .panel-heading + .panel-collapse > .panel-body {border-top-color: #EEEEEE;}

.package-searcharea{width: 100%; height: auto;}
.package-searchcontainer{margin: 0px auto; float: none; position:relative; z-index:0; top:-4rem;}
.package-searchbox{width: 100%; height: auto; float: left; padding:30px; background: #ffffff; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px 19px 35px -6px rgba(209,209,209,1); -moz-box-shadow: 0px 19px 35px -6px rgba(209,209,209,1); box-shadow: 0px 19px 35px -6px rgba(209,209,209,1);}
.package-searchbox span{width: 100%; float: left; color: #9f9f9f; padding: 5px 0; margin-bottom: 20px;}
.package-searchbox h6{font-size: 18px;}
.category{float: left; padding: 0 15px 0 0;}
.sub-category{float: left; padding: 0 15px 0 0;}
.booking-date{float: left; padding: 0 15px 0 0;}
.form-select{width: 100%; height:35px; border: 0px; border-bottom: 1px solid #8c8c8c; font-family: 'Roboto', sans-serif; font-size: 14px; color: #8c8c8c;}
.form-select option{font-family: 'Roboto', sans-serif; font-size: 14px;}
.booking-date input{width: 100%; height:35px; border: 0px; border-bottom: 1px solid #8c8c8c; font-family: 'Roboto', sans-serif; font-size: 14px; color: #8c8c8c;}
.booking-date input:focus{border: 0px; border-bottom: 1px solid #8e8e8e; color: #8e8e8e; outline:none;	outline-offset: 0; text-decoration:none; background: transparent;}
/* card hover css for popular-packs page */
.card .cta-hover {background: rgb(126,29,170);
background: linear-gradient(180deg, rgba(126,29,170,0) 0%, rgba(6,29,70,1) 100%); border-radius: 6px; position: absolute; width: 100%; height: 100%; left:0px; top: 0px; text-align: center; opacity: 0; transition: opacity .35s ease;}
.card .cta-hover a {width: auto; text-align: center; z-index: 1; margin: 0px auto; float: none; width: 167px; -webkit-box-shadow: 0px 4px 24px -4px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 4px 24px -4px rgba(0,0,0,0.75);
box-shadow: 0px 4px 24px -4px rgba(0,0,0,0.75);}
.card:hover .cta-hover {opacity: 1;}

.breadcrumbs {width: 100%; height: auto; float: left; --color-text: #989898; list-style: none; padding: 0; margin:10px 0;}
.breadcrumbs li {display: inline; text-transform: none; font-weight: normal; color:#646464;}
.breadcrumbs li + li::before {content: "/\00a0"; padding: 6px; color: var(--color-text);}
.breadcrumbs li a {text-decoration: none; font-family: 'Roboto', sans-serif; font-size:14px; line-height: 26px; color:#332537; color: var(--color-text); }
.breadcrumbs li a:hover {text-decoration: underline; color:#646464; }

.package-detail-sec{width: 100%; height: auto; float: left;}
.package-detail-div{width: auto; height: auto; float: left; margin: 0px 0 60px 0; padding:0px; background: #f6f6f6; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.package-detail-div img{width: 100%; height: auto; position: relative; z-index: 0; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; opacity: 80%}
.pkg-detail-container{width: 100%; height: 100%; display:flex; padding: 30px; position: absolute; z-index: 1; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,0) 40%, rgba(1,158,228,1) 100%); -webkit-border-bottom-right-radius: 16px; -webkit-border-bottom-left-radius: 16px; -moz-border-radius-bottomright: 16px; -moz-border-radius-bottomleft: 16px; border-bottom-right-radius: 16px; border-bottom-left-radius: 16px;}
.package-categ{width: auto; height: auto; float: left; font-family: 'Roboto', sans-serif; font-size:14px; padding: 0px 15px; color: #ffffff; background: #ff6521; -webkit-border-radius: 03px; -moz-border-radius: 03px; border-radius: 03px;}
.pkg-detail-fistbox{padding: 3em 0 0 0; height: 100%;}
.pkg-detail-fistbox h1{width: 100%; height: auto; float: left; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 200px; line-height: 194px; text-transform: uppercase; color: rgb(255 255 255 / 80%);}
.pkg-detail-fistbox h2{width: 100%; float: left; margin: -45px 0 0 5px;}
.package-details-price{width: 100%; height: auto; margin: 3em 0 0 0; padding: 15px; background: rgb(255 255 255 / 40%); border: 1px solid #ffffff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0px 4px 25px -11px rgba(23,42,110,1); -moz-box-shadow: 0px 4px 25px -11px rgba(23,42,110,1); box-shadow: 0px 4px 25px -11px rgba(23,42,110,1);}
/* .package-details-price:first-child {width: 100%; float: left; background-color: yellow;} */
.package-details-price-child{border-right: 1px solid #ffffff; }
.package-details-price-child span{font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 22px; text-transform: uppercase; color: #ff6521;}
.package-details-price-child h2{margin: 0 0 0 0; font-family: 'League Gothic', sans-serif; font-weight: normal;   text-transform: uppercase; color: #ffffff;}
.package-details-price-child{padding: 0 0px 0 30px}
.package-details-price-child:first-child {padding: 0 0 0 0;}
.package-details-price-child:last-child {border: 0px;}
.pkg-detail-secondbox{padding:7em 7em 0 7em; height: 100%;}
.package-sharebtn span{width: auto; height: auto; float: right; padding:10px; font-size: 16px; color: #0b0634; background: #ffffff; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px;}
/* .package-sharebtn span{color: #0b0634; font-size: 14px; padding: 5px 5px 0 0;} */
/* .package-sharebtn:hover{text-decoration: none; color: #ffffff; background: #ff6521;} */
.package-sharebtn span:hover{color: #ffffff; background: #ff6521;}
.booknow-btn{width: auto; float: left; margin:3em 0 0 0; padding: 15px 40px; background:rgb(255,101,33); background: linear-gradient(38deg, rgba(255,101,33,1) 0%, rgba(251,58,57,1) 100%); color: #ffffff; -webkit-font-smoothing:auto; font-size: 14px; line-height: normal; -webkit-border-radius:75px; moz-border-radius: 75px; border-radius:75px; border: 1px solid #ff4648; text-align:center; display:block; -webkit-box-shadow: 0px 4px 25px -11px rgba(23,42,110,1); -moz-box-shadow: 0px 4px 25px -11px rgba(23,42,110,1); box-shadow: 0px 4px 25px -11px rgba(23,42,110,1);}
.booknow-btn:hover{text-decoration: none; color: #ffffff; background: rgb(255,101,33);
background: linear-gradient(38deg, rgba(255,101,33,1) 0%, rgba(251,58,57,0.23295255602240894) 100%); -webkit-box-shadow: 0px 4px 25px -11px rgb(255 255 255); -moz-box-shadow: 0px 4px 25px -11px rgb(255 255 255); box-shadow: 0px 4px 25px -11px rgb(255 255 255);}
.pkg-detail-secondbox h4{padding-bottom: 1em}
.pckgsdetil-img-location {position: absolute; bottom: 0; right: 0; z-index: 1; font-family: 'Roboto', sans-serif; font-size:16px; color: #ffffff;}
.pckgsdetil-img-location h6{font-family: 'Roboto', sans-serif; font-size:16px; color: #ffffff;}
/* ============
packge detail tabs
=============== */
.tabs {}
.tabs input[type=radio] {display: none;}
.tabs label {font-family: 'Outfit', sans-serif; font-size:18px; color: #a5a4ad; line-height: 38px; transition: background 0.4s ease-in-out, height 0.2s linear; display: inline-block; cursor: pointer; width: 20%; height: 3em; border-top-left-radius: 3px; border-top-right-radius: 3px; background: #FCFCFC; text-align: center; line-height: 3em; padding: 0 20px; margin: 0 0 0 0;}
.tabs label:last-of-type {border-bottom: none;}
/* .tabs label:hover {background: #ff9566; color:#ffffff;} */
@media screen and (max-width: 1600px) {
.tabs label {width: auto;}
}
@media screen and (max-width: 900px) {
.tabs label {width: 20%;}
}
@media screen and (max-width: 600px) {
.tabs label {width: 100%; display: block; border-bottom: 2px solid #C7C6C4; border-radius: 0;}
}
@media screen and (max-width: 600px) {
.tabs {margin: 0;}
}
#tab1:checked + label, #tab2:checked + label, #tab3:checked + label, #tab4:checked + label {border-bottom: 3px solid #ff6521; color: #0b0634;}
.tab-content{position: absolute; top: -9999px; padding: 0px; margin: 10px 0 0 0;}
.tab-content h5{padding: 5px 0 15px 0; font-size: 18px;}
.tab-content-wrapper{}
@media screen and (max-width: 600px) {
.tab-content-wrapper, .tab1-content-wrapper {border: none; border-radius: 0;}
}
#tab1:checked ~ .tab-content-wrapper #tab-content-1, #tab2:checked ~ .tab-content-wrapper #tab-content-2, #tab3:checked ~ .tab-content-wrapper #tab-content-3, #tab4:checked ~ .tab-content-wrapper #tab-content-4, #tab5:checked ~ .tab-content-wrapper #tab-content-5 {position: relative; top: 0px;}
.curve-boxes-detail{background: fcfcfc; padding: 10px; margin: 0 0 10px 0; -webkit-border-radius:16px; moz-border-radius: 16px; border-radius:16px; border: 1px solid #eeeeee;}
.curve-boxes-detail h6{font-size: 16px;}
.thead-dark{background: #ff6521; color: #ffffff; text-transform: uppercase;}
.table-bordered thead tr th{padding: 15px !important; font-family: 'Outfit', sans-serif; font-size:14px;}
.table-bordered>thead>tr>th, .table-bordered>thead>tr>td {border-bottom-width: 0px;}
.table tr td{font-size: 14px; padding: 15px !important;}
.table tr td .fa-star {color: #e9e9e9;}
.table tr td .checked {color: orange;}
/* ============
packge detail tabs CSS ends here
=============== */
.package-feautures-imgs{padding:0 1.5em;}
.package-price-details{width:100%; height: auto; padding: 30px; float: left; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; border: 1px solid #eeeeee; -webkit-box-shadow: 0px 0px 13px 3px rgba(245,245,245,1); -moz-box-shadow: 0px 0px 13px 3px rgba(245,245,245,1); box-shadow: 0px 0px 13px 3px rgba(245,245,245,1);}
.package-price-details h6{padding-bottom: 20px;}
.package-price-details h3{width: 100%; height: auto; float: left; border-bottom: 1px solid #eeeeee; padding-bottom: 20px; margin-bottom: 15px; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size:62px; text-transform: uppercase;}
.pckage-ideal-stat{width: 100%; height: auto; float: left; font-weight: normal; font-size: 14px; color: #757575; margin-bottom: 0px;}
.pckage-ideal-stat span{padding: 0 10px 0 0; float: left; }
.pckage-ideal-stat label{font-weight: normal;}
/* .fixed {position: fixed; top: 10em; background-color: gold; z-index: 0;} */
.booking-support{width: 100%; padding:1.5em; float: left; margin: 0px 0 0 0;}
.booking-support h6{padding-bottom: 20px;}
.whatsapp-btn{width: 100%; height: auto; float: left; font-size: 14px; color: #464646; line-height: 34px;  padding:5px 5px; margin-bottom: 15px; border: 1px solid #eeeeee; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px;}
.whatsapp-btn:hover{background: #f9f9f9; color: #000000; text-decoration: none;}
.whatsapp-btn .fa-whatsapp{padding:5px 7px; float: left; margin: 0 10px 0 0; color: #ffffff; font-size: 20px; background: #2fbe1e; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px;}
.call-btn{width: 100%; height: auto; float: left; font-size: 14px; color: #464646; line-height: 34px;  padding:5px 5px; margin-bottom: 15px; border: 1px solid #eeeeee; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px;}
.call-btn:hover{background: #f9f9f9; color: #000000; text-decoration: none;}
.call-btn span{padding: 7px; float: left; margin: 0 10px 0 0; color: #ffffff; font-size: 20px; background: #ff6521; -webkit-border-radius: 75px; -moz-border-radius: 75px; border-radius: 75px;}
.booking-processnote{width: 100%; padding:1.5em; float: left; margin: 0px 0 0 0;}
.booking-processnote h6{padding-bottom: 20px;}
.booking-processnote ul{width: 100%; height: auto; float: left;}
.booking-processnote ul li{width: 100%; height: auto; float: left; padding: 5px 10px; text-transform: none; border-bottom: 1px solid #eeeeee; font-weight: normal;}
.booking-processnote ul li img{margin: 0 10px 0 0;}
.cancellation-policy{float: left; background: #f0fdff; padding: 25px; border-radius: 18px; border: 1px solid #e0e9ea;     margin-top: 50px;}
.cancellation-policy h6{padding-bottom: 10px; }

.package-thumbnail{padding: 0px 0 0 0;}
.package-thumbnail-img{float: left; height: 80px; overflow: hidden; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
/* .package-thumbnail-img {float: left;} */
.package-thumbnail h5{width: 100%; float: left; font-size: 20px; color: #ffffff; padding: 5px 0;}
.package-thumbnail h6{width: 100%; float: left; font-size: 16px; color: rgb(255 255 255 / 50%); padding-bottom: 5px;}

.contact-form {margin-top: 0px;}
.contact-form .input-block {border: solid 1px #989898; width: 100%; height: 40px; padding: 20px; position: relative; margin-bottom: 15px; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.contact-form .input-block.focus {border: solid 1px #eeeeee;}
.contact-form .input-block.textarea {height: auto;}
.contact-form .input-block.textarea .form-control {height: auto; resize: none;}
.contact-form .input-block label {padding: 0 10px; background: #fff; position: absolute; left: 8px; top: 15px; display: block; margin: 0; z-index: 1; color: #999; font-size: 14px; font-weight: normal; line-height: 10px;}
.contact-form .input-block .form-control {background-color: transparent; border: medium none; border-radius: 0; box-shadow: none; color: #333; font-size: 14px; height: 40px; padding: 0; position: relative; top: -20px; z-index: 2;}
.contact-form .input-block .form-control:focus label {top: 0;}
.contact-form .square-button {background: #000000; color: #fff; font-size: 26px; text-transform: uppercase; text-align: center; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; padding: 0 60px; height: 60px; border: none; width: 100%;}
.contact-form .square-button:hover,
.contact-form .square-button:focus {background-color: red;}
.contact-form .input-block span{font-size: 12px; position: absolute; top: 38px; color: #7e7e7e;}
.contact-form .input-block.textarea{margin-top: 10px;}
/* a:visited{ color: red } */
/* parallax css */
.parallax-item {display: flex; align-items: center; justify-content: center; font-weight: bold; font-family: Montserrat, sans-serif; width: 100%; min-height: 50vh;}

/* @import url('//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css');

a, a:hover {
	text-decoration: none;
} */
.socialbtns h5{padding-bottom: 20px;}
.socialbtns, .socialbtns ul, .socialbtns li {margin: 0; padding: 0px;}
.socialbtns li {list-style: none outside none; display: inline-block;}
.socialbtns a {width: auto; height: auto; font-size: 22px; color: #464646; padding:10px;}
.socialbtns a svg{  fill: #464646;}
/* .socialbtns a:hover{  fill: white;} */
.socialbtns a svg:hover {fill: #cacaca;}

.flyria-offices{padding: 20px 0 0 0; margin: 0;}
.flyria-offices h4{padding-bottom: 20px; }
.right-border:before {content :""; position: absolute; right: 0; top: 0; height: 80px; width: 50%; border-right:3px solid #ff6521;}
.right-border2:before {content :""; position: absolute; right: 0; top: 0; height: 120px; width: 50%; border-right:3px solid #ff6521;}
.right-border3:before {content :""; position: absolute; right: 0; top: 0; height: 160px; width: 50%; border-right:3px solid #ff6521;}

.insta-feed{width: 100%; height: auto; float: left;}
.insta-feed-slider {position: relative; overflow: hidden;}
.slider__wrapper {display: flex; transition: transform 0.6s ease;}
.slider__item {flex: 0 0 17%; max-width: 17%;}
.slider__item div img {width: 100%; height: auto; float: left;}
.insta-slider__control {position: absolute; top: 50%; display: flex; align-items: center; justify-content: center; width: 40px; color: #fff; text-align: center; opacity: 0.5; height: 50px; transform: translateY(-25%); background: rgba(0, 0, 0, .5);}
.insta-slider__control:hover,
.insta-slider__control:focus {color: #fff; text-decoration: none; outline: 0; opacity: .9;}
.insta-slider__control_left {left: 0;}
.insta-slider__control_right {right: 0;}
.insta-slider__control::before {content: ''; display: inline-block; width: 20px; height: 20px; background: transparent no-repeat center center; background-size: 100% 100%;}
.insta-slider__control_left::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");}
.insta-slider__control_right::before {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");}
.slider__item>div {font-size: 100px; text-align: center;}

.about-pg-intro{width: 100%; height: auto; float: left;}
.about-intro-box {padding: 0px 0 50px 0;}
.about-intro-box h1{padding: 0px 0 30px 0;}
.about-intro-box span{padding:2em 0; float: left;}
.about-intro-box-img img{padding-bottom: 2em;}
.about-intro-box-img p{font-family: 'League Gothic', sans-serif; font-weight: normal; font-size:18px; text-transform: uppercase;}
.reasons-tochoose{padding: 0px; margin-bottom: 3em;}
.reasons-tochoose h2{text-align: center; padding-bottom: 30px;}
.reasons-visadiv{padding: 0px; float: left;}
.reasons-visadiv img{width: 100%; height: auto; float: left; margin-bottom: 0px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.reasons-visadiv h5{padding-bottom:20px; }
.reasons-visadiv p{padding-bottom:20px; }
.reasons-visadiv a{width: auto; height: auto; float: left;}
.reasons-visadiv a span{color: #ff6521; font-size: 20px; padding-right: 5px;}
/* .reasons-visadiv a i{padding:0 0px 0px 5px;} */
:root {--mainColor: #b5acac;}
.wave-btn {background: linear-gradient(to bottom, var(--mainColor) 0%, var(--mainColor) 100%); background-position: 0 100%; background-repeat: repeat-x; background-size: 2px 2px; color: #000; text-decoration: none; font-size: 15px;}
.wave-btn:hover {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg id='squiggle-link' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' viewBox='0 0 20 4'%3E%3Cstyle type='text/css'%3E.squiggle{animation:shift .5s linear infinite;}@keyframes shift {from {transform:translateX(0);}to {transform:translateX(-20px);}}%3C/style%3E%3Cpath fill='none' stroke='rgb(255 101 33)' stroke-width='1' class='squiggle' d='M0,3.5 c 5,0,5,-3,10,-3 s 5,3,10,3 c 5,0,5,-3,10,-3 s 5,3,10,3'/%3E%3C/svg%3E"); background-position: 0 100%; background-size: auto 6px; background-repeat: repeat-x; text-decoration: none;}

.reasons-subdiv{padding: 30px; border: 1px solid #dddddd; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; float: left;}
.reasons-subdiv img{width: 126px; height: auto; float: left; padding-bottom: 30px;}
.reasons-subdiv h5{width: 100%; height: auto; float: left; padding-bottom: 20px;}
.reasons-subdiv p{width: 100%; height: auto; float: left; padding-bottom: 10px;}
.reasons-subdiv a{width: auto; float: left; margin-top: 20px;}
.reasons-subdiv a span{color: #ff6521; font-size: 20px; padding-right: 5px;}

.team-section{width: 100%; height: auto; float: left;}
.position-bg-colour{padding:3em 3em 5em 3em; background:#ff6521; position: absolute; z-index:-0; color: #ffffff; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.position-bg-colour h6{color: #ffffff; padding-bottom: 10px;}
.position-bg-colour h3{color: #ffffff; padding-bottom: 10px;}
.abt-team-img{padding: 30px;  position: relative; z-index: 0; top: 11em; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.abt-team-img img{-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;}
.abt-team-img h5{padding-bottom: 20px;}
.were-defined{width: 100%; height: auto; float: left; margin-top: 5em; background:no-repeat top center #f6f6fa;}
.section-background-parallax {background-attachment: fixed; background-position: center; background-size: cover; width: 100%; color: #FFFFFF; display: flex; justify-content: center; align-items: center;}
.parallax2 {background-image: url("../images/defined-bg.jpg");}

.were-defined h4{font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 190px; line-height:150px; text-transform: uppercase; color: #f4f4f4; padding:30px 0 40px 0;}
.were-defined img{padding-bottom: 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.were-defined h5{padding-bottom: 10px;}
.ellipsis-loading:after {overflow: hidden; display: inline-block; vertical-align: bottom; -webkit-animation: ellipsis steps(4,end) 900ms infinite; animation: ellipsis steps(4,end) 900ms infinite; content: "\2026"; width: 0px; padding-top: 150px;}
@keyframes ellipsis {
  to {width: 1.25em;}
}
@-webkit-keyframes ellipsis {
  to {width: 1.25em;}
}

.flyria-in-numbers h3{font-family: 'League Gothic', sans-serif; color: #ff6521; font-size: 118px; line-height:110px; font-weight: normal; text-transform: uppercase;}
.flyria-in-numbers h3 span{color: #0b0634;}
.flyria-in-numbers h6{font-family: 'League Gothic', sans-serif; font-size: 38px; line-height: 34px; padding-top: 10px; font-weight: normal; text-transform: uppercase;}

.hundred-visalink{width: 100%; height: auto; float: left; text-align: center; padding: 50px 0 30px 0;}
.hundred-visalink a{text-decoration: underline; text-decoration-color: #ff6521; color: inherit;}
.hundred-visalink a:hover{text-decoration: underline; text-decoration-color: #ff6521; color:#ffffff; background: #ff6521;}
.hundred-visalink span{color:#ff6521; font-weight: bold;}
.visa-services-sub img{float: left; padding-bottom: 20px;}
.visa-services-sub h5{width: 100%; float: left; padding-bottom: 20px;}
.visa-services-sub p{width: 100%; float: left; padding-bottom: 0px;}
.mice-services{float: left; margin: 0px 0;background: #ff6521; padding: 1em; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.mice-services img{-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.mice-services span{position: absolute; bottom: 0em; left: 1em; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 170px; line-height:140px; text-transform: uppercase; color: #ffffff; padding:30px 0 40px 0;}
.mice-services-sub{padding: 30px;}
.mice-services-sub h3{padding-bottom:10px;}
.mice-services-sub h5{padding-bottom:30px;}
.mice-services-sub p{float: left; padding-bottom:30px;}
.mice-services-sub a{font-size: 16px;}

/* .container::before {content: "Happy customers"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 250px; line-height: 200px; text-transform: uppercase; color: #f4f4f4; position: absolute; z-index: -1;} */
/* ================
 VISA SERVICES HOVER CARDS */
:root {--d: 700ms;
  --e: cubic-bezier(0.19, 1, 0.22, 1);
  --font-sans: "Rubik", sans-serif;
  --font-serif: "Cardo", serif;}
.visa-page-content {display: grid; grid-gap: 1.5rem; margin: 0 auto; /* padding: 1rem; max-width: 1024px; font-family: var(--font-sans); */}
@media (min-width: 600px) {
  .visa-page-content {grid-template-columns: repeat(2, 1fr);}
}
@media (min-width: 800px) {
  .visa-page-content {grid-template-columns: repeat(3, 1fr);}
}
.visa-service-card {position: relative; display: flex; align-items: flex-end; overflow: hidden; width: 100%; text-align: left; color: #ffffff; background: #ff6521; padding: 1em; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
@media (min-width: 600px) {
  .visa-service-card {height: 400px;}
}
.visa-service-card:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 110%; background-size: cover; background-position: 0 0; transition: transform calc(var(--d) * 1.5) var(--e); pointer-events: none;}
.visa-service-card:after {content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 200%; pointer-events: none;

background: rgb(255,101,33);
background: linear-gradient(0deg, rgba(255,101,33,1) 0%, rgba(251,58,57,0.23295255602240894) 100%);

transform: translateY(-50%); transition: transform calc(var(--d) * 2) var(--e);}

.visa-service-card:nth-child(1):before {background-image: url("../images/intl-holiday-pckgs.jpg"); background-size: cover; background-repeat: no-repeat;}
.visa-service-card:nth-child(2):before {background-image: url("../images/travel-insure.jpg"); background-size: cover; background-repeat: no-repeat;}
.visa-service-card:nth-child(3):before {background-image: url("../images/intl-driving.jpg"); background-size: cover; background-repeat: no-repeat;}
/* .visa-service-card:nth-child(4):before {background-image: url(https://images.unsplash.com/photo-1531306728370-e2ebd9d7bb99?ixlib=rb-1.2.1&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=400&fit=max&ixid=eyJhcHBfaWQiOjE0NTg5fQ);} */
.visa-content {position: relative; display: flex; flex-direction: column; align-items: center; width: 100%; padding: 1rem; transition: transform var(--d) var(--e); z-index: 1;}
.visa-content > * + * {margin-top: 1rem;}
.visa-title {font-size: 38px; line-height: 1.2; color: #ffffff; width: 100%; }
.visa-copy {font-family: inherit; font-size: 14px;; line-height: 1.35; color: #ffffff;}
@media (hover: hover) and (min-width: 600px) {
  .visa-service-card:after {transform: translateY(0);}
  .visa-content {transform: translateY(calc(100% - 20.5rem));}
  .visa-content > *:not(.title) {/*opacity: 0;*/ transform: translateY(1rem); transition: transform var(--d) var(--e), opacity var(--d) var(--e);}
  .visa-service-card:hover,
.visa-service-card:focus-within {align-items: center;}
  .visa-service-card:hover:before,
.visa-service-card:focus-within:before {transform: translateY(-4%);}
  .visa-service-card:hover:after,
.visa-service-card:focus-within:after {transform: translateY(-50%);}
  .visa-service-card:hover .visa-content,
.visa-service-card:focus-within .visa-content {transform: translateY(0);}
  .visa-service-card:hover .visa-content > *:not(.title),
.visa-service-card:focus-within .visa-content > *:not(.title) {opacity: 1; transform: translateY(0); transition-delay: calc(var(--d) / 8);}
.visa-service-card:focus-within:before, .visa-service-card:focus-within:after,
.visa-service-card:focus-within .visa-content,
.visa-service-card:focus-within .visa-content > *:not(.title) {transition-duration: 0s;}
}
.services-price{width: 100%; height: auto; float: left; background:#fd5320;}
.services-price h1{font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 170px; line-height:140px; text-transform: uppercase; color: #f4f4f4; padding:30px 0 40px 0;}
.section-background-parallax3{background-attachment: fixed; background-position: center; background-size: cover; width: 100%; color: #FFFFFF; display: flex; justify-content: center; align-items: center;}
.parallax3 {background-image: url("../images/visa-form-bg.jpg");}
.services-price .container {background: url("../images/visa-price-bg.png") no-repeat top right; background-size: contain;}

.blog_listing{width: 100%; height: auto; float: left;}
.blogs_listing_box {display: block; top: 0px; position: relative; background: #fafafa; padding: 0px; margin-bottom: 15px; text-decoration: none; z-index: 0; overflow: hidden; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.blogs_listing_box:hover {transition: all 0.2s ease-out; background: #ffffff; -webkit-box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); -moz-box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); top: -4px;}
.blogs_listing_box img{width: 100%; height: auto; float: left;}
.blogs_listing_copy{width: 100%; height: auto; float: left; padding: 15px;}
.blogs_listing_copy a{width: 100%; height: auto; float: left; padding-bottom: 15px; font-family: 'Outfit', sans-serif; font-size:26px; color: #0b0634; font-weight: normal; text-decoration: underline; text-decoration-color: #ff6521; text-decoration-thickness: 3px;}
.blogs_listing_copy a:hover{text-decoration-color: #d3d3d3; color: #000000;}
/* .blogs_listing_copy p{width: 100%; height: auto; float: left;} */
.blog_content_details{width: 100%; height: auto; float: left; border-top: 1px solid #e3e3e3; padding-top: 10px; margin-top: 10px;}
.blog_content_details a{width: auto; font-size: 13px; font-family: inherit; text-decoration: none; color: #838383; float: left; padding: 0 0 0 0;}
.blog_content_details a label{margin: 0 0 0 0; cursor: pointer;}
.blog_content_details span{width: auto; font-size: 13px; font-family: inherit; text-decoration: none; color: #838383; float: right;}

.blog_deets_share{width: 100%; height: auto; float: left; padding: 30px 0;}
.blog_auth_date{width: auto; height: auto; float: left;}
.blog_auth_date a{color: #838383; font-size: 18px; padding: 0 5px;}
.blog_auth_date span{color: #838383; font-size: 13px; padding: 0 5px;}
.social-share{width: auto; height: auto; float: right; }
.social-share h6{width: auto; height: auto; float: left; padding-right: 10px;}
.social-share ul{width: auto; height: auto; float: left; }
.social-share ul li{width: auto; height: auto; float: left; padding: 0 3px;}
.social-share ul li a{width: auto; height: auto; float: left; color: #000000; padding:1px 8px; background: #dadada; -webkit-border-radius: 25px; -moz-border-radius: 25px; border-radius: 25px;}
.social-share ul li a:hover{color: #b4dafb; background: #009fe5;}
.blog_featured_img{width: 100%; height: auto; float: left; padding: 0 0 0 0;}
.blog_featured_img img{width: 100%; height: auto; float: left; padding: 0 0 0 0; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.img-wrapper {overflow: hidden; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.inner-img {transition: 0.3s;}
.inner-img:hover {transform: scale(1.1); -webkit-filter: contrast(0.5); filter: contrast(0.5);}
.blog_content{float: left;}
.blog_content h3{width: 100%; height: auto; float: left; padding: 0 0 20px 0;}
.blog_content p{width: 100%; height: auto; float: left; padding: 0 0 20px 0;}

.recent_blogs{width: 100%; height: auto; float: left;}
.recent_blogs h2{width: 100%; height: auto; float: left; padding: 0 0 20px 0; border-bottom: 1px solid #e3e3e3; margin-bottom: 20px;}

.gallery-banner{width: 100%; height: auto; float: left;}
.gallery-banner h2{padding-top: 42vh; float: left;}
.gallery-banner .container::before {content: "Relive the Journey"; font-family: 'League Gothic', sans-serif; font-weight: normal; font-size: 250px; line-height: 200px; text-transform: uppercase; color: #f4f4f4; position: absolute; z-index: -1;}

.grid-item {display: block; top: 0px; position: relative; z-index: 0; overflow: hidden;}
.grid-item:hover {transition: all 0.2s ease-out; background: #ffffff; -webkit-box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); -moz-box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); box-shadow: 3px 3px 46px 0px rgb(184 184 184 / 44%); top: -4px;}
/* popular destination slider dots */
.slick-dots{bottom: -40px !important;}
.slick-dots li{width: 16px !important; height: 16px !important; margin: 0 2px !important;}
.slick-dots li button{width: 16px !important; height: 16px !important; border: 2px solid #a1a1a1 !important; border-radius: 12px !important;}
.slick-dots li button:hover,
.slick-dots li button:focus{outline: none;}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before{opacity: 1;}
.slick-dots li button:before{content: '' !important;}
.slick-dots li.slick-active button:before{width: 16px !important; height: 16px !important; border: 3px solid #ff6521 !important; border-radius: 12px !important;}

/* pacakge details redesign */
.package-detail-div{width: auto; height: auto; float: left; margin: 0px 0 40px 0; padding:0px; background: #f6f6f6; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.pkg-detail-fistbox h1 {font-size: 70px; color: #ffffff; float: left; font-family: 'Outfit', sans-serif; line-height:68px; text-transform: none;}
.pkg-detail-fistbox{padding: 15em 0 0 2em;}
.pkg-detail-secondbox{padding:0; height: 100%;}
.pkg-detail-secondbox h4{padding-bottom: 15px;}
.package-details-price{width: 100%; height: auto; margin: 2em 0; padding: 20px; background: linear-gradient(150deg, rgb(33 175 255) 0%, rgb(57 145 251) 100%); border: 1px solid #c6e1ff; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0px 4px 25px -11px rgba(23,42,110,1); -moz-box-shadow: 0px 4px 25px -11px rgba(23,42,110,1); box-shadow: 0px 4px 25px -11px rgba(23,42,110,1);}
.package-details-price-child span {color: rgb(255 255 255 / 70%);}
.package-price-details2{width:100%; height: auto; padding:15px 0 0 0; float: left;}
.package-price-details2 a{float: right;}
.pckage-ideal-stat{width: auto; height: auto; float: left; font-weight: normal; font-size: 14px; color: #757575; margin-top: 20px;}
.package_inclusions{width: 100%; height: auto; float: left; margin: 10px 0; border: 1px solid #eeeeee; padding: 15px; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.package_inclusions h5{width: 100%; height: auto; float: left; padding-bottom: 10px; margin-bottom:10px; border-bottom: 1px solid #eeeeee;}
.curve-boxes-detail {float: left; width: 100%;}
.package-details-price-child h2{line-height: 44px;}
.package-details-price-child {border-right: 1px solid rgb(255 255 255 / 50%);}
/*date: 27Nov24*/
/* visa form css */
.visa_form_parent{padding: 30px; background: #f9f9f9; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;}
.visa_form input {width: 100%; height: 42px; margin-bottom: 15px; background: #f9f9f9; border: 1px solid #c6c6c6; box-shadow: none; border-radius: 6px;}
.visa_form span{font-size: 14px;}
.visa_form label{color: #ff0000; padding: 0 3px; font-size: 12px;}
.hundred-visalink{width: 100%; height: auto; float: left; font-size: 26px; text-align: center; padding: 50px 0 30px 0;}
.hundred-visalink a{text-decoration: underline; text-decoration-color: #ff6521; color: inherit;}
.hundred-visalink a:hover{text-decoration: underline; text-decoration-color: #ff6521; color:#ffffff; background: #ff6521;}
.hundred-visalink span{color:#ff6521; font-weight: bold;}
.visa-submit-btn{padding: 16px 30px; background: #0086ff; color: #ffffff; font-family: 'Roboto', sans-serif; -webkit-font-smoothing:auto; font-size: 16px; font-weight: 500; line-height: normal; -webkit-border-radius:6px; moz-border-radius: 6px; border-radius:6px; border: 0px; -webkit-box-shadow: 0px 10px 18px -11px rgb(139 139 139); -moz-box-shadow: 0px 10px 18px -11px rgb(139 139 139); box-shadow: 0px 10px 18px -11px rgb(139 139 139); text-align:center;}
.visa-submit-btn:hover{text-decoration: none; background: #006ed1; color: #ffffff;}
/* reCAPTCHA css */
.robot {font-size: 14px; font-family: 'Roboto', sans-serif;}
.box-container {display: flex; background-color: #F9F9F9; border: 1px solid #D3D3D3; border-radius: 3px; width: 300px; align-items: center; padding: 10px; margin-bottom: 10px;}
input[type="checkbox"] {appearance: none; width: 26px; height: 26px; border: 2px solid #C1C1C1; margin: 0px 14px 0px 14px;}
input[type="checkbox"]:checked::before {content: url(https://img.icons8.com/?size=20&id=27&format=png&color=1e5180); display: block; line-height: 20px; padding: 0.05rem 0.6rem 0rem 0.05em;}
.logo {display: block;}
.logo-text {text-align: right; font-size: 9px; font-family: 'Roboto', sans-serif;}
.logo-text-tos {display: block; text-align: right; font-size: 9px; font-family: 'Roboto', sans-serif; margin-left: 80px;}
.captha_container {margin-right: 10px; text-align: center; line-height: 0.1rem;}

/* modal popup css */
/* .modal-body {position: relative; padding: 10px;} */
/* .modal-open .modal { background: rgb(28 12 111 / 60%); } */
/* .modal-content h2{font-size: 38px; line-height: 48px; padding: 20px 0;}
.modal-body a.pre-order-btn{width: 220px; float: none; margin: 0 auto; position: absolute; z-index: 0; left: 30%; bottom: 5%; padding: 20px 45px; background: linear-gradient(330deg, #ff3700, #ff4129, #ff5353); color: #ffffff; -webkit-font-smoothing:auto; font-size: 16px; line-height: normal; -webkit-border-radius:36px; moz-border-radius: 36px; border-radius:36px; border: 1px solid #ff6c43; text-align:center; display:block;}
.modal-body a.pre-order-btn:hover{text-decoration: none; background: #ff4129; color: #ffffff;}
*/

/* Updated On Dec 07, 2024 */
/* TOAST css  */
.toast {position: fixed; z-index: 1001; top: 25px; right: 30px; border-radius: 12px; background: #f2f2f2; padding: 20px 35px 20px 25px; box-shadow: 0 6px 20px -5px rgba(0, 0, 0, 0.1); overflow: hidden; transform: translateX(calc(100% + 30px)); transition: all 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.35);}
.toast.active {transform: translateX(0%);}
.toast .toast-content {display: flex; align-items: center;}
.toast-content .check {display: flex; align-items: center; justify-content: center; height: 35px; min-width: 35px; background-color: #50bd3d; color: #fff; font-size: 20px; border-radius: 50%;}
.toast-content .message {display: flex; flex-direction: column; margin: 0 20px;}
.message .text {font-size: 14px; font-weight: 400; color: #000000;}
.message .text.text-1 {font-family: 'Outfit', sans-serif; font-size:24px;}
.toast .close {position: absolute; top: 10px; right: 15px; padding: 5px; cursor: pointer; opacity: 0.7;}
.toast .close:hover {opacity: 1;}
.toast .progress {position: absolute; bottom: 0; left: 0; height: 3px; width: 100%; margin: 0 0 0 0; box-shadow: none; background: none;}
.toast .progress:before {content: ""; position: absolute; bottom: 0; right: 0; height: 100%; width: 100%; background-color: #50bd3d;}
.progress.active:before {animation: progress 5s linear forwards;}
@keyframes progress {
  100% {right: 100%;}
}
.toast.active ~ button {pointer-events: none;}
/* Slide in popup css */
.slidein_right[data-toggle] {position: fixed; top: 50%; right:-65px; line-height: normal; z-index: 100000; cursor: pointer; font-size: 18px; transition: all 0.8s ease 0.3s, color 0.3s ease; white-space: nowrap; -moz-transform: rotate(90deg) translate(0px, -50px); -webkit-transform: rotate(90deg) translate(0px, -50px); -o-transform: rotate(90deg) translate(0px, -50px); -ms-transform: rotate(90deg) translate(0px, -50px); transform: rotate(90deg) translate(0px, -50px);}
.slidein_right[data-toggle]:hover {transition: all 0.3s ease, color 0.8s ease 0.3s;}
.slidein_right {background-image: linear-gradient(to right, #00d2ff 0%, #3a7bd5  51%, #00d2ff  100%)}
.slidein_right {margin: 10px; padding: 15px 45px; text-align: center; text-transform: uppercase; transition: 0.5s; background-size: 200% auto; color: white; border-radius: 0px 0px 5px 5px; display: block;}
.slidein_right:hover {background-position: right center; /* change the direction of the change here */ color: #fff; text-decoration: none;}
.modal {background: rgba(0, 0, 0, 0.6); bottom: 0; display: none; left: 0; overflow: auto; position: fixed; right: 0; top: 0; z-index: 100000;}
.modal .modal-dialog {left: 50%; line-height: 20px; margin-left: -300px; position: absolute; top: 50%; transition: all 0.5s ease;}
.modal .modal-dialog .modal-header {background: #cb9ddc; font-size: 18px; padding: 10px;}
.modal .modal-dialog .modal-header h4 {margin: 0; padding: 0;}
.modal .modal-dialog .modal-body { padding: 5px;}
.modal .modal-dialog .modal-body img { border-radius: 8px;}
.modal .modal-dialog .modal-body p {margin: 0; padding: 0;}
.modal.show,
.modal.hiding {display: block;}
.modal.show {animation: modal-fade-animation 0.5s ease;}
.modal.hiding {animation: modal-fade-animation-out 0.25s ease;}
.modal.slide-in-right.show .modal-dialog {animation: modal-slide-right-animation 0.5s ease;}
.modal.slide-in-right.hiding .modal-dialog {animation: modal-slide-right-animation-out 0.25s ease;}
.modal-body a.pre-order-btn{width: 330px; float: none; margin: 0 auto; position: absolute; z-index: 0; left: 22%; bottom: 5%; padding: 20px 45px; background: linear-gradient(330deg, #ff3700, #ff4129, #ff5353); color: #ffffff; -webkit-font-smoothing:auto; font-size: 16px; line-height: normal; -webkit-border-radius:36px; moz-border-radius: 36px; border-radius:36px; border: 1px solid #ff6c43; text-align:center; display:block;}
.modal-body a.pre-order-btn:hover{text-decoration: none; background: #ff4129; color: #ffffff;}
@keyframes modal-slide-right-animation {
  from {left: 100%;}
  to {left: 50%;}
}
@keyframes modal-slide-right-animation-out {
  from {left: 50%;}
  to {left: 100%;}
}

/* ============================
 countrycode_css
 ============================ */
#country_code select {-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; overflow: hidden; cursor:pointer; color: #999 !important; font-size: 16px !important;}
#country_code select::-ms-expand {display: none;}
.contact-form span.required {color: Red !important;}
#email_validation, #name_validation {display:none;}
span.error {background-color:#FFDFDF; color:red;}
.control-label{width: 100%; text-align: left !important;}
.tab-content>.tab-pane {padding: 0 15px;}
.col-sm-offset-4 {margin-left: 33.3333% !important;}
.border {border:1px solid #ccc;}
.alert-pad{padding-left: 25px;}
.com-pad{padding-left: 5px;}
.top-margin{margin-top:10px !important;}
.bottom-gap{margin-bottom:5px;}
.weekly .btn {margin: 0 0 5px 0; border-radius: 50%; width: 42px; height: 42px; padding: 0;}
.mtb-xy {margin:15px 0;}
.nav-tabs {margin: 0 30px;}
.tab-content {margin: 0 auto;}
.outer-width {margin:0 auto;}
.visa_form select{width: 100%; height: 42px; margin-bottom: 15px; background: #f9f9f9; border: 1px solid #c6c6c6; box-shadow: none; border-radius: 6px;}
.visa_form.col-md-4{padding: 0 15px 0 0;}