:root{
    --primary:#244534;
    --primary-dark:#1c3528;

    --secondary:#3a1b0f;
    --secondary-light:#5a2b1b;

    --light-bg:#f6f3ee;
    --text:#333333;
}

body{
/* 	font-family: "Afacad Flux", serif;
	
	font-size: 1.175rem; */
	font-family:"Roboto", serif;
/* 	font-weight: 400; */
/*	font-weight: 300;*/
	font-size: 1rem;

	color: #121212;
}
.logo{
	width:240px;
}
img.custom-logo {
    width: 100%;
    height: auto;
}



.navbar-expand-lg .navbar-nav .nav-link{
	font-weight: 700;
	
	font-size: 1.175rem;
	padding-left: 20px;
	padding-right: 20px;
}
.navbar-nav .nav-link.active, .navbar-nav .nav-link.show {
    background: #c9e265;
    color:#fff;
    border-radius: 6px;
}


section{
    padding:90px 0;
}

img{
    max-width:100%;
    height:auto;
}

.block-title{
    text-align:center;
    margin-bottom:50px;
}

.block-title h1,
.block-title h2{
    font-weight:800;
    margin-bottom:15px;
    line-height:1.2;
}

.block-title h1{
    font-size:48px;
}

.block-title h2{
    font-size:42px;
}

.block-title p{
    font-size:18px;
    color:#666;
    max-width:700px;
    margin:auto;
}

/* ==========================================
   HERO
========================================== */

#hero-section:before{
    background:linear-gradient(
        90deg,
        rgba(36,69,52,.85),
        rgba(58,27,15,.55)
    );
}

.btn-support,
.woocommerce ul.products li.product .button{
    background:var(--primary);
    border:none;
    color:#fff;
}

.btn-support:hover,
.woocommerce ul.products li.product .button:hover{
    background:var(--primary-dark);
}

.block-title h1,
.block-title h2,
.service-box h3,
.v-box h3{
    color:var(--primary);
}

.woocommerce ul.products li.product .price{
    color:var(--secondary);
    font-weight:700;
}

.v-icon{
    color:var(--primary);
}

#about-section{
    background:#faf8f4;
}

.service-box:hover{
    border-left:5px solid var(--secondary);
}

footer{
    background:var(--primary);
    color:#fff;
}

footer a{
    color:#fff;
}

footer a:hover{
    color:#d9c3a3;
}

.py-4.bg-light.border-bottom{
    background:#fff !important;
    border-top:1px solid rgba(36,69,52,.08);
    border-bottom:1px solid rgba(36,69,52,.08);
}

.woocommerce ul.products li.product:hover{
    transform:translateY(-8px);

    box-shadow:
    0 20px 40px rgba(36,69,52,.12);
}


#hero-section{
    position:relative;
    min-height:750px;
    display:flex;
    align-items:center;
    padding:0;
}

#hero-section:before{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
}

.hero-text{
    position:relative;
    z-index:2;
    max-width:700px;
    color:#fff;
}

.hero-title{
    font-size:64px;
    font-weight:800;
    line-height:1.1;
    margin-bottom:25px;
}

.hero-subtitle{
    font-size:22px;
    line-height:1.8;
    max-width:650px;
}

.btn-support{
    background:#f5a623;
    border:none;
    color:#fff;
    padding:15px 40px;
    font-size:18px;
    font-weight:700;
    border-radius:50px;
    transition:.3s;
}

.btn-support:hover{
    transform:translateY(-3px);
}

/* ==========================================
   TRUST BAR
========================================== */

.py-4.bg-light.border-bottom{
    background:#fff !important;
    padding:25px 0 !important;
    border:none !important;
    box-shadow:0 5px 25px rgba(0,0,0,.04);
}

.py-4.bg-light.border-bottom h6{
    font-size:16px;
    font-weight:700;
    margin:0;
}

/* ==========================================
   SHOP SECTION
========================================== */

#seller-section{
    background:#fff;
}

#seller-section .block-title h2{
    margin-bottom:10px;
}

#seller-section .block-title p{
    color:#777;
}

/* WooCommerce Products */

.woocommerce ul.products{
    margin-top:40px;
}

.woocommerce ul.products li.product{
    background:#fff;
    border-radius:24px;
    overflow:hidden;
    padding:18px;
    box-shadow:0 10px 35px rgba(0,0,0,.07);
    transition:.35s;
    border:none;
}

.woocommerce ul.products li.product:hover{
    transform:translateY(-8px);
}

.woocommerce ul.products li.product img{
    border-radius:18px;
    margin-bottom:18px;
}

.woocommerce ul.products li.product h2,
.woocommerce ul.products li.product .woocommerce-loop-product__title{
    font-size:20px;
    font-weight:700;
}

.woocommerce ul.products li.product .price{
    color:#d28b00;
    font-size:20px;
    font-weight:700;
}

.woocommerce ul.products li.product .button{
    width:100%;
    border-radius:50px;
    text-align:center;
    margin-top:15px;
    background:#f5a623;
    color:#fff;
    font-weight:700;
    padding:12px;
}

/* ==========================================
   ABOUT
========================================== */

#about-section{
    background:#faf8f3;
}

#about-section .block-title{
    text-align:left;
}

#about-section .block-title h1{
    font-size:48px;
}

#about-section img{
    border-radius:25px;
    margin-bottom:35px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

#about-section p{
    font-size:18px;
    color:#555;
}

/* ==========================================
   SERVICE
========================================== */

#service-section{
    background:#fff;
}

.service-wrapper{
    display:flex;
    flex-direction:column;
    gap:40px;
}

.service-box{
    display:flex;
    align-items:center;
    gap:40px;
    background:#fff;
    padding:35px;
    border-radius:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
}

.service-box:nth-child(even){
    flex-direction:row-reverse;
}

.service-box .box-1{
    flex:1;
}

.service-box .box-2{
    flex:1;
}

.service-box img{
    border-radius:20px;
}

.service-box h3{
    font-size:30px;
    font-weight:700;
    margin-bottom:20px;
}



/* ==========================================
   FEATURE
========================================== */

#feature-section{
    background:#faf8f3;
}

#feature-section img{
    border-radius:25px;
    box-shadow:0 15px 40px rgba(0,0,0,.08);
}

.a-box{
    padding:30px;
}

.a-box h2{
    text-align:left;
}

.a-box p{
    font-size:18px;
    color:#555;
}

/* ==========================================
   VIDEO
========================================== */

#banner-video{
    background:#fff;
}

#banner-video iframe{
    width:100%;
    border-radius:25px;
    overflow:hidden;
    box-shadow:0 15px 50px rgba(0,0,0,.12);
}

/* ==========================================
   FAQ
========================================== */

#faq-section{
    background:#faf8f3;
}

#faq-section .col-md-8{
    background:#fff;
    padding:50px;
    border-radius:25px;
    box-shadow:0 10px 35px rgba(0,0,0,.06);
}

/* ==========================================
   VALUE SECTION
========================================== */

#value-section{
    background:#fff;
}

.value-box-first{
    margin-bottom:60px;
}

.value-flex{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
}

.v-box-outer{
    width:100%;
}

.v-box-inner{
    height:100%;
}

.v-box{
    background:#fff;
    border-radius:24px;
    padding:35px 30px;
    text-align:center;
    height:100%;
    box-shadow:0 10px 30px rgba(0,0,0,.06);
    transition:.3s;
}

.v-box:hover{
    transform:translateY(-8px);
}

.v-icon{
    font-size:42px;
    margin-bottom:20px;
}

.v-box h3{
    font-size:22px;
    font-weight:700;
    margin-bottom:15px;
}

.v-text{
    color:#666;
    font-size:16px;
    line-height:1.7;
}

/* ==========================================
   BUTTONS
========================================== */

.btn{
    transition:.3s;
}

.btn:hover{
    transform:translateY(-2px);
}

/* ==========================================
   CARDS
========================================== */

.card,
.widget,
.product{
    border:none;
}

/* ==========================================
   FOOTER
========================================== */

footer{
    background:#111;
    color:#fff;
    padding:70px 0;
}

/* ==========================================
   MOBILE
========================================== */

@media(max-width:991px){

.hero-title{
    font-size:48px;
}

.block-title h1,
.block-title h2{
    font-size:36px;
}

.service-box{
    flex-direction:column !important;
}

.value-flex{
    grid-template-columns:repeat(2,1fr);
}
}

@media(max-width:768px){

section{
    padding:70px 0;
}

#hero-section{
    min-height:600px;
}

.hero-title{
    font-size:36px;
}

.hero-subtitle{
    font-size:18px;
}

.value-flex{
    grid-template-columns:1fr;
}

#faq-section .col-md-8{
    padding:30px;
}

.service-box{
    padding:25px;
}
}

/*====testimonial====*/
#testimonial-section{
	padding: 80px 0px;
}

#testimonial-section .slider{
	width: 80%;
	margin: 0px auto;
}
@media (min-width: 768px){
.slick-flex{
	display: flex;
	align-items: center;
	justify-content: center;
}
}
.slick-flex>div{
	flex-shrink: 0;
	flex-grow: 0;
}
.slick-flex .slick-img{
	flex-basis: 25%;
}
.slick-flex .slick-text{
	flex-basis: 75%;
	padding: 15px;
	font-style: italic;
}
.slick-flex .slick-img img{
	width: 180px;
	height: 180px;
	border:4px solid #fff;
	border-radius: 50%;
}


 .slick-slide {
      margin: 0px 20px;
    }

    .slick-slide img {
      width: 100%;
    }

    .slick-prev:before,
    .slick-next:before {
      color: black;
    }


    .slick-slide {
      transition: all ease-in-out .3s;
      opacity: .2;
    }
    
    .slick-active {
      opacity: .5;
    }

    .slick-current {
      opacity: 1;
    }


#footer{
	padding: 80px 0px 0px 0px;
	background-color: #00131e;
	color:#fdfdfd;
}

.bottom{
	padding: 0px 15px;
}

.bottom h3{
	font-size: 1.5rem;
	color:#fdfdfd;
	font-weight: 700;
	margin-bottom: 20px;
}

.bottom ul{
	list-style: none;
	padding-left: 0px;
}

.contact-bottom{
	padding-right: 20px;
	border-right: 1px solid #b9b9b9;
}

.bottom ul li{
	padding: 5px 0px;
}
.contact-bottom ul li i{
	margin-right: 10px;
}

.bottom ul li a{
	text-decoration: none;
	color: #fdfdfd;
}

#footer .footer-bottom{
	padding: 15px 0px;
	background-color: #fff;
	margin-top: 80px;
}

.footer-bottom ul{
	list-style: none;
	padding-left: 0px;
	display: flex;
	margin: 0px;
}

.footer-bottom ul li{
	padding: 0px 10px;
}

.footer-bottom ul li a{
	text-decoration: none;
	color:#3c4616;
	font-size: 0.875rem;
	font-weight: 500;
}

#contact-section, #booking-section{
	padding: 80px 0px;
}

#page-section{
	padding: 40px 0px;
}

#page-section main{
	font-weight: 400;
/* 	font-size: 1rem; */
}

.sidebar{
	padding: 60px 50px;
	margin-bottom: 30px;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	border-radius: 6px;
}
.sidebar h3{
		font-size: 1.5rem;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 20px;
}
.sidebar ul{
	list-style: none;
	padding-left: 0px;
}

.sidebar ul li{
	padding: 5px 0px;
}

.sidebar ul li a{
	text-decoration: none;
	color:#1e6997;
}

.sidebar-contact{
	background-color: #51ade50f;
}

.sidebar-contact ul li{
	padding: 5px 0px;
}
.sidebar-contact ul li i{
	margin-right: 10px;
	    color: #9cb92a;
}
.main-content{
	padding: 40px 0px;
}

/*===img===*/
img.align-right{
	float: right;
	margin: 0px 0px 10px 15px;
}

.main-content h2{
	font-size: 2.3rem;
	font-weight: 700;
}

.main-content h3{
	font-size: 2rem;
	font-weight: 700;
}

.main-content h4{
	font-size: 1.5rem;
	font-weight: 700;
}

/*==== seller section ====*/
#seller-section{
	padding: 80px 0px;
	background:#5656561c;
}

.s-box{
	
	background-color: #fcfcfc;
}
.s-box-content{
	padding: 30px;
}
.s-box-content h3 {
    font-size: 1.7rem;
    font-weight: 700;
    font-family: 'Montserrat', sans-serif;
}

.s-box ul.price{
	list-style: none;
	padding-left: 0px;
	margin-top: 15px;
}
.s-box ul li{
	position: relative;
	
}
.s-box ul li.pf{
	font-weight: 400;
	font-size: 1rem;
}
.s-box ul li.pp{
	font-size: 1.7rem;
	font-weight: 900;
	color:#c2db5d;
}

/*.s-box ul li.pp:before{
	position: absolute;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
	content: "\f00c";
	left: 0px;
	color: #c9e265;
}*/


#flight-section{
	padding: 60px 0px;
	background-color: #025D68;
}


#flight-section label{
	font-size: 0.875rem;
}




.fligh-form-box {
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 17%;
}

@media (min-width: 768px){
	.flight-form{
		display: flex;
	}
	.flight-form .fligh-form-box:first-child select{
		border-radius: 0.375rem 0px 0px 0.375rem !important;
	}
	.flight-form .fligh-form-box:last-child button{
		border-radius: 0px 0.375rem 0.375rem 0px !important;
	}
}


.flight-form input,.flight-form select, .flight-form button{
	border-radius: 0;
	padding: 15px 20px;
}

/*=== flight list section ===*/
#flight-list-section{
	padding: 60px 0px;
	background-color: #f7f7f7;
}


#flight-list-section .flight-list{
	display: flex;
	justify-content: center;
	
	background-color: #fff;
	box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
	border-radius: 6px;
	margin-bottom: 20px;
	padding: 10px 20px;
	border:2px solid #fff;
}

#flight-list-section .flight-list>div{
	flex-shrink: 1;
	flex-grow: 0;
	flex-basis: 25%;
	font-size: 1.4rem;
	
/*	border:1px solid #f7f7f7;*/
	text-align: center;
	justify-content: center;

}

.depart-time span, .arrive-time span{
	font-size: 1.4rem;
	font-weight: 600;
}
.f-name{
	padding: 20px;
}
.f-name .fn{
	font-weight: 900;
}
.f-name span{
	font-size: 0.875rem;
	display: block;

}
.s-text{
	font-size: 0.875rem !important;
	font-weight: 400 !important;
}
.b-text{
	font-weight: 700 !important;
}
.flight-list .ff{
	font-size: 0.875rem;
	font-weight: 400;
	display: flex;
	flex-direction: column;
}

.btn-book-flight{
	font-weight: 600;
  padding: 7px 20px;
  font-size: 0.775rem;
}
.f-detail{
	display: block;
	font-size: 13px !important;
}
.flight-list .price{
	font-size: 1.3rem !important;
	font-weight: 900 !important;
	color:#da8a31;
}

.text-medium{
	font-size: 1.3rem !important;
}

.text-small{
	font-size: 1rem !important;
}

.text-tiny{
	font-size: 0.875rem !important;
}


.flight-list.has-selected{
	border:2px solid green !important;
}
/*==bottom fixed flight info===*/
#bottom-fixed-flight-info{
	padding: 35px 0px;
	background-color: #fff;
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	display: none;

	-webkit-box-shadow: 3px -14px 62px -17px rgba(135,135,135,0.68);
-moz-box-shadow: 3px -14px 62px -17px rgba(135,135,135,0.68);
box-shadow: 3px -14px 62px -17px rgba(135,135,135,0.68);
}

#bottom-fixed-flight-info h5{
	font-weight: 900;
	font-size: 1rem;
	margin: 0px;
	padding: 0px;
}

.departing-flight,.returning-flight{
	display: flex;
	padding: 0px 20px;
}
.departing-flight>div, .returning-flight>div{
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: 33.33%;
}
.dt{
	font-weight: 900;
}

.returning-flight{
	border-left: 2px solid #dbdbdb;
}

#close-bottom-fixed-flight-info{
	position: absolute;
	right: 20px;
	top:20px;
	z-index: 9999;
}
@media (min-width: 768px){
.bottom-fixed-flight-info-flex{
	display: flex;
}
.bottom-fixed-flight-info-flex>div{
	flex-grow: 1;
}


.bottom-fixed-flight-info-flex div.grand-total,.bottom-fixed-flight-info-flex div.confirm-button{
	flex-shrink: 1;
}
}

/*===booking page section===*/
.booking-form-section-inner-row{
	display: flex;
}
.booking-form-section-inner-row>div{
	flex-shrink: 0 !important;
	flex-grow: 1 !important;
	padding: 10px;
}

.booking-form-section-inner-row .form-control,.booking-form-section-inner-row .form-select{
	font-size: 0.875rem;
	padding: 13px 15px;
	color: #7f7f7f;
}

.booking-form-section-inner-row .form-group label{
	font-size: 0.875rem;
	font-weight: 600;
	margin-bottom: 5px;
	color: #7f7f7f;
}

.travelers-section-row{
	margin-top: 10px;
}
.travelers-section-row h3{
	padding: 0px 10px;
}
.flight-meta{
	text-transform: uppercase;
	margin-top: 20px;
}
.flight-meta .ft{
	font-weight: 700;
	font-size: 0.875rem;
}
.flight-meta .f-date{
	font-size: 0.875rem;
}
.flight-meta .f-time{
	display: flex;
	padding: 10px 0px;
}
.flight-meta .f-time>span{
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: 50%;
	font-size: 1.2rem;
	font-weight: 700;
}

.payment-detail{
	margin-top: 10px;
	padding: 20px 0px;
	border-top: 1px solid #e0e0e0;
}
.payment-detail ul{
	padding-left: 0px;
}
.payment-detail ul li{
	display: flex;
	font-size: 0.875rem;
}
.payment-detail ul li.payamount{
	font-size: 1rem;
}
.payment-detail ul li>*{
	flex-shrink: 0;
	flex-grow: 0;
	flex-basis: 50%;
}

#banner-video{
	padding:80px 0px;
	background:#333;
	
}


#faq-section{
	padding:80px 0px;
}

#p-con h4{
	margin-bottom:0px;
}
.card{
	border:none !important;
	border-bottom:1px solid #b9b9b9 !important;
	border-radius:0px !important;
}
.card .card-header{
	border:0px !important;
	border-radius:none !important;
	
	cursor:pointer;
}
.card .card-header h4{
	font-size:1.4rem !important;
}
.bg-dark{
	background:#1c1b1b !important;
/* 	padding-left:10px;
	padding-right:20px;
	border-radius:4px; */
}