/*
Theme Name: Twenty Seventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen brings your site to life with header video and immersive featured images. With a focus on business sites, it features multiple sections on the front page as well as widgets, navigation and social menus, a logo, and more. Personalize its asymmetrical grid with a custom color scheme and showcase your multimedia content with post formats. Our default theme for 2017 works great in many languages, for any abilities, and on any device.
Version: 3.9
Tested up to: 6.8
Requires at least: 4.7
Requires PHP: 5.2.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, block-patterns

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}
body{
    font-family: "Noto Sans Devanagari", sans-serif!important;
}
article,
aside,
footer,
header,
nav,
section {
	display: block;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

a:active,
a:hover {
	outline-width: 0;
}

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: 700;
}

/* CSS */
.itinerary-card {
  background-color: #f9fafb; /* light gray */
  padding: 16px;
  border-radius: 8px;
  margin-bottom: 8px;
}

.itinerary-flex {
  display: flex;
  gap: 16px;
  align-items: center;
}

.day-badge {
      background-color: #f97316;
    color: #fff;
    padding: 4px 12px;
    border-radius: 9999px;
    font-size: 14px;
    font-weight: 500;
    width: 90px;
    text-align: center;
}

.itinerary-title {
  font-size: 16px;
  font-weight: 600;
  color: #111827; /* dark gray */
  margin: 0;
}

.itinerary-text {
  font-size: 15px;    padding-left: 106px;
  color: #4b5563; /* medium gray */
  margin-top: 4px;
}


.introPackage h2 {
  font-size: 1.5rem;
  font-weight: 600;
  color: #111827; /* dark gray */
  margin-bottom: 1rem;
}

.introPackage p {
  color: #374151; /* medium gray */
  line-height: 1.7;
  margin-bottom: 1rem;
}

.whyChooseBg {
  background-color: #fff7ed; /* light orange background */
  padding: 1rem;
  border-radius: 8px;
  margin-top: 1rem;
  margin-bottom: 1.5rem;
}

.whyChooseBg h3 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #9a3412; /* deep orange */
  margin-bottom: 0.75rem;
}

.whyChooseBg ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0.95rem;
  color: #374151;
}

.whyChooseBg  li {
  margin-bottom: 0.5rem;
  line-height: 1.5;
  position: relative;
  padding-left: 1.25rem;
}

.whyChooseBg  li::before {
  content: "•";
  position: absolute;
  left: 0;
  color: #f97316; /* orange bullet */
  font-weight: bold;
}


.inc {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 20px;
  margin-bottom: 20px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.05);
}

.inc ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(350px,1fr));
  gap: 10px 20px;
}

.inc ul li {
  font-size: 0.95rem;
  color: #374151;
  padding-left: 20px;
  position: relative;
  line-height: 1.5;
}

.inc ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #ea580c; /* orange dot */
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 8px;
}

.inc.exc ul li::before {
  content: "";
  width: 8px;
  height: 8px;
  background: #dc2626; /* red dot */
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 8px;
}
.packageRight h2{
	    border-radius: 5px 5px 0 0;
}
.form-input {
  width: 100%;
  padding: 0.5rem 0.75rem; /* py-2 px-3 */
  border: 1px solid #d1d5db; /* border-gray-300 */
  border-radius: 0.375rem; /* rounded-md */
  outline: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}

.form-input:focus {
  border-color: transparent;
  box-shadow: 0 0 0 2px #f97316; /* orange-500 ring */
}
.btn-orange {
  width: 100%;
  background-color: #f97316; /* orange-500 */
  color: #fff;
  font-weight: 500; /* medium */
  padding: 0.5rem 1rem; /* py-2 px-4 */
  border: none;
  border-radius: 0.375rem; /* rounded-md */
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}

.btn-orange:hover {
  background-color: #ea580c; /* orange-600 */
}
form textarea{
	height: 70px;
}



/* Main nav wrapper */
.main-nav {
  border-bottom: 0;
  padding: 10px 20px;
}

/* Top level menu */
.main-menu {
  display: flex;
  gap: 20px;
  list-style: none;
  margin: 0;
  padding: 0;
  font-weight: 500;
}

/* Links */
.main-menu > li > a {
  text-decoration: none;
  color: #fff;
  transition: color 0.3s ease;
   font-weight: 600;	
}

.main-menu > li > a:hover {
  color: #f97316; /* orange */
}

/* Dropdown wrapper */
.main-menu li.menu-item-has-children {
  position: relative;
}

/* Dropdown */
.main-menu li ul {
  position: absolute;
  top: 100%;
  left: 0;
  width: 220px;
  background: #fff;
  border: 1px solid #ddd;
  border-radius: 6px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease;
  list-style: none;
  margin: 0;
  padding: 0;
  z-index: 999;
}

/* Dropdown items */
.main-menu li ul li a {
  display: block;
  padding: 10px 15px;
  color: #333;
  font-size: 14px;
}

.main-menu li ul li a:hover {
  background: #f7f7f7;
}

/* Show dropdown on hover */
.main-menu li.menu-item-has-children:hover > ul {
  opacity: 1;
  visibility: visible;
}
.itinerary-card h5{
color: #f97316; font-weight: 600;
}
.itinerary-card h5,.itinerary-card ul{
    padding-left: 106px;
    margin-top: 4px;
}
.itinerary-card li,.introPackage li{
   font-size: 16px;
    color:#374151;
    margin-top: 4px;
    list-style: disc;
    list-style-position: inside;
}
.formLabel{
    min-width: 50%;
}
.bottomBarBg{
    background: #fff;
}
.bottomBarBg img{
    position: absolute;
    width: 102px;
    height: auto;
    padding: 5px;
	margin-top: 5px;
}
.heroBanner{
    margin-bottom: 20px;
   padding-left: 1px !important;
    padding-right: 1px !important;
}
.topBg{
    background: #b8defc;
}
.dLogo{
    padding-left: 109px;
    color: #202063;
    text-transform: capitalize;
    font-weight: 400;
}
.only_mobile_social_links{
    display: none;
}
.packageText p{
   margin-bottom: 10px;
    text-align: left;
    color: #4b5563;
    line-height: 1.6;
}
#mobile-menu{
    display: none;
}
.text-sm {
    font-size: 11px!important;
}
.packageText h2,.blogDetailTxt h2{
    font-size: 22px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 1rem;
}
.introPackage h3,.packageText h3,.blogDetailTxt h3 {
    font-size: 20px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 1rem;
}
.introPackage h4,.packageText h4,.blogDetailTxt h4 {
    font-size: 18px;
    font-weight: 600;
    color: #111827;
    margin-bottom: 1rem;
}
.packageText p{
    padding-left: 0!important;
    padding-right: 0!important;
}

/* Base list reset */
.blogDetailTxt ul,
.blogDetailTxt ol,.packageText ul {
  margin: 16px 0;
  padding-left: 22px;
}

/* Common list item */
.blogDetailTxt ul li,
.blogDetailTxt ol li,.packageText ul li {
  margin-bottom: 8px;
  line-height: 1.6;
}

.blogDetailTxt ul li,.packageText ul li {
  list-style-type: disc;
}
.blogDetailTxt ol li {
  list-style-type: decimal;
}
@media only screen and (max-width:767px){
    #mobile-menu{
        display: block;
    }
    .only_mobile_social_links {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 99;
        display: block;
        width: 100%;
        padding: 13px 6px;
        box-shadow: 0px -4px 15px -3px rgb(0 0 0 / 7%), -2px -7px 20px -2px rgb(0 0 0 / 4%);
        background-color: #fff;
    }

    .only_mobile_social_links ul {
        margin: 0;
        padding: 0;
        display: flex;
        gap: 10px;
    }

    .only_mobile_social_links ul li {
        list-style: none;
        background-color: #00a680;
        /* width: 32.6%; */
        border-radius: 4px;
        flex: 1 0 0;
    }

    .only_mobile_social_links ul li:nth-child(1) a {
        padding: 9px 0 6px;
        display: flex
;
        justify-content: center;
    }

    .only_mobile_social_links ul li:nth-child(2) {
        background-color: transparent;
        border: 1px solid #233146;
    }

    .only_mobile_social_links ul li:nth-child(2) a {
        color: #233146;
        padding: 10px 0 11px;
    }

    .only_mobile_social_links ul li a {
        text-decoration: none;
        display: block;
        color: #fff;
        text-align: center;
        padding: 12px 12px;
        font-weight: 700;
        font-size: 14px;
    }
.only_mobile_social_links ul li:last-child{
   background: #ea580c; 
}

    .only_mobile_social_links ul li a img {
        width: 29px;
        transform: translate(2px, -2px);
    }
    .formLabel{
        margin-bottom: 15px;
    }
    #mobile-menu .main-menu{
        display: block;
    }
     #mobile-menu .main-menu a{
         color: #000;
     }
      #mobile-menu .main-menu li{
          border-bottom: solid 1px rgb(204 204 204 / 23%);
        padding: 10px 0;
      }
      #mobile-menu .main-menu li ul li a{
          padding: 0 15px;
      }
      #mobile-menu .main-menu li ul li:last-child{
          border: 0;
      }
      .main-menu li ul{
         position: static;
        box-shadow: inherit;
        border: 0;
        width: auto;
        visibility: visible;
        opacity: 1;
      }
	  .homePage h2{
		font-size: 27px;
    	text-align: center;
    	color: #f97316;
	  }
	  #openModal{
		  color:#000!important;padding-top: 12px!important;
	  }
}