body{overflow-x: hidden; font-family: "Mulish", serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  background:white;
}

:root{
    --main-color:#f8831c;
    --sub-color:rgb(31, 75 ,122);
}
.sub-color{color:var(--sub-color);}
.text-justify{text-align:justify;}
/* my-btn{background-color: var(--main-color); font-weight:600; border-radius:10px; color:black;} */

.on-scroll{scroll-margin-top:150px;}

.bg-color{background-color: var(--main-color);}
.bg-subcolor{background-color: var(--sub-color); color:white;}
.hcolor{color:var(--main-color);}
.bg-black{background-color:black;}
.border-mycolor{border:4px solid var(--main-color);}
.navbar{box-shadow: 0 0 4px #cb781280;}
.navbar .nav-link{font-size:17px; text-transform: capitalize; font-weight: 600;}
.navbar .nav-link:hover{color:var(--main-color);}
.navbar-nav {column-gap: 20px;}

.social-icons a{color:white; }
/*********/
.dropdown-menu{left: 37% !important;
  transform: translateX(-50%) !important;}

.set-top{top:90px; z-index:1;}

.packages .nav-link{color:black; font-weight:600 ; font-size:20px;}
/*.packages .nav-pills{border-top:3px solid var(--main-color);}*/

.bg-myclr{background:var(--main-color);}

.accordion-button {font-size:1.3rem;}

.packages-text  h1{font-size:2rem; color:var(--sub-color);font-weight:700; }
.packages-text  h2{font-size:1.5rem; font-weight:601; color:var(--sub-color);}
.packages-text  h3{font-size:1.2rem; font-weight:600; color:var(--sub-color);}
.packages-text  h4{font-size:0.8rem; font-weight:600; color:var(--sub-color);}


.packages-text ul{list-style-type:none;}
.packages-text li {
    position: relative;
    padding-left: 35px;
    line-height: 1.5;
}
.packages-text li::before {
    content: '\f560';
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    padding: 1px 10px;
    color: var(--main-color);
    /*display:flex;*/
    position:absolute;
    left:0;
}



.pkg-info ul{list-style-type:none;}
.pkg-info li {
    position: relative;
    padding-left: 35px;
    line-height: 1.5;
}
.pkg-info li::before {
    content: '\f560';
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    padding: 1px 10px;
    color: var(--main-color);
    position:absolute;
    left:0;
    /*display:flex;*/
}
.pkg-info h1{font-size:2rem; color:var(--sub-color);font-weight:700; }
.pkg-info h2{font-size:1.5rem; font-weight:601; color:var(--sub-color);}
.pkg-info h3{font-size:1.2rem; font-weight:600; color:var(--sub-color);}
.pkg-info h4{font-size:0.8rem; font-weight:600; color:var(--sub-color);}

@media screen and (min-width: 992px) {
  .navbar {
    padding: 0;
    line-height: 3rem;
 }
  .navbar .dropdown-menu {
    line-height: initial;
 }
  .dropdown .dropdown-menu {
    display: none;
 }
  .dropdown:hover > .dropdown-menu, .dropend:hover > .dropdown-menu {
    display: block;
 }
  .dropdown:hover > .dropdown-menu {
    margin-top: -0.5rem;
 }
  .dropend:hover > .dropdown-menu {
    position: absolute;
    top: -0.5rem;
    left: 100%;
    margin-left: 0;
 }
 
 
}

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


.dropdown-menu{left: 0 !important;
  transform: translateX(0%) !important;}}

.mega-content{width:auto !important;}
.mega-content .list-group{border:none !important; border-bottom:1px solid gray !important;}
/***********/

.accordion-button:not(.collapsed) {
    
    background-color: transparent !important;
    
}

.accordion{ --bs-accordion-btn-focus-border-color: #ffffff !important;
    --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgb(255 255 255 / 25%) !important;}
    
    .accordion-item:not(:first-of-type) {
    border-top: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
}

/********/
section {scroll-margin-top: 150px;}

    .heading-with-line { position: relative; display: inline-block; padding-bottom: 2px ; } 
    .heading-with-line::after { content: ""; position: absolute; bottom: 0; left: 17%; width: 60%; height: 2px; background-color: var(--main-color);}

    #amenities{background: linear-gradient(rgba(0,0,0,0.8),rgba(0,0,0,0.5)),url(../images/002.jpeg) fixed center no-repeat; background-size: cover; color:white;}

    #amenities .bg-black:hover h5{color:var(--main-color);}

    #location {background:#e7e7e7;}

    .contact-box {
        border-radius: 30px;
        border-top: 5px solid var(--main-color);
    }

    footer{background:#e7e7e7;}

    footer a{color:black;}

    footer a:hover{color:var(--main-color);}
    
    .bg-ftpcontact{background-color: var(--sub-color); }
    .bg-ftpcontact a{color:rgb(255, 255, 255); text-decoration: none;}

    .set-margin{margin-bottom:35px;}

    /*  return to top */
#btnreturntotop {
	display: none; 
	position: fixed; 
	bottom: 40px; 
	right: 21px; 
	z-index: 9999; 
	border: none; 
	outline: none; 
	background-color: #ef7f1a;
	color: white; 
	cursor: pointer; 
	border-radius: 50%; 
	font-size: 18px;
	height:40px;
	width:40px;
}
/******/
#btnreturntotop  i{margin:5px 3px;}

.my-btn{background-color: var(--main-color); color:white; padding:5px; font-weight:500;}
.my-btn:hover{color:black; transition:2s; background-color:var(--main-color); }

#location ul{list-style-type: none;}
#location li::before {
    content: '\f058';
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    padding: 1px 10px;
    color: var(--main-color);
    /*display:flex;*/
}
.banner img {height:60vh; object-fit: cover;}

.carousel-wrap {
  margin: 5px auto;
  padding: 0 ;
  width: 100%;
  position: relative;
}

/* fix blank or flashing items on carousel */
.owl-carousel .item {
  position: relative;
  z-index: 100; 
  -webkit-backface-visibility: hidden; 
  margin:10px;
}

/* end fix */
.owl-nav > div {
  margin-top: -26px;
  position: absolute;
  top: 50%;
  color: #cdcbcd;
}

.owl-nav i {
  font-size: 30px;
  color:var(--main-color);
}

.owl-nav .owl-prev {
  left: -5px;
}

.owl-nav .owl-next {
  right: -5px;
}

/***********/

.card {  box-shadow: 0 0 8px 3px rgb(232, 232, 232);}
.card-text {text-align:justify;}
.card-title a {color:black;}
.card-title:hover a{color:var(--main-color);}

.about{background: linear-gradient(rgba(255, 255, 255, 0.849),rgba(255, 255, 255, 0.919)),url(../images/bg-back3.jpg) fixed center repeat; background-size: contain; color:rgb(0, 0, 0);}

.ind-pkgs{background:#e7e7e7;}

.ind-pkgs p{margin-bottom:2px !important;}

.pkgs p{margin-bottom:2px !important;}

.my-circle {
  height: 100px;
  width: 100px;
  -webkit-box-shadow: -10px 1px 0px 0px var(--main-color);
  -moz-box-shadow: -10px 1px 0px 0px var(--main-color);
  box-shadow: -10px 1px 0px 0px var(--main-color);
  object-fit:cover;
}

.quick-links ul li {padding:4px 0;}

.quick-links li::before {
  content: '\f0a9';
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  padding: 1px 10px;
  color: rgb(100, 100, 100);
}

@media only screen and (max-width: 991px) {
    .banner img {height:350px; object-fit: cover;}

.my-circle {
  height: 100px;
  width: 100px;
  -webkit-box-shadow: -10px 1px 0px 0px var(--main-color);
  -moz-box-shadow: -10px 1px 0px 0px var(--main-color);
  box-shadow: -10px 1px 0px 0px var(--main-color);
  object-fit:cover;
}
}
@media only screen and (min-width: 991px) and  (max-width: 1200px){ 

.my-circle {
  height: 70px;
  width: 70px;
  -webkit-box-shadow: -10px 1px 0px 0px var(--main-color);
  -moz-box-shadow: -10px 1px 0px 0px var(--main-color);
  box-shadow: -10px 1px 0px 0px var(--main-color);
  object-fit:cover;
  }

}
/*************/

  .about-banner{background:url('../images/banner1.jpeg') no-repeat  center fixed;  background-size: cover;  height:30vh;}
  
  .overlay{background:linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0)); padding:20px; width:100%;}
  
  /***********/
  
  .list-group-item-action::before{content: '\f0a9';
  font-family: "Font Awesome 5 free";
  font-weight: 900;
  padding: 1px 10px;
  color: rgb(100, 100, 100);}
  
  
  /**********/
   .packages aside.fixed {position: fixed; width:26.39%;}
   
  .reservation aside.fixed {position: fixed; width:20.19% !important;}

 
 #section {
 
  word-wrap: break-word;
}

.moretext {
  display: none;
}

 
@media (max-width: 991px){
   .packages aside.fixed {position: static; width:100%;}
    
    .reservation aside.fixed {position: static; width:100%;}
}
    
    .pkg-info p{ text-align:justify;}
    .packages-text p{text-align:justify;}
    
    
    .exclusion ul{ list-style-type:none;  padding-left: 0rem; }
    .inclusion ul{ list-style-type:none;    padding-left: 0rem;}
    .other ul{ list-style-type:none;    padding-left: 0rem;}
    
    
    .exclusion li {
  position: relative;
  padding-left: 24px; /* Creates space for the icon */
  line-height: 1.5;
}
    .exclusion ul li::before{
    content:"\f057";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    padding: 1px 10px;
    color: var(--main-color);
    padding-left: 0rem; 
    position: absolute;
    left: 0;
    }
    
  .inclusion  li {
  position: relative;
  padding-left: 24px; /* Creates space for the icon */
  line-height: 1.5;
}

    
    .inclusion ul li::before{
        content:"\f058";
        font-family: "Font Awesome 5 free";
        font-weight: 900;
        color: var(--main-color);
        position: absolute;
        left: 0;
        /*top: 50%;*/
        /*transform: translateY(-50%);*/
        }
        
        .other li {
  position: relative;
  padding-left: 24px; /* Creates space for the icon */
  line-height: 1.5;
}
    .other ul li::before{
    content:"\f35a";
    font-family: "Font Awesome 5 free";
    font-weight: 900;
    padding: 1px 10px;
    color: var(--main-color);
    padding-left: 0rem; 
    position: absolute;
    left: 0;
    }
    .set-position {
        top: 72%;
        right: 29%;
        }
    .blogs h4 ,h5 , h6{font-weight:700;}
    
    .blogs a{color:black;}
    
    .blogs a:hover{color:var(--main-color);}
    .blogs p{text-align:justify;}
    
    .car-rental .card img{height:300px; object-fit: contain !important; width:auto !important; background:#e7e7e7;}
    
    .esim-banner .carousel-item img{height:60vh; object-fit:cover;}
    .country .card img{height:300px;}
    
    .services{background:#e7e7e7;}
    
    .why-choose{background: linear-gradient(rgba(255,255,255,0.8),rgba(255,255,255,0.9)),url(../images/why-back.jpg) fixed bottom no-repeat; background-size: cover; color:black;}
    
    .n-reviews .owl-carousel .item img{width:80px !important; height:80px !important; padding:10px;}
    
    .reviews-info {height:200px; overflow-y:auto;}