/*
/*


* This file contains the styling for the actual template, this
is the file you need to edit to change the look of the
template.

This files table contents are outlined below>>>>>

1. Common css
2. Heading Area Css
3. Button Area start
4. Home Page
5. About Page
6. Booking Confirmation Page
7. Booking History Page
8. Contact Page
9.  Dashboard Page
10. Error Page
11. Faqs Page
12. Flight-booking Page
13. Flight-booking-submission Page
14. Flight-search-result Page
15. forgot-password Page
16. hotel-booking Page
17. hotel-details Page
18. hotel-search Page
19. login Page
20. my-profile Page
21. news Page
22. news-details Page
23. notification Page
24. privacy-policy Page
25. register Page
26. reset-password Page
27. room-booking Page
28. room-details Page
29. terms-service Page
30. testimonials Page
31. top-destinations Page
32. top-destinations-details Page
33. tour-booking-submission Page
34. tour-details Page
35. tour-guides Page
36. tour-search Page
37. verify-otp Page
38. wallet Page
39. Footer 
40. Preloader


/*================================================
Default CSS
=================================================*/

html,
body {
    height: 100%;
    /* width: 100%;
    overflow-x: hidden; */
}

body {
    padding: 0;
    margin: 0;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}

img {
    max-width: 100%;
    height: auto;
}

.container {
    max-width: 1200px;
}

.ptb-100 {
    padding-top: 100px;
    padding-bottom: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.pt-100 {
    padding-top: 100px;
}

.mb-30 {
    margin-bottom: 30px;
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease-in-out 0.1s;
    transition: all 0.3s ease-in-out 0.1s;
    outline: 0 !important;
    color: var(--main-color);
}

a:hover {
    text-decoration: none;
    color: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'Roboto', sans-serif;
    margin: 0;
}

h1 {
    font-size: 82px;
    font-weight: 400;
    /* line-height: 90px; */
}

h2 {
    font-size: 36px;
    font-weight: 500;
    line-height: 40px;
}

h3 {
    font-size: 24px;
    font-weight: 300;
}

h4 {
    font-size: 20px;
    font-weight: 500;
}

h5 {
    font-size: 18px;
    font-weight: 400;
}

h6 {
    font-size: 14px;
    font-weight: 400;
}

p {
    font-size: 16px;
    line-height: 28px;
    color: var(--paragraph-color);
    font-weight: 400;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 0;
}

p:last-child {
    margin-bottom: 0;
}

ul {
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
    padding: 0;
}

/* --Common Style-- */
section {
    position: relative;
}

.top-header {
    padding: 30px 10px;
}

.login-box {
    text-align: right;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
    margin-right: 23px;
}

.contact-text {
    font-size: 13px;
    font-weight: 400;
    text-align: right;
    line-height: 18px !important;
    color: #fff9;
    margin-bottom: 0px !important;
}

.contact-detail {
    text-align: right;
}

.mobilenumber {
    font-size: 23px;
    font-weight: 600;
    text-align: right;
    line-height: 12px;
    color: #fff;
}

.mobilenumber i {
    margin-right: 10px;
}

.partners-logo img {
    max-width: 300px;
}
.logo-box {
    text-align: center;
}
.logo-box a {
    color: #fff;
    font-size: 39px;
      font-weight: 600;
}
.logo-box a img{
   margin-right: 10px;
    font-size: 28px;
}

.contact-detailbox {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bottom-header {
        border-top: 1px solid #ffffff26;
    border-bottom: 1px solid #ffffff26;
}

.custom-navbar {
    padding: 5px 0px;
}

.custom-link {
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    color: #ffffff;
    transition: .3s;
    text-transform: uppercase;
    font-family: "Rubik", sans-serif;
}

.custom-link:hover {
        transition: .3s;
    border-radius: 5px;
    color: #ffc107;
}

.custom-item {
    margin: 0 10px;
}

.bannerimage {
    height: 402px;
    
    background-position: center;
    background-repeat: no-repeat;
    
}

.banner-part .carousel-caption {
    top: 8%;
}

.banner-part .carousel-caption h5 {
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    line-height: 46px;
    margin-bottom: 15px;
    font-family: "Rubik", sans-serif;
}

.banner-part .carousel-caption p {
    font-size: 21px;
    font-weight: 400;
    color: #fff;
    line-height: 20px;
    margin: 10px 0px;
    font-family: "Rubik", sans-serif;
}

.banner-part .carousel-control-prev-icon,
.banner-part .carousel-control-next-icon {
    border: 2px solid #fff;
    height: 50px;
    width: 50px;
    border-radius: 50%;
    padding: 0;
    background-size: 28px;
}

.banner-part .carousel-control-next,
.banner-part .carousel-control-prev {
    opacity: .9;
}

.offer-head-text {
    font-size: 25px;
    font-weight: 700;
    color: #000;
	text-align: center;
}

.off-card-head {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    font-family: "Rubik", sans-serif;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    margin-bottom: 0px !important;
}

.off-card-flightdtl {
    font-size: 13px;
    font-weight: 500;
    color: #2a2a2a;
    font-family: "Rubik", sans-serif;
    margin-bottom: 0px !important;
}

.off-card-flightdtl img {
    margin-right: 6px;
}

.card-image img {
    height: 112px;
    width: 85px;
}

.section-two {
    background: #fff;
    padding: 60px 0px;
}

.offer-card-inner {
    background: #fff;
    padding: 8px;
    display: flex;
    align-items: self-start;
    justify-content: space-between;
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}

.offer-card-dtl {
    margin: 0px 10px 0px 10px;
    width: 42%;
    flex: 0 0 42%;
}

.off-cardprice-box {
    background: linear-gradient(to right, #E40046, #6E5CFF);
    padding: 12px;
}

.off-cardprice-text {
    font-size: 13px;
    color: #fff;
    text-align: center;
    font-family: "Rubik", sans-serif;
    line-height: 20px;
}

.off-cardprice {
    font-size: 26px;
    text-align: center;
    margin-top: 8px;
    color: #fff;
    font-weight: 500;
    font-family: "Rubik", sans-serif;
}

.off-pricebtn {
    background: #ffffff;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 5px;
    font-family: "Rubik", sans-serif;
    margin-top: 8px;
    display: block;
    text-align: center;
}

.offer-card {
    margin-bottom: 15px;
}

.offer-box-head {
    margin-bottom: 30px;
}

.card-divide {
    border-top: 1px dashed #ccc;
    margin: 8px 0px;
}

.rating-star ul li {
    display: inline-block;
}

.rating-star ul li i {
    font-size: 13px;
    color: #ff9900;
}

.days-nights {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    font-family: "Rubik", sans-serif;
    margin-bottom: 0px !important;
}

.night-diffcolor {
    color: #ffffff;
}

.section-three {
    padding: 60px 0px;
}





.flt-city-name {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    
}

.from-price {
    font-size: 13px;
    line-height: 20px;
    font-weight: 400;
    color: #000;
    
}

.flt-price {
    font-size: 13px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    
}

.flt-dtl-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 7px 0px 7px 0px;
}

.flt-detail-main {
    padding: 0px 10px;
}


@keyframes slides {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.client-logos {
    overflow: hidden;
    padding: 20px 0px;
    white-space: nowrap;
    position: relative;
}

.client-logos:before,
.client-logos:after {
    position: absolute;
    top: 0;
    content: '';
    width: 250px;
    height: 100%;
    z-index: 2;
}

.client-logos:before {
    left: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.client-logos:after {
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0), rgb(255, 255, 255));
}

.client_logo_items {
    animation: 35s slides infinite linear;
}

.client-logos:hover .client_logo_items {
    animation-play-state: paused;
}

.client_logo_items img {
    height: 30px;
    margin: 0 25px;
}

.logo-slider {
    overflow: hidden;
}

.footer {
    background: #ffffff;
    padding: 20px 0px 0px;
    float: left;
    width: 100%;
}

.footer-top-text {
    font-size: 15px;
    color: linear-gradient(to right, #E40046, #6E5CFF);
    font-weight: 500;
    text-align: center;
    line-height: 20px;
    font-family: "Rubik", sans-serif;
}

.footer-link-list li {
    display: inline;
    margin-right: 7px;
    position: relative;
}

.footer-link-list li a {
    color: linear-gradient(to right, #E40046, #6E5CFF);
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    font-family: "Rubik", sans-serif;
    padding-right: 10px;
}

.footer-link-list li:after {
    content: "";
    width: 2px;
    display: block;
    background: linear-gradient(to right, #E40046, #6E5CFF);
    right: 0;
    top: 0;
    position: absolute;
    bottom: 0;
}

.footer-link-list li:last-child:after {
    width: 0;
}

.social-media-list li {
    display: inline-block;
}

.social-media-list li a {
    color: linear-gradient(to right, #E40046, #6E5CFF);
    font-size: 15px;
    height: 30px;
    width: 30px;
    border: 1px solid linear-gradient(to right, #E40046, #6E5CFF);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.social-media-headtext {
    color: linear-gradient(to right, #E40046, #6E5CFF);
    font-size: 15px;
    font-weight: 500;
    line-height: 20px;
    font-family: "Rubik", sans-serif;
    padding-right: 10px;
}

.social-media-box {
    display: flex;
    justify-content: right;
    align-items: center;
}

.footer-link-main {
    margin: 35px 0px 20px 0px;
}

.copyright-text {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 20px;
    font-family: "Rubik", sans-serif;
    text-align: center;
}

.copyright-box {
    margin: 25px 0px 0px;
}

.btm-btn {
    display: inline-block;
    background: #ffffff;
    color: #000;
    font-size: 18px;
    font-weight: 600;
    padding: 5px 10px;
    margin-left: 10px;
}

.navbar-toggler {
    display: none;
}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.navbar-toggler-icon {
    color: white;
}

.bottom-header .navbar-toggler-icon i {
    color: #fff;
}

.bottom-header .navbar-toggler-icon {
    width: auto;
    height: auto;
}

.bottom-header .navbar-toggler {
    padding: 6px 0px;
}

.section-four {
          margin: 180px 0px 20px;
    width: 100%;
}

#searchbox {
    position: absolute;
    width: 100%;
    z-index: 9;
    left: 0;
    right: 0;
    top: 245px;
    margin: 0 auto;
    max-width: 1200px;
}

.payment-partner img {
    margin-left: auto;
    display: block;
    padding: 9px 0px;
    max-width: 300px;
}

.footer-logo img {
    margin-left: auto;
    display: block;
}

/* Rudra css Start  */
.sn_msg{
    margin: 10px 0px;
    font-size: 18px;
    color: #000;
    font-weight: 600;
}
.contact_div p,.contact_div ul li{    font-size: 15px;
    color: #777;
    line-height: 25px;}
.sec-head-text {
    font-size: 25px;
    text-align: center;
    font-weight: 700;
    color: #000;
    margin-bottom: 32px !important;
    text-transform: capitalize;
}

.wrld-flight-offbox {
    background: #fff;
    border: 1px solid #ebebeb;
    border-radius: 4px 4px 0 0;
}

.flt-frm-head {
    padding: 7px 16px;
    display: flex;
    justify-content: space-between;
}
.flt-form-text{
 font-size: 16px;
    font-weight: bold;
    color: #00BCD4;
    margin: 0 !important;
}

.wrld-flt-imgbox{
    position: relative;
}
.wrld-flt-imgbox-toptext {
    position: absolute;
    top: 25%;
    left: 0;
    right: 0;
    bottom: 0;
}
.imgbox-toptext{
    text-align: center;
    font-size: 25px;
    font-weight: bold;
    line-height: 34; 
    color: #fff;  
    margin-bottom: 0 !important; 
}
.imgbox-toptexttwo{
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 20; 
    color: #fff; 
      margin-bottom: 0 !important;   
}
.wrld-flt-imgbox img{
    width: 100%;
    height: 144px;
}

.originrow{
    padding: 7px 16px;
}
.originrow:hover{
    background-color: #eee;
}
.originrow a{ 
   display: flex;
   justify-content: space-between;
}
.desti-country{
  font-size: 14px;
    color: #222222;
}
.desti-fare{
    font-size: 15px;
    
    font-weight: bold;
}


.wrld-flightbox-main .row{
    gap: 20px 0;
}
/* Rudra css End  */

/*--responsive-*/

@media only screen and (max-width: 1200px) {
    .offer-card-dtl {
        margin: 0px 5px 0px 5px;
        width: 35%;
        flex: 0 0 35%;
    }

    .off-card-flightdtl {
        font-size: 11px;
    }

    .off-card-flightdtl img {
        margin-right: 5px;
    }

    .card-image img {
        width: 75px;
    }

    .footer-link-list li a {
        font-size: 14px;
    }

    .social-media-headtext {
        font-size: 14px;
        padding-right: 5px;
    }

    .social-media-list li a {
        font-size: 14px;
        height: 27px;
        width: 27px;
        margin-right: 4px;
    }

    .btm-btn {
        font-size: 16px;
    }
}

@media only screen and (max-width: 991px) {

    .logo-box img {
        margin: 0;
    }

    .contact-detail {
        display: none;
    }


    .mobilenumber {
        font-size: 18px;
    }

    .navbar-toggler {
        display: block;
        line-height: 1.5;
    }


    .custom-navbar {
        padding: 0px;
    }

    .custom-item {
        margin: 0;
    }

    .custom-link {
        padding-right: 8px !important;
        padding-left: 8px !important;
    }

    .banner-part .carousel-caption h5 {
        font-size: 36px;
        margin-bottom: 15px;
    }

    .banner-part .carousel-caption p {
        font-size: 14px;
    }

    .offer-card-dtl {
        width: 70%;
        flex: 0 0 70%;
    }

    .offer-box-head {
        margin-bottom: 12px;
    }

    .offer-head-text {
        font-size: 25px;
    }

    .offer-box {
        margin-bottom: 30px;
    }

    .wrld-flight-offbox {
        margin-bottom: 20px;
    }

    .footer-top-text {
        font-size: 14px;
        line-height: 22px;
    }

    .footer-link-list li {
       
    }

    .footer-link-list li:after {
        width: 0;
    }

    .social-media-box {
        justify-content: center;
        margin: 15px 0px 10px 0px;
    }

    .btm-btn {
        margin-left: 0;
        margin-top: 10px;
    }

    .copyright-box {
        margin: 20px 0px 0px;
    }


    .btm-btn {
        font-size: 15px;
    }

    .bannerimage {
        height: 350px;
    }

    #searchbox {
        position: relative;
        top: -80px;
    }

    .banner-part .carousel-caption {
        top: 12%;
    }

    .payment-partner img {
        max-width: 230px;
        padding: 14px 0px;
    }

}

@media only screen and (max-width: 767px) {
    .contact-text {
        display: none;
    }

    .login-box {
        font-size: 15px;
        text-align: center;
    }

    .mobilenumber {
        font-size: 16px;
    }

    .contact-detail {
        text-align: center;
    }

    .banner-part .carousel-caption h5 {
        font-size: 26px;
        margin-bottom: 10px;
        line-height: 32px;
    }

    .offer-card-dtl {
        width: 60%;
        flex: 0 0 60%;
    }

    .offer-head-text {
        font-size: 25px;
    }

    .wrld-flt-imgbox img {
        width: 100%;
    }

    .sec-head-text {
        font-size: 25px;
        margin-bottom: 15px;
    }

   
    .payment-partner {
        display: none;
    }

}

@media only screen and (max-width: 576px) {
    .offer-card-dtl {
        width: 45%;
        flex: 0 0 45%;
    }

}