*
        {
            margin:0;
            padding: 0;
            box-sizing: border-box;
            font-family: 'IBM Plex Sans', sans-serif;
            list-style-type:none;
            text-decoration: none;
            
        }
        /* css variables */
        :root
        {
            --base-color:#64a507;
            --bibo-swash-font:'Bilbo Swash Caps', cursive;
            --title-font-size:60px;
        }
        body
        {
            width:100%;      
        }
        html
        {
            scroll-behavior: smooth;
            overflow-x: hidden;
        }

/* top header css code */
        .top-header
        {
            background-color: rgb(36, 34, 34);
            padding:15px 0;
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin: auto;
        }
        .top-left-elements
        {
            display:flex;
            align-items: center;
            column-gap: 12px;
        }
        .email ,.contact-no
        {
            display: flex;
            align-items: center;
            column-gap: 8px;
        }
        .email small
        {
            color:rgb(231, 230, 230);
            font-weight: 600;
            letter-spacing: 0.8px;
        }
        .contact-no small
        {
            color:rgb(231, 230, 230);
            font-weight: 600;
            letter-spacing: 0.8px;
        }
        .email i
        {
            color:rgb(248, 131, 22);
        }
        .contact-no i
        {
            color:rgb(248, 131, 22);
        }
        .top-right-elements
        {
            display:flex;
            align-items: center;
        }
        .socials i
        {
            margin: 0 5px;
            font-size:18px;
            color:white;
            opacity: 0.7;
            cursor: pointer;
        }
        .socials i:hover
        {
            opacity: 1;
        }

    /* title header css code */
        .title-header
        {
            width: 100%;
            display: flex;
            align-items: center;
            margin: auto;
            padding:2px 0;
            justify-content: space-around;
            border-bottom: 3px solid lightgray;  
        }
        .logo
        {
         text-align: center;
         cursor:pointer;
        }
        .logo img
        {
            width:100px;
            object-fit: cover;
        }
        .logo-title h1
        {
            font-size:20px;
            font-weight: bold;
        }
        .title-header-right-contents
        {
            display: flex;
            column-gap: 30px;
            align-items: center;
        }
        .openings, .approval
        {
            display: flex;
            align-items: center;
            column-gap: 20px;
        }
        .openings p, .approval p
        {
            font-weight: bold;
            margin-bottom: 2px;
        }
        .openings small, .approval small
        {
            font-size: 15px;
        }
       .approval-img
        {
            border:1px solid lightgray;
            padding:12px 15px;
            border-radius: 100%;
            width:45px;
            height: 45px;
            transition: 0.2s ease;
        }
        .opening-img
        {
            border:1px solid lightgray;
            padding:11px 14px;
            border-radius: 100%;
            width:45px;
            height: 45px;
            transition: 0.2s ease;
        }
        .approval-img:hover, .opening-img:hover
        {
            border:1px solid rgb(248, 131, 22);
        }

    /* navbar css code */
        .navbar
        {
            width:100%;
            margin: auto;
            text-align: center;
            z-index: 100;
            background-color: rgba(214, 214, 214,0.3);
            position: sticky;
            top:0;
            left: 0;
            background-color: white;
            box-shadow: 0 10px 15px rgba(58, 58, 58,0.1);
        }
        .navbar-contents ul li
        {
            display: inline-flex;
            padding: 20px 0;
            cursor: pointer;
            z-index: 100;
        }
        .navbar-contents ul li:hover 
        {
            background-color: #64a507;       
        }
        .navbar-contents ul li:hover .lists
        {
            color:white;
        }
        .navbar-contents ul li .lists
        {
            margin: 3px 15px;
            text-transform: uppercase;
            letter-spacing: 0.8px;
            color:black;
            font-size: 14px;
            font-weight: bold;
            z-index: 100;
            font-weight: bold;
        }
        .enquire
        {
            
            padding:22px 35px;
            text-transform: uppercase;
            margin-left: 15px;
            background-color: #64a507;
            color:white;
            font-weight: bold;
            letter-spacing: 0.8px;
            border: none;
            cursor: pointer;
            border-radius: 5px;
        }
        .enquire:hover
        {
            background-color: black;
        }
        .about-us, .holiday, .transportation
        {
            position:relative;
        }
        .nested-about-us, .nested-holiday, .nested-transportation
        {
            position:absolute;
            top:100%;
            left:0;
            background-color:white;
            box-shadow: 0 0 15px rgba(0,0,0,0.5);
            transition:0.3s ease;
            visibility: hidden;
            opacity: 0;
            display: flex;
            flex-direction: column;
            width:250px;
            text-transform: capitalize;
        }
        .nested-about-us a, .nested-holiday a, .nested-transportation a
        {
            padding-left: 15px;
            font-size: 15px;
            color: black;
            letter-spacing: 0.8px;
            text-transform:capitalize;
            font-weight: bold;
        }
        .nested-li:hover a
        {
            color:rgb(255, 255, 255);
        }
        .about-us:hover .nested-about-us, .holiday:hover .nested-holiday, .transportation:hover .nested-transportation
        {
            visibility: visible;
            opacity: 1;
        }
        .nested-li-holiday, .nested-li-special, .nested-li-adventure
        {
            position: relative;
        }
        .holiday-tour-lists, .special-tour-lists, .adventure-tour-lists
        {
            position:absolute;
            top:0;
            left:100%;
            width:250px;
            display: flex;
            flex-direction: column;
            transition: 0.3 ease;
            visibility: hidden;
            opacity: 0;
            background-color: white;
            box-shadow: 0 0 15px rgba(0,0,0,0.5);
        }
        .nested-li-holiday:hover .holiday-tour-lists, .nested-li-special:hover .special-tour-lists, .nested-li-adventure:hover .adventure-tour-lists
        {
            visibility: visible;
            opacity: 1;
        }
        .fa-angle-down
        {
            font-size:11px;
            margin-left: 5px;
        }
        .fa-chevron-right
        {
           font-size:10px;
           text-align: right;
           position: absolute;
           top:50%;
           right:20px;
           transform:translateY(-50%);
        }

     /* slider css code */
        .slider-section
        {
            width: 100%;
            overflow: hidden;
        }
        .slider-images
        {
            position: relative;  
            overflow: hidden;         
        }
        .slider-text
        {
            position: absolute;
            top:50%;
            left:15%;
            transform: translateY(-50%);
        }
        .overlay
        {
          
            position: absolute;
            top:0;
            left:0;
            width:1000%;
            height: 1000%; 
            transform: translate(-50%,-50%); 
            background: linear-gradient(rgba(0, 0, 0, 0.2),rgba(0, 0, 0, 0.8));
            backdrop-filter: blur(2px);
            z-index: -2;
        }
        .slider-images img
        {
            width:100%;
            height: 720px;
            background-size:cover;
            object-fit: cover;
            background-attachment: fixed;
        }
        .slider-text h1
        {
            font-size: 100px;
            letter-spacing: 1.5px;
            margin-bottom: 5px;
            font-weight: bold;
            font-family: 'Bilbo Swash Caps', cursive;
            color:white;
        }
        .slider-text h3
        {
            font-size: 22px;
            color:white;
            letter-spacing: 0.9px;
            font-weight: 100;
            font-weight: bold;
        }
        .slider-btn
        {
           
            padding:10px 35px;
            border:none;
            background-color: white;
            color:black;
            cursor: pointer;
            margin:40px 15px 0 0;
            border-radius: 35px;
            transition: 0.2s ease;
            outline:none;
            font-weight: bold;
        }
        .slider-btn:hover 
        {
            background-color: #64a507;
        }
        .slider-btn:hover a
        {
            color:white;
        }
        .slider-btn a
        {
            color: black;
            font-size: 18px;
            letter-spacing: 0.6px;
        }
        .swiper-pagination
        {
            margin-bottom: 50px;
        }
        .swiper-pagination .swiper-pagination-bullet
        {
            position: relative;
            width: 100px;
            height: 3px;
            border-radius: 0;
            opacity: 1;
            color:#64a507;
            background-color: transparent;
            font-size: 20px;
            font-weight: 500;
            margin: 0 10px !important;
        }
        .swiper-pagination .swiper-pagination-bullet::before
        {
            content: '';
            position:absolute;
            left:0;
            bottom:15px;
            width: 100%;
            height: 3px;
            background-color: white;
            opacity: 0.1;
        }
            .swiper-pagination .swiper-pagination-bullet::after
        {
            content: '';
            position: absolute;
            bottom: 15px;
            left:0;
            width:0;
            height:3px;
            background-color: white;
        }
        .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after
        {
            width: 0;
            animation:paginationLine 5s linear;
        }
        @keyframes paginationLine {
           to
            {
                width: 100%;
            }
        }

     /* himachal holidays css code */
        .himachal-holidays
        {
            width: 100%;
            text-align: center;
            padding-bottom: 50px;
            background-color: rgb(255, 255, 251);
        }
        .himachal-holidays h1
        {
            font-size: 60px;
            letter-spacing: 1.5px;
            margin: 15px 0;
            font-weight: bold;
            font-family: 'Bilbo Swash Caps', cursive;
            padding-top: 50px;
            text-align: center;
            letter-spacing:1.5px;
        }
        .himachal-holidays .seprator
        {
            width:550px;
            margin:auto;
            margin-bottom: 8px;
        }
        .himachal-holidays h3
        {
            padding:20px 0;
            font-weight: 100;
            letter-spacing:0.5px;
            font-size: 20px;
            /* font-weight: bold; */
            width: 50%;
            margin:auto;
        }
        .himachal-holidays-swiper
        {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 60%;
            padding:0 20px;
            margin: auto;
            
        }
        .himachal-holidays-columns
        {
            flex-basis: 25%;
            line-height: 1.7;
            margin-top: 50px;
            background-color: white;
        }
        .himachal-holidays-contents
        {
            box-shadow: 0 0 15px lightgray;
            margin-bottom: 15px;
            background-color: white;
            position: relative;
            transition: 0.3s ease;
        }
        .himachal-holidays-contents:hover .overlay-2
        {
            scale:1;
            opacity:1;
        }
        .himachal-holidays-contents p
        {
            font-weight: bold;
            letter-spacing: 0.8px;
            color:#64a507;
            padding:6px 0;
        }
        .himachal-holidays-contents h2
        {
            letter-spacing: 0.5px;
            /*padding-bottom: 15px;*/
            padding: 0 10px 15px 10px;
            font-size: 22px;
            letter-spacing: 0.4px;
            /* font-family: 'Bilbo Swash Caps', cursive; */
        }
        .icons-holiday
        {
            display: flex;
            justify-content: center;
            align-items: center;
            column-gap: 15px;
            margin-bottom: 20px;
        }
        .icons-holiday i
        {
            color:#64a507;
            font-size: 17px;
        }
        .holidays-img
        {
            width: 100%;
            height: 250px;
            object-fit: cover;
        }
        .view-details
        {
            display: flex;
            align-items: center;
            justify-content: space-around;
            margin:auto;
            /* padding:0 30px; */
            width:100%;
        }
        .view-details h3
        {
            font-weight: bold;
            opacity: 0.7;
        }
        .view-details-btn
        {
            padding:8px 20px;
            color:white;
            background-color: #64a507;
            border: none;
            font-size: 15px;
            cursor: pointer;
            margin-right: 25px;
            font-weight: bold;
        }
        .view-details-btn a
        {
            color:rgb(255, 255, 255);
            letter-spacing: 0.5px;
            
        }
        .overlay-2
        {
            width:100%;
            height: 54%;
            position:absolute;
            top:0;
            left: 0;
            background:rgba(0,0,0,0.6);
            cursor: pointer;
            opacity: 0;
            scale: 0;
            transition: 0.3s ease-in-out;
        }
        .overlay-2 i
        {
            position: absolute;
            top:50%;
            left:50%;
            transform: translate(-50%,-50%);
            color:#64a507;
            font-size: 30px;
            width:70px;
            height: 70px;
            padding-top: 20px;
            background-color: rgb(0, 0, 0);
            /* box-shadow: 0 0 20px white; */
            border-radius: 100%;
            cursor: pointer;
            transition: 0.1s ease;
        }
        .overlay-2 i:hover
        {
            color:#000000;
            background-color: rgb(255, 255, 255);
        }
        .swiper-button-next
        {
          background-color: rgba(0,0,0,0.3);
          color:white;
          width:80px;
          height: 80px;
          border-radius: 100%;   
        }
        .swiper-button-prev
        {
           background-color: rgba(0,0,0,0.3);
           color:white;
           width:80px;
           height: 80px;
           border-radius: 100%;
        }
        .swiper-button-next:hover , .swiper-button-prev:hover
        {
            background-color: rgba(0,0,0,0.7);
        }

    /* ENQUIRY FOR HOLIDAYS PACKAGE CSS CODE */
        .enquiry-holidays
        {
            width:100%;
            padding: 100px 10px;
            background: linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.9)),url('https://images.unsplash.com/photo-1599327271364-00ad66c41743?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1889&q=80');
            background-size: cover;
            filter:saturate(140%);
            background-attachment: fixed;
            object-fit: cover;
        }
        .enquiry-columns
        {
            display: flex;
            align-items: center;
            justify-content: center;
            margin:auto;
            width:80%;
            column-gap: 50px;
        }
        .enquiry-form
        {
            flex-basis: 30%;
            color:white;
        }
        .welcome-text
        {
            flex-basis: 40%;
            color:white;
        }
        .welcome-text p
        {
            letter-spacing: 0.6px;
            line-height: 1.6;
            font-size: 18px;
        }
        .enquiry-form
        {
            background-color: white;
            padding:40px 35px;
            border-radius: 5px;
            color:black;
            
        }
        .enquiry-form .form-contents
        {
            display: flex;
            flex-direction: column;
            row-gap: 10px;
        }
        .enquiry-form .form-contents h2
        {
            font-family: var(--bibo-swash-font);
            font-size: 45px;
            letter-spacing: 2.5px;
           
        }
        .enquiry-form hr
        {
           opacity: 0.4;
            margin-bottom: 30px;
        }
        .enquiry-form .form-contents input
        {
            font-size: 16px;
            padding:8px 7px;
            outline: none;
            color:rgb(0, 0, 0);
            background-color: transparent;
            border: none;
            border-bottom:0.1px solid #64a507;
            margin-bottom: 15px;
        }
        ::placeholder
        {
            color:black;
        }
        .form-btn
        {
            /* width:200px; */
            padding:15px 35px;
            font-size:15px;
            letter-spacing: 0.6px;
            color: white;
            background-color: #64a507;
            border: none;
            font-weight: bold;
            margin-top: 15px;
            cursor: pointer;
        }
        .form-btn:hover
        {
            background-color: black;
            color: white;
        }
        .trust-us
        {
            margin-top: 50px;
            display: flex;
            align-items: center;
            column-gap: 20px;
            text-align: center;
        }
        .trust-img
        {
            width:80px;
            height: 80px;
            object-fit: cover;
            margin:15px 0;
        }
        .trust-us h4
        {
            letter-spacing: 0.8px;
            width:100px;
        }
    /* Other Holiday Destination CSS CODE */
        .other-destination
        {
            width: 100%;
            padding:50px 10px;
            background-color: rgb(255, 255, 251);
        }
        .other-destination h1
        {
            font-family: var(--bibo-swash-font);
            font-size: var(--title-font-size);
            letter-spacing: 1.5px;
            font-size: 60px;
            text-align: center;
            padding: 20px 0;
        }
        .other-destination .seprator
        {
            width:550px;
            margin:auto;
            margin-bottom: 8px;
        }
        .other-destination h3
        {
            text-align: center;
            padding-bottom: 20px;
            letter-spacing: 0.6px;
            font-weight: 100;
            width:800px;
            margin:20px auto 30px auto;
            font-size: 20px;
            
        }
        .other-destination-columns
        {
            display: flex;
            align-items: center;
            justify-content: center;
            margin: auto;
            width:90%;
            column-gap: 30px;
            row-gap: 30px;
            flex-wrap: wrap;
        }
        .other-destination-contents
        {    
            flex-basis: 40%;
            box-shadow: 0 0 15px rgb(189, 189, 189);
            border-radius: 5px;
            background-color: white;
            transition: 0.3s ease;
        }
        .other-destination-contents:hover
        {
            transform:translateY(-3px);
        }
        .destination-small-data
        {
            display: flex;
            align-items: center;  
            line-height: 1.6;
        }
        .other-destination-data
        {
            padding:20px;
        }
        .other-destination-data hr
        {
            opacity: 0.4;
        }
        .other-destination-data .icons
        {
           display: flex;
           justify-content: left;
           margin-top: 5px;
           padding-top: 10px;
        }
        .other-destination-data h2
        {
            font-size: 25px;
            letter-spacing: 0.4px;
            color:#64a507;
            margin-bottom: 6px;
        }
        .other-destination-data p
        {
            color:gray;
            font-size: 16px;
            font-weight: 700;
        }
        .destination-image
        {
            display: flex;
        }
        .destination-img
        {
            width:220px;
            height: 260px;
            filter:saturate(180%);
            object-fit: cover;
        }
        .view-all-products
        {
            display:flex;
            align-items: center;
            justify-content: right;
            margin-top: 15px;
            flex-wrap:wrap;
        }
        .view-all-products a
        {
            color:rgb(82, 81, 81);
            font-weight: bold;
            font-size: 18px;
            letter-spacing:0.4px;
        }
        .view-all-products a:hover
        {
            color:black;
        }
        .view-all-products h4
        {
            margin-right: 15px;
            font-size: 25px;
            font-style: italic;
        }
         .view-destination-btn
         {
            text-align: center;
            margin-top: 60px;
         }
        .view-destination-btn a
        {
            padding: 15px 35px;
            font-weight: bold;
            font-size: 18px;
            letter-spacing: 0.6px;
            color: white;
            border-radius: 5px;
            background-color: var(--base-color);
            border: none;
        }
         .view-destination-btn a:hover
         {
            background-color: black;
         }

    /* Special HoneyMoon Tour CSS CODE */
        .honeymoon-tour
        {
            width: 100%;
            padding:80px 20px;
            background:url('https://images.unsplash.com/photo-1501901609772-df0848060b33?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');
            background-size: cover;
            background-repeat: no-repeat;
            position: relative;
            z-index: 1;
            margin-top: 30px;
            background-attachment: fixed;
        }
        .honeymoon-tour::before
        {
            content: '';
            position: absolute;
            top:0;
            left:0;
            width:100%;
            height: 100%;
            backdrop-filter: blur(5px);
            z-index: -1;
        }
        .honeymoon-tour-columns
        {
            background-color: white;
            display: flex;
            align-items: center;
            justify-content: space-between;
            column-gap: 20px;
            margin:auto;
            width:70%;
            box-shadow: 0 0 15px rgba(0,0,0,0.3);
        }
        .honeymoon-tour-text
        {
            flex-basis: 45%;
            padding-left: 50px;
        }
        .honeymoon-tour-contents
        {
            flex-basis: 60%;
            position: relative;
            overflow:hidden;
        }
        .honeymoon-tour-text h1
        {
            font-size: var(--title-font-size);
            font-family: var(--bibo-swash-font);
            letter-spacing: 1.5px;
            color:crimson;
            margin-bottom: 10px;
        }
        .honeymoon-tour-text h3
        {
            margin-bottom: 15px;
        }
        .honeymoon-tour-text p
        {
            line-height: 1.6;
        }
        .book-slot
        {
            display: flex;
            margin:10px auto;
            padding:15px 0;
            align-items: center;
            column-gap: 8px;
        }
        .honeymoon-img
        {
            width:100%;
            object-fit: cover;
            display: flex;
            align-items: center;
        }
        .honeymoon-btn
        {
            background-color: crimson;
            color:white;
            cursor: pointer;
            padding:12px 35px;
            border: none;
            margin-top:20px;
            width:200px;
        }
        .honeymoon-btn a
        {
            color:white;
            font-size: 17px;
            letter-spacing: 0.8px;
        }
        .rip-png
        {
            position: absolute;
            top:10%;
            right:52%;
            width: 100%;
            transform: rotate(100deg);
        }
         .book-slot
        {
            display: flex;
            position: relative;
            align-items: center;
            justify-content: center;
            margin-bottom: 5px;
            /*background-color:red;*/
            border-radius: 35px;
           
        }

        .book-slot h2
        {
            font-size: 30px;
            font-family:Verdana, Geneva, Tahoma, sans-serif;
            font-weight: bold;
        }
        /*.slot-1
        {
            position: absolute;
            top:10px;
            left:0;
            padding:20px 30px;
            background-color: white;
            font-weight: 100;
            margin-left: 30px;
            letter-spacing:0.6px;
            box-shadow:0 0 15px lightgray;
            border-top-left-radius: 35px;
            border-bottom-left-radius: 35px;
            font-size: 17px;
            font-style: italic;
        }
        .slot-2
        {
            position: absolute;
            top:10px;
            left:38%;
            padding:20px 30px;
            background-color:crimson;
            color:white;
            font-weight: 100;
            letter-spacing:0.6px;
            box-shadow:0 0 15px lightgray;
            border-top-right-radius: 35px;
            border-bottom-right-radius: 35px;
            font-size: 17px;
            font-style: italic;
        } */
        .book-slot-img
        {
            width:200px;
            object-fit: cover;
            filter: saturate(180%);
        }

    /* transportation css code */
        .transportation-facilities
        {
            width:100%;
            padding:50px 20px;
            background-color: rgb(255, 255, 251);
        }
        .transportation-facilities h1
        {
            font-family: var(--bibo-swash-font);
            font-size: var(--title-font-size);
            color:#64a507;
            letter-spacing: 1.5px;
            font-size: 60px;
            text-align: center;
            padding: 20px 0;
        }
        .transportation-facilities hr
        {
            width:550px;
            margin:auto;
            margin-bottom: 8px;
        }
        .transportation-facilities-columns
        {
            display: flex;
            align-items: center;
            justify-content: center;
            column-gap: 20px;
            margin:auto;
            width:80%;
        }
        .transportation-contents
        {
            margin-top: 20px;
            flex-basis: 25%;
            position: relative;
            box-shadow: 0 0 15px lightgray;
            overflow: hidden;
        }
        .transportation-img
        {
            width:100%;
            height: 450px;
            object-fit: cover;
            display: flex;
            filter:saturate(180%);
        }
        .transport-overlay
        {
            position: absolute;
            top:-100%;
            left:0;
            width:100%;
            height:100%;
            background-color:#63a507bb;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color:white;
            backdrop-filter: blur(3px);  
            transition: 0.3s ease;
        }
        .transportation-contents:hover .transport-overlay
        {
            top:0;
        }
        .transport-overlay h3
        {
            font-family: var(--bibo-swash-font);
            font-size: 50px;
            letter-spacing: 2px;
        }
        .transport-overlay h4
        {
            letter-spacing: 0.6px;
            font-weight: 100;
            font-size: 20px;
            margin-bottom: 5px;
        }
        .transport-icons
        {
            display: flex;
            column-gap: 15px;
            margin:10px 0;
        }
        
    /* amazing testimonials css code */
        .amazing-testimonials
        {
            margin-top: 50px;
            width:100%;
            padding:40px 5px 100px 5px;
            background-color: rgb(255, 255, 251);
            background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.9)),url('https://images.unsplash.com/photo-1567335991483-fc7088c63506?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');
            background-size: cover;
            object-fit: cover;
            background-repeat: no-repeat;
            background-attachment: fixed;
            position: relative;
            z-index: 1;
        }
        .amazing-testimonials::before
        {
            content: '';
            position: absolute;
            top:0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: -1;
            backdrop-filter: blur(1px);
            filter:grayscale(1);
        }
        .amazing-testimonials h1
        {
            font-size: var(--title-font-size);
            color: #64a507;
            letter-spacing: 1.5px;
            font-family: var(--bibo-swash-font);
            text-align: center;
            margin-bottom: 20px;
        }
        .amazing-testimonials hr
        {
            width:550px;
            margin:auto;
            margin-bottom: 10px;
        }
        .amazing-testimonials h4
        {
            text-align: center;
            color:white;
            font-weight: 100;
            font-size: 20px;
            letter-spacing: 0.6px;
            margin:15px 0 8px 0;
            text-transform: capitalize;
        }
        .amazing-testimonials-columns
        {
            display: flex;
            align-items: center;
            margin: auto;
            width: 100%;
           padding-top: 50px;
        }
        .testimonials-slides
        {
            cursor: grab;
            display: grid;
            height: 350px;
        }
        .user-contents
        {
            background-color: #ffffff;
            padding: 15px 20px;
            line-height: 1.5;
            border-radius: 5px;
            display: flex;
            align-items: center;
            column-gap: 20px;
            justify-content: center;
        }
      
        .user-img
        {
            width:150px;
            height: 150px;
            object-fit: cover;
            border-radius: 100%;
            padding:5px;
            border:3px solid black;
        }
        .user-details
        {
            display: flex;
            align-items: center;
            column-gap: 15px;
            margin-bottom: 5px;
        }
        .user-details small
        {
            font-size: 20px;
            font-weight: bold;
        }
        .user-reviews .fa-quote-left ,.fa-quote-right
        {
            font-size: 40px;
        }
        .user-reviews .fa-quote-left
        {
            margin-bottom: 10px;
        }
        .user-reviews .fa-quote-right
        {
            margin-top: 10px;
        }
        .user-reviews h3
        {
            letter-spacing: 0.6px;
            font-size: 25px;
            margin-bottom: 5px;
        }
        .user-reviews p
        {
            font-size: 17px;
            letter-spacing: 0.6px;
        }
        .swiper.mySwiper-3
        {
            width:70%;
            margin:auto;
        }
        .rating
        {
            display: flex;
           /* align-items: center;*/
            column-gap: 10px;
            margin-left: 10px;
        }
        .rating i
        {
            color:rgb(231, 197, 5);
            font-size:20px;
            transform: translateY(10px);
        }

    /* speical tour css code */
        .special-tour
        {
            width:100%;
            padding: 50px 20px;
            background-color: rgb(255, 255, 251);
        }
        .special-tour h1
        {
            font-size: var(--title-font-size);
            color: #64a507;
            letter-spacing: 1.5px;
            font-family: var(--bibo-swash-font);
            text-align: center;
            margin-bottom: 20px;
        }
        .special-tour hr
        {
            width:550px;
            margin:auto;
            margin-bottom: 10px;
        }
        .special-tour h4
        {
            text-align: center;
            color:white;
            font-weight: 100;
            font-size: 18px;
            letter-spacing: 0.6px;
            margin:15px 0 8px 0;
            text-transform: capitalize;
        }
        .special-tour-columns
        {
            display: flex;
            align-items: center;
            justify-content: center;
            column-gap: 30px;
            width:80%;
            margin: auto;
        }
        .special-tour-contents
        {
            flex-basis: 26%;
            position: relative;
            box-shadow: 0 0 15px rgb(167, 165, 165);
            padding-bottom: 20px;
            overflow: hidden;
            border-radius: 5px;
        }
        .special-tour-contents h3
        {
            font-size: 30px;
            letter-spacing: 1.5px;
            margin: 12px 0 0 0;
            font-family: var(--bibo-swash-font);
            font-size: 40px;
            padding-left: 30px;
        }
        .special-tour-contents a
        {
            color:rgb(95, 94, 94);
            font-size: 20px;
            letter-spacing: 0.6px;
            margin-top: 5px;
            padding-left: 30px;
        }
        .special-tour-contents a:hover
        {
            color:black;
        }
        .special-tour-img
        {
            width: 100%;
            height: 500px;
            object-fit: cover;
            border: 15px solid rgb(239, 243, 240);
        }
        .tour-overlay
        {
            position: absolute;
            top: -20%;
            left: 0;
            transform: rotate(30deg);
            background-color: rgba(255, 255, 255, 0.486);
            width:20%;
            height:100%;
            transition: 0.3s ease;
        }
        .special-tour-contents:hover .tour-overlay
        {
            top: -20%;
            left: 100%;
            height:150%;
        }

    /* our services css code */
        .our-services
        {
            width:100%;
            padding:50px 20px;
            background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.9)),url('https://images.unsplash.com/photo-1551229848-24af7e52077a?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1074&q=80');
            /* background-size: cover; */
            background-repeat:repeat;
            object-fit: cover;
            color:white;
            margin-top: 50px;
            overflow: hidden;
        }
        .our-services-columns
        {
            display: flex;
            align-items: center;
            justify-content: center;
            column-gap: 20px;
            width:80%;
            margin:auto;
        }
        .our-service-data
        {
            flex-basis: 70%;
            background-color: rgba(0, 0, 0, 0.596);
            padding: 40px 50px;
            border-radius: 15px;
        }
        .our-service-image
        {
            flex-basis: 30%;
            overflow: hidden;
            border-radius: 15px;
        }
        .our-service-img
        {
            width: 100%;
            object-fit: cover;
            display: flex;
            height: 590px;
            filter:saturate(150%);
            border-radius: 15px;
            transition: 0.4s ease;
        }
        .our-service-img:hover
        {
            scale:1.2;
        }
        .service-title h1
        {
            color: var(--base-color);
            font-family: var(--bibo-swash-font);
            font-size: var(--title-font-size);
            margin-bottom: 8px;
            text-align: center;
            letter-spacing: 1.5px;
        }
        .service-title hr
        {
            width:350px;
            margin:auto;
            margin-bottom: 10px;
        }
        .service-title h4
        {
            text-align: center;
            color:white;
            font-weight: 100;
            font-size: 18px;
            letter-spacing: 0.6px;
            margin:15px 0 8px 0;
            text-transform: capitalize;
            width:600px;
            margin: auto;
            padding-top: 8px;
        }
        .nested-services
        {
            display: flex;
            align-items: center;
           margin: auto;
           padding-top: 50px;
           width:100%;
           flex-wrap: wrap;
           row-gap: 10px;
           column-gap:5px;
        }
        .nested-services-contents
        {
            flex-basis: 45%;
            display: flex;
            height: 150px;
            /* border:1px solid white; */
            column-gap: 15px;
            margin:auto;
            line-height: 1.4;
            padding-top: 10px;
        }
        .nested-icon i
        {
            font-size: 40px;
            margin-right: 10px;
            color:#64a507;
        }
        .nested-data h2
        {
            margin-bottom: 8px;
            letter-spacing: 1px;
            font-weight: 600;
        }
        .nested-data p
        {
            letter-spacing: 0.6px;
            font-size: 17px;
        }
        
    /* footer section css code */
        .footer-section
        {
            width:100%;
            padding:80px 20px 50px 20px;
            background:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.9)),url('https://images.unsplash.com/photo-1546484396-fb3fc6f95f98?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');
            object-fit: cover;
            color:white;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .footer-section-columns
        {
            width:80%;
            display: flex;
            justify-content: center;
            margin:auto;
            column-gap: 30px;
            transition: 0.1s ease;
        }
        .footer-section-columns a:hover
        {
            color:#64a507;
        }
        .footer-contents
        {
            flex-basis: 35%;
            padding: 20px;
        }
        .footer-contents h1
        {
            margin-bottom: 15px;
            letter-spacing: 1.5px;
            font-family: var(--bibo-swash-font);
            font-size: 45px;
        }
        .footer-contents p
        {
            letter-spacing: 0.6px;
            margin-bottom: 15px;
            line-height: 1.6;
            font-size: 17px;
        }
        .footer-contents a
        {
            padding-top: 10px;
            color:rgb(150, 147, 147);
        }
        .footer-contents a:hover
        {
            color:rgb(255, 255, 255);
        }
        .footer-contents-2
        {
            padding:20px;
        }
        .footer-contents-2 h3
        {
            margin-bottom: 10px;
            position:relative;
        }
        .footer-contents-2 h3::before
        {
            content: '';
            position:absolute;
            bottom: 0;
            left: 0;
            width:20%;
            height: 3px;
            background-color: #64a507;
        }
        .footer-contents-2 a
        {
            color:rgb(255, 255, 255);
            letter-spacing: 0.5px;
            font-weight: 100;
            font-size: 17px;
        }
        .footer-contents-2 h3
        {
           padding-bottom: 15px;
        }
        .footer-contents-2 .nested-footer
        {
            padding-top: 15px;
        }
     
        .footer-contents-3
        {
            margin-right: 40px;
            padding:20px;
           flex-basis: 20%;
        }
        .footer-contents-3 h3
        {
            position: relative;
            padding-bottom: 15px;
        }
        .footer-contents-3 h3::before
        {
            content: '';
            position:absolute;
            bottom: 0;
            left: 0;
            width:50%;
            height: 3px;
            background-color: #64a507;
        }
        .footer-contents-3-contents a
        {
            letter-spacing: 0.5px;
            line-height: 1.9;
            color:rgb(255, 255, 255);
            font-weight: 100;
            transition: 0.1s;
            font-size: 17px;
        }
        .footer-contents-3 a:hover
        {
            color:#64a507;
        }
        .nested-contents
        {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            column-gap: 8px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.6);
            width:250px;
            padding-bottom: 5px;
        }
        .nested-footer-img
        {
            width:60px;
            height: 35px;
            /* object-fit: cover; */
        }
        .footer-gallary
        {
            display: flex;
            flex-wrap: wrap;
            margin-top: 10px;
        }
        .footer-contents-4
        {
            flex-basis: 50%;
            background-color:rgba(201, 201, 201, 0.3);
            padding:20px;
            border-radius: 15px;
            line-height: 1.6;
            margin: auto;
        }
        .footer-contents-4 h3
        {
            padding-bottom: 15px;
            letter-spacing: 0.8px;
            position:relative;
            
        }
        .footer-contents-4 h3::before
        {
            content: '';
            position:absolute;
            bottom: 10px;
            left: 0;
            width:7%;
            height: 3px;
            background-color: #64a507;
        }
        .footer-contents-4 h4
        {
            letter-spacing: 0.8px;
            margin-bottom: 5px;
            font-size: 17px;
        }
        .footer-contents-4 h5
        {
            letter-spacing: 1px;
            font-weight: 100;
            margin-bottom: 3px;
            font-size: 16px;
        }
        .footer-gallary img
        {
            width: 100px;
            height:60px;
            margin:5px;
            object-fit: cover;
        }
    /* copyright section css code */
        .copyright
        {
            width: 100%;
            padding:15px 10px;
            text-align: center;
            background-color: #181818;
            color:white;
        }
        .copyright-contents
        {
            display: flex;
            flex-direction: column;
            align-items: center;
            line-height: 1.6;
        }
        .social-icons
        {
            display: flex;
            align-items: center;
            column-gap: 10px;
            margin-bottom: 15px;
        }
        .social-icons i
        {
            text-align: center;
            background-color: rgba(59, 56, 56, 0.678);
            color:rgb(255, 255, 255);
            border-radius: 50%;
            padding-top: 13px;
            padding-left: 1px;
            width:42px;
            height:42px;
            font-size: 17px;
            cursor:pointer;
        }
        .social-icons i:hover
        {
            background-color: #64a507;
        }
        .copyright-contents h4
        {
            font-weight: 100;
            font-size: 15px;
            letter-spacing: 0.8px;
            
        }
        .menu
            {
                display: none;
                cursor: pointer;
                position: relative;
                background-color: #444444;
                padding:8px 10px;
                border-radius: 5px;
            }
            .menu i
            {
                font-size: 22px;
                color:white;
            }


     /* mobile navbar css code */
         .mobile-navbar
         {
            width: 100%;
            line-height: 1.6;
            position:relative;
            height: 0;
            overflow: hidden;
            transition: 0.4s ease;
            visibility: hidden;
            /* overflow-y: scroll; */
            opacity: 0;
            /* background-color: #565657; */
            background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.9)),url('https://images.unsplash.com/photo-1508859859238-3756b9cf9ba8?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=721&q=80');
            background-size:cover;
            object-fit: cover;
            background-repeat: no-repeat;
         }
         .mobile-navbar.active
         {
            height: 700px;
            visibility: visible;
            opacity: 1;
            padding:20px 10px;
         }
         .mobile-navbar a
         {
            font-weight: bold;
            text-transform: uppercase;
            letter-spacing: 1px;
            color:white;
            font-size: 14px;
            padding-left: 15px;
         }
         .contentBox
         {
            width:100%;
         }
         .mobile-links
         {
            padding:15px 0;
            background-color: #64636369;
            border-radius: 5px;
            width:100%;
            margin-bottom: 5px;
         }
         .nav-click
         {
            width:100%;
            
         }
         .nav-click .nav-click-title
         {
            padding:15px 0;
            background-color: #64636369;
            border-radius: 5px;
            width:100%;
            position: relative;
           
         }
         .nav-click .nav-click-title::before
         {
            position: absolute;
            top:50%;
            right:20px;
            content: '+';
            font-size: 20px;
            cursor: pointer;
            transform: translateY(-50%);
            font-weight: bold; 
            color:white;
         }
         .contentBox.active .nav-click-title::before
         {
            content: '-';
            font-size: 30px;
         }
         .mobile-link
         {
            padding-left: 15px;
            padding-right: 15px;
            padding-bottom: 5px; 
            position: relative;
            height:0;
            overflow: hidden;
            /* transition: 0.3s ease;   */
            visibility: hidden; 
           
         }
         .mobile-link p
         {
            margin: 5px 0;
            padding:15px;
           
         }
         .mobile-link a
         {
            color:rgb(255, 255, 255);
         }
         .contentBox.active .mobile-link
         {
            height:auto;
            visibility: visible;
         }
         .cross
         {
            position: absolute;
            top:-5px;
            left: 50%;
            transform: translateX(-50%);
            width:45px;
            height: 45px;
            color:red;
            border-radius: 100%;
            font-size: 40px;
            cursor:pointer;
         }


    /* Responsiveness */

    /* breakpoint 1 */
        @media screen and (max-width:1550px)
        {
            .slider-text h3
            {
                padding-right: 20px;
            }
            .swiper.mySwiper-2
            {
                width:90%;
            }
            .enquiry-columns
            {
                width:100%;
            }
            .other-destination-columns
            {
                width:100%;
            }
            .other-destination-contents
            {
               flex-basis: 48%;
            }
            .honeymoon-tour-columns
            {
                width:100%;
            }
            .transportation-facilities-columns
            {
                width:100%;
            }
            .swiper.mySwiper-3
            {
                width:100%;
            }
            .special-tour-columns
            {
                width:100%;
            }
            .special-tour-contents
            {
                flex-basis: 32%;
            }
            .our-services-columns
            {
                width:100%;
            }
            .footer-section-columns
            {
                width:100%;
            }
            .swiper.mySwiper-3
            {
                width:95%;
            }
            .view-details-btn
            {
                width:180px;
            }
            
        }

        @media screen and (max-width:1370px)
         {
            .slider-text
            {
                position: absolute;
                top:50%;
                left:5%;
                transform: translateY(-50%);
            }
            .slider-text h1
            {
                font-size: 70px;
            }
            .slider-text h3
            {
                font-size: 20px;     
            }
            .himachal-holidays h3
            {
                width:70%;
            }
            .swiper.mySwiper-2
            {
                width:100%;
            }
            .enquiry-columns
            {
                width:100%;
            }
            .enquiry-form
            {
                flex-basis: 40%;
            }
            .other-destination-columns
            {
                width:100%;
            }
            .other-destination-contents
            {
                flex-basis: 70%;
                margin:auto;
            }
            .honeymoon-tour-columns
            {
                width:100%;
            }
            .honeymoon-tour-text h1
            {
                font-size: 45px;
            }
            .honeymoon-tour-text h3
            {
                font-size: 18px;
            }
            .book-slot h2
            {
                font-size: 25px;
            }
            .transportation-facilities-columns
            {
                width:100%;
            }
            .swiper.mySwiper-3
            {
                width:95%;
            }
            .special-tour-columns
            {
                width:100%;
            }
            .special-tour-contents
            {
                flex-basis: 32%;
            }
            .our-services-columns
            {
                width:100%;
            }
            .other-destination-contents
            {
               flex-basis: 70%;
            }
          
         }

         @media screen and (max-width:1160px)
         {
            .menu
            {
                display: block;
            }
            .opening-img, .opening-timings, .approval-img, .approval-details
            {
                display: none;
            }
            .navbar
            {
                display: none;
            }
            .honeymoon-tour-text
            {
                flex-basis: 100%;
                padding-right: 20px;
            }
            .honeymoon-tour-text h1
            {
                font-size: 50px;
                margin-top: 15px;
            }
            .honeymoon-tour-text h3
            {
                font-size: 20px;
            }
            .book-slot
            {
                padding:5px;
            }
            .book-slot h2
            {
               font-size: 20px;
               letter-spacing: 0.6px;     
            }
            .discount-img
            {
                width:100px;
            }
            .honeymoon-tour-contents
            {
                flex-basis: 100%;
            }
            .honeymoon-tour-columns
            {
                flex-wrap: wrap;
                width:100%;
                
                margin:auto;
                justify-content: center;
            }
            .rip-png
            {
                display: none;
            }
            .honeymoon-btn
            {
                padding:10px 15px;
                margin-bottom: 30px;
                width:150px;
            }
            .testimonials-slides
            {
                cursor: grab;
                display: grid;
                height: 300px;
            }
            .transportation-facilities-columns
            {
                flex-wrap: wrap;
                width:100%;
            }
            .transportation-contents
            {
                flex-basis: 48%;
            }
            .other-destination-contents
            {
               flex-basis: 70%;
            }
         }

         @media screen and (max-width:1135px)
         {
            .our-services-columns
            {
                flex-wrap: wrap;
                width:100%;
                row-gap: 15px;
            }
            .our-service-data
            {
                flex-basis: 100%;
            }
            .our-service-image
            {
                flex-basis: 100%;
            }
            .footer-section-columns
            {
                flex-wrap: wrap;
            }
            .footer-contents-4
            {
                flex-basis: 100%;;
            }
         }
         /* breakpoint 2 */
         @media screen and (max-width:1105px)
         {
            .book-slot h2
            {
                font-size: 20px;
            }
            .honeymoon-btn
            {
                padding:10px 15px;
                margin-bottom: 30px;
                width:150px;
            }
            .welcome-text
            {
                flex-basis: 50%;
            }
            .honeymoon-tour-contents
            {
                flex-basis: 100%;
            }
         }
         /* breakpoint 3 */
         @media screen and (max-width:960px)
         {
            .other-destination-contents
            {
                flex-basis: 100%;
            }
            .opening-img, .opening-timings, .approval-img, .approval-details
            {
                display: none;
            }
            .menu
            {
                display: block;
                cursor: pointer;
            }
            .navbar
            {
                display: none;
            }
            .navbar i
            {
                display: none;
            }
            .navbar-contents ul li
            {
                display: block;
            }  
            .about-us, .holiday, .transportation
            {
                position: none;
            }
            .nested-about-us, .nested-holiday, .nested-transportation
            {
                
                background-color:white;
                box-shadow: 0 0 15px rgba(0,0,0,0.5);
                transition:0.3s ease;
                visibility: visible;
                opacity: 1;
                display: none;
                
                width:250px;
                margin:auto;
                text-transform: capitalize;
            }
            .nested-li-holiday, .nested-li-special, .nested-li-adventure
            {
                position: none;
                display: none;
            }
            .holiday-tour-lists, .special-tour-lists, .adventure-tour-lists
            {
               display: none;
                width:250px;
                display: block;
                transition: 0.3 ease;
                visibility: visible;
                opacity: 1;
                background-color: white;
                box-shadow: 0 0 15px rgba(0,0,0,0.5);
            }
            .enquiry-columns
            {
                column-gap: 20px;
                padding:0 20px;
            }
            .enquiry-form
            {
                flex-basis: 50%;
            }
            .welcome-text
            {
                flex-basis: 50%;
            }
            .honeymoon-tour-text
            {
                flex-basis: 100%;
                padding-right: 20px;
            }
            .honeymoon-tour-text h1
            {
                font-size: 50px;
                margin-top: 15px;
            }
            .honeymoon-tour-text h3
            {
                font-size: 20px;
            }
            .book-slot h2
            {
               font-size: 25px;
               letter-spacing: 0.6px;     
            }
            .discount-img
            {
                width:100px;
            }
            .honeymoon-tour-contents
            {
                flex-basis: 100%;
            }
            .honeymoon-tour-columns
            {
                flex-wrap: wrap;
                width:100%;
                
                margin:auto;
                justify-content: center;
            }
            .rip-png
            {
                display: none;
            }
                
         }

         @media screen and (max-width:919px)
         {
            .enquiry-columns
            {
                flex-wrap: wrap;
                row-gap: 20px;
            }
            .enquiry-form
            {
                flex-basis: 95%;
            }
            .welcome-text
            {
                flex-basis: 95%;
            }
            .other-destination-columns
            {
                width: 100%;
                padding:0 10px;
            }
            .other-destination-contents
            {
                flex-basis: 100%;
            }
            .transportation-contents
            {
                flex-basis: 48%;
            }
            .footer-contents
            {
                flex-basis: 100%;
            }
            .footer-contents-2, .footer-contents-3
            {
                flex-basis: 40%;
            }
            .special-tour-columns
            {
                flex-wrap: wrap;
                row-gap: 15px;
            }
            .special-tour-contents
            {
                flex-basis: 95%;
            }
         }
         @media  screen and (max-width:815px)
         {
            .nested-services
            {
                column-gap: 20px;
            }
            .nested-services-contents
            {
                flex-basis: 48%;
                margin-bottom: 30px;
            }
            .other-destination h3
            {
                width:570px;
            }
         }
         @media  screen and (max-width:680px)
         {
            .nested-services-contents
            {
                flex-basis: 95%;
                margin-bottom: 5px;
            }
            .destination-small-data
            {
                width: 100%;
                flex-wrap: wrap;
                justify-content:center;
                row-gap: 10px;
                margin:auto;
                align-items: center;
            }
            .destination-image
            {
                flex-basis: 100%;
            }
            .destination-img
            {
                width: 100%;
            }
            .seprator
            {
                width: 100px;
            }
         }
         @media  screen and (max-width:640px)
         {
            .swiper-pagination .swiper-pagination-bullet
            {
                position: relative;
                width: 50px;
                height: 3px;
                border-radius: 0;
                opacity: 1;
                color:#64a507;
                background-color: transparent;
                font-size: 20px;
                font-weight: 500;
                margin: 0 10px !important;
            }
            .swiper-pagination .swiper-pagination-bullet::before
            {
                content: '';
                position:absolute;
                left:0;
                bottom:15px;
                width: 100%;
                height: 3px;
                background-color: white;
                opacity: 0.1;
            }
            .slider-text h1
            {
                font-size:55px;
            }
            .slider-text h3
            {
                font-size: 18px;
            }
            .footer-contents-2
            {
                flex-basis: 95%;
            }
            .footer-contents-3
            {
                flex-basis: 88%;
            }
            .service-title h1
            {
                font-size: 50px;
            }
            .service-title hr
            {
                width:200px;
            }
            .service-title h4
            {
                font-size: 18px;
                width:500px;
            }
            .special-tour h1
            {
                font-size: 50px;
            }
            .special-tour hr
            {
                width:200px;
            }
            .amazing-testimonials h1
            {
                font-size: 50px;
            }
            .amazing-testimonials hr
            {
                width: 200px;
            }
            .transportation-facilities h1
            {
                font-size: 50px;
            }
            .transportation-facilities hr
            {
                width: 200px;
            }
            .other-destination h1
            {
                font-size: 50px;
            }
            .other-destination .seprator
            {
                width:200px;
            }
            .other-destination h3
            {
                font-size: 18px;
                width:500px;
            }
            .enquiry-form .form-contents h2
            {
                font-size: 35px;
            }
            .himachal-holidays h1
            {
                font-size: 50px;
            }
            .himachal-holidays .seprator
            {
                width:200px;
            }
            .himachal-holidays h3
            {
                font-size: 18px;
                width:500px;
            }
         }
        @media screen and (max-width:585px)
        {
            .transportation-contents
            {
                flex-basis: 100%;
            }
            .user-img
            {
                width:100px;
                height: 100px;
            }
            .user-reviews h3
            {
                font-size: 20px;
            }
            .user-reviews .fa-star
            {
                font-size: 15px;
            }
            .book-slot
            {
                padding:3px;
            }
            .book-slot h2
            {
                font-size: 17px;
            }
            .honeymoon-tour-text h1
            {
                font-size: 42px;
            }
            .honeymoon-tour-text h3
            {
                font-size: 18px;
            }
            .honeymoon-btn
            {
                padding:8px 10px;
            }

        }
        @media screen and (max-width:525px)
        {
            .other-destination h3
            {
                width:400px;
            }
            .top-header
            {
                 display: flex;
                 flex-direction: column;
                line-height: 2.2;
                margin:auto;
                width:100%;
                flex: wrap;
                text-align: center;
            }
            .top-left-elements
            {
               display: flex;
                flex-direction: column;
            }
            .top-left-elements small
            {
                letter-spacing:1.5px;
            }
            .top-right-elements
            {
               display: flex;
               flex-direction: column;
            }
            .himachal-holidays h3
            {
                width:350px;
            }
            .user-reviews small
            {
                font-size: 15px;
            }
            .user-reviews p
            {
                font-size: 15px;
            }
            .user-img
            {
                width:75px;
                height: 75px;
            }
            .swiper-button-next
            {
                display: none;
            }
            .swiper-button-prev
            {
                display: none;
            }
            .our-service-data .service-title h4
            {
                font-size: 17px;
                width:350px
            }
            .nested-services-contents .nested-data p
            {
                font-size: 16px;
            }
        }
        @media screen and (max-width:450px)
        {
            .slider-text h1
            {
                font-size: 45px;
            }
            .slider-text h3
            {
                font-size: 16px;
                letter-spacing: 1px;
            }
            .slider-btn a
            {
                font-size: 16px;
            }
            .slider-text
            {
                position: absolute;
                top:40%;
                left:5%;
                transform: translateY(-50%);
            }
            .slider-section
            {
                width: 100%;
                height: 70vh;
                overflow: hidden;
            }
            .himachal-holidays h1
            {
                width:300px;
                margin:auto;
            }
            .user-reviews h3
            {
                font-size: 16px;
            }
            .view-details-btn
            {
                width:230px;
            }
        }
        @media screen and (max-width:435px)
        {
            .user-details
            {
                display: block;
            }
            .user-details .user-name small
            {
                padding-bottom: 5px;
            }
        }
        @media screen and (max-width:415px)
        {
            .other-destination h3
            {
                width:300px;
            }
            .view-all-products a
            {
                font-size: 16px;
            }
            .view-all-products h4
            {
                font-size: 20px;
            }
            .view-details-btn
            {
                width:230px;
            }
            .honeymoon-tour-text h1
            {
                font-size: 30px;
            }
            .honeymoon-tour-text h3
            {
                font-size: 17px;
            }
            .testimonials-slides
            {
                cursor: grab;
                display: grid;
                height: 370px;
            }
            .book-slot h2
            {
                font-size: 14px;
            }
            .discount-img
            {
                width:80px;

            }
        }
        @media screen and (max-width:377px)
        {
            .slider-btns .slider-btn
            {
                width:150px;
            }
            .slider-btn a
            {
                font-size: 14px;
            }
        }
        .jump-to-top
        {
            background-color: #64a507;
            padding:13px 0 10px 15px;
            position: fixed;
            bottom:20px;
            right:20px;
            border-radius: 15px;
            cursor:pointer;
            width:50px;
            height: 50px;
            z-index: 500;
        }
        .jump-to-top i
        {
            color:white;
            font-size: 25px;  
        }
        .jump-to-top:hover
        {
            background-color: black;
        }


        /* About us css code */
         .about-us-section
         {
            width:100%;
            padding:50px 20px;
            background-color: rgb(255, 255, 251);
            margin-top: 30px;
         }
         .about-us-section a
         {
            color:black;
         }
         .about-us-columns
         {
            display: flex;
            /* align-items: center; */
            justify-content: center;
            flex-wrap: wrap;
            width:85%;
            column-gap: 80px;
            margin: auto;
            line-height: 1.6;
         }
         .abous-us-content
         {
            flex-basis: 48%;
            background-color: #44444417;
            padding:15px 35px;
            border-radius: 15px;
         }
         .abous-us-content h3
         {
            font-size: 22px;
            margin-bottom: 12px;
            position: relative;
         }
         .abous-us-content h3::before
         {
            position: absolute;
            bottom:0;
            left:0;
            content: '';
            width:10%;
            background-color: #64a507;
            height: 3px;
          
         }
         .rating
         {
            margin-bottom: 15px;
         }
         .rating i
         {
            color: rgb(219, 187, 7);
            margin:0 2px;
         }
         .about-title-content
         {
            display: flex;
            align-items: center;
            column-gap: 15px;
         }
         .suggestions
         {
            flex-basis: 30%;
         }
         
         .about-title h2
         {
            margin-bottom: 20px;
            letter-spacing: 0.6px;
         }
         .about-us-info 
         {
            font-size: 17px;
            letter-spacing: 0.2px;
         }
         .about-us-img
         {
            width:100%;
            object-fit: cover;
            filter: saturate(150%);
         }
       
         .icons
         {
            display: flex;
            align-content: center;
            column-gap: 5px;
            margin:15px 0;
         }
         .icons i
         {
            margin:0 3px;
            color: gray;
            letter-spacing: 1px;
            font-size: 14px;
         }
         .suggestions h2
         {
            position: relative;
         }
         .suggestions h2::before
         {
            position: absolute;
            bottom:0;
            left:0;
            content: '';
            width:20%;
            background-color: #64a507;
            height: 3px;
         }
         .suggestions-contents
         {
            display: flex;
            column-gap: 10px;
            margin-top: 40px;
            
         }
         .suggestion-img
         {
            width:100px;
            height: 70px;
            /* object-fit: cover; */

         }
         .suggestion-boxes
         {
            display: flex;
            column-gap: 15px;
            border-bottom: 1px solid lightgray;
            width:70%;
         }
         .suggestion-text a
         {
            font-size: 16px;
            font-weight: bold;
            color:rgb(75, 74, 74);
         }
         .suggestion-text a:hover
         {
            color:black;
         }

         /* footer section css code */
        .footer-section
        {
            margin-top: 50px;
            width:100%;
            padding:80px 20px 50px 20px;
            background:linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.9)),url('https://images.unsplash.com/photo-1546484396-fb3fc6f95f98?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');
            object-fit: cover;
            color:white;
            background-repeat: no-repeat;
            background-size: cover;
        }
        .footer-section-columns
        {
            width:80%;
            display: flex;
            justify-content: center;
            margin:auto;
            column-gap: 30px;
            transition: 0.1s ease;
        }
        .footer-section-columns a:hover
        {
            color:#64a507;
        }
        .footer-contents
        {
            flex-basis: 35%;
            padding: 20px;
        }
        .footer-contents h1
        {
            margin-bottom: 15px;
            letter-spacing: 1.5px;
            font-family: var(--bibo-swash-font);
            font-size: 45px;
        }
        .footer-contents p
        {
            letter-spacing: 0.6px;
            margin-bottom: 15px;
            line-height: 1.6;
            font-size: 17px;
        }
        .footer-contents a
        {
            padding-top: 10px;
            color:rgb(150, 147, 147);
        }
        .footer-contents a:hover
        {
            color:rgb(255, 255, 255);
        }
        .footer-contents-2
        {
            padding:20px;
        }
        .footer-contents-2 h3
        {
            margin-bottom: 10px;
            position:relative;
        }
        .footer-contents-2 h3::before
        {
            content: '';
            position:absolute;
            bottom: 0;
            left: 0;
            width:20%;
            height: 3px;
            background-color: #64a507;
        }
        .footer-contents-2 a
        {
            color:rgb(255, 255, 255);
            letter-spacing: 0.5px;
            font-weight: 100;
            font-size: 17px;
        }
        .footer-contents-2 h3
        {
           padding-bottom: 15px;
        }
        .footer-contents-2 .nested-footer
        {
            padding-top: 15px;
        }
     
        .footer-contents-3
        {
            margin-right: 40px;
            padding:20px;
           flex-basis: 20%;
        }
        .footer-contents-3 h3
        {
            position: relative;
            padding-bottom: 15px;
        }
        .footer-contents-3 h3::before
        {
            content: '';
            position:absolute;
            bottom: 0;
            left: 0;
            width:50%;
            height: 3px;
            background-color: #64a507;
        }
        .footer-contents-3-contents a
        {
            letter-spacing: 0.5px;
            line-height: 1.9;
            color:rgb(255, 255, 255);
            font-weight: 100;
            transition: 0.1s;
            font-size: 17px;
        }
        .footer-contents-3 a:hover
        {
            color:#64a507;
        }
        .nested-contents
        {
            display: flex;
            align-items: center;
            margin-bottom: 10px;
            column-gap: 8px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.6);
            width:250px;
            padding-bottom: 5px;
        }
        .nested-footer-img
        {
            width:60px;
            height: 35px;
            /* object-fit: cover; */
        }
        .footer-gallary
        {
            display: flex;
            flex-wrap: wrap;
            margin-top: 10px;
        }
        .footer-contents-4
        {
            flex-basis: 50%;
            background-color:rgba(201, 201, 201, 0.3);
            padding:20px;
            border-radius: 15px;
            line-height: 1.6;
            margin: auto;
        }
        .footer-contents-4 h3
        {
            padding-bottom: 15px;
            letter-spacing: 0.8px;
            position:relative;
            
        }
        .footer-contents-4 h3::before
        {
            content: '';
            position:absolute;
            bottom: 10px;
            left: 0;
            width:7%;
            height: 3px;
            background-color: #64a507;
        }
        .footer-contents-4 h4
        {
            letter-spacing: 0.8px;
            margin-bottom: 5px;
            font-size: 17px;
        }
        .footer-contents-4 h5
        {
            letter-spacing: 1px;
            font-weight: 100;
            margin-bottom: 3px;
            font-size: 16px;
        }
        .footer-gallary img
        {
            width: 100px;
            height:60px;
            margin:5px;
            object-fit: cover;
        }
    /* copyright section css code */
        .copyright
        {
            width: 100%;
            padding:15px 10px;
            text-align: center;
            background-color: #181818;
            color:white;
        }
        .copyright-contents
        {
            display: flex;
            flex-direction: column;
            align-items: center;
            line-height: 1.6;
        }
        .social-icons
        {
            display: flex;
            align-items: center;
            column-gap: 10px;
            margin-bottom: 15px;
        }
        .social-icons i
        {
            text-align: center;
            background-color: rgba(59, 56, 56, 0.678);
            color:rgb(255, 255, 255);
            border-radius: 50%;
            padding-top: 13px;
            padding-left: 1px;
            width:42px;
            height:42px;
            font-size: 17px;
            cursor:pointer;
        }
        .social-icons i:hover
        {
            background-color: #64a507;
        }
        .copyright-contents h4
        {
            font-weight: 100;
            font-size: 15px;
            letter-spacing: 0.8px;
        }
    
         /* Responsiveness */

         @media screen and (max-width:1550px)
         {
            .footer-section-columns
            {
                width:100%;
            }
            .about-us-columns
            {
                width:100%;
                column-gap: 40px;
            }
         }
         @media screen and (max-width:1329px)
         {
            .about-title h2
            {
                font-size: 20px;
            }
            
            .rating i
            {
                font-size: 14px;
                margin-bottom: 10px;
            }
            .suggestion-boxes
            {
                width:90%;
            }
         }
         @media screen and (max-width:1191px)
         {
            .abous-us-content
            {
                flex-basis: 100%;
            }
            .about-us-columns
            {
                row-gap: 30px;
            }
            .suggestions
            {
                flex-basis: 100%;
            }
            .suggestion-boxes
            {
                width:100%;
            }
         }
        @media screen and (max-width:1160px)
        {
            .menu
                {
                    display: block;
                }
                .opening-img, .opening-timings, .approval-img, .approval-details
                {
                    display: none;
                }
                .navbar
                {
                    display: none;
                }
        }

        @media screen and (max-width:1135px)
        {
            .about-us-section
            {
                margin-top: 0;
            }
            .footer-section-columns
            {
                flex-wrap: wrap;
            }
            .footer-contents-4
            {
                flex-basis: 100%;;
            }
            
        }
        @media screen and (max-width:919px)
        {
            .footer-contents
            {
                flex-basis: 100%;
            }
            .footer-contents-2, .footer-contents-3
            {
                flex-basis: 40%;
            }
            
        }
        @media screen and (max-width:640px)
        {
            .footer-contents-2
            {
                flex-basis: 95%;
            }
            .footer-contents-3
            {
                flex-basis: 88%;
            }
        }
        @media screen and (max-width:585px)
        {
            .about-title-content
            {
                display: block;
            }
            .about-title h2
            {
                margin-bottom: 0;
            }
            .rating i
            {
                margin:0;
            }
            .icons i
            {
                font-size: 10px;
            }
        }
        @media screen and (max-width:585px)
        {
            .icons i
            {
                font-size: 8.2px;
            }
        }

        /* himachal-holidays-section css code */
        .himachal-holidays-section
        {
            width:100%;
            padding:40px 10px;
            margin-top: 10px;
            background-color: rgb(255, 255, 251);
        }
        .himachal-holidays-contents-columns
        {
            width:95%;
            display: flex;
            margin:auto;
            justify-content: center;
            column-gap: 10px;
            flex-wrap: wrap;
            padding:10px;
        }
        .himachal-holidays-contents-columns-sections
        {
            flex-basis: 55%;
            display: flex;
            flex-wrap: wrap;
            justify-content: left;
            align-items: center;
            background-color: #18181813;
            column-gap: 25px;
            padding:15px;
            row-gap: 25px;
            margin:auto;
        }
        /* .himachal-holidays-contents-columns-sections .pagination
        {
            margin: 20px auto;
            text-align: center;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            align-items: center;
            column-gap: 10px;
            row-gap: 10px;
            width: 100%;
        }
        .himachal-holidays-contents-columns-sections .pagination .active
        {
            background-color: black;
            color: white;
        }
        .himachal-holidays-contents-columns-sections .pagination a
        {
            font-size: 15px;
            width: 38px;
            height: 38px;
            border: 1px solid gray;
            border-radius: 100%;
            font-weight: bold;
            padding-top: 8px;
            color: black;
        }   
        .himachal-holidays-contents-columns-sections .pagination a:hover
        {
            background-color:black;
            color: white;
        }     */
        .himachal-holidays-contents-columns-sections h1
        {
            letter-spacing: 0.6px;
            margin-bottom: 20px;
            border-bottom: 2px solid rgba(128, 128, 128, 0.493);
            padding-bottom: 6px;
            width:100%;
        }
        .small-holiday-packages
        {
            box-shadow: 0 0 15px rgba(153, 151, 151, 0.432);
            display: flex;
            background-color: white;
            flex-direction: column;
            line-height: 1.3;
            padding:8px;
            flex-basis: 31%;
            position: relative;
            flex-wrap: wrap;
            border-radius: 5px;
            overflow: hidden;
            transition: 0.3s ease;
        }
        .small-holiday-packages-img
        {
            width:100%;
            height: 180px;
            filter:saturate(150%);
            object-fit: cover;
        }
        .small-holiday-packages:hover
        {
            transform: translateY(-5px);
            box-shadow: 0 0 15px rgb(153, 151, 151);
        }
        .small-holiday-packages h5
        {
            position: absolute;
            top:8px;
            left:8px;
            background-color: #64a507;
            color:white;
            font-size: 12px;
            letter-spacing: 0.4px;
            padding:5px 10px;
            z-index: 10;
        }
        .btns
        {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin:10px 0 3px 0;
            overflow: hidden;
            padding:0 5px;
            /* padding:15px 0; */
        }
        .btns a
        {
            padding:8px 15px;
            background-color: #64a507;
            color:white;
            font-size: 14px;
            font-weight: bold;
            letter-spacing: 0.6px;
        }
        .btns p
        {
            font-size: 20px;
            font-style: italic;
            font-weight: bold;
            letter-spacing: 0.6px;
            margin-right: 8px;
        }
        .small-holiday-packages small
        {
            margin: 15px 0 10px 0;
            font-size: 14px;
            letter-spacing: 0.6px;
            color:crimson;
            font-weight: bold;
            padding:0 15px;
        }
        .small-holiday-packages h3
        {
           margin-bottom: 10px;
           letter-spacing: 0.5px;
           font-size: 17px;
           padding:0 15px;
        }
        .small-holiday-packages h4
        {
           margin-bottom: 12px;
           letter-spacing: 0.5px;
           color:rgb(3, 3, 151);
           font-size: 15px;
           padding:0 15px;
        }
        .small-icons
        {
            display: flex;
            align-items: center;
            column-gap: 10px;
            margin-bottom: 10px;
            padding:0 15px;
        }
        .small-icons i
        {
            color:#64a507;
            font-size: 15px;
        }
        .himachal-holidays-contents-columns-section-two
        {
            flex-basis: 38%;
            display: flex;
            height: 600px;
        }
        .enquiry-for-packages-form
        {
           background-color: #181818;
           width:60%;
           padding:35px 32px;
           color:white;
           border-radius: 5px;
        }
        .enquiry-for-packages-form h2
        {
            margin-bottom: 30px;
            border-bottom: 2px solid rgba(211, 211, 211, 0.644);
            padding-bottom: 7px;
        }
        .enquiry-form-data
        {
            line-height: 1.4;
        }
        .form-inputs
        {
            display: flex;
            align-items: center;
            background-color: white;
            margin-top: 20px;
            padding:6px 5px; 
            gap: 8px;
            border-radius: 5px;
        }
        .form-inputs i
        {
            margin:0 5px 0 10px;
            color:#64a507;
        }
        .form-inputs input
        {
            padding:8px 0;
            width:100%;
            border:none;
            outline: none;
            background-color: white;
            font-size: 15px;
            font-weight: bold;
            letter-spacing: 0.6px;
        }
        .form-inputs select
        {
            padding:8px 0;
            width:100%;
            font-size: 15px;
            letter-spacing: 0.6px;
            border:none;
            outline: none;
            background-color: white;
            font-size: 15px;
            font-weight: bold;
            border-radius: 5px;
        }
        .form-inputs select option
        {
            font-weight: bold;
            letter-spacing: 0.6px;
            text-transform: capitalize;
            border:none;
            outline: none;
            background-color: white;
        }
        .form-inputs-categories
        {
            display: flex;
            /* flex-direction: column; */
            column-gap: 15px;
            justify-content: center;
            width:100%;
            margin: 15px 0;
            text-align: center;
            
        }
        .form-inputs-categories select
        {
            padding:8px 5px;
            font-size: 15px;
            font-weight: bold;
            border-radius: 5px;
           
        }
        .form-inputs-select
        {
            display: flex;
            flex-direction: column;
            align-items: center;
            column-gap: 10px;
            justify-content: center;
            width:100%;
            
            
        }
        .form-inputs-select input
        {
            width:100%;
            padding:8px 5px;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0.6px;
            border:none;
            outline: none;
            background-color: white;
            border-radius: 5px;
        }
        .select-inputs p
        {
            text-align: center;
            margin-bottom: 8px;
            font-weight: bold;
            letter-spacing: 0.6px;
        }
        .enquiry-btn
        {
            width:100%;
            padding:12px 0;
            margin:15px 0;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0.6px;
            width:100%;
            border:none;
            outline: none;
            background-color: white;
            border-radius: 5px;
        }
        .enquiry-btn:hover
        {
            color:white;
            background-color:#64a507;
            cursor: pointer;
        }
        .form-input-blocks p
        {
            margin-bottom: 8px;
            font-size: 16px;
            font-weight: bold;
            letter-spacing: 0.6px;
        }
        .suggestions
        {
            width:100%;
            margin-top: 100px;
        }
        .suggestions h2
         {
            position: relative;
            color:black;
            letter-spacing: 0.6px;
         }
         .suggestions h2::before
         {
            position: absolute;
            bottom:0;
            left:0;
            content: '';
            width:20%;
            background-color: #64a507;
            height: 3px;
         }
         .suggestions-contents
         {
            display: flex;
            column-gap: 10px;
            margin-top: 30px;
            line-height: 1.6;
            
         }
         .suggestion-img
         {
            width:100px;
            height: 70px;
            /* object-fit: cover; */

         }
         .suggestion-boxes
         {
            display: flex;
            column-gap: 15px;
            border-bottom: 1px solid lightgray;
            width:100%;
         }
         .suggestion-text a
         {
            font-size: 16px;
            font-weight: bold;
            color:rgb(75, 74, 74);
         }
         .suggestion-text a:hover
         {
            color:black;
         }

          /* Responsiveness */

          @media screen and (max-width:1570px)
          {
            .himachal-holidays-contents-columns
            {
                width: 100%;;
            }
            .himachal-holidays-contents-columns-sections
            {
                flex-basis: 60%;
            }
            .himachal-holidays-contents-columns-section-two
            {
                flex-basis: 35%;
            }
            .enquiry-for-packages-form
            {
                width:95%;
            }
          }
          @media screen and (max-width:1550px)
          {
            .footer-section-columns
            {
                width:100%;
            }
            .himachal-holidays-contents-columns-sections
            {
                flex-basis: 50%;
            }
            .small-holiday-packages
            {
                flex-basis: 48%;
            }
           
        }
        @media screen and (max-width:1422px)
        {
            .himachal-holidays-contents-columns-sections
            {
                flex-basis: 48%;
            }
            .small-holiday-packages
            {
                flex-basis: 47%;
            }
        }
        @media screen and (max-width:1276px)
        {
            .himachal-holidays-contents-columns-section-two
            {
                flex-basis: 80%;
                margin-top: 40px;
            }
            .himachal-holidays-contents-columns-sections
            {
                flex-basis: 100%;
            }
            .small-holiday-packages
            {
                flex-basis: 31%;
            }
            .suggestions
            {
                display: none;
            }
           
        }
          @media screen and (max-width:1160px)
        {
            .menu
                {
                    display: block;
                }
                .opening-img, .opening-timings, .approval-img, .approval-details
                {
                    display: none;
                }
                .navbar
                {
                    display: none;
                }
        }
        @media screen and (max-width:1135px)
        {
            .footer-section-columns
            {
                flex-wrap: wrap;
            }
            .footer-contents-4
            {
                flex-basis: 100%;;
            }
            
        }
        @media screen and (max-width:919px)
        {

            .footer-contents
            {
                flex-basis: 100%;
            }
            .footer-contents-2, .footer-contents-3
            {
                flex-basis: 40%;
            }
            .small-holiday-packages
            {
                flex-basis: 100%;
            }
            .small-holiday-packages
            {
                flex-basis: 48%;
            }
            .himachal-holidays-contents-columns-section-two
            {
                flex-basis: 100%;
            }
            .enquiry-for-packages-form
            {
                width:100%;
            }
            
        }
        @media screen and (max-width:766px)
        {
            .small-holiday-packages
            {
                flex-basis: 100%;
            }
            .himachal-holidays-contents-columns-section-two
            {
                flex-basis: 100%;
                padding:0 15px;
            }
        }
        @media screen and (max-width:640px)
        {
            .footer-contents-2
            {
                flex-basis: 95%;
            }
            .footer-contents-3
            {
                flex-basis: 88%;
            }
        }
        @media screen and (max-width:500px)
         {
            .select-inputs input
            {
                font-size: 13px;
            }
            .enquiry-for-packages-form h2
            {
                font-size: 20px;
            }
            .form-inputs select
            {
                font-size: 13px;
            }
            .form-inputs select option
            {
                font-size: 13px;
            }
            .form-input-blocks select, .form-input-blocks option
            {
                font-size: 13px;
            }
         }
         .jump-to-top
        {
            background-color: #64a507;
            padding:13px 0 10px 15px;
            position: fixed;
            bottom:20px;
            right:20px;
            border-radius: 15px;
            cursor:pointer;
            width:50px;
            height: 50px;
            z-index: 500;
        }
        .jump-to-top i
        {
            color:white;
            font-size: 25px;  
        }
        .jump-to-top:hover
        {
            background-color: black;
        }
        .enquire-for-package-btn
        {
            padding: 15px 15px;
            color: white;
            background-color: crimson;
            border: none;
            width: 100%;
            margin-bottom: 15px;
            font-weight: bold;
            font-size: 15px;
            border-radius: 5px;
        }
        .enquire-for-package p
        {
            text-align: center;
            color: red;
        }
        .about-title h3
        {
        letter-spacing: 0.6px;
        margin-bottom: 8px;
        }
        .about-title h4
        {
            color: crimson;
            letter-spacing: 0.6px;
            margin-bottom: 5px;
        }
        .Itenary-container
        {
            background-color: lightgray;
            margin-bottom: 12px;
            padding: 15px;
            border-radius: 5px;
        }
        .Itenary-container p
        {
            font-size: 15px;
        }
        .Inclusions-data
        {
            margin-top: 15px;
        }
        .Inclusions-data ul
        {
            background-color: lightgray;
            margin-bottom: 12px;
            padding: 15px;
            border-radius: 5px;
        }
        .Inclusions-data ul i
        {
            color: var(--base-color);
        }
        .Exclusion-data
        {
            margin-top: 15px;
        }
        .Exclusion-data ul
        {
            background-color: lightgray;
            margin-bottom: 12px;
            padding: 15px;
            border-radius: 5px;
        }
        .Exclusion-data ul i
        {
            color: crimson;
        }
        .review-us-btn
        {
            text-align: center;
            margin-top: 60px;
        }
        .review-us-btn a
        {
            font-size: 18px;
            letter-spacing: 0.6px;
            background-color: var(--base-color);
            padding: 13px 45px;
            color: white;
            font-weight: bold;
            border-radius: 5px;
        }

    /*Review Us Section css code*/

        .review-us-section
        {
            width: 100%;
            height: 100vh;
            padding: 105px 20px;
            display: flex;
            background-size: cover !important;
            object-fit: cover;
            background-repeat: no-repeat !important;
            background:linear-gradient(rgba(0,0,0,0.7),rgba(0,0,0,0.8)),url('https://images.unsplash.com/photo-1542435503-956c469947f6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1074&q=80');
        }
        .review-us-form
        {
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            margin: auto;
            width: 50%;
            padding: 18px;
            border-radius: 15px;
            color:black;
            line-height: 2;
            background-color: white;
            text-transform: capitalize;
        }
        .review-us-form ::placeholder
        {
            color: gray;
        }
        .review-us-form .review-icons
        {
           display: flex;
           align-items: center;
           margin: 12px 0;
           column-gap: 7px;
        }
         .review-us-form .review-icons
         {
            color: gold;
         }
         .review-icons select
         {
            width: 150px;
            height: 40px;
            border-radius: 5px;
            border: 1px solid lightgray;
            background-color: none;
         }
         .review-icons select option
         {
            font-size: 15px;
         }
        .review-us-form h1
        {
            font-size: 40px;
            letter-spacing: 0.6px;
            position: relative;
            /*padding-bottom: 8px;*/
        }
        .review-us-form h1::before
        {
            content: '';
            position: absolute;
            bottom: 7px;
            left: 0;
            width: 10%;
            height: 5px;
            border-radius: 5px;
            background-color: darkblue;
        }
        .review-inputs input
        {
            width: 750px;
            padding: 12px;
            border: 1px solid lightgray;
            background: none;
            outline: none;
            margin: 8px 0;
            border-radius: 5px;
            font-size: 15px;
        }
          .review-input-textarea
        {
            width: 750px;
            height: 95px;
            padding: 12px;
            border: 1px solid lightgray;
            background: none;
            outline: none;
            margin: 8px 0;
            border-radius: 5px;
            font-size: 15px;
        }
        .review-us-form h4
        {
            letter-spacing: 0.6px;
        }
        .review-inputs-btn 
        {
            margin: 20px 0;
        }
        .review-inputs-btn .input-btn
        {
            padding: 12px 45px;
            background-color: darkblue;
            color: white;
            border-radius: 5px;
            border: none;
            font-size: 17px;
            letter-spacing: 0.6px;
            cursor: pointer;
        }
        .input-btn-cancel
        {
            background-color:crimson;
             padding: 12px 45px;
            color: white;
            border-radius: 5px;
            border: none;
            font-size: 17px;
            letter-spacing: 0.6px;
            cursor: pointer;

        }
        .input-btn-cancel:hover
        {
            background-color: red;
        }
        .review-inputs-btn .input-btn:hover
        {
            background-color: black;
        }
        @media screen and (max-width: 1684px)
        {
             .review-us-form
             {
                width: 60%;
             }
        }
         @media screen and (max-width: 1434px)
        {
             .review-us-form
             {
                width: 60%;
             }
             .review-inputs input, .review-inputs-area input
             {
                width: 600px;
             }
             .review-input-textarea
             {
                width: 600px;
             }

            
        }
           @media screen and (max-width: 1174px)
        {
             .review-us-form
             {
                width: 60%;
             }
             .review-inputs input, .review-inputs-area input
             {
                width: 500px;
             }
             .review-input-textarea
             {
                width: 500px;
             }
            
        }
            @media screen and (max-width: 982px)
        {
             .review-us-form
             {
                width: 60%;
             }
             .review-inputs input, .review-inputs-area input
             {
                width: 400px;
             }
             .review-input-textarea
             {
                width: 400px;
             }
            
        }
              @media screen and (max-width: 800px)
        {
             .review-us-form
             {
                width: 60%;
             }
             .review-inputs input, .review-inputs-area input
             {
                width: 300px;
             }
             .review-input-textarea
             {
                width: 300px;
             }
            
        }
               @media screen and (max-width: 644px)
        {
             .review-us-form
             {
                width: 70%;
             }
             .review-inputs input, .review-inputs-area input
             {
                width: 300px;
             }
             .review-input-textarea
             {
                width: 300px;
             }
            
        }
                 @media screen and (max-width: 554px)
        {
             .review-us-form
             {
                width: 90%;
             }
             .review-inputs input, .review-inputs-area input
             {
                width: 350px;
             }
             .review-input-textarea
             {
                width: 350px;
             }
            
        }
                   @media screen and (max-width: 484px)
        {
             .review-us-form
             {
                width: 100%;
             }
             .review-inputs input, .review-inputs-area input
             {
                width: 290px;
             }
             .review-input-textarea
             {
                width: 290px;
             }
            
        }

                     @media screen and (max-width: 370px)
        {
             .review-us-form
             {
                width: 100%;
             }
             .review-inputs input, .review-inputs-area input
             {
                width: 230px;
             }
             .review-input-textarea
             {
                width: 230px;
             }
            
        }
        
 /*CAR BOOKING CSS CODE */
        .car-booking-section
        {
            width: 100%;
            padding: 40px 20px;
            letter-spacing: 0.6px;
            background-color: rgb(255, 255, 251);
        }
        .car-booking-section h2
        {
            margin-bottom: 10px;
            padding-bottom: 12px;
            text-align: center;
            font-family: var(--bibo-swash-font);
            font-size: var(--title-font-size);
            letter-spacing: 1.5px;
        }
     
        .car-booking-section-columns
        {
            display: flex;
            align-items: center;
            justify-content: left;
            column-gap: 25px;
            row-gap: 25px;
            margin: 40px auto 0 auto;
            flex-wrap: wrap;
            width: 80%;
            background-color: rgba(0,0,0,0.1);
            padding: 30px 15px;
            border-radius: 5px;

        }
        .car-booking-section-columns .pagination .active
        {
            color: white;
            background-color: black;
        }
        .car-booking-section-contents
        {
            padding: 8px;
            border-radius: 5px;
            line-height: 1.8;
            flex-basis: 23.6%;
            /*text-transform: uppercase;*/
            background-color: white;
            transition: 0.3s ease;
             box-shadow: 0 0 15px rgba(0,0,0,0.1);
        }
        .car-booking-section-contents:hover
        {
            transform: translateY(-5px);
            box-shadow: 0 0 15px gray;
        }
        .car-booking-img
        {
            width: 100%;
            height: 220px;
            object-fit: cover;
            filter: saturate(150%);
        }
        .car-booking-section-contents h3
        {
            margin: 8px 0;
            padding-left: 10px;
            font-size: 22px;
        }
        .car-booking-icons
        {
            display: flex;
            align-items: center;
            column-gap: 12px;
            row-gap: 10px;
            margin-bottom: 15px;
            padding-left: 10px;
        }
        .car-booking-icons i
        {
            color:crimson;
            font-size: 15px;           
        }
        .car-booking-section-contents-btns
        {
            display: flex;
            align-items: center;
            padding:0 10px;
            justify-content: space-between;
            margin: 15px 0;
        }
         .car-booking-section-contents-btns a
         {
            padding: 6px 25px;
            color: white;
            background-color: rgba(0,0,0,0.7);
            border-radius: 5px;
            font-weight: bold;
            font-size: 15px;
         }
         .car-booking-section-contents-btns a:hover
         {
             background-color: black;
         }
         .car-booking-section-contents-btns p
         {
            font-size: 16px;
            font-weight: bold;
            color: gray;
         /*   font-style: italic;*/
         }
            .car-booking-section .pagination
        {
            margin: 20px auto;
            text-align: center;
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            align-items: center;
            column-gap: 10px;
            row-gap: 10px;
            width: 100%;
        }
        .car-booking-section .pagination a
        {
            font-size: 15px;
            width: 38px;
            height: 38px;
            border: 1px solid gray;
            border-radius: 100%;
            font-weight: bold;
            padding-top: 8px;
            color: black;
        }   
        .car-booking-section .pagination a:hover
        {
            background-color:black;
            color: white;
        }  
        .car-booking-section .seprator
        {
            width: 250px;
            margin:0 auto 15px auto;
        }

    @media screen and (max-width: 1762px)
    {
        .car-booking-section-columns
        {
            width: 90%;
        }
    }
     @media screen and (max-width: 1576px)
    {
        .car-booking-section-columns
        {
            width: 95%;
        }
    }
     @media screen and (max-width: 1490px)
    {
        .car-booking-section-columns
        {
            width: 100%;
        }
    }
      @media screen and (max-width: 1420px)
    {
        .car-booking-section-contents
        {
            flex-basis: 32%;
        }
    }
       @media screen and (max-width: 1328px)
    {
        .car-booking-section-contents
        {
            flex-basis: 48.7%;

        }
    }
        @media screen and (max-width: 1038px)
    {
        .car-booking-section-contents
        {
            flex-basis: 100%;

        }
    }
 /*HOTEL BOOKING CSS CODE*/
    .hotel-booking-section
    {
        width: 100%;
        padding: 30px 20px;
       /* margin-top: 10px;*/
        background: linear-gradient(rgba(0, 0, 0, 0.5),rgba(0, 0, 0, 0.6)),url('https://images.unsplash.com/photo-1520250497591-112f2f40a3f4?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');
        object-fit: cover;
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        object-fit: cover;
        z-index: 1;
        filter: saturate(150%);
    }
    .hotel-booking-section::before
    {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        backdrop-filter: blur(5px);
        z-index: -1;
    }
    .hotel-booking-section-columns
    {
        display: flex;
        justify-content: center;
        column-gap: 50px;
        row-gap: 30px;
        width: 90%;
        margin: auto;
        flex-wrap: wrap;
    }
    .hotel-booking-section-contents
    {
        color: white;
        flex-basis: 50%;
        line-height: 1.6;
        letter-spacing: 0.4px;
        padding-top: 100px;
    }
    .hotel-booking-section-form
    {
        flex-basis: 30%;
        line-height: 1.6;
        letter-spacing: 0.6px;

    }
    .hotel-booking-section-form h1
    {
        font-size: 27px;
        position: relative;
        padding-bottom: 8px;
        margin-bottom: 12px;
    }
    .hotel-booking-section-form h1::before
    {
        content: '';
        position: absolute;
        border-radius: 5px;
        width: 13%;
        height: 5px;
        left: 0;
        bottom: 0;
        background-color: crimson;
    }
    .hotel-booking-section-contents h2
    {
        font-size: var(--title-font-size);
        font-family: var(--bibo-swash-font);
        color: var(--base-color);
        letter-spacing: 1.5px;
        margin-bottom: 10px;
    }
    .hotel-booking-section-contents h3
    {
        font-size: 30px;
        margin-bottom: 6px;
    }
      .hotel-booking-section-contents p
    {
        font-size: 18px;
    }
    .hotel-booking-section-form
    {
        background-color:rgba(0,0,0,0.5);
        border-radius: 5px;
        padding: 20px 35px;
        color: white;
    }
    .hotel-booking-fields
    {
        width: 100%;
    }
    .hotel-booking-fields input
    {
        width: 100%;
        padding: 10px 7px;
        margin-bottom: 14px;
        background: white;
        outline: none;
        border: none;
        border: 1px solid white;
        border-radius: 5px;
        font-size: 15px;
    }
    .hotel-booking-fields input::placeholder
    {
        color: black;
    }
    .hotel-booking-fields-options
    {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 10px;
        text-align: center;
        width: 100%;
        flex-wrap: wrap;
    }
    .hotel-booking-section-form .hotel-booking-fields p
    {
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 17px;
    }
    .selecting-options p
    {
        font-weight: bold;
        margin-bottom: 5px;
        font-size: 17px;
    }
    .selecting-options select
    {
        width: 100%;
        padding: 10px 7px;
        margin-bottom: 14px;
        background: white;
        outline: none;
        border: none;
        border: 1px solid gray;
        border-radius: 5px;
        font-size: 15px;
    }
    .booking-btn
    {
        padding: 13px 35px;
        color: white;
        background-color: crimson;
        font-size: 16px;
        font-weight: bold;
        border-radius: 5px;
        width: 100%;
        margin: 15px 0;
        border: none;
        cursor: pointer;
    }
    .booking-btn:hover
    {
        background-color: var(--base-color);
    }

    @media screen and (max-width: 1652px)
    {
        .selecting-options p
        {
            font-weight: bold;
            margin-bottom: 5px;
            font-size: 15px;
        }
        .hotel-booking-section-form .hotel-booking-fields p
        {
            font-weight: bold;
            margin-bottom: 5px;
            font-size: 16px;
        }
    }
     @media screen and (max-width: 1560px)
     {
       
         .hotel-booking-section-form
         {
            flex-basis: 40%;
         }
     }
      @media screen and (max-width: 1236px)
      {
        .hotel-booking-section-columns
        {
            width: 100%;
        }
         .hotel-booking-section-form
         {
            /*flex-basis: 60%;*/
         }
     }
     @media screen and (max-width: 1130px)
     {
         .hotel-booking-section-contents
        {
            flex-basis: 95%;
        }
        .hotel-booking-section-form
         {
            flex-basis: 95%;
         }
     }
      @media screen and (max-width: 664px)
     {
        .hotel-booking-section-contents
        {
            padding-top: 10px;
        }
        .hotel-booking-section-form
         {
            flex-basis: 95%;
         }
     }
     @media screen and (max-width: 540px)
     {
        .hotel-booking-section-form
        {
            padding: 20px;
        }
        .hotel-booking-section-form
         {
            flex-basis: 98%;
         }
         .hotel-booking-fields-options select 
         {
            font-size: 15px;
         }
         .selecting-options
         {
            flex-basis: 45%;
         }
     }

/*contact us form css code*/
        .contact-us-section
        {
            width: 100%;
            padding: 30px 20px;
            background: linear-gradient(rgba(0, 0, 0, 0.7),rgba(0, 0, 0, 0.8)), url('https://images.unsplash.com/photo-1577563820627-bc12aa2139de?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');
            background-repeat: no-repeat;
            background-size: cover;
            object-fit: cover;
            filter: saturate(150%);
        }
        .contact-form-columns
        {
            display: flex;
            /*align-items: center;*/
            justify-content: center;
            width: 85%;
            margin: auto;
            flex-wrap: wrap;
            /*column-gap: 30px;*/
            color: white;
            line-height: 1.7;
            padding: 50px 10px;
            letter-spacing: 0.6px;
        }
        .contact-form-contents
        {
            flex-basis: 27%;
            display: flex;
            flex-direction: column;
            background-color: var(--base-color);
            padding: 30px;
            border-top-left-radius: 5px;
            border-bottom-left-radius: 5px;
        }
        .contact-form-contents h2
        {
            font-size: 30px;
            margin-bottom: 7px;
            padding-bottom: 5px;
            border-bottom: 1px solid lightgray;
        }
         .contact-form-contents p
         {
            font-size: 18px;
            margin-bottom: 15px;
         }
         .contact-form-fields
         {
            display: flex;
            align-items: center;
            column-gap: 15px;
            margin-bottom: 15px;
         }
         .contact-form-fields i
         {
            padding: 15px;
            border: 1px solid white;
            border-radius: 100%;
            width: 45px;
            height: 45px;
            display: flex;
            justify-content: center;
            align-items: center;
         }
         .contact-form-fields small
         {
            font-size: 16px;
         }
        .contact-us-form
        {
            flex-basis: 50%;
            display: flex;
            flex-direction: column;
            background-color:white;
            color: black;
            padding: 30px;
            border-top-right-radius: 5px;
            border-bottom-right-radius: 5px;
        }
        .contact-us-form h1
        {
            margin-bottom: 15px;
            position: relative;
            padding-bottom: 5px;
        }
        .contact-us-form h1::before
        {
            content: '';
            position: absolute;
            bottom: 0;
            background-color: var(--base-color);
            height: 4px;
            width: 12%;
            left: 0;
            border-radius: 5px;
        }
        .contact-us-form textarea
        {
            padding: 8px 5px;
            font-size: 16px;
            border:1px solid gray;
            border-radius: 3px;
            height: 100px;
        }
         .contact-us-form textarea::placeholder
         {
            color: gray;
         }
        .contact-us-form-data
        {
            display: flex;
            flex-direction: column;
            margin-bottom: 15px;
        }
        .contact-us-form-data label
        {
            font-weight: bold;
            margin-bottom: 5px;
        }
        .contact-us-form-data input
        {
            padding: 8px 5px;
            font-size: 16px;
            border:1px solid gray;
            border-radius: 3px;
        }
        .contact-us-form-data input::placeholder
        {
            color: gray;
        }
        .contact-us-btn
        {
            font-size: 17px;
            font-weight: bold;
            padding: 12px 45px;
            background-color: var(--base-color);
            color: white;
            border-radius: 5px;
            border: none;
            margin-top: 8px;
        }
        .contact-us-btn:hover
        {
            background-color: black;
        }
        .contact-us-map iframe
        {
            filter: invert(5%);
        }

    @media screen and (max-width: 1560px)
    {
        .contact-form-columns
            {
                width: 100%;
            }
    }
     @media screen and (max-width: 750px)
    {
        .contact-form-contents
        {
            flex-basis: 100%;
        }
        .contact-us-form
        {
            flex-basis: 100%;
        }
    }
        @media screen and (max-width: 408px)
        {
            .contact-form-contents
            {
                flex-basis: 100%;
            }
            .contact-form-contents h2
            {
                font-size: 26px;
            }
            .contact-form-contents p
            {
                font-size: 16px;
            }
             .contact-form-contents small
            {
                font-size: 14px;
            }
            .contact-us-form
            {
                flex-basis: 100%;
            }
        }

    /*our policy section css code*/
        .our-policy
        {
            width: 100%;
            padding: 30px 20px;
            background:rgb(255,255,251);
        }
        .our-policy-columns
        {
            display: flex;
            justify-content: center;
            flex-wrap: wrap;
            margin: auto;
            width: 90%;
            padding: 15px;
            column-gap: 40px;
            row-gap: 15px;
            line-height: 1.6;
            letter-spacing: 0.6px;
        }
        .our-policy-image
        {
            flex-basis: 50%;
        }
        .our-policy-image h1
        {
            font-size: 33px;
            margin-bottom: 8px;
            padding-bottom: 3px;
            border-bottom: 1px solid lightgray;
        }
        .our-policy-img
        {
            width: 100%;
            height: 550px;
            filter: saturate(150%);
            object-fit: cover;
        }
        .our-policy-contents
        {
            flex-basis:30%;
        }
        .our-policy-content-Box
        {
            border-radius: 5px;
           box-shadow: 0 5px 15px lightgray;
        }
        .our-policy-title
        {
            background-color: crimson;
            border-radius: 5px;
            color: white;
            padding: 8px 20px;
            position: relative;
            width: 100%;
            cursor: pointer;
        }
        .our-policy-title h1
        {
            font-size: 17px;
        }
        .our-policy-title::before
        {
            content: '+';
            top: 50%;
            right: 8px;
            position: absolute;
            background-color: black;
            color:white;
            padding: 2px;
            display: flex;
            align-items: center;
            justify-content: center;
            font-size:20px;
            transform: translateY(-50%);
            width: 20px;
            border-radius: 100%;
            height: 20px;
            font-weight: bold;
        }
        .our-policy-content-Box.active .our-policy-title::before
        {
            content:'-';
        }
        .our-policy-content-Box
        {
            transition: 0.3s ease;
            margin-bottom: 10px;
        }
        .our-policy-content-Box p
        {
            margin-top: 10px;
            margin-bottom: 10px;
            padding: 0 20px;
            font-size: 15px;
        }
        .our-policy-content-Box i
        {
            color: crimson;
        }
        .our-policy-data
        {
            height: 0;
            overflow: hidden;
        }
        .our-policy-content-Box.active .our-policy-data
        {
            height: 100%;
        }
    @media screen and (max-width: 1578px)
    {
        .our-policy-columns
        {
            width: 100%;
        }
    }
      @media screen and (max-width: 1224px)
    {
        .our-policy-image
        {
            flex-basis: 50%;
        }
        .our-policy-contents
        {
            flex-basis: 40%;
        }
    }
       @media screen and (max-width: 924px)
    {
        .our-policy-image
        {
            flex-basis: 100%;
        }
        .our-policy-contents
        {
            flex-basis: 100%;
        }
        .our-policy-title h1
        {
            font-size: 16px;
        }
    }
    .bank-details
    {
        display: flex;
        align-items: center;
        column-gap: 12px;
    }
    .bank-details p
    {
        margin-bottom: 5px;
        font-weight: bold;
    }

/*book now section css code*/
    .book-now-section
    {
        width: 100%;
        padding: 30px 20px;
        background: linear-gradient(rgba(0, 0, 0, 0.3),rgba(0, 0, 0, 0.3)),url('https://images.unsplash.com/photo-1559084815-66f6c54265e9?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');
        background-size: cover;
        filter: saturate(150%);
        background-repeat: no-repeat;
        object-fit: cover;
        letter-spacing: 0.6px;
    }
    .book-now-section-form
    {
        width: 30%;
        display: flex;
        align-items: center;
        justify-content:center;
        flex-wrap: wrap;
        margin: 50px auto;
        padding: 35px;
        background-color: white;
        border-radius: 5px;
        line-height: 1.6;
    }
    .book-now-section-form h1
    {
        font-size: 30px;
        margin-bottom: 15px;
        position: relative;
        padding-bottom: 5px;
    }
    .book-now-section-form h1::before
    {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 15%;
        background-color: var(--base-color);
        height: 5px;
        border-radius: 5px;
    }
    .book-now-inputs
    {

        display: flex;
        flex-direction: column;
        margin-bottom: 10px;
    }
    .book-now-inputs label
    {
        font-size:19px;
        font-weight: bold;
        margin-bottom: 3px;
    }
    .book-now-inputs input
    {
        padding: 12px 6px;
        font-size: 16px;
        border: none;
        border: 1px solid gray;
        border-radius: 3px;
    }
    .book-now-inputs input::placeholder
    {
        color: gray;
    }
    .book-now-section-form form
    {
        width: 100%;
    }
    .book-now-inputs textarea
    {
        padding: 8px 6px;
        font-size: 16px;
        border: 1px solid gray;
        border-radius: 3px;
        height: 100px;
    }
    .book-now-inputs textarea::placeholder
    {
        color: gray;
    }
    .book-now-btn
    {
        padding: 12px 60px;
        font-size: 17px;
        font-weight: bold;
        color: white;
        background-color: var(--base-color);
        border: none;
        cursor: pointer;
        margin-top: 15px;
        border-radius: 3px;
    }
    .book-now-btn:hover
    {
        background-color: black;
        color: white;
    }

    @media screen and (max-width: 1652px)
    {
        .book-now-section-form
        {
            width: 40%;
        }
    }
      @media screen and (max-width: 1322px)
    {
        .book-now-section-form
        {
            width: 50%;
        }
    }
       @media screen and (max-width: 1032px)
    {
        .book-now-section-form
        {
            width: 60%;
        }
    }
       @media screen and (max-width: 848px)
    {
        .book-now-section-form
        {
            width: 70%;
        }
    }
         @media screen and (max-width: 686px)
    {
        .book-now-section-form
        {
            width: 80%;
        }
    }
         @media screen and (max-width: 554px)
    {
        .book-now-section-form
        {
            width: 90%;
        }
    }
          @media screen and (max-width: 474px)
    {
        .book-now-section-form
        {
            width: 98%;
        }
        .book-now-section-form h1
        {
            font-size: 25px;
        }
        .book-now-section-form label
        {
            font-size: 17px;
        }
    }
    @media screen and (max-width: 390px)
    {
         .book-now-section-form h1
        {
            font-size: 22px;
        }
    }

    /*flight booking css code*/
     .flight-booking-section
    {
        width: 100%;
        padding: 30px 20px;
        background-color:rgba(0, 0, 0, 0.1);
    }
    .flight-booking-columns
    {
        width: 80%;
        margin: 50px auto 50px auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;

    }
    .flight-booking-image
    {
        flex-basis: 35%;
        display: flex;
    }
    .flight-booking-form
    {
        flex-basis: 38%;
        padding: 0 35px;
        line-height: 1.6;
        background-color: white;
    }
    .flight-booking-img
    {
        width: 100%;
        object-fit: cover;
        filter: saturate(150%);
        height: 560px;
    }
    .flight-booking-form h1
    {
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 15px;
        padding-bottom: 5px;
        position: relative;
    }
    .flight-booking-form h1::before
    {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 15%;
        background-color: darkblue;
        height: 5px;
        border-radius: 5px;
    }
    .flight-booking-form form
    {
        width: 100%;
    }
    .flight-booking-form-inputs
    {
        display: flex;
        flex-direction: column;
        margin-bottom: 12px;
    }
    .flight-booking-form-inputs label
    {
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .flight-booking-form-inputs input
    {
        padding: 8px 6px;
        font-size: 15px;
    }
    .flight-booking-form-inputs input::placeholder
    {
        color: gray;
    }
    .flight-booking-form-inputs textarea
    {
         padding: 10px 6px;
        font-size: 16px;
        height: 100px;

    }
     .flight-booking-form-inputs textarea::placeholder
     {
        color: gray;
     }
     .flight-booking-btn
     {
        padding: 12px 50px;
        font-size: 17px;
        font-weight: bold;
        border-radius: 5px;
        border: none;
        background-color: darkblue;
        color: white;
        cursor: pointer;
        margin: 15px 0;
     }
     .flight-booking-btn:hover
     {
        background-color: black;
     }
     @media screen and (max-width:1598px)
     {
        .flight-booking-columns
        {
            width: 100%;
        }
     }
     @media screen and (max-width:1188px)
     {
        .flight-booking-image
        {
            flex-basis: 45%;
        }
     }
      @media screen and (max-width:958px)
     {
       
        .flight-booking-form
        {
            flex-basis: 45%;
        }
     }
      @media screen and (max-width:838px)
     {
       
       .flight-booking-image
        {
            flex-basis: 98%;
        }
        .flight-booking-image img
        {
            height: 350px;
        }
        .flight-booking-form
        {
            flex-basis: 98%;
        }
     }
      @media screen and (max-width:408px)
      {
        .flight-booking-form h1
        {
            font-size: 25px;
        }
      }

      /*train booking section css code*/
    .train-booking-section
    {
        width: 100%;
        padding: 30px 20px;
        background-color:rgba(0, 0, 0, 0.1);
    }
    .train-booking-columns
    {
        width: 80%;
        margin: 50px auto 50px auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;

    }
    .train-booking-image
    {
        flex-basis: 35%;
        display: flex;
    }
    .train-booking-form
    {
        flex-basis: 38%;
        padding: 0 35px;
        line-height: 1.6;
        background-color: white;
    }
    .train-booking-img
    {
        width: 100%;
        object-fit: cover;
        filter: saturate(150%);
        height: 560px;
    }
    .train-booking-form h1
    {
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 15px;
        padding-bottom: 5px;
        position: relative;
    }
    .train-booking-form h1::before
    {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 13%;
        background-color: darkred;
        height: 5px;
        border-radius: 5px;
    }
    .train-booking-form form
    {
        width: 100%;
    }
    .train-booking-form-inputs
    {
        display: flex;
        flex-direction: column;
        margin-bottom: 12px;
    }
    .train-booking-form-inputs label
    {
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .train-booking-form-inputs input
    {
        padding: 8px 6px;
        font-size: 15px;
    }
    .train-booking-form-inputs input::placeholder
    {
        color: gray;
    }
    .train-booking-form-inputs textarea
    {
         padding: 10px 6px;
        font-size: 16px;
        height: 100px;

    }
     .train-booking-form-inputs textarea::placeholder
     {
        color: gray;
     }
     .train-booking-btn
     {
        padding: 12px 50px;
        font-size: 17px;
        font-weight: bold;
        border-radius: 5px;
        border: none;
        background-color: darkred;
        color: white;
        cursor: pointer;
        margin: 15px 0;
     }
     .train-booking-btn:hover
     {
        background-color: black;
     }
     @media screen and (max-width:1598px)
     {
        .train-booking-columns
        {
            width: 100%;
        }
     }
     @media screen and (max-width:1188px)
     {
        .train-booking-image
        {
            flex-basis: 45%;
        }
     }
      @media screen and (max-width:958px)
     {
       
        .train-booking-form
        {
            flex-basis: 45%;
        }
     }
      @media screen and (max-width:838px)
     {
       
       .train-booking-image
        {
            flex-basis: 98%;
        }
        .train-booking-image img
        {
            height: 350px;
        }
        .train-booking-form
        {
            flex-basis: 98%;
        }
     }
      @media screen and (max-width:408px)
      {
        .train-booking-form h1
        {
            font-size: 25px;
        }
      }

/*volvo booking section css code*/
    .volvo-booking-section
    {
        width: 100%;
        padding: 30px 20px;
        background-color:rgba(0, 0, 0, 0.1);
    }
    .volvo-booking-columns
    {
        width: 80%;
        margin: 50px auto 50px auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;

    }
    .volvo-booking-image
    {
        flex-basis: 35%;
        display: flex;
    }
    .volvo-booking-form
    {
        flex-basis: 38%;
        padding: 0 35px;
        line-height: 1.6;
        background-color: white;
    }
    .volvo-booking-img
    {
        width: 100%;
        object-fit: cover;
        filter: saturate(150%);
        height: 560px;
    }
    .volvo-booking-form h1
    {
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 15px;
        padding-bottom: 5px;
        position: relative;
    }
    .volvo-booking-form h1::before
    {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 13%;
        background-color: darkgoldenrod;
        height: 5px;
        border-radius: 5px;
    }
    .volvo-booking-form form
    {
        width: 100%;
    }
    .volvo-booking-form-inputs
    {
        display: flex;
        flex-direction: column;
        margin-bottom: 12px;
    }
    .volvo-booking-form-inputs label
    {
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .volvo-booking-form-inputs input
    {
        padding: 8px 6px;
        font-size: 15px;
    }
    .volvo-booking-form-inputs input::placeholder
    {
        color: gray;
    }
    .volvo-booking-form-inputs textarea
    {
         padding: 10px 6px;
        font-size: 16px;
        height: 100px;

    }
     .volvo-booking-form-inputs textarea::placeholder
     {
        color: gray;
     }
     .volvo-booking-btn
     {
        padding: 12px 50px;
        font-size: 17px;
        font-weight: bold;
        border-radius: 5px;
        border: none;
        background-color: darkgoldenrod;
        color: white;
        cursor: pointer;
        margin: 15px 0;
     }
     .volvo-booking-btn:hover
     {
        background-color: black;
     }
     @media screen and (max-width:1598px)
     {
        .volvo-booking-columns
        {
            width: 100%;
        }
     }
     @media screen and (max-width:1188px)
     {
        .volvo-booking-image
        {
            flex-basis: 45%;
        }
     }
      @media screen and (max-width:958px)
     {
       
        .volvo-booking-form
        {
            flex-basis: 45%;
        }
     }
      @media screen and (max-width:838px)
     {
       
       .volvo-booking-image
        {
            flex-basis: 98%;
        }
        .volvo-booking-image img
        {
            height: 350px;
        }
        .volvo-booking-form
        {
            flex-basis: 98%;
        }
     }
      @media screen and (max-width:408px)
      {
        .volvo-booking-form h1
        {
            font-size: 25px;
        }
      }

/*book-car booking section css code*/
    .book-car-booking-section
    {
        width: 100%;
        padding: 30px 20px;
        background-color:rgba(0, 0, 0, 0.1);
    }
    .book-car-booking-columns
    {
        width: 80%;
        margin: 50px auto 50px auto;
        display: flex;
        justify-content: center;
        flex-wrap: wrap;

    }
    .book-car-booking-image
    {
        flex-basis: 35%;
        display: flex;
    }
    .book-car-booking-form
    {
        flex-basis: 38%;
        padding: 0 35px;
        line-height: 1.6;
        background-color: white;
    }
    .book-car-booking-img
    {
        width: 100%;
        object-fit: cover;
        filter: saturate(150%);
        height: 560px;
    }
    .book-car-booking-form h1
    {
        font-size: 30px;
        margin-bottom: 10px;
        margin-top: 15px;
        padding-bottom: 5px;
        position: relative;
    }
    .book-car-booking-form h1::before
    {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 13%;
        background-color: rgba(0, 0, 0,0.6);
        height: 5px;
        border-radius: 5px;
    }
    .book-car-booking-form form
    {
        width: 100%;
    }
    .book-car-booking-form-inputs
    {
        display: flex;
        flex-direction: column;
        margin-bottom: 12px;
    }
    .book-car-booking-form-inputs label
    {
        font-size: 17px;
        font-weight: bold;
        margin-bottom: 5px;
    }
    .book-car-booking-form-inputs input
    {
        padding: 8px 6px;
        font-size: 15px;
    }
    .book-car-booking-form-inputs input::placeholder
    {
        color: gray;
    }
    .book-car-booking-form-inputs textarea
    {
         padding: 10px 6px;
        font-size: 16px;
        height: 100px;

    }
     .book-car-booking-form-inputs textarea::placeholder
     {
        color: gray;
     }
     .book-car-booking-btn
     {
        padding: 12px 50px;
        font-size: 17px;
        font-weight: bold;
        border-radius: 5px;
        border: none;
        background-color: rgba(0, 0, 0,0.9);
        color: white;
        cursor: pointer;
        margin: 15px 0;
     }
     .book-car-booking-btn:hover
     {
        background-color: black;
     }
     @media screen and (max-width:1598px)
     {
        .book-car-booking-columns
        {
            width: 100%;
        }
     }
     @media screen and (max-width:1188px)
     {
        .book-car-booking-image
        {
            flex-basis: 45%;
        }
     }
      @media screen and (max-width:958px)
     {
       
        .book-car-booking-form
        {
            flex-basis: 45%;
        }
     }
      @media screen and (max-width:838px)
     {
       
       .book-car-booking-image
        {
            flex-basis: 98%;
        }
        .book-car-booking-image img
        {
            height: 350px;
        }
        .book-car-booking-form
        {
            flex-basis: 98%;
        }
     }
      @media screen and (max-width:408px)
      {
        .book-car-booking-form h1
        {
            font-size: 25px;
        }
      }

    /*ALL DESTINATION PACKAGES CSS CODE*/
        .all-destinations
        {
            width: 100%;
            padding: 40px 20px;
            background-color: rgba(0, 0, 0, 0.1);
            overflow: hidden;
        }
        .all-destinations h1
        {
            font-family: var(--bibo-swash-font);
            font-size: var(--title-font-size);
            letter-spacing: 1.5px;
            margin-bottom: 10px;
            text-align: center;
        }
        .all-destinations h3
        {
            font-size: 20px;
            text-align: center;
            margin:20px 0;
            font-weight: 100;
            letter-spacing: 0.6px;
            width: 75%;
            margin: 30px auto 40px auto;
        }
        .all-destinations .seprator
        {
            width: 250px;
            margin: auto;
            margin-bottom: 10px;
        }
        .all-destinations-columns
        {
            width: 85%;
            display: flex;
            justify-content: center;
            align-content: ;
            row-gap: 18px;
            margin: auto;
            flex-wrap: wrap;
        }
        .all-destinations-packages
        {
            flex-basis: 15%;
            display: flex;
            margin-left: 20px;
        }
        .all-destinations-locations
        {
            flex-basis: 30%;
            line-height: 1.4;
            padding: 10px 20px;
            background-color: white;
            display: flex;
        }
        .all-destinations-img
        {
            width: 100%;
            height: 220px;
            object-fit: cover;
            display: flex;
            filter: saturate(150%);
        }
        .all-destinations-locations-cards h2
        {
            margin-bottom: 8px;
            margin-top: 5px;
        }
        .all-destinations-locations-cards p
        {
            font-weight: bold;
            color: gray;
        }
        .icons-destinations
        {
            display: flex;
            align-items: center;
            margin: 15px 0;
            column-gap: 12px;
        }
        .icons-destinations i
        {
            color: var(--base-color);
        }
        .view-all-destination-buttons
        {
            display: flex;
            align-items: center;
            justify-content: space-between;
            margin-top: 15px;
            margin-bottom: 8px;
            padding: 0 10px;
        }
        .view-all-destination-buttons a
        {
            background-color: var(--base-color);
            font-size: 16px;
            font-weight: bold;
            color: white;
            border-radius: 3px;
            cursor: pointer;
            border: none;
            padding: 8px 35px;
            letter-spacing: 0.6px;
        }
        .view-all-destination-buttons a:hover
        {
            background-color: black;
        }
        .view-all-destination-buttons h4
        {
            font-size: 25px;
            font-style: italic;
        }
        .destination-pagination
        {
            width: 100%;
            text-align: center;
            margin: 40px auto 20px auto;
            display: flex;
            align-items: center;
            justify-content: center;
            column-gap: 12px;
            row-gap: 10px;
            flex-wrap: wrap;
            padding: 0 15px;
        }
        .destination-pagination .active
        {
            background-color: black;
            color: white;
        }
        .destination-pagination a
        {
            font-size: 16px;
            font-weight: bold;
            border: 1px solid gray;
            color: black;
            border-radius:100%;
            padding: 15px;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 38px;
            height: 38px;
        }
        .destination-pagination a:hover
        {
            background-color: black;
            color: white;
        }
        @media screen and (max-width: 1664px)
        {
            .all-destinations-columns
            {
                width: 100%;
            }
        }
         @media screen and (max-width: 1444px)
        {
             .all-destinations-packages
             {
                flex-basis: 30%;
             }
            .all-destinations-locations
            {
                flex-basis: 50%;
            }
        }
         @media screen and (max-width: 870px)
        {
            .all-destinations-columns
            {
                width: 100%;
                row-gap: 0;

            }
             .all-destinations-packages
             {
                flex-basis: 100%;
                margin: 0;

             }
            .all-destinations-locations
            {
                flex-basis: 100%;
                margin-bottom: 20px;

            }
        }

        /* custom css */
        /* Chrome, Safari, Edge, Opera */
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type=number] {
    -moz-appearance: textfield;
}


/* active class for menu  */
/* main menu active */
ul > li.active-menu{
    background:#64a507;
}

/* text white */
ul > li.active-menu > a{
    color:#fff !important;
}