@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');


body {
padding:0;
}

:root{
    /*--theme-color: #653405;*/
	--primary-color: #cd4a34;
	--secondary-theme-color: #49c800;
	--third-color: #053650;
	--white-color: #ffffff;
	--button-color: #000000;
	--dark-color: #000000;
}

.bg-light {
    background-color: #ffffff !important;
}

.navbar {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* justify-content: space-between; */
    padding-top: 2px;
    padding-bottom: 2px;
}



.navbar-light .navbar-nav .nav-link {
    color:#000000;
    font-size: 14px!important;
	padding:10px 16px;
	font-weight:500;
	text-transform:uppercase;
	font-family: "Poppins", sans-serif;
}

.navbar-light .navbar-nav .nav-link:hover {
    background-color:#023651;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cd4a34+0,023651+100 */
background: linear-gradient(to bottom,  rgba(205,74,52,1) 0%,rgba(2,54,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	color:#ffffff;
	border-radius:3px;
}


.dropdown-item {
    padding: .25rem 1rem;
	font-size: 11px!important;
	text-transform: uppercase;
    border-bottom: solid 1px #cccccc;
}

.dropdown-menu {
    padding: .5rem 0 0;
}

.booknow_button{
background-color:#023651;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cd4a34+0,023651+100 */
background: linear-gradient(to bottom,  rgba(205,74,52,1) 0%,rgba(2,54,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color:#ffffff; border-radius:3px;
}
.booknow_button_mobile{display:none;}
.text-danger{color:var(--primary-color)!important;}
.btn-danger{background-color:var(--primary-color)!important;}

.headertop a {text-decoration:none;}

.marquee1, #mycrawler2 {
    background-color: var(--secondary-theme-color) !important; padding:20px 0 40px; margin-top:20px;
}
.marquee_img {
    width:300px; height:200px; border:solid 2px #ffffff;
}

.sticky {
  background:#f1f1f1;	
  position: fixed!important;
  top: 0;
  width: 100%;
  z-index:400;
}

.sticky + .content {
  padding-top: 102px;
}

.social-icons__link{
    display:inline-block;
    color:rgb(0, 0, 0);
    transition: color 0.2s;
	padding:0 4px 0;
	margin-top:16px;
}
.block-header__button {
	display:block;
	text-decoration:none;
	font-size:18px;
	font-weight:500;
	padding:16px 50px;
    border-width: 0px;
    background-color: rgb(184, 57, 59);
    color: rgb(255, 255, 255);
    border-color: rgb(0, 0, 0);
}
.block-header__button:hover {color: rgb(255, 255, 255);}

.contentwrapper{padding:8% 3% 8%; position:relative;}
.contentwrapper2{padding:2% 3% 8%; position:relative;}
.contentwrapper3{padding:0 3% 8%; position:relative;}
.contentwrapper4{padding:4% 3%; position:relative;}

h1,h2,h3,h4,h5,h6{font-family: "Poppins", sans-serif;
  font-weight:bold;
  color:var(--primary-color);}

h1 span,h2 span,h3 span,h4 span,h5 span,h6 span{color:#49c800!important;}

h4,h5,h6{color:var(--secondary-theme-color) !important;}


h1,h2{font-size:35px; padding:30px 0 20px;}
h3{font-size:32px; font-weight:500; padding-top:30px; color:#a72e84;}


.btn-primary{background-color:var(--secondary-theme-color) !important;}

.bg-secondary {background-color: #f5f5f5 !important;}

.img_border{border:solid 10px #ffc8ec;}

.service_img_border{margin-bottom:50px;}

.text-justify{text-align:justify;}


.accouncement{background:#ffffff; 
background: linear-gradient(to right, rgba(254, 252, 234, 1) 0%, rgb(245 194 65) 49%, rgba(239, 239, 239, 1) 100%);

padding:14px 3px 8px; color:#000000; position:relative; font-family: Arial; font-weight:bold;}

.accouncement strong{font-weight:bold;}

#getintouch{background-color:#000000; background:url(../images/getintouchbg.webp) repeat-x bottom;}
#getintouch > div > div > div{padding:20px 20px 40px; border:solid 2px var(--primary-color) !important; border-radius:20px; background:rgba(255,255,255,0.2);
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.2) 0px 30px 60px -30px, rgba(10, 37, 64, 0.65) 0px -2px 6px 0px inset;
}


.content{font-size:18px;}

#aboutus, #transport{background:url(../images/aboutbg.webp) left bottom fixed; background-image:#000000; color:#ffffff;}

#aboutus h1, #transport h1{color:#ffffff!important;}

#aboutus .readmore, #transport .readmore, #transportgallery .readmore{background:#9fc33b; padding:6px 10px; border-radius:20px; font-size:15px; color:#ffffff; text-decoration:none;}

#aboutusinner{}
#aboutusinner h1 span, #highlights h1 span{color:var(--third-color) !important;}

#highlights{background:url(../images/highlightbg.jpg) no-repeat fixed right top;}

#transport{background:url(../images/transport_homebg.webp) left bottom fixed;}

.thanksfor{font-weight:600!important; font-size:18px!important;}
.thanksfor .heading{color:#dc3545!important; font-weight:bold!important; font-size:28px!important;}


.block > div > div{
position:relative;
border:0; width:95%; margin:10px auto 50px; padding:50px 10px 10px; text-align:center;
}
.block > div > div > .icon{padding:10px 0; position:absolute; left:0; right:0; margin:auto; top:-30px; border:solid 1px var(--dark-color)!important; border-radius:50%; width:80px; height:80px; background:#ffffff;}
.block > div > div > .icon i{font-size:40px; color:var(--theme-color)!important;}
.block > div > div > strong{padding:10px 0; display:block; text-transform:uppercase; font-size:13px;}
/*==========social link==========*/
.sociallink {
    width: 100%;
}
.sociallink{width:100%;}
.sociallink > a{
float:left!important; 
width:30px; 
margin:20px 10px 0 0;
}

.map{margin:50px 0 0;}

.fa1 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffffff;
	background:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
	
	-moz-transform: rotate(360deg);
  -webkit-transform: rotate(360deg);
  -ms--transform: rotate(360deg);
  transform: rotate(360deg);
  -webkit-transition: all 0.6s;
  -moz-transition: all 0.6s;
  -o-transition: all 0.6s;
  -ms-transition: all 0.6s;
  transition: all 0.6s;
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-search-plus {
  background: #ff960b;
  color: #084298 !important;
}

.fa2 {
  padding: 10px;
  font-size: 44px!important;
  width: 44px;
  height: 44px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa2:hover, .fa2:active {
    opacity: 1;
	color:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa2-facebook, .fa2-twitter,
 .fa2-youtube, .fa2-search-plus {color:#ffffff!important;}
/*==========social link end==========*/

.flex-fill {position:relative;}

.width1{width:45%;}
.width2{width:52%; padding:0 20px 20px; text-align:justify;}
.bd-highlight{background:#f2fbf9;}
.accordion-item, .accordion-button {background:none;}
.accordion-button:not(.collapsed) {
    color: #000000;
    background:none;
	font-weight: bold;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0);
}
.accordion-button {font-size:1.8rem; font-weight:500; color:var(--primary-color) !important; font-weight: bold;}
.accordion-button:focus {
    border:0;
	background-color:#f5efbc;
    box-shadow: 0 0 0 .25rem rgba(13,110,253,0);
}


#package, #premiumpackage{font-size:15px;}

#premiumpackage{background:#900;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#0f3804+0,198754+100 */
background: linear-gradient(45deg,  #0f3804 0%,#198754 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
margin-bottom:20px;
}

#package h3, #premiumpackage h3{font-size:16px; font-weight:600; color:#000000!important;}
#package .block{width:100%; height:250px; overflow:hidden;}
#package .block img{width:100%; height:300px; transition:ease-in all 0.3s;}
#package .block img:hover{transform:scale(1.1);}

#package .h2{font-size:22px; padding: 10px 0 3px; font-weight: 600; color:var(--third-color) !important;}
#package h3{padding-top: 3px;}


#premiumpackage img{width:100%; height:270px;}

#premiumpackage .col-lg-6 > div{background:#ffffff;}
#premiumpackage h2, #premiumpackage h2 span{color:#ffffff!important;}

.packagebg{background:url(../images/packagebg.webp) no-repeat center; font-size:29px; font-weight:bold; color:#ffffff; padding:100px 5px 70px;}

#package .btn{display:block; margin-top:20px;}


#service{font-size:15px;}
#service h3{font-size:16px; text-transform:uppercase; font-weight:600;}
#service img{width:70px; height:auto;}


#associate img{width:100%; height:auto;}

.video > div > div{width:100%; background:#f1f1f1; margin:0 auto;  padding:0;}
.video > div > div img{border-radius:20px 20px 0 0; width:100%; height:400px;}
.video > div > div strong{padding:5%; display:block; color:#bd6824; font-size:20px; font-family: "Poppins", sans-serif; font-weight:400;}

.video > div > div .button{background-color: rgb(184, 57, 59); color:#ffffff; text-decoration:none; padding:6px 25px; border-radius:20px; font-size:18px; font-weight:600;}
.video h5{background: linear-gradient(45deg, #198754 0%, #000000 100%); font-size:14px;}

.video iframe{}

#gallery > div > div > div > div{width:100%; margin:0 auto 4px; padding:0;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
position:relative; overflow:hidden;
}

#gallery > div > div > div > div strong {
    padding: 2%; display: block; color: #bd6824; font-size: 20px; font-family: "Poppins", sans-serif; font-weight:400;
}
#gallery > div > div > div > div img{width:100%; margin:0 auto; padding:0; overflow:hidden; height:370px; border-radius:0; transition:ease-out all 0.3s;}

#gallery > div > div > div > div img:hover{transform:scale(1.1); }

#gallery > div > div > div > div .caption{position:absolute; z-index:100; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.8); padding:9px 5px; color:#ffffff; font-weight:500;
background:#042233;
}


#transportgallery > div > div > div > div{width:100%; margin:0 auto 4px; padding:0;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
position:relative; overflow:hidden;
}

#transportgallery > div > div > div > div strong {
    padding: 2%; display: block; color: #bd6824; font-size: 20px; font-family: "Poppins", sans-serif; font-weight:400;
}
#transportgallery > div > div > div > div img{width:100%; margin:0 auto; padding:0; overflow:hidden; height:320px; border-radius:0; transition:ease-out all 0.3s;}

#transportgallery > div > div > div > div img:hover{transform:scale(1.1); }

#transportgallery > div > div > div > div .caption{position:absolute; z-index:100; left:0; bottom:0; width:100%; background:rgba(0,0,0,0.8); padding:9px 5px; color:#ffffff; font-weight:500;
background:#042233; text-transform:uppercase;
}
#transportgallery .readmore{padding:2px 10px; border-radius:0; font-size:15px; margin-top:5px; display:block;}

.bookingform{padding:14% 8%; margin-top:30px; background:url(../images/enquirybg.webp) fixed bottom repeat-y; background-color:#ffffff;}

.bookingform .block{background-color: rgb(236, 239, 243); width:60%; margin:auto; padding:4%; border-radius:20px;}

.bookingform .block label{padding-top: 16px;}
.bookingform .block .form-control{padding: 16px; border-radius:12px;}

.bookingform .button{
border-radius:50px; border:solid 6px #ffffff; color:rgb(255, 255, 255); padding:12px 40px; margin:20px auto 0;  font-size:36px; width:auto; text-align:center; font-family: "Kaushan Script", cursive;
background: linear-gradient(to bottom, #7af737 0%, #198754 49%, #10563c 51%, #10563c 100%);
}

.bookingform .button a{color:rgb(255, 255, 255); text-decoration:none;}


.btn-group-sm>.btn, .btn-sm {
    padding: 1px 3px;
    font-size: .8rem;
    border-radius: .2rem;
}

.innerbanner {
    padding: 9% 0;
    background: url(../images/innerbanner.webp);
    position: relative;
}

.innerbanner > h2, .innerbanner > h3
 {
    font-size: 45px;
	font-weight:bold;
    padding: 5px 10px 5px;
    color: #ffffff!important;
	text-align:center;
}



.accordion-header {
    margin-bottom: 0;
    border-bottom: solid 1px #7c7c7c;
}

.form-control {
	border:0;
	background:none;
    border-bottom: 1px solid #97999b;
}

.form-control2 {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    border:0;
	border-bottom: 1px solid #93979b!important;

}

.framedesign{box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.6) 0px 30px 60px -30px, rgba(10, 37, 64, 0.65) 0px -2px 6px 0px inset; margin-bottom:30px;}

.tourdetails img{float:left; margin:0 20px 20px 0; width:350px; height:auto;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.6) 0px 30px 60px -30px, rgba(10, 37, 64, 0.65) 0px -2px 6px 0px inset;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.6) 0px 30px 60px -30px, rgba(10, 37, 64, 0.65) 0px -2px 6px 0px inset;
}

/*==========footer ==========*/

.footerimg{background:url(../images/footerimg.webp) repeat-x bottom left; padding:41px 0;}

footer{background-color:#172720!important; color:#textt-dark; font-weight:bold; font-size:14px; border-top: dashed 1px #f5c449;}

.footernav{
   position:relative;
   width:100%;
   margin:50px 0 0;
   padding:4% 3% 2%;
   color:#ffffff;
   background:#0b1211;

}

.footernav strong{color:#ffffff; font-size:12px;}
.footernav ul{padding:0; margin:0;}
.footernav ul li{list-style-type:none;}
.footernav ul li a{padding:5px 0 5px 4px; color:#ffffff; display:block; text-decoration:none; font-size:15px; border-bottom:dashed 1px #ffffff;}

.footernav > .content{font-size:12px;}

.footernav > a{margin:4px; color:#6b6b6b;}

.footernav > .img{position:absolute; z-index:1000; height:40px; width:100%; bottom:0; left:0; background:url(../images/footerimg.png) bottom left;}

footer > div > p > a {color:#ffffff;}
/*==========footer end==========*/

/*==========social link==========*/
.sociallink {
    width: 100%;
}
.sociallink{width:100%;}
.sociallink > a{float:left!important; width:30px; margin:20px 10px 0 0;}

.map{margin:50px 0 0;}

.fa1 {
  padding: 10px;
  font-size: 18px!important;
  width: 36px;
  height: 36px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:var(--theme-color)!important;
}

.fa1:hover, .fa1:active {
    opacity: 1;
	color:#ffffff!important;
	background:#000000;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa1-facebook, .fa1-twitter, .fa1-youtube, .fa1-search-plus {
  background:var(--primary-color) !important;
  color:#var(--theme-color)!important;
  border:solid 1px var(--theme-color);
}

.fa2 {
  padding: 10px;
  font-size: 44px!important;
  width: 44px;
  height: 44px;
  border-radius:50%;
  text-align: center;
  text-decoration: none;
  margin: 20px 2px 0;
  float:left!important;
  color:#000000!important;
}

.fa2:hover, .fa2:active {
    opacity: 1;
	color:#ffffff;
	transition:ease all 0.5s;
	text-decoration:none;
}

.fa2-facebook, .fa2-twitter,
 .fa2-youtube, .fa2-search-plus {color:#ffffff!important;}
/*==========social link end==========*/

.newsletter {
padding: 20px 0;

}

.newsletter h2 {
color: #243c4f;
margin-bottom: 40px; }
.newsletter .form-control {
height: 42px;
border:solid 1px;
border-color: #ffffff;
border-radius:0;
background:#ffffff;
color:#000000;
}
.newsletter .form-control:focus {
box-shadow: none;
border: 2px solid #ffffff;
color:#000000;
}
.newsletter .btn {
min-height: 42px; 
border-radius:0;
background:var(--primary-color);
color: #000000;
font-weight:600;
}

.newsletter::placeholder { 
        
        /* Firefox, Chrome, Opera */ 
        color: #ffffff!important; 
    } 
      
.newsletter:-ms-input-placeholder { 
        
        /* Internet Explorer 10-11 */ 
        color: #ffffff!important; 
    } 
      
.newsletter::-ms-input-placeholder { 
        
        /* Microsoft Edge */ 
        color: #ffffff!important; 
    }
	
	
/*==========scroll Top==========*/
.scrollTop {
    position: fixed;
    right: 4px;
    bottom: 10px;
    background-color:#000000!important;
	border:solid 1px #ffffff;
    padding: 0 15px;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.4s ease-in-out 0s;
    z-index: 2000;
}
.scrollTop a {
    font-size: 30px;
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}
/*==========scroll Top end==========*/
	
.ourvision{margin-top:40px;}	

@media (max-width: 800px) {

.logo{width:230px; height:auto;}

.sticky {
  top: 0;
}

.sticky + .content {
  padding-top: 0;
}

.booknow_button_mobile{
display:block;
background-color:#023651;
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#cd4a34+0,023651+100 */
background: linear-gradient(to bottom,  rgba(205,74,52,1) 0%,rgba(2,54,81,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
color:#ffffff; border-radius:3px; font-weight:500;
margin:3px auto;
}
.booknow_button{display:none;}	
	
h1, h2 {font-size: 23px;}
	
.d-flex {display: block!important;}
.flex-fill{width:100%;}

.block > div > div{margin:20px auto;}

.nav-link {border-bottom: solid 1px #cccccc;}
.width2{padding:0 5% 20px;}

.accouncement {padding: 13px 10px 3px 10px;}

.bookingform{position:relative; top:20px; right:0; margin-bottom:40px;}



.navbar-light .navbar-nav .nav-link
 {font-size: 12px!important; padding: 4px 16px;}
 
 .navbar-light .navbar-nav .nav-link:hover
 {font-size: 12px!important; padding: 4px 16px; background:var(--secondary-theme-color)!important; color:#ffffff!important;}

.packagebg {font-size: 20px;padding: 0px 5px 3px;}

.innerbanner > h2, .innerbanner > h3 {
    font-size: 22px;
}

#transportgallery > div > div > div > div .caption {padding: 4px 5px;}
#transportgallery > div > div > div > div img{width:100%; margin:0 auto; padding:0; overflow:hidden; height:250px; border-radius:0; transition:ease-out all 0.3s;}

.thanksfor{font-size:16px!important; text-align:justify!important;}
.thanksfor .heading{font-size:24px!important;}

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

#highlights{background:none;}

.tourdetails img {
    float: none;
    margin: 0 auto 30px;
    max-width: 300px;
    height: auto;
}

#package a {
    background: #9fc33b;
    padding: 4px 8px;
    border-radius: 20px;
    font-size: 14px;
    color: #ffffff;
    text-decoration: none;
    display: block;
    margin-top: 10px;
    width: 105px;
    text-align: center;
}

}


@media (max-width: 640px) {
	#package img, #premiumpackage img{width:100%; height:auto;}
}
