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;} */

.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:black; }
/*********/
.dropdown-menu{left: 37% !important;
  transform: translateX(-50%) !important;}

@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;}
/***********/

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

    .heading-with-line { position: relative; display: inline-block; padding-bottom: 10px; } .heading-with-line::after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; 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);
}
.banner img {height:60vh; object-fit: cover;}

.carousel-wrap {
  margin: 45px 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;}

.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), #000); 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);}
  
  
  /**********/
   aside.fixed {position: fixed; width:26.39%;}
 
@media (max-width: 991px){
    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;}
    
    .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; 
    }
    
    .inclusion ul li::before{
        content:"\f058";
           font-family: "Font Awesome 5 free";
    font-weight: 900;
    padding: 1px 10px;
    color: var(--main-color);
    }
    
    .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;}