/*@import 'common-style.css';*/
@font-face{
	font-family:AtomsShoppingBold;
	src:	url(../fonts/atomsfont/AtomsShopping-Bold.eot);
	src:	url(../fonts/atomsfont/AtomsShopping-Bold.eot?#iefix) format('embedded-opentype'),
			url(../fonts/atomsfont/AtomsShopping-Bold.woff2) format('woff2'),
			url(../fonts/atomsfont/AtomsShopping-Bold.woff) format('woff'),
			url(../fonts/atomsfont/AtomsShopping-Bold.ttf) format('truetype');
	font-style:normal;
	font-weight:400;
	text-rendering:optimizeLegibility;
	font-display:swap
	}
@font-face{
	font-family:AtomsShoppingLight;
	src:	url(../fonts/atomsfont/AtomsShopping-Light.eot);
	src:	url(../fonts/atomsfont/AtomsShopping-Light.eot?#iefix) format('embedded-opentype'),
			url(../fonts/atomsfont/AtomsShopping-Light.woff2) format('woff2'),
			url(../fonts/atomsfont/AtomsShopping-Light.woff) format('woff'),
			url(../fonts/atomsfont/AtomsShopping-Light.ttf) format('truetype');
	font-style:normal;
	font-weight:400;
	text-rendering:optimizeLegibility;
	font-display:swap
	}
@font-face{
	font-family: AtomsShoppingMedium;
	src:	url(../fonts/atomsfont/AtomsShopping-Medium.eot);
	src:	url(../fonts/atomsfont/AtomsShopping-Medium.eot?#iefix) format('embedded-opentype'),
			url(../fonts/atomsfont/AtomsShopping-Medium.woff2) format('woff2'),
			url(../fonts/atomsfont/AtomsShopping-Medium.woff) format('woff'),
			url(../fonts/atomsfont/AtomsShopping-Medium.ttf) format('truetype');
	font-style:normal;
	font-weight:400;
	text-rendering:optimizeLegibility;
	font-display:swap
	}
@font-face{
	font-family:icons-blank-theme;
	src:	url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot);
	src:	url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.eot?#iefix) format('embedded-opentype'),
			url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff2) format('woff2'),
			url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.woff) format('woff'),
			url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.ttf) format('truetype'),
			url(../fonts/Blank-Theme-Icons/Blank-Theme-Icons.svg#icons-blank-theme) format('svg');
	font-weight:400;
	font-style:normal
	}

@font-face{
	font-family:"snapdeal_font2";
	src:url("../fonts/new-fonts/snapdeal_font77.eot");
	src:url("../fonts/new-fonts/snapdeal_font77.eot?#iefix") format("embedded-opentype"),
	url("../fonts/new-fonts/snapdeal_font77.woff") format("woff"),
	url("../fonts/new-fonts/snapdeal_font77.woff2") format("woff2"),
	url("../fonts/new-fonts/snapdeal_font77.ttf") format("truetype"),
	url("../fonts/new-fonts/snapdeal_font77.svg") format("svg");
	font-weight:normal;
	font-style:normal
	}
@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/roboto-regular/roboto-regular.woff2') format('woff2'),
	url('../fonts/roboto-regular/roboto-regular.woff') format('woff');
	font-weight: normal;
	font-style: normal;
	}
::-webkit-scrollbar {
    width: 6px;
    height: 8px;
    border-radius: 10px;
	-webkit-border-radius: 10px;
}
::-webkit-scrollbar-track {
    background: #f1efef; 
	border-radius: 10px;
	-webkit-border-radius: 10px;
}
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: rgba(10, 68, 88, 0.48);
}
 
::-webkit-scrollbar-thumb:hover {
    background: #0a4458; 
}
/*------------------------------------------------------------*/
.p-0{padding: 0px;}

a:hover, a:focus, a:active {
	color: #047ebb;
	text-decoration: none;
	}
h1, h2, h3, h4, h5, h6{
	font-family:AtomsShoppingBold;
	}	
body{
	font-family:AtomsShoppingLight;
	background-color: #f2f3f7 !important;
	}

#top{
	width: 100%;
	display: table;
	font-size: 12px;
	padding: 0px 15px;
	background: #f1f1f182; /*#0094de;*/
	border-bottom: solid 1px #e7e7e7;
	}
#top .welcome{
	color: #777;
	font-size: 12px;
	position: relative;
	padding-left: 41px;
	}
.header-top-section{}

#top-links a, #custom-links a{
	color: #777;
	}
#top-links>ul>li, #custom-links>ul>li{
	margin-left: 0px;
	}
#top-links>ul>li>a, #custom-links>ul>li>a{
	padding: 10px 9px;
	border-right: solid 1px #e7e7e7;
	}
#top-links a:hover, #custom-links a:hover{
	color: #0094de;
	}

#form-currency .btn-group>.btn-link, #form-language .btn-group>.btn-link{
	color: #000;
	}
.yamm .dropdown-menu .yamm-content .links li a{
	padding: 7px 0px;
	background: none !important;
	}

.welcome{}

.sd-news-span{
	left: 0px;
	top: 7px;
	position: absolute;
	color: #fff;
	font-size: 10px;
	line-height: 16px;
	padding: 1px 5px;
	border-radius: 3px;
	background-color: #045cb3;
	}

@keyframes blinking {
	0%{
		background-color: #f7e245;
		}
	100%{
		background-color: #e81c5b;
		}
	}
.sd-news-span{
	animation: blinking 1s infinite;
	}

.topBar{
	background: #e40046;
	}
header{
	margin-bottom: 6px;
	background-color: #ffffff; /*#008ecc;	*/
	box-shadow: 2px 2px 3px #ffffff;
	z-index: 999;
	}
header .col-search{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	}
header .header-content{
	padding: 12px 0px 12px 0px;
	}

.header-blank-height{
	width: 100%;
	display: table;
	height: 71px;
	}

/**/
.dropdown{
	float: right;
	position: relative;
	display: inline-block;
	}
.dropbtn{
	color: #4caf50;
	font-size: 17px;
	border: none;
	padding: 6px 10px 3px 10px;
	border-radius: 4px;
	background-color: #ffffff;
	border: solid 1px #4caf50;
	}
.dropbtn i{
	font-size: 22px;
	}


.dropdown-content {
	min-width: 200px;
	display: none;
	/*left: -155px;*/
	top: 34px;
	position: absolute;
	background-color: #3e8e41;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border-radius: 0px;
	border-top-right-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px;
	}


.dropdown-content ul{
	width: 100%;
	display: table;
	margin: 0px;
	padding: 0px;
	}
.dropdown-content li{
	list-style-type: none;
	}

.dropdown-content li a{
	color: #fff;
	font-size: 13px;
	width: 100%;
	display: table;
	padding: 10px 12px;
	text-decoration: none;
	border-bottom: solid 1px #ffffff2b;
	}
.dropdown-content li:last-child a{
	border-bottom: 0px;
}
.dropdown-content li a:hover {background-color: #ddd;}

.dropdown-content li a i{
	font-size: 14px;
	margin-right: 6px;
	}

.dropdown:hover .dropdown-content {display: block;padding: 0px 0px;}
.dropdown:hover .dropbtn {background-color: #3e8e41;    color: #fff;}


/**/
.suggesstion-box{
	display: block;
	left: 63px;
	width: 600px;
	max-width: 100%;
	margin-top: 0px;
	z-index: 9999;
	}
.suggesstion-box #item-list{
	width: 100%;
	max-height: 350px;
	box-shadow: 2px 3px 5px -1px rgba(0,0,0,.5);
	}
.suggesstion-box #item-list li{
	line-height: 1.2;
	padding: 11px 10px;
	border-left: 0px;
	border-bottom: 0px;
	background: #ffffff;
	}
.suggesstion-box #item-list li:hover{
	background-color: #f4f8ff;
}

.suggesstion-box #item-list li span{
	color: #484848;
	font-weight: 400;
	font-size: 12px;
	}
.suggesstion-box #item-list li a{
	display: block;
	font-size: 11px;
	padding-top: 3px;
	color: #2874f0;
	font-weight: 500;
	}
.suggesstion-box .search-cat-icon{
	float: left;
	height: 32px;
	width: 32px;
	margin-right: 10px;
	position: relative;
	}
.suggesstion-box .search-cat-icon img{
	margin: auto;
	max-height: 32px;
	max-width: 32px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	top: 0;
	}




.cart-login-section{
	padding-right: 0px;
	}
.cart-login-section .navbar-nav{
	float: right;
	display: table;
	margin-top: -5px;
	margin-right: 0px;
	}
.col-cart{
	float: left;
	display: table;
	}
#cart{
	position: relative;
	/*background: #0000000a;*/
	background: none;
	width: auto;
	padding: 8px 25px;
	border-radius: 4px;
	/*border: solid 2px #00000003;*/
	}
#cart>.dropdown-toggle {
	color: #000;
	display: block;
	position: relative;	
	}
#cart>.dropdown-toggle i {
	padding-right: 5px;
	height: 20px;
	margin-bottom: -10px;
	}

#cart>.dropdown-toggle .text {
	float: left;
	width: 24px;
	height: 24px;
	background: url(../images/cart.svg) no-repeat center center;
	padding: 0;
	background-size: 24px;
	filter: brightness(0) saturate(100%);
	}

#cart-total{
	left: 18px;
	top: -5px;
	}

.cart-title{}


/**/
.dropdown {
	float: left;
	position: relative;
	display: inline-block;
	width: auto !important;
	}
.dropbtn {
	color: #fff;
	font-size: 16px;
	border: none;
	padding: 8px 15px;
	border-radius: 4px;
	background-color: #4CAF50;
	}



.dropdown-content {
	min-width: 200px;
	display: none;
	left: -155px;
	top: 35px;
	position: absolute;
	background-color: #3e8e41;
	box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
	z-index: 1;
	border-radius: 0px;
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	border-bottom-right-radius: 4px;
	}


.dropdown-content ul{
	width: 100%;
	display: table;
	margin: 0px;
	padding: 0px;
	}
.dropdown-content li{
	list-style-type: none;
	}

.dropdown-content li a{
	color: #fff;
	font-size: 13px;
	width: 100%;
	display: table;
	padding: 10px 12px;
	text-decoration: none;
	border-bottom: solid 1px #ffffff2b;
	}
.dropdown-content li:last-child a{
	border-bottom: 0px;
}
.dropdown-content li a:hover {background-color: #ddd;}

.dropdown-content li a i{
	font-size: 14px;
	margin-right: 6px;
	}

.dropdown:hover .dropdown-content {display: block;padding: 0px 0px;}
.dropdown:hover .dropbtn {background-color: #3e8e41;}


/**/
.bt-newsletter.style-1{
	background: #0094de;
	border-radius: 4px;
	}

.box.style-1 .box-heading{
	border-color: #f0f0f0;
	border-width: 0px 0px 1px 0px;
	}
.box.style-1 .box-heading h2{
	float: left;
	font-size: 20px;
	margin-right: 20px;
	}
.common-section.box.style-1 .box-heading h2{
	min-width: 10%;
	line-height: 1.5;
	padding-left: 0px;
	padding-right: 0px;
	}
.common-section.box.style-1 .box-heading{
	width: 100%;
	display: table;
	background: none;
	}
.common-section .home-category-info-header-line {
	display: block;
	margin-top: 35px;
	font-size: 100%;
	border: 3px solid #DCDEE3;
	border-radius: 3px;
	overflow: hidden;
	}
.bt-top-category.composite .category-layout {border: 1px solid #f4f4f4;}

.menu-wrap .navbar-collapse{
	padding-left: 0px;
	padding-right: 0px;
	}


.product-thumb .save-off{background: #ffbc00;}
.product-related .product-thumb .button-group button, .product-grid .product-thumb .button-group button{
	background-color: #0094de;
	}
.product-related:hover .name a, .product-grid:hover .name a {
	color: #0094de;
	}
.product-related:hover .price, 
.product-related:hover .price-new, 
.product-grid:hover .price, 
.product-grid:hover .price-new{
	color: #0094de;
	}
.product-related .product-thumb .button-group button:hover, 
.product-related .product-thumb .button-group button:focus, 
.product-related .product-thumb .button-group button:active, 
.product-related .product-thumb .button-group button:active:focus, 
.product-related .product-thumb .button-group button.active, 
.product-grid .product-thumb .button-group button:hover, 
.product-grid .product-thumb .button-group button:focus, 
.product-grid .product-thumb .button-group button:active, 
.product-grid .product-thumb .button-group button:active:focus, 
.product-grid .product-thumb .button-group button.active {
	background-color: #0094de;
	}



/**/
.atoms-main-menu .navbar .nav > li > a, .atoms-main-menu  .navbar .nav > li > a:hover, .atoms-main-menu .navbar .nav > li > a:focus{
	font-size: 14px;
	font-family:AtomsShoppingBold;
	}
.menu-wrap.menu-stick{background: #62a718;}


.dropdown-menu-section .dropdown-menu .yamm-content{padding: 0px 20px;}
.menu-content h2 {
	color: #212121!important;
	font-size: 14px !important;
	font-weight: 500 !important;
	font-family: AtomsShoppingMedium;
	}
.menu-content .col-menu{
   padding: 20px 15px;
   min-height: 398px;
   }
.menu-content .col-menu:nth-child(even){
   background: #f9f9f9;
   /*border-right: solid 0.9px #e5e5e5;*/
   }
.dropdown-menu-section .dropdown-menu h2{
   color: #555;
   font-size: 12px;
   font-weight: 700;
   font-family: 'Open Sans', sans-serif;
   text-transform: uppercase;
   margin-top: 0px;
   
   margin-bottom: 4px;
   }
.dropdown-menu-section .dropdown-menu .yamm-content .links li a{
   background: none !important;
       margin-bottom: 4px;
   }
.dropdown-menu-section .dropdown-menu .yamm-content .links li a{
   font-size: 12px;
}

.menu-wrap{
	background:#62a718;
	}
.menu-wrap .navbar-default{
	border: none;
	background-color: #62a718;
	}

.navbar{
	border-left: 0px;
	border-right: 0px;
	border-radius: 0px;
	margin-bottom: 0px;
	}
.navbar-nav>li>a {
	color:#ffffff !important;
	font-size: 14px;
	padding-top: 15px;
	padding-bottom: 12px;
	}
.navbar-nav>li:first-child>a {padding-left: 0px;}
.menu-stick .navbar-nav>li:first-child>a {padding-left: 0px;}
.navbar-nav>li>a>i {
	font-size: 13px;
	}
.navbar-nav>.open>a{
	color: #0094de !important;
	background: red;
	
	}
.navbar-nav li a i{
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	}
.navbar-nav li.open a i.menu-open-icon{
	color: #0094de !important;
	-webkit-transform: rotate(-180deg);
	transform: rotate(-180deg);
	}

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover{
	color: #0094de;
	}


.yamm .dropdown-menu .yamm-content{padding: 0px 20px;}

/**/
.menu-category .bt-menu-cate{
	min-height: 360px;
	}
.menu-category .bt-menu-cate li>a{
	font-size: 13px;
	font-weight: 500;
	font-family: 'robotoregular';
	padding: 12px 20px;
	}

.menu-category .bt-menu-cate li>a:hover {
	background-color: transparent;
	color: #f96d10;
	}


.menu-category .bt-menu-cate li ul li>a{padding: 8px 20px;}


.category-thumb .caption .products {
	font-size: 12px;
	color: #f96d10;
	}
.category-thumb .caption .name h3{
	font-size: 15px;
	font-family: 'robotoregular';
	line-height: 1.5;
	}
.category-thumb .caption .name h3 a:hover {
	color: #f96d10;
	}

.box-content .category-layout .title{
	line-height: 28px;
	position: absolute;
	right: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;

	max-width: 200px;
	color: #fff;
	top: 60px;
	left: 20px;
	padding-right: 30px;
	font-size: 22px;
	text-shadow: 0 2px 4px rgba(0,0,0,.12);
	}
.box-content .category-layout .btn-wrapper {
	left: 20px;
	bottom: 40px;
	position: absolute;
	color: #000;
	background-color: #fff;
	font-size: 14px;
	border-radius: 20px;
	padding: 0 16px;
	line-height: 34px;
	height: 33px;
	max-width: 140px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	}



/**/
#search{
	border: none;
	overflow: hidden;
	border-radius: 5px;	
	border: 1px solid #62a718;
	}
#search input, #search select, #search button{
	height: 40px;
	}
#search select{
	color: #8a8a8a;
	max-width: 125px;
	padding: 9px 40px 10px 15px;
	border-width: 0px 1px 0px 0px;
	}
#search .input-search{max-width: 560px;}
#search input {
	font-size: 13px;
	padding: 11px 15px 10px 18px;
	}
#search button{
	width: auto;	
	color: #fff;
	font-size: 14px;
	font-weight: 400;
	line-height: 1;
	text-transform: capitalize;
	padding: 9px 15px;
	border: none;
	background:#62a718;
	}

#search button i{
	font-size: 14px;
	}
#search button:hover{
	background: #fff;
	}



.special-menu{margin-right: 0px;}

.menu-stick .special-menu{margin-right: 15px;}
.special-menu .dropdown-toggle{
	position: relative;
	color: #fff !important;
	margin-top: 4px;
	padding: 10px 0px 10px 18px !important;
	border-radius: 4px;
	background: url(../images/profile.svg) no-repeat left center;
	background-size: 22px;
	filter: brightness(0) saturate(100%);
	}
.special-menu .dropdown-toggle:hover{
	color: #fff !important;
	}
.special-menu .dropdown-toggle span{
	padding-left: 9px;
	font-size: 13px;
	font-family: AtomsShoppingMedium;
	line-height: 1.5;
	}
.navbar-nav .special-menu.open .dropdown-toggle, .navbar-nav .special-menu .dropdown-toggle:hover{
	color: #fff !important;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	background: none;
	}
.navbar-nav .special-menu.open .dropdown-menu, .navbar-nav .special-menu .dropdown-toggle:hover .dropdown-menu{
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	}

.special-menu a:hover{
	/*background: #0094de !important;*/
	}
.special-menu .dropdown-toggle i {
	position: absolute;
	top: 3px;
	right: 3px;
	width: 34px;
	height: 34px;
	padding: 5px;
	color: #e7f3f7;
	font-size: 15px;
	line-height: 1.6;
	text-align: center;
	border-radius: 50px;
	/*background-color: rgba(255, 254, 254, 0.22);*/
	}
.special-menu .dropdown-menu {
	overflow: hidden;
	text-align: left;
	white-space: nowrap;
	font-size: 13px;
	width: 215px;
	right: 0px;
	padding: 12px 0px;
	z-index: 100;
	position: absolute;
	top: 44px;
	border-radius: 4px !important;
	background-color: #8EC640;
	}
.menu-stick .special-menu .dropdown-menu {right: 14px;}
.special-menu .dropdown-menu li a {
	width: 100%;
	display: block;
	color: #ecebeb !important;
	font-size: 13px;
	text-decoration: none;
	text-transform: capitalize;
	padding: 10px 18px;
	border-radius: 0px !important;
	}
.special-menu .dropdown-menu li a:hover {
	color: #fff !important;
	background: #2d2d2dcc !important;
	}
.special-menu .dropdown-menu li a i {
	font-size: 13px;
	margin-right: 6px;
	}
.special-menu .dropdown-menu .divider {
	background-color: #ffffff29;
	margin: 12px 0;
	}
.accountInfo {
	color: #fff;
	text-align: center;
	padding: 0px 15px;
	}
.accountInfo .newUser {
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
	margin-bottom: 3px;
	}
.special-menu .dropdown-menu li a {
	width: 100%;
	display: block;
	padding-left: 15px;
	color: #ecebeb !important;
	text-transform: capitalize;
	font-size: 13px;
	text-decoration: none;
	padding: 10px 18px;
	border-radius: 0px !important;
	}
.navbar-nav .open a{
	background: none !important;
	}


.special-menu .accountInfo .accountBtn {
	width: 100%;
	display: table !important;
	margin: 0;
	margin-top: 12px;
	line-height: 0;
	color: #000 !important;
	text-align: center;
	text-transform: uppercase;
	padding: 16px 0px 13px 0px !important;
	border-radius: 2px !important;
	background: #f7e245 !important;
	}
.special-menu.open .accountInfo .accountBtn{
	color: #000 !important;
	background: #f7e245 !important;
	}
.special-menu .accountInfo .newUserRegister {
	padding: 0px !important;
	background: none !important;
	}
.special-menu .accountInfo .newUserRegister:hover {
	color: #000 !important;
	background: none !important; 
	}


/**/
.common-home .category-menu{
	background: none !important;
	}
.menu-category .bt-menu-cate>li>a img{
	margin-right: 12px;
	}
.menu-category .menu-toggle{
	background: #26963a;
	}
.menu-category .box-heading{
	background: #8EC640;
	}
.header-bottom-link ul li{
	font-size: 13px;
	font-weight: 500;
	}
.header-bottom-link ul li a{
	color: #0083c1;
	}
.header-bottom-link ul li a:hover{
	color: #06a2f1;
	}




/**/
.main-slide .tp-bullets.simplebullets.square .bullet, .main-slide .tp-bullets.simplebullets.square-old .bullet{
	}
.main-slide .tp-bullets.simplebullets .bullet.selected, .main-slide .tp-bullets.simplebullets .bullet:hover{

	}
.common-home .main-slide{
	margin-bottom: 4px;
	}
.tp-rightarrow:hover{
	background-color: #008ecc;
	}	
.tp-leftarrow.square{
	background: url(../images/icons/left_arrow.svg) center no-repeat!important;
}
.tp-rightarrow.default{
	background: url(../images/icons/right_arrow.svg) center no-repeat!important;
	}




/**/
footer {
	background-color: rgb(227 247 246);
    border-top: solid 3px rgb(227 247 246);
	}
footer h3{
	font-size: 14px;
	font-family: AtomsShoppingBold;
	}
footer a {
font-size: 12px;
}
footer a:hover, footer a:focus{
color: #000000;
margin-left: 8px;
}
footer .powered p{
color: #ffffff;
font-size: 12px;
margin-top: 2px;
}
	
footer .powered a{
margin-left: 0px !important;
color: #3e3c3c;
border-bottom: none !important;
}

footer .powered a:hover{
margin-left: 0px !important;
color: #f96c09 !important;
font-weight: 800 !important;
border-bottom: none !important;
}


footer .powered a:hover{
	color: #000;
	margin-bottom: 7px;
	padding-bottom: 3px;
	border-bottom: dashed 1px #d8d6d6;	
	}
footer .footer-link a{
	color: #fff;
	font-size: 12px;
	}
.bt-newsletter.style-1 .input-new{
	color: #444;
	padding: 15px 15px;
	border-radius: 4px 0px 0px 4px;
	}
.bt-newsletter.style-1 .btn{
	color: #222;
	padding: 8px 30px;
	background: #f7e245;
	border-radius: 0px 4px 4px 0px;
	}
footer .content {
	padding: 40px 0px 50px 0px;
	background: none;
	}
footer .footer-bottom {
	padding: 13px 0px;
	background: #8EC640;
	}

.office_add_sec{
	width: 100%;
	display: table;
	}
.office_add_sec{
	font-size: 12px;
	}
.office_add_sec span{
	color: #008ecc;
	font-family:AtomsShoppingBold;
	}
.office_add_sec .date_sec{
	display: block;
	color: #555;
	}

.social{
	margin: 0px;
	padding: 0px;
	margin-top: 6px;
	list-style: none;
	}
.social li{
	display: inline-block;
	}
.social li a{
	width: 35px;
    height: 35px;
    display: block;
    text-align: center;
    padding: 3px;
    color: #000;
    font-size: 10px;
    border: 1px solid #000;
    border-radius: 50%;
	}
.social li i{
	font-size:13px;
	padding-top:7px;
	}
.social li a:hover, .social li a:focus{margin-left: 0px;}

.social li:hover.facebook a {
	color: #ffffff;
    border-color: #3b5998;
    background: #3b5998;
	}
.social li:hover.twitter a {
	color: #fff;
	border-color: #55acee;
	background:#55acee;
	}
.social li:hover.google a {
	color: #fff;
	border-color: #cd201f;
	background:#cd201f;
	}
.social li:hover.linkedin a {
	color: #fff;
	border-color: #0077B5;
	background:#0077B5;
	}
.social li:hover.youtube a {
	color: #fff;
	border-color: #cd201f;
	background:#cd201f;
	}



/**/
#back-top{border: 1px solid #008ecc;bottom: 30px;}
#back-top:hover{background: #008ecc;border-color: #008ecc;}
#back-top span{
	color: #008ecc;
	}

/*product category Page css*/
.bt-featured-pro.black .box-heading{
	border-color: #f0f0f0;
	border-width: 0px 0px 0px 0px;
	}
.bt-procate-tab .product-thumb .name a, .product-thumb .name a {
	color: #333;
	font-weight: 500;
	}
.product-thumb .name a{
	max-height: 30px;
	}
.product-thumb .name a:hover{
	text-decoration: underline;
	}
.product-thumb .price{
	font-family: 'robotoregular';
	}
.product-thumb .price-old{
	color: #848484;
	font-size: 15px;
	}
.box-category li a:hover, .box-category li a.active{
	color: #18b2ff !important;
	}
.bt-tagcloud .box-content a:hover {
	border-color: #00aaff !important;
	color: #00aaff !important;
	}
.box-category li a:hover, .box-category li a.active {
	background-color: transparent;
	color: #00aaff !important;
	}

/*Product Details Page Css*/
.product-info .tag .tag-heading{}
.product-product #content .product-wrap{
	background: #fff;
	border-radius: 4px;
   overflow: hidden;
	margin-bottom: 10px;
	padding: 30px 10px 30px 10px;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
	}
.product-info .add-cart button:focus{
	background: #008acc;
	}
.product-info .add-cart .qty .form-control:hover, .product-info .add-cart .qty .form-control:focus{
	border-color: #66afe9;
	}


.product-info h1{
	font-size: 18px;
	margin-bottom: 8px;
	}
.product-info .info li strong{
	color: #000;
	font-size: 14px;
	font-weight: 500;
	font-family: AtomsShoppingMedium;
	}

.product-info .swiper-slider.nav-middle .swiper-nav div {
	height: 48px;
	width: 48px;
	border-radius: 2px;
	padding: 13px 0px;
	background: #f5f5f5;
	border-color: #f5f5f5;
	}
.product-info .swiper-slider.nav-middle .swiper-nav div:hover {
	background: #0094de;
	border-color: #0094de;
	}

.product-wrap .ma-ladder-price {
	width: 100%;
	display: table;
	box-sizing: border-box;
	margin-bottom: 15px;
	border: solid 1px #f0f0f0;
	border-left: none;
	border-right: none;
	}
.product-wrap .ma-ladder-price li {
	float: left;
	padding: 8px 0 8px 18px;
	box-sizing: border-box;
	width: 25%;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.product-wrap .ma-ladder-price li:first-child{
	padding-left: 0px;
	}
.product-wrap .ma-ladder-price .current-ladder-price {
	background-color: #fff;
	}
.product-wrap .ma-ladder-price .ma-quantity-range {
	font-size: 12px;
	color: #666;
	line-height: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.product-wrap .ma-ladder-price .ma-spec-price {
	font-weight: 700;
	font-size: 16px;
	color: #333;
	line-height: 26px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}
.product-wrap .ma-ladder-price .current-ladder-price .ma-spec-price.ma-price-promotion {
	color: #ff7519;
	}
.product-wrap .ma-ladder-price .ma-spec-price.ma-price-original {
	font-size: 12px;
	font-weight: 400;
	color: #666;
	text-decoration: line-through;
	display: block;
	line-height: 20px;
	}

.size-section{
	width: 100%;
	display: table;
	padding: 15px 0px;
	}
.size-section table{
	width: 100%;
	}

.size-section table tr td{
	width: 33%;
	padding: 8px 0px;
	margin-bottom: 10px;
	}
.size-section table tr{
	border-bottom: solid 1px #f0f0f0;
	}	
.size-section table tr:first-child td{
	padding-top: 0px;
	}


.product-description-sec .panel-heading h4{
	font-size: 14px !important;
	font-weight: 500 !important;
	padding: 16px 25px 15px 18px !important;
	border-color: #f2f3f7 !important;
	border-radius: 4px;
   overflow: hidden;
	}
.product-description-sec .panel-heading h4 a{
	color: #008ecc;
	font-weight: 600;
	position: relative;
	}
.product-description-sec .panel-heading h4 a.collapsed{
	font-weight: 500;
	}
#accordion .panel-heading h4 a:after{
	right: -7px;
	position: absolute;
	}
.quick-details .sub-heading{
	color: #ff7519;
	font-size: 14px;
	font-weight: 600;
	}
.product-description-sec .panel-collapse {
	border-width: 0px 1px 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: rgb(242 243 247);
	border-bottom-color: rgb(242 243 247);
	border-left-color: rgb(242 243 247);
	border-image: initial;
	border-top-style: initial;
	border-top-color: initial;
	margin-top: -2px;
	z-index: 999999;
	background: rgb(255, 255, 255);
	}

.product-description-sec .panel-body{
	padding: 10px 18px !important;
	}

.product-description-sec h3.profile-heading{
	font-size: 14px;
	font-weight: 600;
	letter-spacing: .5px;
	text-transform: capitalize;
	padding: 0px 0px 8px 0px;
	margin-bottom: 0px;
	}	

.product-details-section {
	padding: 5px 0px 15px 0px;
	border: dashed 1px #e2e2e2;
	border-bottom: none;
	border-left: none;
	border-right: none;
	}
.product-description-sec .product-details-section.quick-details{
	/*border-top: dashed 1px #e2e2e2 !important;*/
	}

.product_details table {
	width: 100%;
	}
.product_details table td:first-child {
	width: 32%;
	max-width: 100%;
	}
.product_details table td, .product_details table th {
	color: #44525f;
	font-size: 11px;
	padding: 6px 0px;
	vertical-align: top;
	}

.product_details table table{
	border-color: red;
	}
.product_details table table td:first-child {
	font-weight: normal;
	}
.product_details table table td{
	padding: 6px 8px;
	border: 1px solid #c8d2e0;
	}

.size-section .quantity-value{float: right;}
.size-section .inner-quantity-value{display:inline-block}
.quantity-value .btn-quantity{
	margin-right: 0;
	position: relative;
	vertical-align: top;
	float: left;
	width: 25px;
	height: 27px;
	color: #d6d6d6;
	font-size: 16px;
	text-align: center;
	line-height: 1.5;
	border: solid 1px #d6d6d6;
	}
.quantity-value .btn-quantity:hover{
	color: #fff;
	background: #ff7519;
	border-color: #ff7519;
	}
.quantity-down{border-radius: 4px 0px 0px 4px;margin-right: -1px !important;}
.quantity-up{
	border-radius: 0px 4px 4px 0px;
	margin-left: -1px;
	}

.qty-textbox{
	float: left;
	width: 60px;
	text-align: center;
	box-shadow: none;
	background: #fff;
	padding-top: 5px;
	padding-bottom: 5px;
	box-sizing: content-box;
	border: solid 1px #d6d6d6;
	}	

/*FAMOUS BRANDS*/
.bt-manufacturer ul li a{
	font-size: 13px;
	font-weight: 500;
	font-family: 'robotoregular';
	}


/**/
.login-modal.modal{
   background: #00178859;
   }
.login-modal .modal-dialog{
	max-width: 750px;
	}
.login-modal .btn{
   padding: 10px 16px;
   }
.authfy-container{
   margin: 0px;
   font-size: 14px;
   }
.panel-forgot .form-control, .panel-login .form-control, .panel-signup .form-control{
   font-size: 14px;
   border-radius: 0px;
   box-shadow: -6px 6px 0px -3px #00000026;
   }
.panel-forgot .form-control:focus, .panel-login .form-control:focus, .panel-signup .form-control:focus{
   border: 1px solid #bcc2ce;
   box-shadow: -6px 6px 0px -3px #00000026;
   }
.authfy-container .btn-group-lg>.btn, .authfy-container .btn-lg{
	font-size: 16px;
	font-weight: 500;
	text-transform: initial;
 	}
.authfy-container .btn-primary{
   border-color: #00aced;
   background-color: #00aced;
   }
.authfy-container .btn-primary.active, 
.authfy-container .btn-primary:active, 
.authfy-container .btn-primary:active:focus, 
.authfy-container .btn-primary:active:hover, 
.authfy-container .btn-primary:focus, 
.authfy-container .btn-primary:hover{
	border-color: #00aced;
   background-color: #00aced;
	}
.authfy-container .login-but{
	font-size: 15px;
	font-weight: 500;
	text-transform: none;
	font-family: 'robotoregular';
	}
.authfy-container .text-muted {
   color: #777;
   font-size: 12px;
   }

.authfy-panel-left{background-color: #0094de}
.authfy-panel-right{
   -webkit-box-shadow: 3px 2px 6px 0 #1d2030;
   box-shadow: 3px 2px 6px 0 #1d2030;
   }
.authfy-container a, .authfy-container a:focus, .authfy-container a:hover{    color: #ff8400;}

.authfy-panel-left .brand-col{
   padding-left: 16px;
   padding: 10px 25px 25px 25px;
   }
.authfy-container .checkbox input[type=checkbox]+.label-text:after {
   color: #fff;
   line-height: 1.4;
   border-radius: 2px;
   border-color: #00aced;
   background-color: #00aced;
   }

.authfy-login .panel-login{
	margin-top: 35px;
	}
.authfy-login .panel-signup{
	margin-top: 20px;
	}
.authfy-login .forgotPwd {
	margin-top: 3px;
	font-size: 12px;
	text-align: right;
	}


.brand-col .social-buttons .btn{
	font-weight: 500;
	border-radius: 4px;
	}
.brand-col .social-buttons .btn:focus{
	color: #fff;
	}



.brand-logo{
    width: 100px;
    display: table;
    margin: 0 auto;
    margin-bottom: 35px;
    text-align: center;
    }
.brand-logo img{
   margin: 0 auto;
   text-align: center;
   }

@-webkit-keyframes slide {
   from { background-position: 0 0; }
   to { background-position: -400px 0; }
   }

.checkout-box .text-box, .checkout-box .select-box, .checkout-box .textarea {
	width: 100%;
	height: 40px;
	color: #828486;
	font-size: 13px;
	position: relative;
	padding: 10px 13px;
	background: #fff;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow: none;
	border: 1px solid #ece8e8;
	}
.checkout-box .textarea {
	min-height: 80px;
	}


/**/
.cart-area {
	width: 100%;
	display: table;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px #cdcdcd75 solid;
	}
.cart-area .cart-product-img-section {
	height: 103px;
	margin-bottom: 5px;
	border-radius: 3px;
	padding: 8px;
	border: 1px #cdcdcd75 solid;
	}
.cart-area .cart-product-img {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	}
.cart-title{
	color: #000;
	font-size: 13px;
	line-height: 2;
	margin-left: 10px;
	font-family: AtomsShoppingMedium;
	}
.cart-area .cart-title{
	color: #047ebb;
	font-size: 15px;
	font-family: AtomsShoppingMedium;
	margin-left: 0px;
	}

.new-price {
	color: #212121;
	font-size: 18px;
	font-weight: 600;
	}
.old-price {
	color: #878787;
	margin-left: 4px;
	margin-right: 10px;
	text-decoration: line-through;
	}
.old-price .fa{
	font-size: 13px;
	}
.off-text {
	color: #388e3c;
	font-weight: 600;
	}



/**/
.profile-content-section{
   padding: 0px 0px;
	}
.profile-sec, .profileOtherLink-sec, .profile-contain{
   width: 100%;
   display: table;
   padding: 12px;
   margin-bottom: 0px;
   background-color: #fff;
   border-radius: 2px;
   }
.profile-sec .profile-img{
   float: left;
   border-radius: 50%;
   margin: 0px 14px 0px 0px;
   }
.profile-sec .profileHellow{
   font-size: 12px;
   margin-top: 7px;
   }
.profile-sec .profile-name{
   display: flex;
   display: -ms-flexbox;
   display: -webkit-flex;
   color: #212121;
   font-size: 14px;
   font-weight: 600;
   padding-top: 3px;
   align-items: center;
   -ms-flex-align: center;
   -webkit-align-items: center;
   text-transform: capitalize;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
   }
.profile-contain{
   padding: 25px;
   margin-bottom: 20px;
   }  
.profile-contain h3{
   font-size: 16px;
   font-weight: 600;
	letter-spacing: 1px;
   margin-bottom: 15px;
   }
.profile-contain table{
   width: 100%;
   }
.profile-contain table tr td{
   padding: 10px 0px;
   }
.profile-contain .personal-info{
   padding: 10px 20px;
   border-radius: 2px;
   border: 1px solid #e0e0e0;
   }
.profileOtherLink-sec{padding: 0px;}
.profileOtherLink-sec ul{
   padding: 0px;
   margin: 0px;
   }
.profileOtherLink-sec li{
	color: #696969;
	font-size: 13px;
	font-weight: 500;
	text-transform: uppercase;
	cursor: pointer;
	padding: 14px;
	border-bottom: 1px solid #f0f0f0;
	}
.profileOtherLink-sec li.active{background-color: #0094de0f;}
.profileOtherLink-sec li a{
	color: #878787;
	display: block;
	}
.profileOtherLink-sec li a.logout-but{
	color: #464646;
	font-weight: 600;
	}
.profileOtherLink-sec li i{
	margin-right: 5px;
	font-size: 14px;
	}

.profileOtherLink-sec ul li ul{
   margin-left: -14px;
   margin-right: -14px;
   margin-top: 10px;
	} 
.profileOtherLink-sec ul li ul li{
   font-size: 12px;
   font-weight: 500;
   text-transform: capitalize;
   padding: 8px 5px 8px 35px;
   cursor: pointer;
   border: none;
   }
.profileOtherLink-sec ul li ul li:hover, .profileOtherLink-sec ul li ul li.active{
   color: #2874f0;
   background-color: #0094de0f;
   }
.profileOtherLink-sec ul li ul li:hover a{
   color: #6d6d6d;
   }
.profile-contain h4{
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 24px;
   }


/**/
.manage-address-section{
   width: 100%;
   display: table;
   margin-top: 0px;
   }
.manage-address-section .manage-addres-box{
   padding: 20px;
   border: 1px solid #e0e0e0;
   border-top: 0;
   position: relative;
   }
.manage-address-section .manage-addres-box:first-child{
   border-top: 1px solid #e0e0e0;
   margin-top: 20px;
   border-radius: 2px 0;
   }
.manage-address-section .manage-addres-box:last-child{
   border-radius: 0 2px;
   }
.add-type-radiobox {
	float: left;
	margin: 6px 6px 0px 0px !important;
	}
.manage-addres-box .add-type{
   display: table;
   color: #878787;
   font-size: 11px;
   font-weight: 500;
   font-family: AtomsShoppingMedium;
   vertical-align: middle;
   text-transform: uppercase;
   padding: 4px 7px;
   margin-right: 15px;
   margin-bottom: 6px;
   border-radius: 2px;
   background-color: #f0f0f0;
   }
.manage-addres-box .name-phone-text{
	color: #000000;
	font-size: 14px;
	font-weight: 500;
	font-family: AtomsShoppingMedium;
	}
.manage-addres-box .phone-text{
   margin-left: 10px;
   }
.manage-addres-box .address-text{
   width: 523px;
   max-width: 100%;
   margin-top: 10px;
   margin-bottom: 0px;
   }
.manage-addres-box .address-text span{font-weight: 500;}
.manage-addres-box .edit-delete-but{
   display: table;
   position: absolute;
   top: 10px;
   right: 10px;
   }
.manage-addres-box .edit-delete-but li{
   float: left;
   }
.manage-addres-box .edit-delete-but li i{
	width: 33px;
	height: 30px;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
	line-height: 2.1;
	border-radius: 4px;
	margin-left: 4px;
	background-color: #0094de12;
	}
.manage-addres-box .edit-delete-but li i:hover{
   cursor: pointer;
   }
.manage-addres-box .edit-delete-but li:first-child i:hover{
   color: #fff; 
   background-color: #5fce6f;
   }
.manage-addres-box .edit-delete-but li:last-child i:hover{
   color: #fff; 
   background-color: #e40046;
   }
.addNew-address-section{
   position: relative;
   font-weight: 500;
   font-family: AtomsShoppingMedium;
   padding: 12px 15px;
   border-radius: 2px;
   border: 1px solid #e0e0e0;
   }
.addNew-address-section:hover{cursor: pointer;}
.addNew-address-section i{
	font-size: 12px;
   margin-right: 6px;
   }
.addNew-address-form{
   margin-top: 20px;
   padding: 15px 15px;
   border-radius: 2px;
   border: 1px solid #e0e0e0;
   }
.addNew-address-form h4{
   font-size: 15px;
   font-weight: 600;
   margin-bottom: 15px;
   }
.addNew-address-form form{
	width: 100%;
	}
.addNew-address-form .form-control:hover, 
.addNew-address-form .form-control:active, 
.addNew-address-form .form-control:focus{
	border-color: #0094de4f;
	}
.addNew-address-form .save-but, .addNew-address-form .cancel-but{
   margin-top: 8px;
   margin-left: 4px;
   line-height: 28px;
   padding: 6px 32px;
   font-size: 13px;
	font-weight: 500;
   font-family: AtomsShoppingMedium;
   }  
.addNew-address-form .cancel-but{
	color: #e4e4e4;
	background: #cacaca;
   }
.shippimg-area {
   margin: 0;
   padding: 0;
   list-style: none;
   overflow: hidden;
   }
.shippimg-area li {
   float: left;
   margin-right: 20px;
   position: relative;
   padding-left: 19px;
   }
.shippimg-area li input[type=radio] {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 2px 0 0;
   }
.shippimg-area li label{font-weight: 600;}


/**/
.deactivate-section{
   padding: 15px 15px;
   border-radius: 2px;
   border: 1px solid #e0e0e0;
   }  
.deactivate-section .form-group{
   margin-bottom: 0px;
   }
.btn-deactivate{
   line-height: 26px;
   }
.deactivate-text-area{
   margin-top: 10px;
   padding: 15px 15px;
   border-radius: 2px;
   border: 1px solid #e0e0e0;
   }
.deactivate-text-area h5{
   margin-top: 20px;
   font-weight: 600;
   margin-bottom: 5px;
   }
.deactivate-text-area h5:first-child{margin-top: 0px;}
.deactivate-text-area ul{
   padding-left: 20px;
   list-style-type: square;
   }
.deactivate-text-area li{
   margin-bottom: 10px;
   }


/**/
.wishlist-section .cart-area{
   position: relative;
   }
.wishlist-section .cart-area:last-child{border-bottom: none;}
.wishlist-section .cart-area .cart-product-img-section{margin-bottom: 0px;}
.wishlist-section .cart-area .remove-text{
   position: absolute;
   top: 0px;
   right: 10px;
   color: #e400469c;
   font-size: 20px;
   }
.wishlist-section .cart-area .remove-text:hover{
   color: #e40046;
   }
.wishlist-section .cart-area:last-child{
	margin-bottom: 0px;
	}


/**/
.table-bordered>tbody>tr>td, 
.table-bordered>tbody>tr>th, 
.table-bordered>tfoot>tr>td, 
.table-bordered>tfoot>tr>th, 
.table-bordered>thead>tr>td, 
.table-bordered>thead>tr>th{
	border: 1px solid #ddd;
	}
.my-orders-section table{
	text-align: center;
	}
.my-orders-section table thead th, .my-orders-section table tbody td{
	font-size: 11px;
	text-align: center;
	white-space:normal; 
	}
.my-orders-section .cart-area{
   margin-bottom: 15px;
   padding-bottom: 0px;
   position: relative;
   border: 1px #cdcdcd75 solid;
   }
.my-orders-section  .cart-product{
	padding: 0px 10px;
	}
.my-orders-section .cart-area .cart-product-img-section{margin-bottom: 0px;}
.my-orders-section .cart-area .cart-product-img-section{border: 0px;}

.my-orders-header{
   width: 100%;
   display: table;
   align-items: center;
   padding: 10px 10px;
   margin-bottom: 10px;
   background-color: rgb(249, 249, 249);
   border-bottom: 1px solid rgb(230, 230, 230);
   }
.my-orders-header .order-but{
	float: left;
	display: table;
   /*width: 196px;*/
   color: rgb(255, 255, 255);
   text-align: center;
   box-shadow: none;
   text-transform: uppercase;
   cursor: pointer;
   padding: 6px 14px;
   border-radius: 2px;
   border-width: 1px;
   border-style: solid;
   background: #0094de;
   border-color: #0094de;
   border-image: initial;
   }
.my-orders-header .rate-review-but{
	float: right;
	color: #f91414;
	font-weight: 500;
	padding: 6px 8px;
	border-radius: 2px;
	border: solid 1px #f91414;
	}  
.my-orders-header .rate-review-but i{
	font-size: 14px;
   margin-right: 4px;
   }
.my-orders-footer{
   width: 100%;
   display: table;
   align-items: center;
   padding: 12px 15px;
   margin-top: 10px;
   background-color: rgb(249, 249, 249);
   border-top: 1px solid rgb(230, 230, 230);
   }
.my-orders-header p, .my-orders-footer p{
   margin-bottom: 0px;
   }
.my-orders-footer p.order-total{text-align: right;}
.my-orders-footer p.order-total .new-price .fa{font-size: 12px;}
.my-orders-footer p.order-total .new-price{margin-left: 4px;}
.my-orders-footer .new-price{font-size: 12px;}
.my-orders-header p span, .my-orders-footer p span{
   color: #212121;
   font-weight: 600;
   }



/**/
.reviews-section{
   position: relative;
   margin-bottom: 15px;
   padding: 18px 10px;
   border: 1px #cdcdcd75 solid;
   }  
.reviews-section .cart-area{
   border-bottom: 0px;
   margin-bottom: 0px;
   padding-bottom: 0px;
   position: relative;
   }
.reviews-section .cart-area .cart-product-img-section{
   border: 0px;
   margin-bottom: 0px;
   }
.reviews-section .cart-area  .cart-title{
   display: table;
   margin-bottom: 10px;
   }
.reviews-section .cart-area  .other-text{
   margin-bottom: 0;
   }

.reviews-section .edit-delete-but {
   display: table;
   margin-top: 15px;
   }
.reviews-section .edit-delete-but li {
   float: left;
   }
.reviews-section .edit-delete-but li i {
	width: 33px;
	height: 30px;
	font-size: 14px;
	line-height: 2.2;
	text-align: center;
	vertical-align: middle;
	margin-left: 4px;
	border-radius: 4px;
	background-color: #0094de12;
	}
.reviews-section .edit-delete-but li:nth-child(1) i:hover {
   background-color: #5fce6f;
   }
.reviews-section .edit-delete-but li:nth-child(2) i:hover {
   color: #fff;
   background-color: #e40046;
   }
.reviews-section .edit-delete-but li:nth-child(3) i:hover {
   background-color: #f1c40f;
   }
.reviews-section .edit-delete-but li i:hover {
   color: #fff;
   cursor: pointer;
   }
.reviews-section .like-dislike-but {
   float: right;
   display: table;
   margin-top: -30px;
   }
.reviews-section .like-dislike-but li {
   float: left;
   }
.reviews-section .like-dislike-but li i {
   width: 33px;
   height: 30px;
   color: #0094dee0;
   font-size: 14px;
   text-align: center;
   vertical-align: middle;
   line-height: 2.2;
   border-radius: 4px;
   margin-right: 4px;
   margin-left: 20px;
   background-color: #0094de12;
   }
.reviews-section .like-dislike-but li:hover i{
   cursor: pointer;
   color: #fff;
   background-color: #0094dee0;
   }

/**/
.bt-procate-tab.style-1:not(.slidable) .box-content>div {
	margin-top: -6px;
	}
.swiper-slider>.swiper-nav div:hover{
	color: #fff;
	background: #008ecc;
	border-color: #008ecc;
	}
.recommendations-services .swiper-container{padding: 18px 0px;}
.recommendations-services{
	width: 100%;
	padding: 0px 0px;
	background: none;
	}
.recommendations-services.box.style-1 {
	margin-bottom: 0px;
	}
.recommendations-services.box.style-1 .box-content{
	background: none !important;
	}
.recommendations-services .product-layout{
	padding: 6px 6px;
	/*padding-right: 12px;
	margin-bottom: 12px;*/
	border: none !important;
	}
.recommendations-services .box-content{
	overflow: visible !important;
	}

.recommendations-services .product-grid{
	background: none;
	}
.product-layout .product-item {
	position: relative;
	box-sizing: border-box;
	vertical-align: top;
	border-radius: 3px;
	background: #fff;
	padding: 10px 12px;
	transition: transform .5s;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	border: 1px solid #ebecf0;
	}
.product-layout .product-item:hover {
	box-shadow: 0 8px 17px 0 rgba(0,0,0,.15);
	}
.product-layout .item-main{
	width: 100%;
	}
.product-layout .item-img{
	width: 100%;
	position: relative;
	}
.product-layout .item-img .place{
	padding-top: 100%;
	}
.product-layout .item-img .item-img-inner {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow: hidden;
	}
.product-layout .item-img .item-img-inner>a {
	height: 100%;
	width: 100%;
	}
.product-layout .item-img .product-image-box {
	height: 100%;
	width: 100%;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	-ms-flex-align: center;
	}
.product-layout .item-img .product-image-box img {
	max-width: 100%;
	max-height: 100%;
	height: auto;
	display: block;
	margin: 0 auto;

	-webkit-transition: -webkit-transform .25s linear 0s;
	transition: -webkit-transform .25s linear 0s;
	transition: transform .25s linear 0s;
	transition: transform .25s linear 0s, -webkit-transform .25s linear 0s;
	}
.product-layout:hover .item-img .product-image-box img {
	-webkit-transform: scale(1.15);
	transform: scale(1.15);
	}
.product-layout .item-img .img-left-bottom {
	position: absolute;
	left: 1px;
	bottom: 1px;
	}


.product-layout .item-main .dis_section {
	width: 38px;
	height: 38px;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/icons/offer_bg.svg) center no-repeat;
	font-size: 11px;
	color: #fff;
	display: block;
	padding: 8px 0;
	z-index: 9;
	line-height: 1;
	}
.product-layout .item-main .dis_section span {
	font-size: 14px;
	}



.product-layout .item-info .title {
	margin-top: 12px;
	font-size: 12px;
	height: 20px;
	overflow: hidden;
	margin-bottom: 6px;
	word-wrap: break-word;
	}
.product-layout .item-info h2.two-line {
	height: 40px;
	margin-bottom: 6px;
	}
.product-layout .item-info h2.two-line a {
	height: 40px;
	-webkit-line-clamp: 2;
	}
.product-layout .item-info .title>a {
	line-height: 20px;
	color: #333;
	letter-spacing: 0;
	font-size: 13px;
	font-weight: 500;
	text-align: left;
	text-transform: initial;
	height: 20px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	}
.product-layout .item-info .title>a:hover {
	text-decoration: underline;
	}


.product-layout .price-sec select{
	color: #555;
	padding: 8px;
	border-radius: 3px;
	border: 1px solid #9e9e9e82;
	}
select.form-control {
	background-position: right 10px top 13px;
	background-repeat: no-repeat;
	}
.product-layout .item-info .pmo {
	margin-top: 12px;
	margin-bottom: 7px;
	letter-spacing: 0;
	color: #666;
	font-size: 12px;
	}
.product-layout .item-info .pmo .price {
	height: 14px;
	font-size: 12px;
	font-family: AtomsShoppingBold;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 14px;
	white-space: nowrap;
	}
.product-layout .item-info .pmo .price>b {
	color: #000000;
	font-size: 18px;
	font-weight: 400;
	}
.product-layout .item-info .pmo .price>b span{
	color: #949393;
	font-size: 14px;
	font-weight: 500;
	font-family: AtomsShoppingLight;
	margin-left: 11px;
	/*text-decoration: line-through;*/
	}

.product-layout .item-info .pmo .save_price{
	margin: 0;
	margin-top: 4px;
	padding: 0;
	color: #00a100;
	display: block;
	font-size: 13px;
	font-family: AtomsShoppingMedium;
	}


.add-section{
	width: 100%;
	display: table;
	margin-bottom: 3px;
	}
.add-section label{
	float: left;
	font-weight: 600;
	vertical-align: bottom;
	margin-top: 8px;
	margin-right: 10px;
	}
.add-section .form-control{
	width: 59px;
	padding: 8px;
	border-radius: 4px;
	text-align: center;
	border: 1px solid #9e9e9e82;
	}
.add-section button{
	width: 100%;
	color: #fff;
	font-size: 13px;
	font-weight: 400;
	text-transform: capitalize;
	margin-top: 0px;
	padding: 0px 16px;
	border-radius: 4px;
	background: #008ecc;

	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center; 
	-ms-flex-align: center;
	align-items: center;
	line-height: 2.7;
	justify-content: space-between;
	}
.add-section .add_plus{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: rgba(255,255,255,.1) url(../images/icons/add_plus.svg) center no-repeat;
	}

.add-section button:hover{color: #fff;/*background: #ffee00*/}
.add-section button:focus{color: #908816;}

.product-layout .item-info .pmo .main-product{
	color: #48484899;
	font-size: 11px;
	font-weight: 400;
	}

.product-layout .item-info .pmo .min-order {
	font-size: 13px;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
	}
.product-layout .item-info .pmo .min-order>b {
	font-weight: 400;
	}

/**/
.recently-viewed-section .box .product-layout{
	border-width: 0px;
	}
.recently-viewed-section .box.style-1 .box-heading h2{padding: 15px 15px;}
.recently-viewed-section .bt-featured-pro.style-1 .swiper-slider.nav-top-right>.swiper-nav div{top: -26px;}
.recently-viewed-section .swiper-slider>.swiper-nav div:hover{
	background: #0094de;
	border-color: #0094de;
	}
.recently-viewed-section .swiper-container{
	margin-top: -24px;
	padding: 24px 0px;
	}


/**/
.cart-right-area {
	color: #666;
	background: #fff;
	padding: 18px 15px;
	margin-bottom: 15px;
	border-radius: 4px;
   overflow: hidden;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
	}
.cart-right-area h4 {
	margin: 0px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	background: #fff;
	margin-bottom: 4px;
	padding-bottom: 14px;
	border-bottom: 1px #e5e5e5 solid;
	}
.cart-table tr td {padding: 5px 0px;}
.success-order-section .cart-table {
	width: 100%;
	font-size: 13px;
	margin-top: 0px;
	margin-bottom: 20px;
	border: 1px solid #e5e5e5 ;
	}
.success-order-section .cart-table tr td {padding: 5px 10px;}
.cart-table tr td:last-child {
	text-align: right;
	}
.cart-table tr td:last-child {
	text-align: right;
	}

.cart-border {
	border-top: 1px solid #e5e5e5 ;
	border-bottom: 1px solid #e5e5e5;
	}
.cart-table tr.cart-border td {
	/*padding: 8px 10px;*/
	}
.cart-border strong {
	color: #000;
	font-size: 15px;
	font-weight: 500;
	font-family: AtomsShoppingMedium;
	}	
.cart-right-area .ship-coloum{
	text-align: left !important;
	}
.cart-right-area .ship-coloum a:hover{
	text-decoration: underline;
	}
.cart-right-area .ship-coloum i{
	font-size: 12px;
	}
.contact-supplier-but, .cart-red-button, .action-button-lite{
	width: 100%;
	display: table;
	font-size: 13px;
	font-weight: 500;
	line-height: 2.4;
	text-align: center;
	border-radius: 20px;
	border: 1px solid #e8e6e6;
	}
.cart-red-button {
	width: auto;
	color: #fff;
	font-size: 13px;
	border: none;
	outline: none;
	padding: 2px 20px;
	margin-top: 10px;
	margin-bottom: 5px;
	background: #008ecc;
	border-color: #008ecc;
	}

#statorder .cart-red-button{
	width: 100%;
	}
.contact-supplier-but{
	color: #ff6444;
	line-height: 2.2;
	margin-bottom: 5px;
	border-color: #f60;
	}
.contact-supplier-but:hover{
	color: #ff6444;
	}
.action-button-lite{
	color: #0094de;
	line-height: 2.2;
	background: none;
	box-shadow: none;
	margin-top: 12px;
	border-color: #0094de;
	}
.action-button-lite i{
	font-size: 14px;
	}
.action-button-lite:hover{
	color: #0094de;
	border-color: #0094de;
	}
.shopping-button {
	display: table;
	color: #fff;
	font-size: 14px;
	border: none;
	outline: none;
	margin: 0 auto;
	margin-bottom: 0;
	padding: 9px 15px;
	border-radius: 4px;
	background: #0094de;
	border-color: #0094de;
	font-family: AtomsShoppingMedium;
	}
.paymentmode-section-area .payment-title{
	font-size: 16px;
	margin-bottom: 14px;
	}





/**/
.company-profile-section{
	background: #fff;
	margin-bottom: 15px;
	border-radius: 4px;
   overflow: hidden;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
	}
.profile-bg-section{
	min-height: 50px;
	padding: 10px 15px;
	background-color: #0094de;
	background-image: url(../images/logo-bg.png);
	}
.profile-pic-section{
	width: 100%;
	display: table;
	padding: 10px 13px;
	margin-top: -35px;
	}
.profile-pic-section .profile-pic{
	float: left;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-right: 8px;
	border-radius: 50%;
	background-color: rgb(234, 234, 234);
	}
.profile-pic-section .profile-img{
	display: table;
	max-width: 100%;
	text-align: center;
	border-radius: 50%;
	vertical-align: middle;
	}
.profile-pic-section h4.company-name{
	font-size: 13px;
	font-weight: 600;
	margin-top: 30px;
	}


/**/
.company-profile-section{
	background: #fff;
	margin-bottom: 15px;
	border-radius: 4px;
   overflow: hidden;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .2);
	}
.profile-bg-section{
	min-height: 50px;
	padding: 10px 15px;
	background-color: #0094de;
	background-image: url(../images/logo-bg.png);
	}
.profile-pic-section{
	width: 100%;
	display: table;
	padding: 10px 13px;
	margin-top: -35px;
	}
.profile-pic-section .profile-pic{
	float: left;
	width: 50px;
	height: 50px;
	overflow: hidden;
	margin-right: 8px;
	border-radius: 50%;
	background-color: rgb(234, 234, 234);
	}
.profile-pic-section .profile-img{
	display: table;
	max-width: 100%;
	text-align: center;
	border-radius: 50%;
	vertical-align: middle;
	}
.profile-pic-section h4.company-name{
	font-size: 13px;
	font-weight: 600;
	margin-top: 30px;
	}


.company-profile-section .inner-company-profile{
	width: 100%;
	display: table;
	color: #666;
	font-size: 12px;
	padding: 0px 15px 15px 15px;
	}
.company-profile-section .contact-supplier-but{
	color: #ff6444;
	line-height: 2.2;
	margin-bottom: 5px;
	border-color: #f60;
	}
.company-profile-section .contact-supplier-but:hover{
	color: #ff6444;
	}
.contact-supplier-but i{
	font-size: 12px;
	}
.company-profile-section .inner-company-profile ul{
	padding: 0px;
	margin: 0px;
	}
.company-profile-section .inner-company-profile li{
	margin-bottom: 7px;
	list-style-type: none;
	}
.company-profile-section .inner-company-profile li i{
	font-size: 12px;
	width: 12px;
	text-align: center;
	margin-right: 4px;
	}

.company-profile-pic{
	max-width: 100%;
	margin-bottom: 15px;
	border-radius: 6px;
	}
.company-basicInfo tr td:nth-child(odd) {
	background-color: #fafafa;
	width: 20%;
	}
.company-basicInfo tr td:nth-child(even) {width: 30%;}
.company-basicInfo td {
	font-size: 11px;
	line-height: 17px;
	padding: 10px 20px;
	vertical-align: top;
	word-break: break-word;
	border: 1px solid #f4f4f4;
	}


/*Cart page css*/
.cart-section .heading-text{
	width: 100%;
	display: table !important;
	color: #555;
	font-size: 13px;
	font-weight: bold;
	margin: 0px !important;
	text-transform: uppercase;
	margin-bottom: 15px !important;
	}
.cart-area {
	width: 100%;
	display: table;
	padding: 0px 20px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px #cdcdcd75 solid;
	}
.cart-area .cart-product-img-section {
	width: 107px;
	height: 103px;
	margin-bottom: 5px;
	border-radius: 3px;
	padding: 8px;
	border: 1px #cdcdcd75 solid;
	}
.cart-area .cart-product-img {
	max-width: 100%;
	max-height: 100%;
	margin: 0 auto;
	}
.cart-product-counter{
	width: 100%;
	display: table;
	}

.qty {
	width: 45px;
	height: 27px;
	color: #aaa;
	text-align: center;
	vertical-align: top;
	padding: 0 5px 1px;
	border-radius: 0px;
	border: 1px #cdcdcd75 solid;
	}
.items-count {
	color: #fff;
	font-size: 14px;
	line-height: 1;
	text-align: center;
	padding: 8px 12px;
	border: none;
	outline: none;
	background-color: #008ecc;
	}
.items-count i{font-size: 10px;}
.count-minus{border-radius: 3px 0px 0px 3px;}
.count-plus{border-radius: 0px 3px 3px 0px;}

.items-count-left{
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	}
.items-count-right{
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	}	
.cart-product-counter .input-text{
	height: 30px;
	border-left: 0px;
	border-right: 0px;
	border-color: #5fc9f7;
	font-family: AtomsShoppingMedium;
	}

.new-price {
	color: #212121;
	font-size: 18px;
	font-weight: 600;
	}
.old-price {
	color: #878787;
	margin-left: 4px;
	margin-right: 10px;
	text-decoration: line-through;
	}
.off-text {
	color: #388e3c;
	font-weight: 600;
	}
.remove-text {
	color: #0094de;
	font-weight: 500;
	text-transform: uppercase;
	}
.remove-text span{
	display: table;
	float: left;
	width: 13px;
	height: 13px;
	color: #fff;
	font-size: 9px;
	line-height: 1.3;
	text-align: center;
	vertical-align: middle;
	margin-top: 2px;
	margin-right: 2px;
	padding: 0px 1px;
	border-radius: 50%;
	background: #0094de;
	border: solid 1px #0094de;
	}
.replacement-text {
	font-size: 11px;
	color: #878787;
	margin-top: 9px;
	}

.checkout-box .checkout-page-button {
	margin-top: 5px;
	font-weight: 500;
	font-family: AtomsShoppingMedium;
	}


/**/
.products-category .product-layout {
	padding: 6px 6px;
	border: none !important;
	}
.products-category  .product-related, .products-category  .product-grid{
	background: none;
	}
.product-product .product-wrap{
	background: none;
	}
.products-category-section {
	overflow: visible !important;
	}
.products-category-section .product-wrap{
	margin-right: -21px;
	margin-left: -21px; 
	overflow: visible !important;
	padding: 0px !important;
	background: none !important;
	box-shadow: none !important;
	}





/*request-quotation-section*/
.request-quotation-section{
	width: 100%;
	display: table;
	padding: 15px 15px;
	background-color: #fff;
	}
.req-quot-sec{
	position: relative;
	width: 100%;
	height: 376px;
	text-align: center;
	overflow: hidden;
	}
.req-quot-sec .req-quot-banner{
	display: block;
	width: 100%;
	height: 100%;
	background-repeat: no-repeat !important;
	background-position: center !important;
	transform: scale(1.02);
	-ms-transform: scale(1.02);
	-moz-transform: scale(1.02);
	-webkit-transform: scale(1.02);
	-o-transform: scale(1.02);
	}
.req-quot-sec .req-quot-banner:hover{
	transform: scale(1.05);
	-ms-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	-o-transform: scale(1.05);
	}
.request-quotation-section .heading-text{
	color: #333;
	font-size: 22px;
	font-weight: 700;
	line-height: 60px;
	max-height: 88px;
	overflow: hidden;
	margin-bottom: 0;
	}
.request-quotation-section .form-control{
	height: 40px;
	}
.request-quotation-section select{
	/*color: red;*/
	}
.request-quotation-section .request-but{
	width: auto;
	border: none;
	overflow: hidden;
	font-weight: 500;
	text-transform: capitalize;
	border-radius: 4px;
	background: #0094de;
	padding: 12px 18px 10px 18px;
	}
.form-control:hover, .form-control:active, .form-control:focus{
	border-color: #008ecc;
	}




.radio-box-sec ul{
   display: table;
   margin: 0px;
   padding: 0px;
   margin-bottom: 13px;
   }
.radio-box-sec li{
	float: left;
	font-size: 12px;
	margin-right: 14px;
	list-style: none;
	position: relative;
	padding: 3px 10px 2px 10px;
	padding-left: 24px;
	border-radius: 4px;
	overflow: hidden;
	border: solid 1px #f0f0f0;
	}
.radio-box-sec li:hover{
	background: #0094de0f;
	}

.radio-box-sec{
   margin-bottom: 0px;
   margin-top: 0px;
   }
.radio-box-sec input[type="radio"]{
   width: auto;
   opacity: 0;
   position: absolute;
   left: 0;
   z-index: 1
   }
.radio-box-sec .radio_box{
   position: absolute;
   top: -2px;
   left: -3px;
   font-size: 12px;
   -webkit-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
   color: #0094de78;
   }
.radio-box-sec .radio_box:hover, 
.radio-box-sec input[type="radio"]{
   cursor: pointer;
   }
.radio-box-sec input:checked~.radio_box:before {
   color: #0094de78;
   }
.radio-box-sec .radio_box:after, 
.radio-box-sec .radio_box:before {
   content: "";
   left: 0;
   top: 0;
   margin: 6px 3px 0px 7px;
   width: 14px;
   height: 14px;
   transition: -webkit-transform .28s ease;
   transition: transform .28s ease;
   transition: transform .28s ease,-webkit-transform .28s ease;
   border-radius: 50%;
   -moz-border-radius: 50%;
   -webkit-border-radius: 50%;
   border: 1px solid currentColor;
   }
.radio-box-sec input:checked~.radio_box:after {
   -webkit-transform: scale(.5);
   transform: scale(.5);
   }
.radio-box-sec .radio_box:after {
   -webkit-transform: scale(0);
   transform: scale(0);
   background: #0094de78;
   border: #0094de78;
   }


.radio-box-sec .radio_box:before {
   position: absolute;
   }
.radio-box-sec .radio_box:after, 
.radio-box-sec .radio_box:before {
   position: absolute;
   }


.radio-box-sec p{
	color: #999;
	font-size: 12px;
	}
.filters-container .pagination-container ul li.prev, .filters-container .pagination-container ul li.next {
    background: none repeat scroll 0 0 #dddddd;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.pagination-result .pull-right ul li a {
    color: #666666;
    display: inline-block;
    font-family: 'Open Sans', sans-serif, sans-serif;
    font-size: 13px;
    line-height: 20px;
    padding: 0 3px;
}



/**/
.checkout-box .panel-group .panel {
	-webkit-border-radius: 0px !important;
	-moz-border-radius: 0px !important;
	border-radius: 0px !important;
	background-color: #fff;
	border: 1px #e5e5e5 solid !important;
	padding: 0px;
	margin-bottom: 10px;
	}
.checkout-box .checkout-steps .panel .panel-heading .unicase-checkout-title {
	margin: 0px !important;
	font-size: 13px;
	font-weight: bold;
	border: none !important;
	}


#accordion .panel-body.delivery-add-body{
	padding: 5px 0px ;
	}
#accordion .profile-contain{
	margin-bottom: 0px;
	}


/**/
.my-profile-section {
	width: 100%;
	display: table;
	}
.profile-top-section {
	width: 100%;
	height: 180px;
	position: relative;
	border-radius: 2px;
	background: #f0faff;
	border: solid 1px #e6e6e6;
	/*overflow: hidden;*/
	}
.profile-top-section .profile-pic {
	width: 118px;
	height: 118px;
	background: #f7f6f6;
	position: absolute;
	bottom: -30px;
	left: 20px;
	border: solid 1px #bce8f1;
	overflow: hidden;
	}
.profile-top-section .profile-pic img {
	width: 100%;
	max-width: 100%;
	padding: 3px;
	}
.profile-top-section .person-name {
	position: absolute;
	bottom: 10px;
	left: 150px;
	color: #000;
	font-size: 20px;
	text-transform: capitalize;
	}
.my-profile-section .cover-picture{
	opacity: .9;
	width: 100%;
	max-width: 100%;
	max-height: 100%;
	}

.company-profile{padding: 16px 15px !important;}
.company-profile .company-details{
	padding-top: 60px;
	border-top: 0px;
	}






/*breadcrumb*/
.breadcrumb>li:hover a{
	color: #0094de;
	}

/*aboutus-section*/
.aboutus-section{
	width: 100%;
	display: table;
	/*padding: 20px 0px;*/
	padding-bottom: 20px;
	}
.inner-aboutus-section{
	width: 100%;
	display: table;
	padding: 15px;
	background: #fff;
	}



/**/
.seller-reg-section{
	width: 100%;
	display: table;
	padding-bottom: 20px;
	}
.inner-seller-reg{
	width: 60%;
	display: table;
	margin: 0 auto;
	padding: 22px 30px;
	background: #fff;
	border-radius: 4px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
	}
.seller-reg-section .form-control{
	height: 42px;
	border-radius: 4px;
	}
.seller-reg-section .form-group {
	margin-bottom: 20px;
	}
.seller-reg-section h2{
	font-size: 20px; 
	text-align: center;
	text-transform: none;
	margin: 0 auto;
	margin-bottom: 19px;
	}
.seller-reg-section .seller-reg-but{
	display: table;
	margin: 0 auto;
	border: none;
	font-size: 14px;
	font-weight: 400;
	border-radius: 4px;
	background: #0094de;
	padding: 15px 40px 12px 40px;
	}
.seller-reg-section select option{
	color: #000;
}


.view-store{
	float: right;
    display: table;
    width: auto;
    padding: 0px 20px;
	
}
.login-modal{
	font-size: 14px;
	}
.modal{
	z-index: 99999;
	}
.modal-dialog{
	margin-top: 70px !important;
	}
.modal-content{
	outline: 0;
	border-radius: .3rem;
	border: 1px solid rgba(0,0,0,.2);
	background-color: #fff;
	/*background: url(login_bg.ee85b1a….png) center center/cover;*/
	}
.authfy-container{
	margin-top: 0px;
	margin-bottom: 0px;
	box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
	-moz-box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
	-webkit-box-shadow: 0 0 8px 0 rgba(0,0,0,.05);
	}

.authfy-container .row{
/*	margin-left: 0px;
	margin-right: 0px;*/
	}
.authfy-panel-left{
	background-color: #a4ce3a;
	box-shadow: none;
	}
.authfy-panel-left .brand-col{padding: 20px;}
.authfy-panel-right{
	border-radius: 4px;
	box-shadow: none;
	background-image: url(../images/support-bg.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	}
.panel-signup{margin-top: 10px;}
.login-modal .form-group{margin-bottom: 10px;}
.login-modal .form-control{
	height: 46px;
	font-size: 14px;
	padding: 12px 16px;
	}
.panel-forgot .form-control:focus, .panel-login .form-control:focus, .panel-signup .form-control:focus{
	border-color: #a4ce3a;
	-webkit-box-shadow: inset 0 1px 1px rgba(164, 206, 58, 0.24), 0 0 8px rgba(164, 206, 58, 0.24);
	box-shadow: inset 0 1px 1px rgba(164, 206, 58, 0.24), 0 0 8px rgba(164, 206, 58, 0.24);
	}
.login-modal a{color: #09b3e7;}
.authfy-container .remember-row{
	margin-left: -15px;
	margin-right: -15px;
	}

.login-modal .login-but{
	width: 100%;
	margin: 0px;
	font-size: 16px;
	padding: 10px 10px;
	text-transform: uppercase;
	}
.panel-login .remember-row label{float: left;}
.authfy-login .forgotPwd {
	text-align: right;
	margin-top: 0;
	margin-bottom: 12px;
	}
.checkbox input[type=checkbox]+.label-text:after, .checkbox input[type=checkbox]+.label-text:before {
	width: 17px;
	height: 17px;
	font-size: 11px;
	margin-left: 0;
	padding: 2px 3px;
	top: 2px;
	left: 0px;
	position: absolute;
	display: inline-block;
	}
.checkbox input[type=checkbox]+.label-text:after{background-color: #a4ce3a;}
.authfy-login, .authfy-panel-left .brand-col{min-height: 420px;}

.login-modal .close {
	width: 25px;
	height: 25px;
	background: #e91e1e8c;
	color: #ffffff;
	font-size: 17px;
	font-weight: 100;
	line-height: 0;
	padding: 0px;
	border-radius: 50%;
	position: absolute;
	right: 18px;
	top: 16px;
	opacity: 1;
	outline: none;
	z-index: 9999;
	box-shadow: none;
	text-shadow: none;
	}
.login-modal .close img {width: 11px;}


/**/
.fileupload-exists .btn, .fileupload-new .btn{
	width: auto !important;
	padding: 10px 10px;
	font-weight: 500;
	border-radius: 2px;
	background: #0094de;
	border-color: #0094de;
	}

/**/
.fileupload-exists .btn, .fileupload-new .btn{
	width: auto !important;
	padding: 10px 10px;
	font-weight: 500;
	border-radius: 2px;
	background: #0094de;
	border-color: #0094de;
	}

/**/
.bt-top-category.composite .category-thumb .image{padding: 8px;}
.header-bottom-link ul {
	margin: 0px -20px;
	display: table;
	float: left;
	}
.location-dropdown{float: left;display: table;}
.header-bottom-link .location-dropdown{float: right;}
.location-dropdown .btn{
	margin-top: 0;
    margin-right: 15px;
    padding: 10px 16px 9px 16px;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    background: #8EC640;
	}
.location-marker{
	width: 14px;
	margin-top: -3px;
	margin-right: 5px;
	animation: bounce 1s linear infinite;
	}
.location-dropdown .btn i{
	font-size: 16px;
	font-weight: 600;
	line-height: 0;
	}
.location-dropdown  .dropdown-menu{
	left: auto;
	right: -30px;
	top: 107%;
	padding: 18px 12px;
	min-width: 215px;
	}
.location-dropdown ul {
	width: 100%;
	display: table;
	margin: 0px 0px;
	margin-bottom: 10px;
	}
.location-dropdown ul li {
	color: #525252;
	font-size: 13px;
	font-weight: 500;
	text-align: center;
	padding: 6px 9px;
	}
.delivery-text{
	color:green;
	font-weight: 600;
	text-align: center;
	}
.delivery-text i{
	margin-right: 1px;
	font-size: 15px;
	line-height: 0;
	}
.order-time-text{
	width: 100%;
	display: table;
	color: #505050;
	font-size: 13px;
	font-weight: 600;
	text-align: center;
	margin-top: 20px;
	}
	
.mobile-category-menu{
	/*display: none !important;*/
	}
.mobile-category-menu .navbar-btn{
	margin: 0px;
	/*float: right;*/
	color: #4caf50;
	font-size: 20px;
	background: #ffffff;
	padding: 6px 10px 3px 10px;
	}

.header-icon {
	width: 25px;
	height: 30px;
	margin-top: 0px;
	text-align: center;
	transition: all 250ms ease;
	}


#sidebar{
	top: 59px;
	left: 15px;
	right: 0px;
	width: auto;
	max-width: 100%;
	margin-right: 15px;
	}
.navbar-collapse{
	max-height: 400px;
	overflow-x: auto;
	}



.header-cart-login{
	float: right;
	display: table;
	margin-right: -10px;
	}
.header-cart-login .login-buttton{
	display: table;
	color: #fff;
	font-size: 12px;
	margin-top: 10px;
	text-transform: uppercase;
	}
.header-cart-login .login-buttton i{font-size: 16px;}

.header-cart-login .dropdown-content{left: -106px;top: 51px;}

.mobile-login-link {
	color: #eaeaea;
	font-size: 15px;
	margin-left: 2px;
	text-decoration: none;
	}
.mobile-login-link img {margin-top: -2px;}

	
/**/
.categories-section .swiper-slider>.swiper-nav div{width: 27px;height: 44px;}
.categories-section .swiper-slider.nav-top-right>.swiper-nav div.swiper-nav-prev{
	top: 33%;
	left: -45px;
	background: url(../images/icons/left_arrow.svg) center no-repeat!important;
	}
.categories-section .swiper-slider.nav-top-right>.swiper-nav div.swiper-nav-next {
	top: 33%;
	right: -45px;
	background: url(../images/icons/right_arrow.svg) center no-repeat!important;
	}
.categories-section .swiper-slider>.swiper-nav div:hover{border: none !important;}
.categories-section .swiper-slider.nav-top-right>.swiper-nav div{border: none !important;}


.categories-section {background: #fff;}
.categories-section .categories_link{display: table;margin-right: 10px;}
.categories-section.bt-procate-tab .swiper-slide{border-left: 0px !important;}
.categories-section.bt-procate-tab.style-1 .box-heading h2, .TopCategories-section.bt-procate-tab.style-1 .box-heading h2{border: none;}
.categories-section.box.style-1 .box-heading, .TopCategories-section.box.style-1 .box-heading{border: none;}
.categories-section.box.style-1 .box-heading h2{padding: 2px 0px;}


/**/
.myshopping-list-sec{background-color: #fff;}



/**/
.payments_banner_section {
	min-height: 1px;
	padding: 18px 0px;
	margin: 0px;	
	overflow: visible;
	position: relative;
	background-color: #fff;
	}

.swiper-button-next, .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	-moz-background-size: 27px 44px;
	-webkit-background-size: 27px 44px;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
	}
.payments_banner_section .swiper-pay-button-prev {
	background: url(../images/icons/left_arrow.svg) center no-repeat!important;
	left: 12px!important;
	outline: 0;
	}
.payments_banner_section .swiper-pay-button-next {
	background: url(../images/icons/right_arrow.svg) center no-repeat!important;
	right: 12px!important;
	outline: 0;
	}

/**/
.TopCategories-section{
	background: #fff;
	padding-bottom: 20px;
	/*border: solid 1px red;*/
	}
.TopCategories-section.common-section .home-category-info-header-line{margin-top: 37px;}
.TopCategories-section .inner_categories{width: 100%;display: table;}
.TopCategories-section .categories_box{
	width: 100%;
	display: table;
	margin-top: 48px;
	margin-bottom: 10px;
	border-radius: 5px;
	background: #efd6da;
	}
.TopCategories-section .offer_heading{
	display: table;
	width: 100%;
	height: 80px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	padding: 13px;
	margin-top: -40px;
	background: url(../images/offer_heading_bg.png) no-repeat top center;
	background-size: 100%;	
	}
.TopCategories-section .offer_heading b{font-size: 18px;font-style: italic;}
.TopCategories-section .categories_box .cat_details {
	height: 100%;
	display: block;
	padding: 0 4px;
	text-align: center;
	margin: -10px auto 16px;
	}
.TopCategories-section .categories_box .cat_details .cat_img {
	width: 150px;
	height: 150px;
	display: block;
	padding: 0;
	margin: 0 auto 8px;
	}
.TopCategories-section .categories_box .cat_details  .cat_name {
	height: 38px;
	color: #000;
	font-size: 16px;
	font-family:AtomsShoppingBold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	overflow: hidden;
	}


/**/
.explore-offer-list ul{
	margin: 0px;
	padding: 0px;
	}
.explore-offer-list .explore-offer-box{
	width: 100%;
	/*max-width: 20%;*/
	height: auto;
	margin-right: 16px;
	padding-left: 15px;
	padding-right: 15px;    
	float: left; 
	padding: 0;
	/*-webkit-box-flex: 20%;
	-ms-flex: 20%;
	flex: 20%;*/
	text-align: center;
	list-style-type: none;
	position: relative;
	}

.explore-offer-list .explore-offer-box a{
	display: block;
	vertical-align: top;
	text-align: center;
	}
.explore-offer-list .explore-offer-box .explore_img{
	width: 100%;
	height: auto;
	min-height: 239px;
	border-radius: 4px;
	overflow: hidden;
	margin: 0 auto;
	border: 1px solid #eaeaea;
	background: url(../images/icons/no_image.svg) center no-repeat;
	}

 .explore_cat_name {
 	height: 40px;
	display: block;
	color: #000;
	font-size: 14px;
	font-family: AtomsShoppingMedium;
	line-height: 20px;
	text-align: center;
	margin-top: 8px;
	border-radius: 0;	
	overflow: hidden;
	text-transform: capitalize;
	}


/**/
.product-price {
	color: #666;
	font-size: 12px;
	letter-spacing: 0;
	margin-top: 12px;
	margin-bottom: 7px;
	}
.product-price .price {
	height: 14px;
	font-size: 12px;
	font-family: AtomsShoppingBold;
	text-overflow: ellipsis;
	overflow: hidden;
	line-height: 14px;
	white-space: nowrap;
	}
.product-price .price>b {
	color: #000000;
	font-size: 20px;
	font-weight: 400;
	}
.product-price .save_price {
	margin: 0;
	margin-top: 6px;
	padding: 0;
	color: #00a100;
	display: block;
	font-size: 14px;
	font-family: AtomsShoppingMedium;
	}
.product-price .price>b span {
	color: #949393;
	font-size: 16px;
	font-weight: 500;
	font-family: AtomsShoppingLight;
	margin-right: 11px;
	}


.deliverySection {
	width: 100%;
	float: left;
	min-width: 320px;
	padding: 15px 0px 0px 0px;
	margin-bottom: 0px;
	}
.pdp-callouts {
	width: 100%;
	padding-bottom: 8px;
	}
.pdp-callouts li {
	border-bottom: 0;
	float: left;
	font-size: 13px;
	padding: 0px;
	margin-right: 25px;
	text-transform: none;
	}
.pdp-callouts li::before {
	content: "";
	display: inline-block;
	width: 25px;
	height: 25px;
	padding: 0 0 0 5px;
	vertical-align: middle;
	background-image: url(../images/icons/sprite-master.png)!important;
	}
.pdp-callouts li.fast-delivery::before {
	background-position: -29px -94px;
	background-size: 320px auto;
	}
.pdp-callouts li.free-shipping::before {
	background-position: -101px -160px;
	background-size: 520px auto;
	padding-right: 27px;
	}
.pdp-callouts li.official-store::before {
	background-position: -122px -128px;
	background-size: 430px auto;
	}
.pdp-callouts li.free-delivery::before {
	background-position: -137px -113px;
	background-size: 380px auto;
	padding-right: 3px;
	}


.pdetails-cartbut{width: 125px;}
.pdetails-cartbut button{padding: 0px 10px 0px 16px;}
.pdetails-cartbut button:focus{color: #ffffff;}

/**/
.write-review-sec h2{
	font-size: 14px;
	}
.write-review-sec div.required .control-label:before{
	content: '';
}
.write-review-sec div.required .control-label:after{
	content: '*';
	color: #F00;
	font-weight: bold;
	margin-left: 4px;
	}

.write-review-sec .btn-primary{
	background: #008ecc;
	font-family: AtomsShoppingMedium;
	font-weight: 500;
	}


/**/
.bt-category .box-heading h2, .box.style-2 .box-heading h2{
	font-size: 14px !important;
	font-weight: 500 !important;
	font-family: AtomsShoppingMedium !important;
	text-transform: unset !important;
	}
.bt-category .box-heading h2:after, .box.style-2 .box-heading h2:after{margin-top: 5px !important;}



.price-sec .form-control{
	border-radius: 4px;
	}


/**/
.bt-breadcrumb{
	margin: 10px 0px;
	}

.instock-text{color: #00a100;}
.outstock-text{color: #e25f3f;}


.con-shop-but{float: right;}


/**/
/*.checkout-box .checkout-steps .panel .panel-heading .unicase-checkout-title > a:not(.collapsed) span{
background-color: #008ecc;
}
*/

.checkout-box .checkout-steps .panel .panel-heading .unicase-checkout-title a span{
	padding: 11px 15px;
	}
.checkout-box #accordion .panel-heading h4 a:after{
	margin-top: 7px;
	right: 35px;
	}
.checkout-box .checkout-steps .checkout-step-01 .already-registered-login button{
	font-size: 15px;
	font-weight: 500;
	font-family: AtomsShoppingMedium;
	text-transform: none;
	background: #008ecc;
	}


/**/
.sidebar-menu .box-category .cutom-parent-li{
	display: block;
	color: #353535;
	font-size: 13px;
	font-weight: 500;
	padding: 0px;	
	background-color: #fff;
	border-bottom: solid 1px rgba(0,0,0,.1); 
	}
.sidebar-menu .box-category>li>ul{
	padding: 0px;
	padding-left: 17px;
	}
.sidebar-menu .box-category>li>ul li{
	padding-left: 8px;
	list-style-type: none;	
	}
.sidebar-menu .box-category li a{
	color: #222;
	font-size: 13px;
	padding: 9px 10px;
	}
.sidebar-menu .box-category li>.plus-minus{
	width: 100%;
	padding: 7px 5px;
	text-align: right;
	}
.sidebar-menu .box-category li>.plus-minus{
	top: 4px;
	right: 7px;
	}
.sidebar-menu .menu-icon {
	width: 15px;
	margin-right: 6px;
	}
.sidebar-menu .box-category li .item_child li a{
	border: none;
	padding: 4px 0px;
	font-size: 12px;
	}




/**/
.sidebar-header{
	width: 100%;
	display: table;
	padding: 22px 10px 22px 10px;
	background: #2874f0;
	}
.profile-pic-sec{
	float: left;
	width: 50px;
	height: 50px;
	display: table;
	padding: 1px;
	background: #fff;
	border-radius: 50%;	
	margin: 0px 10px 0px 0px;
	}
.profile-pic-sec .profile-image{
	margin: 0 auto;
	max-width: 100%;
	max-height: 100%;
	border-radius: 50%;
	}
.sidebar-header h1{
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	margin-top: 6px;
	margin-bottom: 6px;
	}
.sidebar-header h2 {
	color: #d2e3ff;
	font-size: 12px;	
	font-weight: 400;
	margin: 0px;
	}
.sidebar-light .menu-item {
	display: block;
	color: #353535;
	font-size: 13px;
	font-weight: 500;
	padding: 9px 10px 9px 10px;
	background-color: #fff;
	border-bottom: solid 1px rgba(0,0,0,.1);
	}
.sidebar-light .menu-item:hover {
	color: #000!important;
	background-color: rgba(0,0,0,.05)!important;
	}
.sidebar-light .menu-item .menu-icon{
	width: 15px;
	margin-right: 10px;
	}
.sidebar-light .menu-item i:first-child {
	width: 22px;
	color: #212121;
	margin-top: 0px;
	}
.menu-number {
	position: absolute;
	right: 0;
	font-style: normal;
	font-size: 11px;
	right: 19px;
	top: 50%;
	margin-top: -10px;
	width: 23px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	border-radius: 23px;
	}
.sidebar-light .menu-number {color: #1f1f1f;}
.submenu .menu-item {
	width: 100%;
	display: table;
	line-height: 1;
	padding: 12px 10px 12px 24px;
	}
.sidebar-light .submenu a {color: #838383;}

/**/
.side-bar-pic-area {
	width: 100%;
	background: #008ecc;
	padding: 15px 12px;
	overflow: hidden;
	}
.side-bar-pic {
	float: left;
	width: 47px;
	height: 47px;
	padding: 1px;
	margin-right: 8px;
	border-radius: 50%;
	background: #fff;
	}
.side-bar-pic img {
	width: 100%;
	border-radius: 50%;
	}

.side-bar-pic-name {
	color: #fff;
	margin-top: 7px;
	margin-left: 10px;
	}
.side-bar-pic-name h3 {
	color: #ffffff;
	font-size: 16px;
	font-weight: 400;
	font-family: AtomsShoppingMedium;
	margin: 0;
	}
.side-bar-pic-name p {
	color: #dddbff;
	font-size: 12px;
	white-space: nowrap;
	margin: 0;
	margin-top: 2px;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	}
.side-bar-manu{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
.side-bar-manu li{
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	}
.border-bottom{
	border-bottom: 1px solid #f0f0f0;
	}
.side-bar-manu li.border-bottom a {
	border-bottom: 1px solid rgba(255, 255, 255, .1);
	}
.side-bar-manu li a {
	display: block;
	color: #353535;
	padding: 7px 12px;
	border-top: 1px solid rgba(255, 255, 255, .1);
	text-decoration: none;
	}
.side-bar-manu .menu-item-icon {
	width: 14px;
	position: relative;
	margin: -3px 4px 0 0;
	vertical-align: middle;
	}

/**/
.swiper-slider.nav-middle.fix-padding>.swiper-nav div.swiper-nav-next{
	background: url(../images/icons/right_arrow.svg) center no-repeat!important;
	}
.swiper-slider.nav-middle.fix-padding>.swiper-nav div.swiper-nav-prev{
	 background: url(../images/icons/left_arrow.svg) center no-repeat!important;
	}


/**/
.recharge-model{
   background: rgba(0, 0, 0, 0.38);
   padding-right: 0px;
   }
.recharge-model .modal-dialog{
   width: 354px;
   max-width: 100%;
   margin: 90px auto;
   
   }
.recharge-model .modal-content{
   border: none;
   overflow: hidden;
   text-align: center;
   border-radius: 5px;
   padding-top: 18px;
   background-color: #fff/*#f44336*/;
   box-shadow: none !important;
   }
.recharge-model .error-icon{
   width: 40px;
   margin: 0 auto;
   }
.recharge-model .heading-text{
   font-size: 15px;
   font-weight: 600;
   margin: 0px;
   margin-top: 8px;
   }
.recharge-model .modal-body{
   padding: 15px 10px;
   }
.recharge-model .model-button{
   width: 100%;
   display: table;
   border: none;
   color: #fff;
   font-size: 15px;
   padding: 11px 12px;
   border-radius: 0px !important;
   }
.recharge-model .model-button:hover{
   border: none;
   outline: none;
   }
.recharge-model .error-button{background: #f44336;}
.recharge-model .error-button:hover{background: #f24a4a;}

.recharge-model .success-button{background: #35bd26;}
.recharge-model .success-button:hover{background: #35bd26;}

.confirm-model .error-button, .confirm-model .success-button{
   width: 50%;
   margin: 0px;
   float: left;
/* display: table;
   border-radius: 0px !important;*/
   }
.confirm-model .success-button{}
.profile-leftbar{ margin-bottom: 30px; }

.report-panel .panel{
min-height: 231px !important;
}

.my-orders-section
{
  overflow-x: scroll;	
}

.explore_img img
{
 height: 258px !important;
}

@media (min-width: 576px){
	.modal-dialog {
		max-width: 460px;
		}
}


@media (min-width: 768px){
.contact-support-modal .modal-dialog {
	width: 450px;
	margin: 30px auto;
	}
}

/*---- footer-style ----*/

.footer-section {
	background:#f7f5eb; /*linear-gradient(45deg, #6ba43a29, #1ea1a314);*/
    padding: 60px 0 30px;
    position: relative;
    border-top: 3px solid #e5eadd;
	}
.footer-section:before {
	content: "";
	width: 100%;
	height: 60px;
	background: url(images/shape.png) top center no-repeat;
	background-size: 100% 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
	}	

.footer-section .footer-brand .brand-logo {display: inline;}
.footer-section .footer-brand .brand-logo img{margin-bottom:15px;}

.footer-section .footer-brand .brand-logo span {
	font-size: 32px;
	font-weight: 700;
	color: #1a1a1a;
	}

.footer-section .footer-brand .brand-description {
	font-size: 14px;
	line-height: 1.8;
	color: #1a1a1a;
	margin-bottom: 25px;
	}

.footer-section .footer-menu-section .contact-info {margin-bottom: 25px;}
.footer-section .footer-menu-section .contact-item {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 15px;
	font-size: 14px;
	color: #1a1a1a;
	}

.footer-section .footer-menu-section .contact-item i {
	font-size: 16px;
	color: #1a1a1a;
	margin-top: 3px;
	min-width: 16px;
	}

.footer-section .footer-menu-section .contact-item span {line-height: 1.6;}
.footer-section .download-menu{
	display: flex;
    gap: 12px;
    margin-top: -9px;
	}

.footer-section .footer-brand .social-icons {display: flex;gap: 15px;}
.footer-section .footer-brand .social-icon {
	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	color: #1a1a1a;
	border-radius:50%;
	font-size: 16px;
	border: 1px solid #1a1a1a;
	}

.footer-section .footer-brand .social-icon:hover {
	background-color: #6ba43a;
	color: #fff;
	border-color: #6ba43a;
	transition: none;
    padding: 0;
    margin: 0;
	}

.footer-section .footer-menu-section {margin-bottom: 30px;}
.footer-section .footer-title {
	font-size: 18px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 25px;
	}

.footer-section .footer-menu-section ul {
	list-style: none;
	padding: 0;
	margin-top: -11px;
	}
.footer-section .footer-menu-section ul li{padding: 13px 0px 0px 0px;}
.footer-section .footer-menu-section ul li a {
	color:#000000;
	text-decoration: none;
	font-size: 15px;
	transition: all 0.3s ease;
	width: auto;
	float: none;
	}
.footer-section .footer-menu-section ul li a i{padding: 0px 4px 0px 0px;}	
.footer-section .footer-menu-section ul li a .angle-btn{padding: 0px 8px 0px 0px;}
.footer-section .footer-menu-section ul li a:hover{
	color: #6ba43a;
	padding: 0px 6px 0px 6px;
    transition: .6s;
	}
.footer-section .footer-newsletter {margin-bottom: 30px;}
.footer-section .newsletter-description{
	font-size: 14px;
	color: #1a1a1a;
	margin-bottom: 20px;
	line-height: 1.6;
	}

.footer-section .newsletter-form {margin-bottom: 30px;}
.footer-section .newsletter-form .input-group{
	display: flex;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	}

.footer-section .newsletter-form .form-control {
	border: none;
	padding: 14px 20px;
	font-size: 14px;
	flex: 1;
	border-radius: 0;
	}

.footer-section .newsletter-form .form-control:focus {
	outline: none;
	box-shadow: none;
	}

.footer-section .newsletter-form .btn-submit {
	background-color: #6ba43a;
	border: none;
	color: white;
	padding:9px 18px;
	cursor: pointer;
	transition: all 0.3s ease;
	border-radius: 0;
	}

.footer-section .newsletter-form .btn-submit:hover {background-color: #5a8f31;}

.footer-section .newsletter-form .btn-submit i {font-size: 18px;}

.footer-section .payment-methods {margin-top: 30px;}

.footer-section .payment-title {
	font-size: 16px;
	font-weight: 600;
	color: #1a1a1a;
	margin-bottom: 15px;
	}

.footer-section .payment-icons {
	display: flex;
    align-items: center;
    gap: 12px;
    background-color: #fff;
    padding: 7px 8px 7px 8px;
	border-radius: 3px;
	}

.footer-section .payment-icons img {
	height:13px;
	width: auto;
	object-fit: contain;
	}
.copyright-section {
	background-color: #0d3b3b;
	padding:12px 0;
	position: relative;
	}

.copyright-section::before {
	content: '';
	position: absolute;
	top: -15px;
	right: 50px;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 15px solid #0d3b3b;
	}

.copyright-section .copyright-text {
	display: inline-flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
	}
.copyright-section .copyright-text p{	
	color: #fff;
	font-size: 14px;
	margin: 0;
	}

.copyright-section .footer-bottom-links {
	display: flex;
	gap: 12px;
	justify-content: flex-end;
	}

.copyright-section .footer-bottom-links a {
	width: 30px;
	height: 30px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	color: #ffffff;
	border-radius:50%;
	font-size: 16px;
	border: 1px solid #ffffff;
	text-decoration: none;
	}
.copyright-section .footer-bottom-links a i{font-size: 12px;}	
.copyright-section .footer-bottom-links a:hover {
	color: #fff; 
	background:#6ba43a; 
	border: 1px solid #6ba43a;
	transition:none;
	padding:0;
	margin:0;
	}
.footer-menu-section .footer-title::before{
	top:34px;
	left: 14px;
	bottom: -31px;
	width: 8px;
	height: 3px;
	content: "";
	position: absolute;
	background-color: #118cbb;
	border-radius: 10px;
	}
.footer-menu-section .footer-title::after{
	top:34px;
	left: 25px;
	bottom: -31px;
	width: 35px;
	height: 3px;
	content: "";
	position: absolute;
	background-color: #118cbb;
	border-radius: 10px;
	}
.footer-newsletter .footer-title::before{
	top:34px;
	left: 14px;
	bottom: -31px;
	width: 8px;
	height: 3px;
	content: "";
	position: absolute;
	background-color: #118cbb;
	border-radius: 10px;
	}
.footer-newsletter .footer-title::after{
	top:34px;
	left: 25px;
	bottom: -31px;
	width: 35px;
	height: 3px;
	content: "";
	position: absolute;
	background-color: #118cbb;
	border-radius: 10px;
	}
.download-links .footer-title::before{display:none;}
.download-links .footer-title::after{display:none;}
.download-links .download-menu{margin-top:-8px;}

@media (max-width: 991px) {
.footer-section {padding: 40px 0 20px;}   
.footer-bottom-links {justify-content: flex-start;margin-top: 15px;}
}

@media (max-width: 767px) {
.footer-brand .brand-logo span {font-size: 28px;} 
.footer-brand .brand-logo i {font-size: 28px;} 
.footer-title {font-size: 16px;margin-bottom: 20px;}
.payment-icons {gap: 8px;}
.payment-icons img {height: 20px;}
.footer-bottom::before {right: 20px;}
}

/*---- footer-style end ----*/

/*---- responsive ----*/

@media (max-width: 991px){
header{box-shadow: 0px 0px 0px 0px;}	
header .header-icon {filter: brightness(0) saturate(100%);}
header .mobile-login-link img{filter: brightness(0) saturate(100%);}

.mobile-search #search button{background: #62a718; line-height:1.0;}

.dropdown svg{filter: brightness(0) saturate(100%);}

.footer-section .footer-menu-section .footer-title{text-align: justify;}	
.footer-section .footer-newsletter .footer-title{text-align: justify;}
.footer-section .footer-menu-section ul{text-align: justify;}
.footer-section .footer-menu-section .contact-item{text-align: justify;}
.footer-section .newsletter-description{text-align: justify;}
footer .footer-bottom-links{margin-top:0px;justify-content: center !important;}
.footer-section .download-links .download-menu{display: block;text-align: justify;}
.footer-section .download-links .download-menu li{padding: 0px 0px 7px 0px;}
}

/*---- responsive-end ----*/


.btn-section ul{
	display:flex; 
	gap:12px;
    align-items: center;
	margin: 0;
	}
.btn-section ul li a{    
    border: 1px solid #62a718;
    border-radius: 3px;
    color: #62a718;
    padding: 5px 12px 5px 12px;
    font-family: AtomsShoppingMedium;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    width: 100%;
    box-shadow: 0px 0px 10px -11px #000;
	}
.btn-section ul li a i{padding: 0px 7px 0px 0px;}

.travel-btn{
    background: #e91c23;
    height: 32px;
    margin-top: 9px;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 3px;
}
.travel-btn i{padding: 0px 2px;}
.travel-btn a{padding: 0px 14px 0px 14px !important;}


/*---- offers-slider ----*/

.offers-section {padding: 40px 20px;}
.offers-section h2 {
	text-align: center;
	font-weight: 700;
	font-size: 34px;
	color: #000;
	margin-bottom: 20px;
	}

.offers-section .filter-tabs {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	margin-bottom: 28px;
	}

.offers-section .filter-tabs .tab-btn {
	border: none;
	background: transparent;
	padding: 8px 20px;
	border-radius: 25px;
	font-size: 0.9rem;
	font-weight: 500;
	color: #555;
	cursor: pointer;
	transition: all 0.2s ease;
	}

.offers-section .filter-tabs .tab-btn:hover {
	background: #e8f0fe;
	color: #1a6ef5;
	}

.offers-section .filter-tabs .tab-btn.active {
	background: #1a6ef5;
	color: #fff;
	font-weight: 600;
	}

.offers-section .filter-tabs .view-all {
	color: #1a6ef5;
	font-weight: 600;
	text-decoration: none;
	font-size: 0.9rem;
	padding: 8px 10px;
	}

.offers-section .slider-wrapper {position: relative;}

.offers-section .slider-track-outer {
	overflow: hidden;
	border-radius: 16px;
	}

.offers-section .slider-track {
	display: flex;
	gap: 18px;
	transition: transform 0.45s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	will-change: transform;
	}

.offers-section .offer-card {
	min-width: 300px;
	max-width: 300px;
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
	flex-shrink: 0;
	cursor: pointer;
	transition: transform 0.2s, box-shadow 0.2s;
	}

.offers-section .offer-card:hover {transform: translateY(-4px);}

.offers-section .card-banner {
	position: relative;
	min-height: 135px;
	overflow: hidden;
	}

.offers-section .card-banner img{width:100%; height:195px;}

.offers-section .card-banner .badge-tag {
	display: inline-block;
	font-size: 0.72rem;
	font-weight: 500;
	color: rgba(255,255,255,0.9);
	margin-bottom: 4px;
	}

.offers-section .card-banner h3 {
	font-size: 1.3rem;
	font-weight: 800;
	color: #fff;
	margin: 0 0 10px;
	line-height: 1.25;
	max-width: 170px;
	}

.offers-section .coupon-box {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: rgba(255,255,255,0.15);
	border: 1.5px dashed rgba(255,255,255,0.6);
	border-radius: 8px;
	padding: 5px 12px;
	}

.offers-section .coupon-box .label {
	font-size: 0.68rem;
	color: rgba(255,255,255,0.85);
	display: block;
	line-height: 1;
	}

.offers-section .coupon-box .code {
	font-size: 1rem;
	font-weight: 800;
	color: #fff;
	letter-spacing: 0.5px;
	}

.offers-section .coupon-box .copy-icon {
	font-size: 0.85rem;
	color: rgba(255,255,255,0.8);
	cursor: pointer;
	}

.offers-section .card-graphic {
	position: absolute;
	right: -8px;
	bottom: -8px;
	width: 120px;
	height: 120px;
	object-fit: cover;
	border-radius: 12px;
	opacity: 0.9;
	}

.offers-section .card-graphic-text {
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 3.8rem;
	font-weight: 900;
	color: rgba(255,255,255,0.18);
	line-height: 1;
	user-select: none;
	}

.offers-section .booking-badge {
	position: absolute;
	right: 14px;
	top: 50%;
	transform: translateY(-50%);
	background: linear-gradient(135deg, #FFD700, #FFA500);
	color: #fff;
	border-radius: 12px;
	padding: 8px 10px;
	text-align: center;
	box-shadow: 0 4px 12px rgba(0,0,0,0.2);
	}

.offers-section .booking-badge .num {
	font-size: 2rem;
	font-weight: 900;
	line-height: 1;
	color: #fff;
	display: block;
	}

.offers-section .booking-badge .sub {
	font-size: 0.62rem;
	font-weight: 700;
	color: rgba(255,255,255,0.9);
	text-transform: uppercase;
	letter-spacing: 0.3px;
	}

.offers-section .card-body-content {
	padding: 14px 18px 16px;
	width: 100%;
    height: auto;
	}

.offers-section .card-body-content p {
	font-size: 17px;
	font-weight: 600;
	color: #000000;
	margin: 0 0 5px;
	line-height: 1.4;
	}

.offers-section .card-body-content .validity {
	font-size:9px;
	color: #888;
	margin: 0;
	}

.offers-section .slider-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #fff;
	border: none;
	box-shadow: 0 2px 12px rgba(0,0,0,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	transition: background 0.2s, box-shadow 0.2s;
	color:#000000 !important;
	font-size: 1rem;
	}

.offers-section .slider-nav:hover {
	background: #1a6ef5;
	color:#fff !important;
	box-shadow: 0 4px 16px rgba(26,110,245,0.35);
	}

.offers-section .slider-nav.prev { left: -20px; }
.offers-section .slider-nav.next { right: -20px; }

/*---- offers-slider-end ----*/



/*-- bus-content --*/

.bus-content{margin-top:35px; margin-bottom:35px;}
.bus-content .heading-content h2{
	font-size:34px;
    margin-bottom: 10px;
    color: #000;
	}
.bus-content .heading-content p{    
	font-size: 17px;
	line-height: 28px;
	}
.bus-content .bus-img img{    
	width: 100%;
	height: 320px;
	border-radius: 10px;
	}

/*-- bus-content-end --*/	

/**/
.delight-section{margin-top:14px; margin-bottom:28px;}
.delight-section h2{font-size:34px;color:#000; margin-bottom:14px;}
.delight-section p{font-size:17px; line-height:28px;}



/*--- bus-listing-style ---*/
.bus-section .from-s1{
	float:left;
	width:23% !important;
	position:relative;
	}
.bus-section .from-s3{
	float:left;
	width:23% !important;
	position:relative;
	margin-left:2%;
	}
.bus-section .from-s4{
	float:left;
	width:18% !important;
	position:relative;
	margin-left:2%;
	}	
.left_pannel {
	width:25% !important;
	float: left;
	margin: 20px 0;
	background: #fff;
	border: 1px solid #e8edf2;
	border-radius: 14px;
	box-shadow: 0 4px 20px rgba(0,0,0,.07);
	overflow: hidden;
	padding:0px !important;
	height:fit-content;
	}

.left_pannel .filter-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding:12px 16px;
	background: linear-gradient(135deg, #1a73e8 0%, #56ccf2 100%);
	}
.left_pannel .filter-header-left {
	display: flex;
	align-items: center;
	gap: 8px;
	color: #fff;
	font-size: 15px;
	font-weight:500;
	letter-spacing: 0.3px;
	}
.left_pannel .filter-header-left i { font-size: 14px; }
.left_pannel .filter-reset-all {
	font-size: 11px;
	color: rgb(0 0 0 / 85%);
	text-decoration: none;
	border: 1px solid rgba(255, 255, 255, 0.5);
	border-radius: 20px;
	padding: 3px 10px;
	transition: all 0.2s;
	background-color: #fff;
	}

.left_pannel .filter-block {
	padding: 14px 16px;
	border-bottom: 1px solid #f0f3f7;
	}
.left_pannel .filter-block:last-child { border-bottom: none; }

.left_pannel .filter-block-title {
    font-size: 12px;
    font-weight: 550;
    color: #000000;
    text-transform:none;
    letter-spacing: 0.6px;
    margin-bottom: 12px;
    display: flex;
    align-items: center;
    gap: 6px;
    font-family: 'Poppins';
	}
.left_pannel .filter-block-title i { color: #1a73e8; font-size: 12px; }

.left_pannel .filter-toggle-row {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	}
.left_pannel .filter-toggle-row input[type="checkbox"] { display: none; }

.left_pannel .custom-check {
	width: 18px;
	height: 18px;
	border: 2px solid #c8d0da;
	border-radius: 5px;
	background: #fff;
	flex-shrink: 0;
	position: relative;
	transition: all 0.2s;
	}
.left_pannel input[type="checkbox"]:checked + .custom-check {
	background: #1a73e8;
	border-color: #1a73e8;
	}
.left_pannel input[type="checkbox"]:checked + .custom-check::after {
	content: '';
	position: absolute;
	left: 4px;
	top: 1px;
	width: 5px;
	height: 9px;
	border: 2px solid #fff;
	border-top: none;
	border-left: none;
	transform: rotate(45deg);
	}
.left_pannel .filter-label {
	font-size: 13px;
	color: #333;
	flex: 1;
	}
.left_pannel .filter-tag {
	font-size: 9px;
	font-weight: 700;
	color: #fff;
	background: #e53935;
	border-radius: 4px;
	padding: 2px 6px;
	letter-spacing: 0.5px;
	}

.left_pannel .filter-chip-group {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	}
.left_pannel .filter-chip {
	cursor: pointer;
	}
.left_pannel .filter-chip input[type="checkbox"] { display: none; }
.left_pannel .filter-chip span {
	display: inline-flex;
	align-items: center;
	gap: 5px;
	padding: 6px 12px;
	border: 1.5px solid #dde3ec;
	border-radius: 20px;
	font-size: 12px;
	color: #555;
	background: #f7f9fc;
	transition: all 0.2s;
	}
.left_pannel .filter-chip span i { font-size: 11px; color: #888; }
.left_pannel .filter-chip input:checked + span {
	background: #e8f0fe;
	border-color: #1a73e8;
	color: #1a73e8;
	font-weight: 600;
	}
.left_pannel .filter-chip input:checked + span i { color: #1a73e8; }

.left_pannel .time-slot-grid {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
	}
.left_pannel .time-slot { cursor: pointer; }
.left_pannel .time-slot input[type="checkbox"] { display: none; }
.left_pannel .time-slot span {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 3px;
	padding: 10px 6px;
	border: 1.5px solid #dde3ec;
	border-radius: 10px;
	background: #f7f9fc;
	transition: all 0.2s;
	text-align: center;
	}
.left_pannel .time-slot span i {
	font-size: 16px;
	color: #aab;
	transition: color 0.2s;
	}
.left_pannel .time-slot span b {
	font-size: 11px;
	color: #444;
	font-weight: 600;
	}
.left_pannel .time-slot span small {
	font-size: 10px;
	color: #999;
	}
.left_pannel .time-slot input:checked + span {
	background: #e8f0fe;
	border-color: #1a73e8;
	}
.left_pannel .time-slot input:checked + span i { color: #1a73e8; }
.left_pannel .time-slot input:checked + span b { color: #1a73e8; }

.left_pannel .filter-search-box {
	display: flex;
	align-items: center;
	gap: 8px;
	border: 1.5px solid #dde3ec;
	border-radius: 8px;
	padding: 7px 10px;
	margin-bottom: 10px;
	background: #f7f9fc;
	transition: border-color 0.2s;
	}
.left_pannel .filter-search-box:focus-within { border-color: #1a73e8; background: #fff; }
.left_pannel .filter-search-box i { color: #aab; font-size: 12px; }
.left_pannel .filter-search-box input {
	border: none;
	outline: none;
	background: transparent;
	font-size: 12px;
	color: #333;
	width: 100%;
	}
.left_pannel .filter-search-box input::placeholder { color: #bbb; }
.left_pannel .filter-check-list {
	display: flex;
	flex-direction: column;
	gap: 8px;
	}
.left_pannel .filter-check-list ul{height:120px; overflow-y:scroll;}	
.left_pannel .filter-check-row {
	display: flex;
	align-items: center;
	gap: 10px;
	cursor: pointer;
	padding: 6px 8px;
	border-radius: 8px;
	transition: background 0.15s;
	}
.left_pannel .filter-check-row:hover { background: #f0f4ff; }
.left_pannel .filter-check-row input[type="checkbox"] { display: none; }
.left_pannel .filter-check-row input:checked ~ .filter-label { color: #1a73e8; font-weight: 600; }

/*--- Select-Seats-popup-style ---*/

.right_pannel .overlay {
	display: none; 
	position: fixed; 
	inset: 0;
	background: rgba(0,0,0,0.55); 
	z-index: 1000;
	align-items: center; 
	justify-content: center;
	}
.right_pannel .overlay.active {display: flex;}

.right_pannel .modal-box {
	background: #fff; 
	border-radius: 16px; 
	width: 960px; 
	max-width: 98vw; 
	max-height: 96vh;
	box-shadow: 0 24px 60px rgba(0,0,0,0.25);
	display: flex; 
	flex-direction: column; 
	position: relative;
	}

.right_pannel .modal-header-bar {
	background: linear-gradient(135deg, #1a73e8 0%, #56ccf2 100%);
	border-bottom: 1px solid #e8ecf0;
	padding: 14px 20px;
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: wrap;
	font-size: 13.5px;
	color: #ffffff;
	font-weight: 500;
	border-radius:15px 15px 0px 0px;
	}
.right_pannel .modal-header-bar .sep{    
	color: #ffffff;
	display: inline-block;
	width: 1px;
	height: 19px;
	background-color: #fff;
	}
.right_pannel .close-btn {
    position: absolute;
    top: -5px;
    right: -6px;
    background: none;
    border: none;
    font-size: 13px;
    color: #555;
    cursor: pointer;
    line-height: 1;
    width: 22px;
    height: 22px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
	}
.right_pannel .close-btn:hover { color: #000; }

.right_pannel .modal-body-row {
	display: flex; 
	flex: 1; 
	overflow: hidden;
	}

.right_pannel .seat-panel {
	flex: 1; 
	padding: 16px 20px; 
	border-right: 1px solid #e8ecf0;
	overflow-y: scroll;
	}
.right_pannel .step-label {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 13px;
    font-weight: 550;
    color: #000000;
	margin-bottom: 14px;
	}
.right_pannel .step-badge {
	width: 22px; 
	height: 22px; 
	border-radius: 50%;
	display: inline-flex; 
	align-items: center; 
	justify-content: center;
	font-size: 12px; 
	font-weight: 700; 
	color: #fff;
	background: #1a73e8; 
	flex-shrink: 0;
	}
.right_pannel .modal-box .legend { display: flex; gap: 18px; flex-wrap: wrap; margin-bottom: 14px; align-items: center; }
.right_pannel .modal-box .legend-item { display: flex; align-items: center; gap: 6px; font-size: 12px; color: #555; }
.right_pannel .modal-box .legend-box {
	width: 22px; 
	height: 22px; 
	border-radius: 4px;
	border: 1.5px solid #ccc; 
	display: inline-block;
	}
.right_pannel .modal-box .ladies { border-color: #e91e8c; background: #fff; }
.right_pannel .modal-box .selected{ background: #4caf50; border-color: #4caf50; }
.right_pannel .modal-box .available{ background: #fff; border-color: #bbb; }
.right_pannel .modal-box .booked{ background: #bbb; border-color: #bbb; }

.right_pannel .price-filter{ display: flex; align-items: center; gap: 8px; margin-bottom: 16px; }
.right_pannel .price-filter label{ font-size: 13px; font-weight: 600; color: #333; }
.right_pannel .price-btn{
	padding: 4px 14px; 
	border-radius: 6px; 
	border: 1.5px solid #1a73e8;
	background: #1a73e8; 
	color: #fff; 
	font-size: 12.5px; 
	font-weight: 600; 
	cursor: pointer;
	}
.right_pannel .price-btn.outline{ background: #fff; color: #1a73e8; }
.right_pannel .price-btn:hover{ opacity: 0.85; }

.right_pannel .deck-label{
	background:#2c8deb; 
	border-radius: 8px; 
	padding: 7px 14px;
	font-size: 13px; 
	font-weight:550; 
	color: #fff;
	display: flex; 
	align-items: center; 
	gap:7px; 
	margin-bottom:12px;
	}
.right_pannel .deck-label img{width:17px; height:23px;}	

.right_pannel .seat-grid {
	display: grid; 
	grid-template-columns: repeat(5, 44px); 
	gap: 8px;
	margin-bottom: 6px;
	overflow-y: scroll;
	height:250px;
	}
.right_pannel .seat-grid .seat{
	width: 44px; 
	height: 40px; 
	border-radius: 7px;
	border: 1.5px solid #ccc; 
	background: #f9f9f9;
	display: flex; 
	flex-direction: column; 
	align-items: center; 
	justify-content: center;
	font-size: 12px; 
	font-weight: 600; 
	color: #444; 
	cursor: pointer;
	transition: all .15s; 
	user-select: none; 
	position: relative;
	transition: .8s;
	}
.right_pannel .seat-grid .seat:hover{
	border-color: #1e78e9;
	background-color: #e7f2ff;
	color: #1b74e8;
	}
.right_pannel .seat-grid .ladies-btn{
	background-color: #e91e8c;
	color: #fff;
	border-color: #e91e8c;
	}
.right_pannel .seat-grid .selected-btn{
	background-color: #4caf50;
	color: #fff;
	border-color: #4caf50;
	}
.right_pannel .seat-grid .block-btn{
    background-color: #bbbbbb;
    color: #fff;
    border-color: #bbbbbb;
	}		
.right_pannel .seat .price-tag { font-size: 9.5px; font-weight: 500; color: #1a73e8; }
.right_pannel .seat .available:hover { border-color: #1a73e8; background: #e8f0fe; color: #1a73e8; }
.right_pannel .seat .selected { background: #4caf50; border-color: #4caf50; color: #fff; }
.right_pannel .seat .selected .price-tag { color: #c8ffc8; }
.right_pannel .seat .booked { background: #d0d0d0; border-color: #bbb; color: #888; cursor: not-allowed; }
.right_pannel .seat .ladies { border-color: #e91e8c; }
.right_pannel .seat .ladies:hover { background: #fce4ec; }
.right_pannel .seat .empty { visibility:hidden; pointer-events: none; }
.right_pannel .seat .gap { visibility:hidden; pointer-events: none; background: none; border: none; }

.right_pannel .boarding-panel {
	width: 300px; 
	flex-shrink: 0; 
	display: flex; 
	flex-direction: column;
	overflow-y: auto;
	}
.right_pannel .boarding-panel .step-label{padding:14px 9px 0; margin-bottom:0;}	
.right_pannel .bp-tabs {
	display: flex; 
	border-bottom: 2px solid #e8ecf0;
	}
.right_pannel .bp-tab {
	flex: 1; 
	padding: 13px 8px; 
	text-align: center;
	font-size: 12.5px; 
	font-weight: 600; 
	color: #888; 
	cursor: pointer;
	border-bottom: 2.5px solid transparent; 
	margin-bottom: -2px;
	transition: all .15s;
	}
.right_pannel .bp-tab.active{ 
	color: #1a73e8;
	background-color: #e4f0ff;
	margin-top: 10px; 
	}
.right_pannel .bp-list{padding: 8px 0;}
.right_pannel .boarding-panel .filter-check-list{
	height: 150px;
	overflow-y: scroll;
	padding: 10px 0px;
	display:block;
	}
.right_pannel .bp-item {
	display: flex; 
	align-items: center; 
	justify-content: space-between;
	padding: 14px 18px; 
	border-bottom: 1px solid #f0f0f0; 
	cursor: pointer;
	transition: background .12s;
	}
.right_pannel .bp-item:hover { background: #f5f8ff; }
.right_pannel .bp-item .time { font-size: 14px; font-weight: 700; color: #222; }
.right_pannel .bp-item .place { font-size: 12px; color: #666; margin-top: 2px; }
.right_pannel .bp-radio {
	width: 18px; 
	height: 18px; 
	border-radius: 50%;
	border: 2px solid #bbb; 
	display: inline-block; 
	flex-shrink: 0;
	transition: all .15s; 
	position: relative;
	}
.right_pannel .bp-radio.selected { border-color: #1a73e8; }
.right_pannel .bp-radio.selected::after {
	content: ''; 
	position: absolute; 
	inset: 3px; 
	border-radius: 50%; 
	background: #1a73e8;
	}

.right_pannel .modal-footer-bar {
	padding: 14px 20px; 
	border-top: 1px solid #e8ecf0;
	display: flex; 
	align-items: center; 
	justify-content: space-between;
	background: #fff;
	border-radius: 0px 0px 15px 15px;
	}
.right_pannel .modal-footer-bar .total-amount{display:flex; align-items:center; gap:39px; margin-top:2px}
.right_pannel .modal-footer-bar .total-amount .st-number{font-size:13px; color:#333; font-weight:550;}
.right_pannel .modal-footer-bar .total-amount span{font-size: 14px; font-weight: 550;}
.right_pannel .modal-footer-bar .total-amount span i{font-size:12px;}
.right_pannel .footer-info{ font-size: 13px; color: #555; }
.right_pannel .footer-info span{ font-weight: 700; color: #222; font-size: 16px; }
.right_pannel .fare-link{ font-size: 12px; color: #1a73e8; cursor: pointer; text-decoration: underline;}
.right_pannel .continue-btn{
	background:#ef6614; 
	color: #fff; 
	border: none;
	padding: 11px 34px; 
	border-radius: 8px; 
	font-size: 14px; 
	font-weight: 500;
	transition: all .2s;
	font-family: 'Poppins';
	}
.right_pannel .continue-btn.active{background: #1a73e8; cursor: pointer;}
.right_pannel .continue-btn.active:hover{ background: #1557b0; transform: translateY(-1px); }

@media (max-width: 700px) {
	.right_pannel .modal-body-row { flex-direction: column; }
	.right_pannel .boarding-panel { width: 100%; border-top: 1px solid #e8ecf0; }
	}

/*--- Select-Seats-popup-style-end ---*/



.right_pannel {width: 73% !important; padding-top: 0px !important;}
.right_pannel .bus-fltr {
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(250, 253, 255, 1) 100%);
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	box-shadow: 0 0 5px 0 rgb(0, 0, 0, .10);
	padding: 0 20px;
	}
.right_pannel .bus-fltr span {
	padding: 10px 0;
	display: inline-block;
	font-size: 14px;
	position: relative;
	cursor: pointer;
	width: 40%;
	}
.right_pannel .lft-fltr {width: 38%;}
.right_pannel .cent-fltr{width: 38%;}
.right_pannel .rhgt-fltr {width: 24%;justify-content: flex-end;}
.right_pannel .rhgt-fltr span {width: fit-content;}
.right_pannel .tvcn {width: 64%;}
.right_pannel .tvcn:nth-child(even) {text-align: right;}

.right_pannel .card {
	padding: 15px;
	border: 1px solid #dbdbdb;
	border-radius: 10px;
	background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(250, 253, 255, 1) 100%);
	margin-top: 10px;
	box-shadow: 0 0 5px 0 rgb(0, 0, 0, .10)
	}

.right_pannel .card:hover {box-shadow: 0 0 5px 0 rgb(0, 0, 0, 0.20);}
.right_pannel .cardnew {
	padding: 15px;
	border: 1px solid #64D26C;
	border-radius: 10px;
	background: #fff;
	margin-top: 10px;
	box-shadow: 0 0 3px rgba(0,0,0,.07);
	}

.right_pannel .card > .d-flex, .cardnew > .d-flex {gap: 50px;}
.right_pannel .bx-2 {gap: 10px;}
.right_pannel .lft-ac {width: 46%;}
.right_pannel .lft-ac3 {width: 40%;}
.right_pannel .dep {width: 36% !important;}
.right_pannel .dep-mn {width: 28%;margin: 0 7px;}
.right_pannel .c-nme {
	text-overflow: ellipsis;
	overflow: hidden;
	font-size: 17px;
	font-weight: 600;
	white-space: nowrap;
	max-width: 300px;
	}

.right_pannel .rcmd {
	background: #E9FFEF;
	color: #46CC6B;
	text-transform: uppercase;
	display: flex;
	align-items: center;
	gap: 5px;
	font-weight: 600;
	border: 1px solid #46CC6B;
	border-radius: 5px;
	font-size: 10px;
	padding: 3px 5px;
	width: fit-content;
	display: none;
	}

.right_pannel .dep small, .dep-bar span {font-size: 11px;color: #2F2F2F;}
.right_pannel .dep .trns-tim {font-size: 20px;font-weight: 700;}
.right_pannel .dep span {
	font-size: 13px;
	color: #2F2F2F;
	display: block;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	}

.right_pannel .dep-bar {
	width: 75px;
	border-bottom: 1px dashed #1B1A15;
	position: relative;
	text-align: center;
	padding-bottom: 3px;
	}

.right_pannel .dep-bar::after {
	position: absolute;
	content: '';
	height: 10px;
	width: 10px;
	background: #2093EF;
	border-radius: 100%;
	left: 50%;
	top: 100%;
	transform: translate(-50%,-50%);
	}

.right_pannel .ac-st {
	font-size: 11px;
	font-weight: 500;
	color: #D88619;
	margin-top: 10px;
	display: flex; 
	}

.right_pannel .tvcn .c-nme ~ small {
	font-size: 11px;
	color: #B78700;
	padding: 2px 6px;
	background: #FFF7E0;
	margin-bottom: 5px;
	display: inline-block;
	border-radius: 3px;
	font-weight: 500;
	max-width: 276px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	}

.right_pannel .amnts {margin-top: 5px;}
.right_pannel .rtng {
	padding: 1px 5px;
	background: #00A664;
	font-size: 14px;
	border-radius: 5px;
	font-weight: 600;
	color: #fff;
	}

.right_pannel .ac-br span, .str-f {font-size: 11px;}
.right_pannel .ac-br small {
	font-size: 11px;
	color: #808080;
	background: none;
	display: block;
	padding: 0;
	}

.right_pannel .crd-prc {
	font-size: 24px;
	color: #D63B05;
	font-weight: 600;
	line-height: 1;
	}

.right_pannel .crd-prc del, .grnd-prc del {
	font-size: 13px;
	color: #737373;
	font-weight: 400;
	}

.right_pannel .crd-prc small::before {
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translate(-50%,-50%);
	height: 10px;
	width: 10px;
	border: 1px dashed #28B707;
	border-radius: 100%;
	background: #fff;
	border-left: 0;
	border-bottom: 0;
	border-top: 0;
	}

.right_pannel .crd-prc small {
	border: 1px dashed #28B707;
	padding: 2px 10px;
	background: #F0FFF0;
	color: #28B707;
	border-radius: 5px;
	display: block;
	position: relative;
	margin: 8px 0 6px;
	font-size: 10px;
	line-height: normal;
	width: fit-content;
	margin-left: auto;
	}

.right_pannel .crd-prc small::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(50%,-50%);
	height: 10px;
	width: 10px;
	border: 1px dashed #28B707;
	border-radius: 100%;
	background: #fff;
	border-right: 0;
	border-bottom: 0;
	border-top: 0;
	}

.right_pannel .slt-st {
	background: #EF6614;
	color: #fff;
	font-size: 14px;
	padding: 7px 15px;
	border-radius: 40px;
	font-weight: 600;
	width: 100%;
	line-height: normal;
	display: block;
	margin-left: auto;
	margin-top: 8px;
	text-align: center;
	cursor: pointer;
	width: fit-content;
	}

.right_pannel .slt-st:hover {
	background-color: #da5200;
	-webkit-transition: background-color 500ms linear;
	-ms-transition: background-color 500ms linear;
	transition: background-color 500ms linear;
	}

.right_pannel .rght-ac {width: 65%;}
.right_pannel .btm-ft {
	font-size: 12px;
	width: 100%;
	border-top: 1px dashed #D5DEE4;
	padding-top: 10px;
	margin-top: 15px;
	}
.right_pannel .btm-ft ul {list-style:none; padding:0px; margin:0;}
.right_pannel .btm-ft li{margin-right: 25px;cursor: pointer;}
.right_pannel .tab a.active{color: #2093EF;}
.right_pannel .tabcontent{
	display: none;
	margin-top: 10px;
	border-top: 1px dotted #D5DEE4;
	}

.right_pannel .brdtxt{
	font-weight: 600;
	color: #000;
	font-size: 13px;
	margin: 5px 20px;
	}

.right_pannel .brding-pnts ul{
	margin: 0 5px;
	padding: 0 15px;
	font-size: 13px;
	max-height: 300px;
	overflow-y: scroll;
	}

.right_pannel .rght-ac2{width:84%;}

/*--- bus-listing-style-end ---*/



/*--- bus-booking-style ---*/

.bus-booking{background-color:transparent !important;}
.details-body{margin-top:15px; display:flex; gap:17px;}

.bor{
	float: left;
	width: 100%;
	border: 1px solid #dbdbdb;
	background: #ffffff;
	border-radius: 10px;
	-webkit-box-shadow: 0 0 5px rgb(0, 0, 0, .10);
	-moz-box-shadow: 0 0 5px rgb(0,0,0,.10);
	box-shadow: 0 0 5px rgb(0, 0, 0, .10);
	}

.bo-hed{
    width: 100%;
    color: #ffffff;
    font-size: 16px;
    padding: 12px 0 12px 2%;
    background: linear-gradient(90deg, #2093ef 0%, #83d6ff 100%);
    border-radius: 10px 10px 0 0;
    font-weight:500;
    font-family: 'Poppins';
	}
.tr-cn {width: 96%;margin: 0 auto;}
.bus-detai-n {
	width: 100%;
	float: left;
	padding-bottom: 20px;
	margin-top: 15px;
	}
.bus-sec1 {width: 32%;float: left;}
.bus-ico-l {width: 17%;float: left;}
.bus-ico-txt {width: 83%;float: left;}

.bus-m-txt {
	width:100%;
	font-size:15px;
	padding-bottom:5px;
	color:#000;
	font-weight:500;
	font-family:'Poppins';
	}
.nus-tim {
	font-size: 13px;
	color: #000;
	background: #fcf8e3;
	float: left;
	padding: 2px 5px;
	font-weight: 500;
	border-radius: 4px;
	}

.bus-sec2 {
	width: 12%;
	float: left;
	margin-top: 3px;
	}
.bor-tim {
	width: 100%;
	color: #000000;
	font-size: 12px;
	}

.bor-t-d {
	width: 100%;
	padding-bottom: 5px;
	color: #222121;
	font-size: 16px;
	font-weight:600;
	}
.bus-sec3 {
	width: 15%;
	float: left;
	margin-right: 1%;
	margin-top: 7px;
	}
.bu-rou-m {width:100%; text-align:center;}
.bu-rou-txt {
	width: 100%;
	font-size: 12px;
	color: #737373;
	text-align: center;
	}
.bus-sec4 {
	width: 10%;
	float: left;
	margin-top: 3px;
	}
.bus-sec5 {
	width: 14%;
	float: left;
	margin-top: 3px;
	}
.seat-no1 {
	width: 100%;
	padding-bottom: 5px;
	color: #000000;
	font-size: 12px;
	}
.seat-no-txt {
	border-radius: 4px;
	width: auto;
	color: #000;
	font-size: 12px;
	float: left;
	margin-right: 4%;
	padding: 1px;
	background-color: #fcf8e3;
	border: 1px solid #dcd9c9;
	margin-bottom: 5px;
	text-align: center;
	padding-left: 3px;
	padding-right: 3px;
	font-weight: 600;
	}
.bus-sec6 {
	width: 15%;
	float: right;
	margin-top: 3px;
	}
.no-o-pass {
	width: 100%;
	padding-bottom: 5px;
	color: #000000;
	font-size: 12px;
	text-align: center;
	}
.no-o-pass-txt {
	width: 100%;
	padding-bottom: 5px;
	color: #222121;
	font-size: 15px;
	text-align: center;
	}
.dropPoint {
	display: flex;
	flex: 1 1 auto;
	min-width: 0;
	flex-wrap: wrap;
	flex-direction: row;
	}
.fbasis65 {
	flex-basis: 65%;
	flex-grow: 0;
	max-width: 65%;
	}
.rowFlex.leftFlex {
	flex-basis: 5.4443%;
	flex-grow: 0;
	max-width: 5.4443%;
	}
.rowFlex {flex: 1 1 auto;}
.roundCir {
	border:1px solid #2093ef;
	display: block;
	width: 9px;
	border-radius: 50%;
	height: 9px;
	margin: 2px auto 0 auto;
	clear: both;
	}
.dottedLine {
	border-right:1px dashed #2093ef;
	height: 84px;
	display: block;
	margin: 0 auto;
	width: 1px;
	clear: both;
	}
.roundCirfill {
    border: 2px solid #2093ef;
    display: block;
    width: 7px;
    border-radius: 50%;
    height: 7px;
    margin: 0 auto;
    clear: both;
    background: #2093ef;
	}
.rowFlex.rightFlex {
	flex-basis: 93.5666%;
	flex-grow: 0;
	max-width: 93.5666%;
	}
.bordttl {
	color: #666;
	font-size: 12px;
	background: #e3edf5;
	border-radius: 3px;
	padding: 2px 5px;
	margin-bottom: 5px;
	display: inline-block;
	}
.msflex{display: flex;}
.bordtimep{
	font-weight: 700;
	font-size: 13px;
	line-height: 17px;
	display: block;
	margin-right: 6px;
	}
.bordttl{
	color: #000000;
	font-size: 12px;
	background: #def1ff;
	border-radius: 3px;
	padding: 2px 5px;
	margin-bottom: 5px;
	display: inline-block;
	}

.bordtimep{
	font-weight: 700;
	font-size: 13px;
	line-height: 17px;
	display: block;
	margin-right: 6px;
	}
.fbasis35 {
	flex-basis: 35%;
	flex-grow: 0;
	max-width: 35%;
	margin-top: 12px;
	border-left: 1px solid #e4e4e4;
	padding-left: 20px;
	}

.busoptitl {
	font-size: 13px;
	font-weight: 600;
	width: 100%;
	float: left;
	margin-bottom: 3px;
	}
.busType {
	font-size: 13px;
	font-weight: 500;
	color: #737373;
	word-break: break-word;
	}

.fd-h1 {
    width: 100%;
    float: left;
	padding:0px 12px 0px 12px;
    font-size: 16px;
    color: #ffffff;
    height: 50px;
    line-height: 50px;
    background: linear-gradient(90deg, #2093ef 0%, #83d6ff 100%);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight:500;
	}

.tv_right {float:right; width:auto;}
.bg_si_d {
	float: right;
	margin: 0;
	padding: 0 17px;
	font-size: 12px;
	color:#ffffff;
	display: flex;
	align-items: center;
	font-weight: 400;
	}
.spcer {
	margin-right: 7px;
	filter: invert(0) brightness(0);
	-webkit-filter: invert(0) brightness(0);
	}
.tr-c {
	width: 96%;
	float: left;
	margin: 0 2%;
	padding-bottom: 20px;
	}
.ps-ad-m {width: 100%;float:left;}
.ps-de {width: 100%;float: left;margin-top: 20px;}
.ps1 {
	width: 7%;
	float: left;
	font-size: 13px;
	color: #1a1a1a;
	height: 44px;
	line-height: 44px;
	font-weight: 600;
	padding-top: 20px;
	}
.ps2 {width:9%; float:left;}
.ps-de label {
	width: 100%;
	float: left;
	margin-bottom: 5px;
	font-size: 13px;
	font-weight: 600;
	}
.ps2 select {
	width: 100%;
	height: 40px;
	border: 1px solid #d7d5d5;
	padding-left: 6%;
	border-radius: 5px;
	font-size: 12px;
	}
.ps3{width:29%; float:left; margin-left:12px;}
.ps3 input{
	float: left;
	text-align: left;
	height: 40px;
	line-height: 40px;
	border: 1px solid #d7d5d5;
	width: 100%;
	transition: border-color 0.3s, box-shadow 0.3s;
	padding-left: 4%;
	border-radius: 5px;
	font-size: 12px;
	}

.ps4 {width:29%;float: left;margin-left: 12px;}
.ps4 input {
	float: right;
	text-align: left;
	height: 40px;
	transition: border-color 0.3s, box-shadow 0.3s;
	line-height: 40px;
	border: 1px solid #d7d5d5;
	width: 100%;
	padding-left: 4%;
	border-radius: 5px;
	font-size: 12px;
	}
.ps5 {width:11%;float: left;margin-left: 12px;}
.ps5 input {
	float: left;
	text-align: left;
	height: 40px;
	line-height: 40px;
	border: 1px solid #d7d5d5;
	width: 100%;
	padding-left: 4%;
	border-radius: 5px;
	padding-left: 4%;
	font-size: 12px;
	}
.ps6 {width:15%;float: left;margin-left: 12px;}
.ps6 span {
	float: left;
	text-align: center;
	height: 40px;
	line-height:37px;
	border: 1px solid #cae8ff;
	width: 100%;
	padding-left: 0;
	color: #020202;
	font-size: 14px;
	background-color: #e7f5ff;
	border-radius: 5px;
	}

.contact-details { padding:20px 18px; }
.contact-details .cd-header { margin-bottom: 20px; }
.contact-details .cd-header h4 { font-size: 16px; font-weight:500; color: #1a1a2e; margin: 0 0 4px; }
.contact-details .cd-header p { font-size: 13px; color: #6c757d; margin: 0; display: flex; align-items: center; gap: 6px; }
.contact-details .cd-header p::before { content: "\f05a"; font-family: FontAwesome; color: #e87722; }
.input-content {margin-bottom: 16px; }
.input-content label {display: block; font-size: 12px; font-weight: 600; color: #495057; margin-bottom: 6px; text-transform: uppercase; letter-spacing: 0.5px; }
.input-content .cd-input-wrap { position: relative; }
.input-content .cd-input-wrap i { position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: #adb5bd; font-size: 14px; }
.input-content .cd-input-wrap input { width: 100%; padding: 10px 14px 10px 36px; border: 1.5px solid #e0e0e0; border-radius: 8px; font-size: 14px; color: #333; background: #f8f9fa; transition: border-color 0.2s, box-shadow 0.2s; outline: none; box-sizing: border-box; }
.input-content .cd-input-wrap input:focus {border-color: #3ea7f3; box-shadow: 0 0 0 3px rgb(62 167 243 / 13%); background: #fff;}
.input-content .cd-input-wrap input::placeholder {color: #bbb;}


/*--- right-section ---*/
.right-section .prc-mm{
	width: 100%;
	float: left;
	background: linear-gradient(90deg, #2093ef 0%, #83d6ff 100%);
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	}
.right-section .prc-h{
	width: 90%;
	float: left;
	font-size: 16px;
	color: #000;
	padding: 8px 13px;
	}
.right-section .prc-h span{
	padding-left: 0%;
	font-size: 16px;
	color:#fff;
	font-weight: 600;
	}
.right-section .prc-h2{
	width: 12%;
	padding-left: 3%;
	float: left;
	font-size: 13px;
	color: #1a1a1a;
	height: 50px;
	line-height: 50px;
	display: none;
	}
.right-section .prc-h3 {
	width: 11%;
	float: left;
	font-size: 13px;
	color: #1a1a1a;
	height: 50px;
	line-height: 50px;
	display: none;
	}
.right-section .prc-h4 {
	width: 12%;
	float: left;
	font-size: 13px;
	color: #1a1a1a;
	height: 50px;
	line-height: 50px;
	display: none;
	}
.right-section .prm {width: 100%;float: left;}
.right-section .pr {
	width: 100%;
	float: left;
	border-bottom: 1px solid #e5e3e3;
	}

.right-section .pr-l {
	width: 60%;
	padding-left: 4%;
	float: left;
	color: #000;
	font-size: 13px;
	height: 40px;
	line-height: 40px;
	}
.right-section .pr-r_new26, .pr-r {
	width: 40%;
	padding-right: 4%;
	float: left;
	text-align: right;
	line-height: 40px;
	font-size: 14px;
	}
.right-section .pr-r_new26 i{font-size:12px;}	
.right-section .pr-r_new26 span {
	float: right;
	color: #000;
	font-size: 13px;
	text-align: right;
	height: 40px;
	line-height: 40px;
	}

.right-section .total-amount .pr-l{
	font-size: 15px;
	font-family: 'Poppins';
	font-weight: 550;
	}
.right-section .total-amount .pr-r_new26{	
	font-size: 15px;
	font-family: 'Poppins';
	font-weight: 550;
	}
.right-section .total-amount .pr-r_new26 i{font-size: 13px;}	

/*--- bus-booking-style-end ---*/

/*---- cab-section ----*/
.discount-section{margin-bottom: 37px;}
.discount-section .body-content{
    background: url(../images/discount-bg.png);
    background-repeat: no-repeat;
    overflow: hidden;
    background-size: cover;
    color: #fff;
    position: relative;
    padding: 25px 23px;
    height: 100%;
    background-position: center;
    border-radius: 15px;
	}
/*.discount-section .body-content .heading-content h5{color:#fff;}*/
.discount-section .body-content .heading-content{margin-top: 20px; margin-bottom: 4px;}
.discount-section .body-content .heading-content:before{
	content: 'Upto 15% Discount';
	position: absolute;
	background-color: #ff0000;
	width:156px;
	left: 0px;
	top: 8px;
	border-radius: 0px 15px 15px 0px;
	padding: 3px 16px;
	}
.discount-section .body-content .heading-content h2{color:#fff; margin-bottom: 7px;}
.discount-section .body-content .heading-content p{color:#fff; margin-bottom: 7px;}
.discount-section .body-content .heading-content button{
    background-color: #e9cd03;
	border:1px solid #e9cd03;
    color: #000;
    border-radius: 50px;
	}
.discount-section .body-content .heading-content button:hover{border:1px solid #e9cd03; color:#e9cd03; background-color: transparent;}	
.discount-section .body-content .city-body{
	display: flex;
	gap: 10px;
	padding: 33px 27px 0px 5px;
	}	
.discount-section .body-content .city-body .box-content{
    display: flex;
    gap: 12px;
    align-items: center;
    border: 1px solid #545454;
    padding: 10px 4px 10px 14px;
    backdrop-filter: blur(1px);
    border-radius: 11px;
    background-color: #2d2d2db8;
	}
.discount-section .body-content .city-body .box-content img{
	width: 61px;
	height: 61px;
	border-radius: 9px;
	overflow: hidden;
	}
.discount-section .body-content .city-body .box-content .city-name{color:#fff;}
.discount-section .body-content .city-body .box-content .city-name h5{
	color: #fff;
	font-size: 17px;
	font-family: 'Poppins' !important;
	font-weight: 550;
	margin-bottom: 5px;
	}
.discount-section .body-content .city-body .box-content .city-name p{font-size: 15px;}	

.hassle-section{padding:15px 0px;}
.hassle-section h2{    
	text-align: center;
	color: #000;
	margin-bottom: 12px;
	}
.hassle-section h5{
	font-size: 15px;
	margin: 7px 0px 6px 0px;
	font-weight: 550;
	color: #000;
	}
.hassle-section p{margin-top: 5px;}
.hassle-section p strong{color:#000;}



/*---- cab-section-end ----*/

/*--- ---*/

.right_pannel ._lstbox{
	width: 100%;
	margin: 0 auto 20px;
	border-radius: 10px;
	position: relative;
	box-shadow: 0 0 10px rgb(208 208 208 / 30%);
	padding: 0;
	background: #fff;
	border:1px solid #1e79e833;
	}

.right_pannel ._listflx{
	display: flex;
	justify-content: space-between;
	width: 100%;
	align-items: center;
	background: linear-gradient(180deg, #fff, #fafdff);
	border-radius: 10px;
	padding: 10px 20px 6px;
}
.right_pannel .cab-listing-wrap{width:75%; border-right:1px dashed #dfdfdf;}

.right_pannel .cab-list-wrap{
	display: flex;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 15px;
	}

.right_pannel .list-img{
	width: 25%;
	position: relative;
	display: flex;
	flex-direction: column;
	}
.right_pannel ._prod_img{display: flex;width: 100%;}
.right_pannel ._prod_img img{width: 100%;}

.right_pannel .list-dtl{
	width: 75%;
	position: relative;
	margin: 0 0 0 auto;
	}
.right_pannel ._pro_ttl{
	font-size: 20px;
	font-weight: 600;
	text-transform: capitalize;
	}

.right_pannel ._pro_ttl span{
	color: #8a8a8a;
	font-size: 11px;
	font-weight: 400;
	}
.right_pannel .box_grid{
	display: flex;
	gap: 10px;
	padding-top: 5px;
	}	
.right_pannel ._ftyp{display: flex;align-items: center;}	
.right_pannel ._ftyp .active-link{
	background-color:#1f7ae9;
	color: #fff;
	border-radius: 6px;
	padding: 2px 8px;
	border-right: transparent;
	}
.right_pannel ._ftyp span{
    font-size: 12px;
    color: #000;
    font-weight: 400;
    border-right: 1px solid #8a8a8a;
    padding-right: 10px;
}

.right_pannel .cab-details{
	justify-content: space-between;
	gap: 10px;
	display: flex;
	margin-bottom: 10px;
	}
.right_pannel .cab-details .cab-1{
	display: flex;
	gap: 15px;
	align-items: center;
	width: 50%;
	}
.right_pannel .cab-details .images-icon img{max-width: 100%; width: 22px; height: auto;}		
.right_pannel .cab-details .car-text h5{
	font-size: 12px;
	color: #000;
	font-weight: 600;
	margin-bottom: 0;
	}
.right_pannel .cab-details .car-text p{
	font-size: 11px;
	color: #000;
	margin-bottom: 0;
	}
.right_pannel .list-price{
	width: 25%;
	margin-left: 30px;
	text-align: right;
	position: relative;
	}
.right_pannel ._applied_c{
	color: #36ab1c;
	font-size: 15px;
	margin-bottom: 5px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	}
.right_pannel .apply_c_g{
	padding: 3px 8px;
	border: 1px dashed #36ab1c;
	margin-left: 5px;
	font-weight: 600;
	font-size: 13px;
	border-radius: 5px;
	background: #e9f7e2;
	}
.right_pannel .promo-dtl{font-size: 11px;margin-bottom: auto;}	
.right_pannel .nw_price{
	display: flex;
	justify-content: end;
	align-items: center;
	gap: 5px;
	}
.right_pannel .red{
	color: #d94714;
	font-size: 14px !important;
	font-weight: 600;
	}
.right_pannel ._f25{
	font-size: 21px;
	font-weight: 600;
	margin-bottom: 0;
	}	
.right_pannel .slct_btn{
	font-size: 14px;
	color: #fff;
	background: #ef6614;
	/*padding: 10px;*/
	width: 70%;
	display: block;
	text-decoration: none;
	text-align: center;
	font-family: Poppins;
	border-radius: 40px;
	cursor: pointer;
	margin-left: auto;
	}	
.right_pannel .blue-link, .blue-link a{cursor: pointer;}	
.right_pannel .blue-link a{
	text-decoration: none;
	color: #2196f3;
	font-size: 13px;
	font-weight: 500;
	margin: 10px 20px 0;
	gap: 8px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	text-align: center;
	white-space: nowrap;
	}
.right_pannel ._lst_m_i{
	width: 100%;
	cursor: pointer;
	background-color:#2783ffdb;
	padding: 5px 15px;
	border-radius: 0 0 10px 10px;
	}	
.right_pannel ._l_inf{font-size: 11px;margin-right: 15px;}	
.right_pannel ._l_inf span{color:#fff;}


.fare-card button{
	border: 0px;
	padding: 8px 0px;
	font-size: 14px;
	border-radius:10px;
	background-color: #ef6614;
	color: #fff;
	}


/*---- cab-payment-step ----*/

.dskhide .container{
	width: 100% !important;
	float: none !important;
	background: transparent !important;
	padding:0px !important;
	}
.payment-section .container{
	width: 100% !important;
	float: none !important;
	background: transparent !important;
	padding:0px !important;
	}
:root{
	--primary: #1a73e8;
	--primary-light: #e8f0fe;
	--accent: #ff6b00;
	--accent-light: #fff3eb;
	--success: #1e8e3e;
	--success-light: #e6f4ea;
	--text-dark: #202124;
	--text-mid: #5f6368;
	--text-light: #9aa0a6;
	--border: #e0e0e0;
	--bg: #f8f9fa;
	--card: #ffffff;
	--radius: 12px;
	--shadow: 0 2px 12px rgba(0,0,0,0.08);
	}

.payment-section .payment-body{    
	background-color: #fbfbfb;
	margin-top: 23px;
	border-radius: 8px;
	padding: 0px 23px 12px 23px;
	margin-bottom: 23px;
	}

.payment-section .stepper-wrap {padding: 18px 0 0;}
.payment-section .stepper {
	display: flex;
	align-items: flex-start;
	justify-content: center;
	gap: 0;
	max-width: 400px;
	margin: 0 auto;
	position: relative;
	}
.step-item {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	cursor: pointer;
	}
.step-connector {
	flex: 1;
	height: 2px;
	margin-top:26px;
	background: var(--border);
	position: relative;
	transition: background 0.4s;
	}
.step-connector.active { background: var(--primary); }
.step-circle {
	width: 40px; 
	height:40px;
	border-radius: 50%;
	display: flex; 
	align-items: center; 
	justify-content: center;
	font-size:14px; 
	font-weight: 700;
	border: 2px solid var(--border);
	background: #fff;
	color: var(--text-light);
	transition: all 0.3s;
	z-index: 2;
	}
.step-circle i{font-size:20px;}
.step-item.done .step-circle {background: var(--primary); border-color: var(--primary); color: #fff;}
.step-item.active .step-circle {
	border: 1px solid #196edf;
	color: #196edf;
	background: #e8f0fe;
	}
.step-label {
	font-size:12px;
	margin-bottom: 10px;
	color: var(--text-light);
	white-space: nowrap;
	}
.step-item.done .step-label,
.step-item.active .step-label { color: var(--primary); }

/* ─── MAIN LAYOUT ─── */
.main-wrap { padding: 24px 0 60px; }

/* ─── CARD ─── */
.booking-card {
	background: var(--card);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	border: 1px solid var(--border);
	margin-bottom: 18px;
	overflow: hidden;
	}
.booking-card .card-head {
	padding: 14px 20px;
	border-bottom: 1px solid #d8edff;
	font-weight: 550;
	font-size: 13px;
	color: #000000;
	background: #d8edff;
	letter-spacing: 0.4px;
	text-transform: capitalize;
	}
.booking-card .card-body-custom { padding: 20px; }

    /* ─── PICKUP BANNER ─── */
.pickup-banner {
	font-family: 'Nunito', sans-serif;
	font-weight: 700;
	font-size: 15px;
	color: #000000;
	padding: 14px 20px;
	border-bottom: 1px dashed #cfcfcf;
	}
.pickup-banner i{ color: var(--primary); margin-right: 6px; }

/* ─── CAR ROW ─── */
.car-row {
	display: flex; 
	align-items: center; 
	gap: 18px;
	padding: 18px 20px;
	}
.car-img-wrap {
	background: #f1f3f4;
	border-radius: 10px;
	width: 130px; 
	min-width: 130px; 
	height: 90px;
	display: flex; 
	flex-direction: column;
	align-items: center; 
	justify-content: center;
	overflow: hidden; 
	position: relative;
	}
.car-img-wrap img { width: 110px; object-fit: contain; }
.car-type-badge {
	background: #2093ef;
	color: #fff;
	font-size: 10px;
	font-weight: 500;
	padding: 3px 10px;
	border-radius: 0 0 8px 8px;
	letter-spacing: 0.5px;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	text-align: center;
	}
.route-block { flex: 1; }
.route-points {display: flex; align-items: center; gap: 10px;}
.route-label {
	font-size: 15px;
	color: #000000;
	font-weight: 550;
	margin-bottom: 2px;
	}
.route-value {
	font-size: 11px;
	font-weight: 500;
	color: #494949;
	line-height: 1.2;
	}
.route-arrow {font-size: 19px; color: #2093ef;}
.route-point { flex: 1; }

/* ─── DETAILS ROW ─── */
.detail-strip {
	display: flex; 
	align-items: center; 
	flex-wrap: wrap;
	gap: 0;
	border-top: 1px solid var(--border);
	}
.detail-item {
	display: flex; 
	align-items: center; 
	gap: 8px;
	padding: 12px 18px;
	border-right: 1px solid var(--border);
	flex: 1; 
	min-width: 120px;
	}
.detail-item:last-child { border-right: none; }
.detail-icon {font-size: 18px;color: #707070;}
.detail-title {
	font-size: 14px;
	color: #000000;
	font-weight: 650;
	font-family: 'Nunito';
	}
.detail-val {
	font-size: 10px;
	color: #2093ef;
	font-weight: 550;
	}
.detail-val.dark { color: var(--text-dark); }

/* ─── TRAVELLER FORM ─── */
.traveller-form .form-label {
	font-size: 14px;
	font-weight: 650;
	color: #000000;
	margin-bottom: 5px;
	font-family: 'Nunito' !important;
	}
.traveller-form .form-control, .traveller-form .form-select {
	border-radius: 8px;
	font-size: 12px;
	border-color:#bbbbbb;
	padding: 10px 14px;
	color: #000000;
	}
.traveller-form .form-control:focus, .traveller-form .form-select:focus {border-color: var(--primary); box-shadow: 0 0 0 3px rgba(26,115,232,0.1);}
.req { color: var(--accent); }

/* ─── GREEN CARD ─── */
.heritage-card {
	background: linear-gradient(135deg, #f0faf2 0%, #e6f4ea 100%);
	border: 1.5px solid #b7dfbe;
	border-radius: var(--radius);
	padding: 20px;
	margin-bottom: 18px;
	display: flex; align-items: flex-start; gap: 16px;
	}
.heritage-card .hc-icon {font-size: 2.5rem;}
.heritage-card h6 { font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 1rem; color: #1e5c2e; }
.heritage-card p { font-size: 0.82rem; color: #3d7a4a; margin-bottom: 12px; }
.heritage-card .know-more { color: var(--primary); font-weight: 600; font-size: 0.82rem; text-decoration: none; }
.donate-btns { display: flex; gap: 8px; flex-wrap: wrap; }
.donate-btn {
	border: 1.5px solid #4caf50; 
	background: #fff; 
	color: #2e7d32;
	border-radius: 50px; 
	padding: 5px 16px; 
	font-size: 0.82rem; 
	font-weight: 700;
	cursor: pointer; 
	transition: all 0.2s;
	}
.donate-btn:hover, .donate-btn.active { background: #4caf50; color: #fff; }

/* ─── SIDEBAR ─── */
.sidebar-card {
	background: var(--card);
	border-radius: var(--radius);
	box-shadow: var(--shadow);
	border: 1px solid var(--border);
	overflow: hidden;
	position: sticky; top: 20px;
	}
.free-cancel {
	background: #d8edff;
	padding: 12px 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	border-bottom: 1px solid #d8edff;
	}
.free-cancel i { color: var(--success); font-size: 1.1rem; }
.free-cancel span { 
	font-size: 17px;
	color: #000000;
	font-weight: 550;
	font-family: 'Nunito';
	white-space: break-spaces;
	line-height: 19px;
	}
.sidebar-card .btn-section{display:flex; gap:10px; margin:0px 22px 25px 22px;}
.free-cancel span strong{font-size: 14px;}	
.free-cancel span b { color: var(--text-dark); }
.price-block {
	padding:12px 0px 12px 20px; 
	border-bottom:1px solid #ededed;
	display: flex;
	align-items: center;
	gap: 15px;
	}
.price-block .label {
	font-size: 16px;
	color: #000000;
	font-weight: 550;
	padding: 0px;
	}
.price-block .price { font-family: 'Nunito', sans-serif; font-size: 2rem; font-weight: 800; color: var(--text-dark); }
.fare-link { font-size: 0.78rem; color: var(--primary); font-weight: 600; cursor: pointer; text-decoration: none; }
.payment-options { padding: 16px 20px; }
.pay-option {
	display: flex; 
	align-items: flex-start; 
	gap: 12px;
	padding: 14px 14px;
	border: 2px solid var(--border);
	border-radius: 10px;
	cursor: pointer; margin-bottom: 10px;
	transition: all 0.2s;
	}
.pay-option.selected { border-color: var(--primary); background: var(--primary-light); }
.pay-option input[type=radio] { accent-color: var(--primary); margin-top: 2px; }
.pay-option-label {
	font-weight: 650;
	font-size: 14px;
	color: #000000;
	font-family: 'Nunito';
	}
.pay-option-sub {font-size: 10px;color: #3d3e3f;}
.pay-option-amount {    
	margin-left: auto;
	font-family: 'Nunito', sans-serif;
	font-size: 15px;
	color: #000000;
	font-weight: 650;
	}
.pay-option-amount i{font-size: 12px;}

/* .btn-section{display:flex; margin:0px 21px 21px 21px; gap:12px;} */
.btn-section .btn-pay{
	display: block;
	width: calc(100% - 40px);
	margin: 0px 0px 0px 0px;
	background: #ff6b00;
	color: #fff;
	border: none;
	border-radius: 50px;
	padding: 10px 0px 10px 0px;
	font-size: 12px;
	font-weight: 650;
	font-family: 'Nunito', sans-serif;
	cursor: pointer;
	transition: background 0.2s, transform 0.15s;
	/* letter-spacing: 0.3px; */
	}
.btn-section .btn-back{
	display: block;
	margin: 0px 0px 0px 0px;
	background: transparent;
	color: #ff6b00;
	border-radius: 50px;
	padding: 10px 0px 10px 0px;
    font-size: 13px;
    font-weight: 650;
	font-family: 'Nunito', sans-serif;
	transition: background 0.2s, transform 0.15s;
	border: 1px solid #ff6b00;
	}
.btn-section .btn-pay:hover{transform: translateY(-1px);}
.btn-section .btn-pay:active{transform: translateY(0);}
.btn-section .btn-back:hover{transform: translateY(-1px);}
.btn-section .btn-back:active{transform: translateY(0);}

#step-payment { display: none; }
.payment-method-card {
	background: var(--card); 
	border-radius: var(--radius);
	box-shadow: var(--shadow); 
	border: 1px solid var(--border);
	margin-bottom: 14px; 
	overflow: hidden;
	}
.pm-head {
	padding: 14px 18px;
	cursor: pointer;
	display: flex;
	align-items: center;
	gap: 12px;
	font-weight: 650;
	font-size: 13px;
	user-select: none;
	color: #000;
	font-family: 'Nunito';
	}
.pm-head i { font-size: 1.2rem; color: var(--primary); }
.pm-head .pm-arrow { margin-left: auto; color: var(--text-light); transition: transform 0.3s; }
.pm-head.open .pm-arrow { transform: rotate(180deg); }
.pm-body { padding: 16px 18px; border-top: 1px solid var(--border); display: none; }
.pm-body.show { display: block; }

.payment-method-card .pm-body label{
	font-size: 15px;
	font-weight: 650;
	color: #000000;
	font-family: 'Nunito' !important;
	}
.payment-method-card .pm-body input{
	border-radius:8px; 
	font-size:12px; 
	padding:10px 14px;
	}

.upi-input-row { display: flex; gap: 10px;}
.upi-input-row .form-control {    
	border-radius: 8px;
	font-size: 12px;
	padding: 2px 14px;
	}
.btn-verify {
	background: #1a73e8;
	color: #fff;
	border: none;
	border-radius: 8px;
	padding: 10px 18px;
	font-weight: 550;
	font-size: 12px;
	white-space: nowrap;
	cursor: pointer;
	}
.card-row { display: flex; gap: 12px; }
.card-grid { display: flex; flex-wrap: wrap; gap: 10px; }
.netbank-btn {
	/* border: 1.5px solid #e0e0e0;
	background: #fff;
	border-radius: 8px;
	padding: 10px 16px;
	font-size: 12px;
	font-weight: 550;
	cursor: pointer;
	color: #000000;
	transition: all 0.2s; */
	border: 1.5px solid #e0e0e0;
    background: #fff;
    border-radius: 8px;
    padding: 9px 14px;
    font-size: 12px;
    font-weight: 550;
    cursor: pointer;
    color: #000000;
    transition: all 0.2s;
    line-height: 4px;
	}
.netbank-btn img{    width: 43px; height:auto;}	
.netbank-btn:hover { border-color: var(--primary); color: var(--primary); }
.order-summary {
	background: var(--card); 
	border-radius: var(--radius);
	box-shadow: var(--shadow); 
	border: 1px solid var(--border);
	padding: 20px; 
	margin-bottom: 14px;
	}
.os-title { font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 1rem; margin-bottom: 14px; }
.os-row { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; font-size: 0.87rem; }
.os-row .os-label { color: var(--text-mid); }
.os-row .os-val { font-weight: 600; }
.os-divider { border-color: var(--border); margin: 12px 0; }
.os-total { font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 1.1rem; }
.btn-confirm {
	width: 100%; 
	background: var(--accent); 
	color: #fff;
	border: none; 
	border-radius: 50px; 
	padding: 14px;
	font-size: 1rem; 
	font-weight: 700; 
	font-family: 'Nunito', sans-serif;
	cursor: pointer; 
	transition: background 0.2s;
	}
.btn-confirm:hover { background: #e05a00; }

#step-success{ display: none; }
.success-card{
	background: var(--card); 
	border-radius: var(--radius);
	box-shadow: var(--shadow); 
	text-align: center; 
	padding:20px;
	}
.success-icon{    
	font-size: 56px;
	color: #1e8e3e;
	margin-bottom: 16px;
	}
.success-card h3{ 
	font-family: 'Nunito', sans-serif !important;
	font-weight:650;
	font-size: 20px;
	color: #202124;
	}
.success-card p{    
	color: #5f6368;
	margin-top: 8px;
	font-size: 13px;
	}

.success-card .back-btn{    
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 14px;
	}
.success-card .btn-back{
	display: block;
	margin: 0px 0px 0px 0px;
	background: transparent;
	color: #fff;
	border-radius: 50px;
	padding:10px 22px 10px 22px;
    font-size: 13px;
    font-weight: 650;
	font-family: 'Nunito', sans-serif;
	transition: background 0.2s, transform 0.15s;
	border: 1px solid #ff6b00;
	background-color:#ff6b00;
	}
.success-card .btn-back i{font-size: 11px;}	
.booking-ref {    
	display: inline-block;
	background: #e8f0fe;
	color: #1a73e8;
	font-weight: 750;
	padding: 12px 30px;
	border-radius: 50px;
	margin: 16px 0;
	font-size: 14px;
	font-family: 'Nunito';
	}
.btn-home { background: var(--primary); color: #fff; border: none; border-radius: 50px; padding: 12px 30px; font-weight: 700; font-family: 'Nunito', sans-serif; cursor: pointer; margin-top: 10px; }

/* ─── ANIMATIONS ─── */
.fade-in { animation: fadeIn 0.35s ease; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: none; } }

@media (max-width: 768px) {
	.car-row { flex-direction: column; }
	.detail-strip { flex-direction: column; }
	.detail-item { border-right: none; border-bottom: 1px solid var(--border); }
	.detail-item:last-child { border-bottom: none; }
	.route-points { flex-direction: column; gap: 6px; }
	.route-arrow { transform: rotate(90deg); }
	}

/**/
.cab-listing .container{
	width: 100% !important;
	float: none !important;
	background: transparent !important;
	padding: 10px !important;
	}
.top_bg_train .container{
	width: 100% !important;
	float: none !important;
	background: transparent !important;
	padding: 10px !important;
	}

/*--- responsive-style ---*/	

@media (max-width: 768px){
	.left_pannel {width:100% !important; padding:0px !important;}
	.left_pannel .left_body{}
	.right_pannel {width:100% !important; margin:0 !important; }
	.top_bg_train .form{margin-top:53px; padding:32px 0px 7px 0px;}
	.top_bg_train .form .from-s0{display:none;}
	.top_bg_train .form .from-s1{margin: 0px 0px 10px 0px;}
	.top_bg_train .form .from-s3{margin: 0px 0px 10px 0px;}
	}

/*--- responsive-style-end ---*/	
/* .top_bg_train form{margin-top:0px; padding:0px;} */



/*---- listing-header-Responsive ----*/
.ng-tns-c1923932971-0 .dskhide { background: #fff; box-shadow: 0 2px 8px rgba(0,0,0,.1); }
.ng-tns-c1923932971-0 ._onerohdr { display: flex; align-items: center; justify-content: space-between; padding: 10px 0; }
.ng-tns-c1923932971-0 ._listrwmenu ul { list-style: none; margin: 0; padding: 0; display: flex; gap: 8px; }
.ng-tns-c1923932971-0 ._listrwmenu ul li a { display: flex; flex-direction: column; align-items: center; padding: 6px 14px; text-decoration: none; color: #333; font-size: 13px; border-radius: 6px; transition: background .2s; }
.ng-tns-c1923932971-0 ._listrwmenu ul li a:hover { background: #e8f0fe; color: #1a73e8; }
.ng-tns-c1923932971-0 ._listrwmenu ul li._actvrmenu a {
  background: #e8f0fe;
  color: #1a73e8;
  font-weight: 600;
  border-bottom: 2px solid #1a73e8;
  border-radius: 6px 6px 0 0;
}
.ng-tns-c1923932971-0 ._listrwmenu ul li._actvrmenu a .meuicowidth { filter: invert(32%) sepia(98%) saturate(748%) hue-rotate(196deg) brightness(97%) contrast(96%); }
.newHeaderLogo { height: 40px; width: auto; }

.mob-menu-toggle { display: none; background: none; border: none; cursor: pointer; padding: 6px; }
.mob-menu-toggle span { display: block; width: 24px; height: 2px; background: #333; margin: 5px 0; transition: all .3s; }
.mob-menu-toggle.open span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.mob-menu-toggle.open span:nth-child(2) { opacity: 0; }
.mob-menu-toggle.open span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

@media (max-width: 767px) {
  .mob-menu-toggle { display:block; padding: 0px;}
  .ng-tns-c1923932971-0 #myTopnav { display: none; position: absolute; top: 100%; left: 0; right: 0; background: #fff; box-shadow: 0 4px 12px rgba(0,0,0,.12); z-index: 999; }
  .ng-tns-c1923932971-0 #myTopnav.mob-open { display: block; }
  .ng-tns-c1923932971-0 ._listrwmenu ul { flex-direction: column; gap: 0; }
  .ng-tns-c1923932971-0 ._listrwmenu ul li a { flex-direction: row; gap: 10px; padding: 14px 20px; border-radius: 0; border-bottom: 1px solid #f0f0f0; font-size: 15px; }
  .ng-tns-c1923932971-0 ._onerohdr { position: relative; padding: 10px 11px;}
}

/*---- listing-header-Responsive-end ----*/

/*---- ----*/
._listflx {
	display: flex;
	justify-content: space-between;
	gap: 20px;
	flex-wrap: wrap;
	}

.cab-listing-wrap {flex: 1;}

.list-price {width: 250px;min-width: 220px;}

._prod_img img {width: 100%;max-width: 120px;}

.box_grid {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	}

._ftyp span {
	background: #f5f5f5;
	padding: 4px 8px;
	border-radius: 5px;
	font-size: 13px;
	}

.cab-details {
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	}

.cab-1 {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	width: 48%;
	}

.list-price {text-align: right;}

.slct_btn a {
	display: block;
	padding: 10px;
	border-radius: 6px;
	text-align: center;
	margin-top: 10px;
	}

@media (max-width: 992px) {
._listflx {flex-direction: column;}
.list-price {
	width:100% !important;	
	text-align: left !important;
	margin: 0 !important;
	}
.cab-1 {width: 100%;}
}


@media (max-width: 576px) {

.cab-list-wrap {display: inline-block !important;}
.list-img {
	text-align: center;
	margin-bottom: 10px;
	display: none !important;
	}
._prod_img img {max-width: 100px;}
._pro_ttl {font-size: 16px;}
.cab-details {flex-direction: column;}
.cab-1 {width: 100%;}
.list-price {margin-top: 15px;}
.cabFare {font-size: 20px;}
.slct_btn{width:auto !important;margin-top: 8px;padding: 10px;}
.slct_btn a {font-size: 14px;padding: 8px;display: inline;}

._lst_m_i {margin: 0;display: flex;padding: 8px 0px !important;}
.right_pannel .cab-listing-wrap{width:auto !important;border: 0 !important;}
.right_pannel .list-dtl{width:auto !important;}
.right_pannel .cab-details .cab-1{width:auto !important;}
.right_pannel .blue-link a{margin: 10px 0px 0; justify-content: flex-start !important;}
.right_pannel .nw_price{justify-content: flex-start !important;}
}

/**/

/*---bus-liting---*/
.bus-listing .container {
	width: 100% !important;
	float: none !important;
	background: transparent !important;
	padding: 10px !important;
	}

.card {
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 15px;
  margin-bottom: 15px;
  background: #fff;
}

/* Flex helpers */
.acnt1 {
  gap: 10px;
}

.lft-ac {
  flex: 1;
}

.rght-ac2 {
  flex: 2;
}

/* Text styling */
.c-nme {
  font-size: 16px;
  font-weight: 600;
}

.trns-tim {
  font-size: 18px;
  font-weight: 700;
}

.str-f {
  font-size: 12px;
  color: #888;
}

.crd-prc {
  font-size: 18px;
  font-weight: 700;
  color: #000;
}

/* Button */
.slt-st {
  display: inline-block;
  margin-top: 5px;
  padding: 6px 12px;
  background: #007bff;
  color: #fff;
  border-radius: 5px;
  font-size: 13px;
  text-decoration: none;
}

.slt-st:hover {
  background: #0056b3;
}

/* Bottom tabs */
.btm-ft {
  margin-top: 10px;
}

.tab {
  list-style: none;
  padding: 0;
  margin: 0;
  width: 100%;
}

.tab li a {
  font-size: 13px;
  color: #007bff;
  text-decoration: none;
}

/* ===================== */
/* 📱 MOBILE RESPONSIVE */
/* ===================== */

@media (max-width: 768px) {

  .acnt1 {
    flex-direction: column;
  }

  .rght-ac2 {
    width: 100%;
  }

  .d-flex.align-items-center1 {
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .dep-mn {
	width: 100% !important;
	margin: 10px 0 !important;
	text-align: center;
	}

  .dep-bar {
	width:100% !important;
	height: 2px;
	position: relative;
	}

  .dep-bar span {
	position: absolute;
	top:-19px;
	left: 50%;
	transform: translateX(-50%);
	background: #fff;
	font-size: 12px;
	padding: 0 5px;
	}

  .crd-prc {text-align: left;margin-top: 5px;}

  .btm-ft ul {flex-direction: column;gap: 5px;}
  .right_pannel .lft-ac{width:auto;}
  .right_pannel .tvcn:nth-child(even){text-align:left;}
  .right_pannel .slt-st{display:inline-block;}
  .right_pannel .card > .d-flex, .cardnew > .d-flex{gap:8px;}
  .right_pannel .heading-content h3 {font-size:14px !important;}

  .right_pannel .lft-fltr{width:auto;align-items: center;}
  .right_pannel .bus-fltr span{width:auto;font-size: 11px;}
  .right_pannel .cent-fltr{width:auto;}
  .right_pannel .rhgt-fltr{width:auto;}
}

/* ===================== */
/* 📱 SMALL MOBILE */
/* ===================== */

@media (max-width: 480px) {

  .c-nme {
    font-size: 14px;
  }

  .trns-tim {
    font-size: 16px;
  }

  .crd-prc {
    font-size: 16px;
  }

  .slt-st {
    width: 100%;
    text-align: center;
  }
}	


/*--- cab-page-responsive ---*/
@media (max-width: 768px){
.fss_flex .innerspcr{width:100% !important;}
.fss_flex{width:auto !important;}
.input-width{width:320px !important;}
.discount-section .body-content .city-body{display:inline;}
.discount-section .body-content .city-body .box-content{margin-bottom: 8px;}
.discount-section .body-content .heading-content button{margin-top: 8px;}
.discount-section .body-content .heading-content:before{top:10px;}
}

/*--- cab-page-responsive ---*/



/*--- cab-form-section ---*/
.cabsearch-section .search-bg {
	background: url('../images/cab-bg.jpg') center/cover no-repeat;
	padding: 60px 0;
	}
.cabsearch-section .search-card {
	background: #fff;
	border-radius: 15px;
	padding: 25px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	}
.cabsearch-section .title {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	}
.cabsearch-section .search-row {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	}
.cabsearch-section .field {
	flex: 1;
	min-width: 160px;
	display: flex;
	flex-direction: column;
	}
.cabsearch-section .field label {
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
	}
.cabsearch-section .field input,
.cabsearch-section .field select {
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #ddd;
	font-size: 14px;
	transition: 0.3s;
	}
.cabsearch-section .field input:focus,
.cabsearch-section .field select:focus {
	border-color: #007bff;
	outline: none;
	}
.cabsearch-section .btn-field {justify-content: flex-end;}
.cabsearch-section .search-btn {
	background: #007bff;
	color: #fff;
	padding: 12px;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	margin-top: auto;
	transition: 0.3s;
	}
.cabsearch-section .search-btn:hover {background: #0056b3;}
.cabsearch-section .quick-dates {margin-top: 15px;}
.cabsearch-section .quick-dates span {
	display: inline-block;
	background: #f1f3f5;
	padding: 6px 10px;
	margin-right: 8px;
	border-radius: 6px;
	font-size: 12px;
	cursor: pointer;
	transition: 0.3s;
	}
.cabsearch-section .quick-dates span:hover {
	background: #007bff;
	color: #fff;
	}
.cabsearch-section .filp-btn {
    padding: 10px 12px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    transition: 0.3s;
    width: 37px;
    height: 38px;
    line-height: 14.7px;
    margin-top:24px;
	background: #1e73d8;
	color: #fff;
    }
.cabsearch-section .filp-btn:hover {
	background: #1e73d8;
	color: #fff;
	}

/*--- cab-form-section-end ---*/

/*--- bus-form-section ---*/
.bussearch-section .search-bg {
	background: url('../images/bus-bg.jpg') center/cover no-repeat;
	padding: 60px 0;
	}
.bussearch-section .search-card {
	background: #fff;
	border-radius: 15px;
	padding: 25px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	}
.bussearch-section .title {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	}
.bussearch-section .search-row {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	}
.bussearch-section .field {
	flex: 1;
	min-width: 160px;
	display: flex;
	flex-direction: column;
	}
.bussearch-section .field label {
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
	}
.bussearch-section .field input,
.bussearch-section .field select {
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #ddd;
	font-size: 14px;
	transition: 0.3s;
	}
.bussearch-section .field input:focus,
.bussearch-section .field select:focus {
	border-color: #007bff;
	outline: none;
	}
.bussearch-section .btn-field {justify-content: flex-end;}
.bussearch-section .search-btn {
	background: #007bff;
	color: #fff;
	padding: 12px;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	margin-top: auto;
	transition: 0.3s;
	}
.bussearch-section .search-btn:hover {background: #0056b3;}
.bussearch-section .quick-dates {margin-top: 15px;}
.bussearch-section .quick-dates span {
	display: inline-block;
	background: #f1f3f5;
	padding: 6px 10px;
	margin-right: 8px;
	border-radius: 6px;
	font-size: 12px;
	cursor: pointer;
	transition: 0.3s;
	}
.bussearch-section .quick-dates span:hover {
	background: #007bff;
	color: #fff;
	}
.bussearch-section .filp-btn {
    padding: 10px 12px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    transition: 0.3s;
    width: 37px;
    height: 38px;
    line-height: 14.7px;
	margin-top:24px;
	background: #1e73d8;
	color: #fff;
	}
.bussearch-section .filp-btn:hover {
	background: #1e73d8;
	color: #fff;
	}
/*--- bus-form-section-end ---*/

/*--- train-form-section ---*/
.trainsearch-section .search-bg {
	background: url('../images/train-bg.jpg') center/cover no-repeat;
	padding: 60px 0;
	}
.trainsearch-section .search-card {
	background: #fff;
	border-radius: 15px;
	padding: 25px;
	box-shadow: 0 10px 30px rgba(0,0,0,0.1);
	}
.trainsearch-section .title {
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 20px;
	}
.trainsearch-section .search-row {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
	}
.trainsearch-section .field {
	flex: 1;
	min-width: 160px;
	display: flex;
	flex-direction: column;
	}
.trainsearch-section .field label {
	font-size: 12px;
	color: #666;
	margin-bottom: 5px;
	}
.trainsearch-section .field input,
.trainsearch-section .field select {
	padding: 10px;
	border-radius: 8px;
	border: 1px solid #ddd;
	font-size: 14px;
	transition: 0.3s;
	}
.trainsearch-section .field input:focus,
.trainsearch-section .field select:focus {
	border-color: #007bff;
	outline: none;
	}
.trainsearch-section .btn-field {justify-content: flex-end;}
.trainsearch-section .search-btn {
	background: #007bff;
	color: #fff;
	padding: 12px;
	border-radius: 8px;
	text-align: center;
	text-decoration: none;
	margin-top: auto;
	transition: 0.3s;
	}
.trainsearch-section .search-btn:hover {background: #0056b3;}
.trainsearch-section .quick-dates {margin-top: 15px;}
.trainsearch-section .quick-dates span {
	display: inline-block;
	background: #f1f3f5;
	padding: 6px 10px;
	margin-right: 8px;
	border-radius: 6px;
	font-size: 12px;
	cursor: pointer;
	transition: 0.3s;
	}
.trainsearch-section .quick-dates span:hover {
	background: #007bff;
	color: #fff;
	}
.trainsearch-section .filp-btn {
    padding: 10px 12px;
    border-radius: 50%;
    border: 1px solid #ddd;
    background: #fff;
    cursor: pointer;
    transition: 0.3s;
    width: 37px;
    height: 38px;
    line-height: 14.7px;
    margin-top:24px;
	background: #1e73d8;
	color: #fff;
	display: flex;
    align-items: center;
    }
.trainsearch-section .filp-btn i{font-size:12px;}	
/* .trainsearch-section .filp-btn:hover {
	background: #1e73d8;
	color: #fff;
	} */
/*--- train-form-section-end ---*/

/*--- cab-listing-form ---*/
.cab-search-section {
	background: linear-gradient(135deg, #1e3c72, #2a5298);
	padding:20px 0;
	}
.cab-search-section .container{    
	width:auto !important;
	float: none !important;
	background:transparent !important;
	padding:0px !important;
	}
.cab-search-section .cab-search-box {
	background: #fff;
	border-radius: 15px;
	display: flex;
	align-items: center;
	padding: 15px 20px;
	gap: 15px;
	box-shadow: 0 8px 25px rgba(0,0,0,0.1);
	flex-wrap: wrap;
	}
.cab-search-section .cab-icon {
	background: #2a5298;
	color: #fff;
	font-size: 22px;
	padding: 12px;
	border-radius: 50%;
	width: 40px;
	height: 41px;
	display: flex;
	align-items: center;
	justify-content: center;
	}
.cab-search-section .field {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 150px;
	}
.cab-search-section .field label {
	font-size: 12px;
	color: #888;
	margin-bottom: 3px;
	}
.cab-search-section .field input,
.cab-search-section .field select {
	border: none;
	border-bottom: 2px solid #eee;
	padding: 6px 5px;
	font-size: 14px;
	outline: none;
	transition: 0.3s;
	}
.cab-search-section .field input:focus,
.cab-search-section .field select:focus {border-color: #2a5298;}
.swap-icon {
	font-size: 18px;
	color: #2a5298;
	cursor: pointer;
	margin-top: 18px;
	}
.cab-search-section .search-btn button {
	background: #ff6b00;
	color: #fff;
	border: none;
	padding: 13px 20px;
	border-radius: 8px;
	font-weight: 550;
	transition: 0.3s;
	font-size: 13px;
	font-family: 'Poppins';
	}
.cab-search-section .search-btn button:hover {background: #e85d00;}
.cab-search-section .traveller-box {
	background: #fff;
	border-radius: 8px;
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	}
.cab-search-section .traveller-box .add-btn {
    width: 30px;
    height: 30px;
    border: none;
    background: #1e73d8;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    }

@media(max-width:768px) {
.cab-search-section .cab-search-box {
	flex-direction: column;
	align-items: stretch;
	margin:77px 10px 0px 10px;
	}
.cab-search-section .swap-icon {        
	margin: 0;
	border: 1px solid;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #2a5298;
	color: #fff;
	border-radius: 50%;
	}
.cab-search-section .swap-icon i{font-size:12px;}	
.cab-search-section .cab-icon{display:none;}
.cab-search-section .search-btn button {width: 100%;}
}
/*--- cab-listing-form-end ---*/

/*--- cab-listing-form ---*/
.listing-returnway-section {
	background: linear-gradient(135deg, #1e3c72, #2a5298);
	padding:20px 0;
	}
.listing-returnway-section .container{    
	width:auto !important;
	float: none !important;
	background:transparent !important;
	padding:0px !important;
	}
.listing-returnway-section .cab-search-box {
	background: #fff;
	border-radius: 15px;
	display: flex;
	align-items: center;
	padding: 15px 20px;
	gap: 15px;
	box-shadow: 0 8px 25px rgba(0,0,0,0.1);
	flex-wrap: wrap;
	}
.listing-returnway-section .cab-icon {
	background: #2a5298;
	color: #fff;
	font-size: 22px;
	padding: 12px;
	border-radius: 50%;
	width: 40px;
	height: 41px;
	display: flex;
	align-items: center;
	justify-content: center;
	}
.listing-returnway-section .field {
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 150px;
	}
.listing-returnway-section .field label {
	font-size: 12px;
	color: #888;
	margin-bottom: 3px;
	}
.listing-returnway-section .field input,
.listing-returnway-section .field select {
	border: none;
	border-bottom: 2px solid #eee;
	padding: 6px 5px;
	font-size: 14px;
	outline: none;
	transition: 0.3s;
	}
.listing-returnway-section .field input:focus,
.listing-returnway-section .field select:focus {border-color: #2a5298;}
.swap-icon {
	font-size: 18px;
	color: #2a5298;
	cursor: pointer;
	margin-top: 18px;
	}
.listing-returnway-section .search-btn{width:100%;}
.listing-returnway-section .search-btn button {
	background: #ff6b00;
	color: #fff;
	border: none;
	padding: 13px 20px;
	border-radius: 8px;
	font-weight: 550;
	transition: 0.3s;
	font-size: 13px;
	font-family: 'Poppins';
	width:100%;
	}
.listing-returnway-section .search-btn button:hover {background: #e85d00;}
.listing-returnway-section .traveller-box {
	background: #fff;
	border-radius: 8px;
	padding: 10px;
	display: flex;
	align-items: center;
	gap: 10px;
	}
.listing-returnway-section .traveller-box .add-btn {
    width: 30px;
    height: 30px;
    border: none;
    background: #1e73d8;
    color: #fff;
    border-radius: 6px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    }
.listing-returnway-section	ul{    
	background-color: #fff;
	width: 225px;
	align-items: center;
	height: 27px;
	padding: 10px 0px 0px 20px;
	border-radius: 15px;
	display:flex;
	}
.listing-returnway-section .ckmark-rdo {
	position: absolute;
	top: 0;
	left: 0;
	height: 16px;
	width: 16px;
	background-color: #fff;
	border-radius: 50%;
	border: 1px solid #fff;
	box-shadow: 0 0 4px #0000004d;
	}

@media(max-width:768px) {
.listing-returnway-section .cab-search-box {
	flex-direction: column;
	align-items: stretch;
	margin:77px 10px 0px 10px;
	}
.listing-returnway-section .swap-icon {        
	margin: 0;
	border: 1px solid;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: #2a5298;
	color: #fff;
	border-radius: 50%;
	}
.listing-returnway-section .swap-icon i{font-size:12px;}	
.listing-returnway-section .cab-icon{display:none;}
.listing-returnway-section .search-btn button {width: 100%;}
}
/*--- cab-listing-form-end ---*/

/*----- -----*/

.booking-details .container {
	width:auto !important;
	float:none !important;
	background:none !important;
	padding:0px !important;
	}
.booking-details .flight-card {
	background: #fff;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 1px 4px rgba(0,0,0,0.08);
	}
.booking-details .flight-card h5{
	font-size: 18px;
	font-weight: 550;
	color: #000000;
	font-family: 'Poppins' !important;
	}
.booking-details .flight-card h5 i{font-size:14px; padding:0px 3px 0px 3px;}
.booking-details .cancellation-badge {
	background: #e63946;
	color: #fff;
	font-size: 10px;
	font-weight: 600;
	letter-spacing: 0.5px;
	padding: 3px 8px;
	border-radius: 4px;
	text-transform: uppercase;
	}
.booking-details .date-badge {
    background: #2093ef;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 50px;
	}
.booking-details .non-stop-text {
	color: #555;
	font-size: 13px;
	}
.booking-details .view-fare-link {
	color: #1a73e8;
	font-size: 13px;
	text-decoration: none;
	font-weight: 500;
	}
.booking-details .view-fare-link:hover { text-decoration: underline; }
.booking-details .airline-logo {
	width: 22px;
	height: 22px;
	}
.booking-details .airline-name {
	font-size: 13px;
	font-weight: 600;
	color: #222;
	}
.booking-details .flight-code {
	font-size: 12px;
	color: #666;
	}
.booking-details .boeing-badge {
    background: #c5e5ff1f;
    color: #2093ef;
    font-size: 11px;
    padding: 2px 8px;
    border-radius: 10px;
    border: 1px solid #2093ef;
    font-weight: 500;
    font-family: 'Poppins';
	}
.booking-details .economy-text {
	font-size: 13px;
	color: #555;
	}
.booking-details .saver-text {
	color: #1a73e8;
	font-weight: 700;
	font-size: 13px;
	}
.booking-details .timeline-col {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
	padding-top: 4px;
	}
.booking-details .dot {
	width: 10px;
	height: 10px;
	border-radius: 50%;
	border:2px solid #2093ef;
	background: #fff;
	flex-shrink: 0;
	}
.booking-details .timeline-line {
	width:1px;
	flex: 1;
	background:repeating-linear-gradient(to bottom, #2093ef 0px, #2093ef 4px, transparent 4px, transparent 8px);
	margin: 3px 0;
	min-height: 38px;
	}
.booking-details .dep-time, .arr-time {
	font-size: 20px;
	font-weight: 700;
	color: #111;
	line-height: 1;
	}
.booking-details .city-name {
	font-size: 15px;
	font-weight: 600;
	color: #111;
	}
.booking-details .airport-name {
	font-size: 12px;
	color: #777;
	}
.booking-details .duration-label {
	font-size: 12px;
	color: #888;
	margin: 2px 0;
	}
.booking-details .baggage-row {
	border-top: 1px solid #eee;
	padding: 12px 20px;
	font-size: 12.5px;
	color: #444;
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	align-items: center;
	}
.booking-details .baggage-row .i-icon i{font-size:11px; padding:0px 0px 0px 2px;}	
.booking-details .baggage-row .suitcase-icon i{
	font-size:11px;
	padding:0px 3px 0px 0px;
	color:#ff6300;
	}
.booking-details .bag-icon { font-size: 15px;}
.booking-details .promo-row {
	background: #fff9f0;
	border-top: 1px solid #fde8c8;
	padding: 11px 20px;
	font-size: 12.5px;
	color: #555;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 8px;
	}
.booking-details .promo-row span i{font-size:17px; color:#000000;}	
.booking-details .add-baggage-link{
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 0.5px;
    background-color: #2093ef;
    padding: 3px 8px 3px 8px;
    border-radius: 5px;
	}
.booking-details .summary-card {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.08);
	overflow: hidden;
	height: auto;
	}
.booking-details .summary-card .continue-btn{
	padding:14px 0px 14px 0px;
	font-size:15px;
	border:0;
	background-color:#2093ef;
	color:#fff;
	font-weight:550;
	font-family:'Poppins' !important;
	display: block;
    text-align: center;
	width:100%;
	}
.booking-details .fare-card-header {
	padding: 18px 20px 14px;
	border-bottom: 1px solid #eee;
	}
.booking-details .fare-title {
	font-size: 17px;
	font-weight:550;
	color: #000;
	}
.booking-details .fare-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 11px 20px;
	border-bottom: 1px solid #f4f4f4;
	font-size: 13.5px;
	color: #333;
	}
.booking-details .fare-item:last-child { border-bottom: none; }
.booking-details .fare-label {
	display: flex;
	align-items: center;
	gap: 6px;
	}
.booking-details .fare-plus {
	color: #1a73e8;
	font-weight: 700;
	font-size: 15px;
	}
.booking-details .fare-amount { font-weight: 500; color: #000; }
.booking-details .fare-amount i{font-size: 12px;}
.booking-details .fare-discount { color: #2e7d32; font-weight: 500; }
.booking-details .fare-discount i{font-size: 12px;}
.booking-details .fare-total {
	padding: 14px 20px;
	background:#2093ef;
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.booking-details .total-label {
	font-size: 15px;
	font-weight:500;
	color: #fff;
	}
.booking-details .total-amount {
	font-size: 18px;
	font-weight:500;
	color: #fff;
	}
.booking-details .total-amount i{font-size:16px; padding-right:2px;}	
.booking-details .coupon-section {
	background: linear-gradient(135deg, #ffc107 0%, #ff9800 100%);
	padding: 14px 20px;
	border-radius: 0 0 12px 12px;
	}
.booking-details .coupon-title {
	font-size: 15px;
	font-weight: 700;
	color: #fff;
	}
.booking-details .logo {
	width: 26px;
	height: 26px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: 0;
	}

.booking-details .section-divider {
	border: none;
	border-top: 1px solid #eee;
	margin: 0 20px;
	}


.main-card {
	background: #fff;
	border-radius: 8px;
	padding: 24px;
	max-width: 780px;
	margin: auto;
	box-shadow: 0 1px 6px rgba(0,0,0,0.08);
	}

.main-card h5 {
	font-weight: 500;
	font-size: 17px;
	margin-bottom: 16px;
	color: #000000;
	}
.new-banner {
	background: #fff8e6;
	border: 1px solid #f0e0b0;
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 0.82rem;
	color: #444;
	margin-bottom: 12px;
	display: flex;
	align-items: center;
	gap: 10px;
	}
.new-badge {
	background: #00b386;
	color: #fff;
	font-size: 0.65rem;
	font-weight: 700;
	padding: 2px 6px;
	border-radius: 3px;
	letter-spacing: 0.5px;
	flex-shrink: 0;
	}
.login-banner {
	background: #f0f6ff;
	border: 1px solid #d0e4f7;
	border-radius: 6px;
	padding: 10px 14px;
	font-size: 0.83rem;
	color: #444;
	margin-bottom: 18px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	}
.login-banner .left-part {
	display: flex;
	align-items: center;
	gap: 10px;
	}
.login-banner i {color: #6c8ebf;font-size: 1rem;}
.login-now {
	color: #1a73e8;
	font-weight: 700;
	font-size: 0.83rem;
	text-decoration: none;
	white-space: nowrap;
	}
.login-now:hover { text-decoration: underline; }
.adult-header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 10px;
	}
.adult-header .label {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 550;
	color: #333;
	padding: 0px;
	}
.adult-header .label i {    
	color: #ffffff;
	background-color: #1a73e8;
	width: 25px;
	height: 25px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	font-size: 13px;
	}
.adult-header .added-count {font-size: 12px;color: #666;}
.added-count span { color: #1a73e8; font-weight: 600; }
.important-notice {
    background: #fff8e6;
    border: 1px solid #f0dfa0;
    border-radius: 5px;
    padding: 9px 14px;
    font-size: 12px;
    color: #000000;
    margin-bottom: 16px;
	}
.important-notice strong {color:#000; }
.adult-card {
	border: 1.5px solid #d0e2f7;
	border-radius: 8px;
	padding: 20px;
	}
.adult-card-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 18px;
	font-weight: 700;
	font-size: 0.92rem;
	color: #1a1a1a;
	}
.adult-card input{font-size:15px;}	
.adult-card .form-label{font-size: 12px;color: #000;}
.adult-card-header .form-check-input {
	width: 18px;
	height: 18px;
	margin-top: 0;
	accent-color: #1a73e8;
	cursor: pointer;
	}
.form-control, .form-select {
	border: 1.5px solid #ccc;
	border-radius: 5px;
	font-size: 0.88rem;
	height: 44px;
	color: #333;
	}
.form-control:focus, .form-select:focus {
	border-color: #1a73e8;
	box-shadow: 0 0 0 2px rgba(26,115,232,0.12);
	}
.form-label {
	font-size: 0.78rem;
	color: #666;
	margin-bottom: 4px;
	}
.gender-toggle {
	display: flex;
	border: 1.5px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	height: 44px;
	}
.gender-toggle .g-btn {
    flex: 1;
    border: none;
    background: #fff;
    font-size: 12px;
    font-weight: 500;
    color: #666;
    cursor: pointer;
    transition: background 0.15s, color 0.15s;
	}
.gender-toggle .g-btn.active {
	background: #1a73e8;
	color: #fff;
	}
.gender-toggle .g-btn:not(.active):hover {background: #f0f4ff;}
.row-fields { gap: 0; }	

/*---- bags-popup -----*/

.bags-popup .modal-header { border-bottom: none; padding-bottom: 0; }
.bags-popup .modal-footer { border-top: none; }
.bags-popup .airline-bar { background: #1a73e8; border-radius: 8px; padding: 12px 16px; display: flex; align-items: center; gap: 12px; }
.bags-popup .airline-icon { background: rgba(255,255,255,0.2); border-radius: 50%; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
.bags-popup .bag-row { display: flex; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #e9ecef; }
.bags-popup .bag-row:last-child { border-bottom: none; }
.bags-popup .bag-icon { color: #6c757d; flex-shrink: 0; }
.bags-popup .qty-box { display: flex; align-items: center; border: 1px solid #ced4da; border-radius: 6px; overflow: hidden; }
.bags-popup .qty-box button { width: 34px; height: 34px; border: none; background: #f8f9fa; font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; color: #333; transition: background .15s; }
.bags-popup .qty-box button:hover { background: #e9ecef; }
.bags-popup .qty-box span { min-width: 40px; text-align: center; font-size: 13px; font-weight: 500; background: #fff; }
.bags-popup .included-note { font-size: 13px; color: #6c757d; }
.bags-popup .included-note span { color: #1a73e8; font-weight: 500; }
.bags-popup .total-section { display: flex; justify-content: space-between; align-items: center; padding-top: 14px; border-top: 1px solid #e9ecef; margin-top: 8px; }

/*---- bags-popup-end -----*/

.information-section{
	background: #fff;
	border-radius: 8px;
	padding: 24px;
	margin: auto;
	box-shadow: 0 1px 6px rgba(0, 0, 0, 0.08);
	}
.border-section{border:1px solid #e5e5e5; border-radius:6px;}	
.information-section h2{
	font-size: 17px;
	color: #ffffff;
	margin-bottom: 12px;
	font-weight: 550;
	background-color: #2093ef;
	padding:10px 0px 10px 14px;
	border-radius: 6px 6px 0px 0px;
	}
.information-section h2 i{
	font-size: 13px;
	padding: 0px 4px 0px 0px;
	}
.information-section .information-body{padding:0px 12px 0px 12px; overflow-y: scroll; height:200px;}	
.information-section .information-body h5{
	font-size: 14px;
	font-family: 'Poppins' !important;
	color: #000;
	}
.information-section .information-body h5 i{}	

/*---- bags-popup-style ----*/
.bags-section .popup-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	display: none;
	z-index: 999;
	}
.bags-section .custom-popup {
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%) scale(0.9);
	width: 480px;
	background: #fff;
	border-radius: 8px;
	padding: 20px;
	display: none;
	z-index: 1000;
	transition: 0.3s ease;
	}
.bags-section .custom-popup.active {display: block;transform: translate(-50%, -50%) scale(1);}
.bags-section .popup-overlay.active {display: block;}
.bags-section .header-sec {
	display: flex;
	justify-content: space-between;
	align-items: center;
	}
.bags-section .header-sec h5 {font-weight: 600;}
.bags-section .close-btn {    
	font-size: 17px;
	cursor: pointer;
	background-color: #000000;
	padding: 0px 7px 0px 7px;
	border-radius: 50%;
	width: 35px;
	height: 35px;
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	right: -5px;
	top: -7px;
	color: #fff;
	}
.bags-section .flight-details {
	background: #f3f8ff;
	color: #000000;
	padding: 10px;
	border-radius: 6px;
	margin: 15px 0;
	border: 1px solid #2093ef;
	box-shadow: 0px 3px 0px 0px #2093ef;
	}
.bags-section .flight-details .route-title {font-weight: 550; font-size: 15px;}
.bags-section .flight-details .route-title i{font-size:12px; padding: 0px 3px 0px 3px;}
.bags-section .flight-details .route-sub {font-size: 13px;}
.bags-section .included-text {font-size: 14px; margin-bottom: 15px;}
.bags-section .included-text span {color: #0d6efd; font-weight: 600;}
.bags-section .baggage-item {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 0;
	border-bottom: 1px solid #eee;
	}
.bags-section .left {
	display: flex;
	align-items: center;
	gap: 10px;
	}
.bags-section .bag-icon {font-size:20px;}
.bags-section .bag-icon i{color:#ff6300;}
.bags-section .title {font-size:14px; color:#000;}
.bags-section .right {
	display: flex;
	align-items: center;
	gap: 15px;
	}
.bags-section .price-sec{font-weight: 550; font-size: 16px;}
.bags-section .price-sec i{font-size: 14.3px;}
.bags-section .add-btn {
    border: 1px solid #2093ef;
    background: #2093ef;
    padding: 5px 12px;
    cursor: pointer;
    color: #fff;
    font-size: 10px;
	border-radius: 50px;
	display: flex;
    align-items: center;
    justify-content: center;
	margin-right: 9px;
	}
.bags-section .baggage-list{overflow-y:scroll; height: 220px;;}
/*---- bags-popup-style ----*/

/**/


/*----- flight-seatpage-style -----*/
.seat-section{margin-top: 27px; margin-bottom:27px;}
.seat-section .container{    
  width:auto !important;
  float:none !important;
  background:none !important;
  padding:0px !important;
  }

.seat-section .layout{display:grid;grid-template-columns:1fr 320px;min-height:calc(100vh - 60px);}
.seat-section .map-area{
	padding:3px 44px;
	overflow-y:scroll;
	height:550px;
	background-color: #edf7ff;
	border-left: 1px solid #eaeaea;
	}
.seat-section .map-area .flight-name{margin-bottom: 4px;}	
.seat-section .map-area .flight-name h5{font-size: 17px;color: #000;}	
.seat-section .map-area .flight-name h5 i{
	font-size: 12px;
	color: #000;
	padding: 0px 5px 0px 5px;
	}
.seat-section .map-area .flight-name .date-badge{
	background-color: #2093ef;
	color: #fff;
	padding: 5px 10px 5px 10px;
	border-radius: 5px;
	font-size: 11px;
	}
.seat-section .map-area .flight-name .non-stop-text{font-size: 14px;}
.seat-section .map-header{margin-bottom:28px;}
.seat-section .map-header h1{
  font-family:'Instrument Serif',serif;
  font-size:2rem;
  font-weight:400;
  letter-spacing:-0.5px;
  margin-bottom:4px;
  }
.seat-section .map-header p{color:var(--muted);font-size:0.875rem;}
.seat-section .legend{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:4px;
  margin-bottom:28px;
  }
.seat-section .leg-item{
	display: flex;
	align-items: center;
	gap: 12px;
	padding: 5px 12px;
	border: 1px solid #93cfff;
	border-radius: 50px;
	font-size: 11px;
	color: #000000;
	background: #fff;
	}
.seat-section .leg-dot{width:10px;height:10px;border-radius:3px;}
.seat-section .aircraft{display:flex;flex-direction:column;align-items:center;}
.seat-section .plane-tip{
	width: 340px;
	height: 215px;
	background: #fff;
	border: 1px solid #ffffff;
	border-radius: 50% 50% 0 0 / 100% 100% 0 0;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 10px;
	font-size: 1.1rem;
	margin-bottom:4px;
	position: relative;
	overflow: hidden;
	box-shadow:0px 0px 11px -13px #000;
	}
.seat-section .plane-tip img{margin: 0px;}
.seat-section .plane-tip1{
	width: 340px;
	height:349px;
	background: #fff;
	border: 1px solid #ffffff;
	border-radius: 0 0 50% 50% / 0 0 100% 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 10px;
	font-size: 1.1rem;
	margin-bottom: 4px;
	position: relative;
	box-shadow: 0px 0px 11px -13px #000;
	}
.seat-section .plane-tip1 img{margin: 0px;}	
/* .plane-tip::after{
content:'';
position:absolute;
bottom:0;
left:0;
right:0;
height:1px;
background:var(--border);
} */

.seat-section .fuselage{
	background: #fff;
	border: 1px solid #ffffff;
	border-top: none;
	/*border-radius: 0 0 16px 16px;*/
	width:340px;
	padding: 24px 28px 32px;
	box-shadow: 0px 0px 11px -10px #000;
	}

.seat-section .class-section{margin-bottom:4px;}
.seat-section .class-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:8px 12px;
  border-radius:8px;
  margin-bottom:10px;
  font-size:0.72rem;
  font-weight:600;
  letter-spacing:1.5px;
  text-transform:uppercase;
  }
.seat-section .ch-first{
	background: #2093ef;
	color: #fff;
	border: 1px solid #2093ef;
	font-size: 11px;
	}
.seat-section .ch-biz{
	background: #2093ef;
	color: #fff;
	border: 1px solid #2093ef;
	font-size: 11px;
	}
.seat-section .ch-eco{    
	background: #2093ef;
	color: #fff;
	border: 1px solid #2093ef;
	font-size: 11px;
	}
.seat-section .class-header .ch-price{font-weight:400;font-size:11px;letter-spacing:0;}
.seat-section .col-labels{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;margin-bottom:6px;
  }
.seat-section .cl{
	width:32px;    
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	color: #000;
	letter-spacing: 1px;
	}
.seat-section .cl.wide{width:38px;}
.seat-section .cl.sp{width:18px;}
.seat-section .seat-row{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  margin-bottom:4px;
  }
.seat-section .rn{
	width: 20px;
	text-align: right;
	font-size: 11px;
	color: #000;
	font-weight: 550;
	padding-right: 4px;
	}
.seat-section .sp{width:18px;}
.seat-section .seat{
	width:32px;
	height:32px;
	border-radius:7px 7px 5px 5px;
	border:1.5px solid transparent;
	cursor:pointer;
	font-size:12px;
	font-weight:600;
	font-family:'Outfit',sans-serif;
	transition:all 0.15s ease;
	display:flex;
	align-items:center;
	justify-content:center;
	position:relative;
	outline:none;
	}
.seat-section .seat::before{
  content:'';
  position:absolute;
  top:3px;
  left:4px;
  right:4px;
  height:4px;
  border-radius:2px;
  background:rgba(0,0,0,0.06);
  }
.seat-section .seat.wide{width:38px;height:38px;}
.seat-section .seat.avail{
	background: #dbeafe;
	border-color: #93c5fd;
	color: #1d4ed8;
	}
.seat-section .seat.avail:hover{
  background:#dbeafe;
  border-color:#93c5fd;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(37,99,235,0.2);
  color:#1E3A8A;
  }
.seat-section .seat.selected{
  background:var(--seat-sel);
  border-color:#1E40AF;
  color:var(--seat-sel-t);
  transform:translateY(-1px);
  box-shadow:0 4px 10px rgba(29,78,216,0.3);
  }
.seat-section .seat.occupied{
  background:var(--seat-occ);
  border-color:#D5D5D5;
  color:var(--seat-occ-t);
  cursor:not-allowed;
  }
.seat-section .seat.occupied span{display:none;}
.seat-section .seat.occupied::after{content:'×';font-size:0.8rem;color:#C0C0C0;position:absolute;}
.seat-section .seat.first-seat{
	background: #fde68a;
	border-color: #d97706;
	color: #92400e;
	}
.seat-section .seat.first-seat:hover{
  background:#fde68a;
  border-color:#d97706;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(180,83,9,0.2);
  }
.seat-section .seat.first-seat.selected{
  background:#D97706;
  border-color:#92400E;
  color:#fff;
  box-shadow:0 4px 10px rgba(180,83,9,0.35);
  }
.seat-section .seat.first-seat.occupied{background:#F5F0E8;border-color:#E5DDD0;color:#C8BDB0;}
.seat-section .seat.exit-seat{
  background:var(--seat-exit);
  border-color:var(--seat-exit-b);
  color:var(--seat-exit-t);
  }
.seat-section .seat.exit-seat:hover{
  background:#86EFAC;border-color:#15803D;
  transform:translateY(-2px);
  box-shadow:0 4px 12px rgba(21,128,61,0.2);
  }
.seat-section .seat.exit-seat.selected{
  background:#16A34A;
  border-color:#14532D;
  color:#fff;
  box-shadow:0 4px 10px rgba(21,128,61,0.35);
  }
.seat-section .exit-tag{
	text-align: center;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	color: #2093ef;
	margin: 6px 0 4px;
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 6px;
	}
.seat-section .exit-tag::before,.exit-tag::after{content:'';flex:1;height:1px;background:#2093ef;}
.seat-section .divider-line{
  border:none;
  border-top:1px dashed var(--border);
  margin:14px 0;
  }
.seat-section .sidebar{
  padding:0px 24px;
  display:flex;
  flex-direction:column;
  gap:24px;
  background:var(--surface);
  position:sticky;top:60px;
  height:calc(100vh - 60px);
  overflow-y:auto;
  }


.summary-card {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 1px 4px rgba(0,0,0,0.08);
	overflow: hidden;
	height: auto;
	}
	.fare-card-header {
    padding: 18px 20px 14px;
    border-bottom: 1px solid #eee;
}
.fare-title {
    font-size: 17px;
    font-weight: 550;
    color: #000;
}
.fare-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 11px 20px;
    border-bottom: 1px solid #f4f4f4;
    font-size: 13.5px;
    color: #333;
}
.fare-label {
    display: flex;
    align-items: center;
    gap: 6px;
}	
.fare-amount {
    font-weight: 500;
    color: #000;
}
.fare-amount i {
    font-size: 12px;
}
.summary-card .continue-btn{
	padding:14px 0px 14px 0px;
	font-size:15px;
	border:0;
	background-color:#2093ef;
	color:#fff;
	font-weight:550;
	font-family:'Poppins' !important;
	display: block;
    text-align: center;
	width:100%;
	}




.seat-section .sb-section-label{
	font-size: 20px;
	font-weight: 500;
	color: #000;
	margin-bottom: 12px;
	font-family: 'Poppins';
	}

.seat-section .pax-card{
border:1px solid var(--border);
border-radius:12px;
padding:12px 14px;
display:flex;align-items:center;gap:10px;
margin-bottom:8px;
transition:border-color 0.2s;
cursor:pointer;
}
.seat-section .pax-card.active{border-color:var(--blue);background:var(--blue-lt);}
.seat-section .pax-av{
width:34px;height:34px;border-radius:50%;
display:flex;align-items:center;justify-content:center;
font-size:0.72rem;font-weight:600;flex-shrink:0;
}
.seat-section .av1{background:#E0E7FF;color:#4338CA;}
.seat-section .av2{background:#FCE7F3;color:#9D174D;}
.seat-section .av3{background:#FEF3C7;color:#92400E;}
.seat-section .pax-info{flex:1;}
.seat-section .pax-name{font-size:0.82rem;font-weight:500;}
.seat-section .pax-seat-tag{font-size:0.72rem;color:var(--muted);margin-top:2px;}
.seat-section .pax-seat-tag.set{color:var(--blue);font-weight:600;}
.seat-section .pax-badge{
padding:3px 8px;
border-radius:6px;
background:var(--panel);
font-size:0.68rem;font-weight:600;
color:var(--muted);
border:1px solid var(--border);
font-family:'Outfit',sans-serif;
}
.seat-section .pax-badge.set{background:var(--blue-lt);border-color:#93C5FD;color:var(--blue);}

.seat-section .price-box{
	background: #fff;
	border: 1px solid var(--border);
	border-radius: 12px;
	padding: 16px;
	}
.seat-section .price-row{
	display: flex;
	justify-content: space-between;
	font-size: 14px;
	color: #000;
	padding: 8px 0;
	border-bottom: 1px dashed #e0e0e0;
	}
.seat-section .price-row:last-of-type{border:none;}
.seat-section .price-row .val{color:var(--text);font-weight:500;}
.seat-section .price-total-row{
	display:flex;justify-content:space-between;align-items:baseline;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid var(--border2);
	}
.seat-section .price-total-row .lbl{font-size: 17px;font-weight: 550;}
.seat-section .price-total-row .big{
	font-family: 'Poppins';
	font-size: 17px;
	color: #000;
	font-weight: 550;
	}

.seat-section .btn-cta{
	width: 100%;
	padding: 14px;
	background: #2093ef;
	border: none;
	border-radius: 12px;
	color: #fff;
	font-family: 'Poppins';
	font-weight: 550;
	font-size: 14px;
	cursor: pointer;
	transition: all 0.2s;
	letter-spacing: 0.3px;
	}
.seat-section .btn-cta:hover{background:#333;transform:translateY(-1px);}


@media(max-width:900px){
.seat-section .layout{grid-template-columns:1fr;}
.seat-section .sidebar{position:static;height:auto;}
.seat-section .map-area{padding:24px;}
.seat-section .fuselage{width:360px;}
}



/*---- booking-detalis-step-style ----*/
.booking-details-step .container {
	width:auto !important;
	float:none !important;
	background:none !important;
	padding: 0px !important;
	}  
.booking-details-step .form-wrapper {width: 100%;}
.booking-details-step .stepper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	margin: 20px 0px -10px 0px;
	position: relative;
	background-color: #fff;
	padding: 11px 0px 5px 0px;
	border-radius: 15px;
	}
.booking-details-step .step-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	position: relative;
	z-index: 1;
	}
.booking-details-step .step-circle {
	width: 44px;
	height: 44px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: 'Syne', sans-serif;
	font-weight: 700;
	font-size: 15px;
	border: 2px solid var(--border);
	background: var(--card);
	color: var(--muted);
	transition: all 0.35s cubic-bezier(0.4,0,0.2,1);
	position: relative;
	}
.booking-details-step .step-circle .check-icon {display: none;font-size: 18px;}
.booking-details-step .step-label {
	font-size: 11px;
	font-weight: 500;
	letter-spacing: 0.5px;
	color: var(--muted);
	text-transform: uppercase;
	transition: color 0.3s;
	white-space: nowrap;
	}
.booking-details-step .step-connector {
	flex: 1;
	height: 2px;
	background: var(--border);
	margin: 0 8px;
	margin-bottom: 26px;
	position: relative;
	overflow: hidden;
	min-width: 40px;
	}
.booking-details-step .step-connector::after {
	content: '';
	position: absolute;
	inset: 0;
	background:#2093ef;
	transform: scaleX(0);
	transform-origin: left;
	transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
	}
.booking-details-step .step-connector.filled::after { transform: scaleX(1); }
.booking-details-step .step-item.active .step-circle {
	border-color: #2093ef;
	background: rgb(32 147 239);
	color: #ffffff;
	}
.booking-details-step .step-item.active .step-label { color:#2093ef; }
.booking-details-step .step-item.done .step-circle {
	border-color: var(--success);
	background: rgba(60,255,163,0.1);
	color: var(--success);
	}
.booking-details-step .step-item.done .step-circle .num { display: none; }
.booking-details-step .step-item.done .step-circle .check-icon { display: block; }
.booking-details-step .step-item.done .step-label { color: var(--success); }
.booking-details-step .step-panel {
	display: none;
	animation: fadeSlideIn 0.4s cubic-bezier(0.4,0,0.2,1) forwards;
	}
.booking-details-step .step-panel.active { display: block; }

@keyframes fadeSlideIn {
	from { opacity: 0; transform: translateX(24px); }
	to   { opacity: 1; transform: translateX(0); }
	}
@keyframes fadeSlideBack {
	from { opacity: 0; transform: translateX(-24px); }
	to   { opacity: 1; transform: translateX(0); }
	}
.booking-details-step .step-panel.going-back { animation: fadeSlideBack 0.4s cubic-bezier(0.4,0,0.2,1) forwards; }
.booking-details-step .step-panel-title {
	font-family: 'Syne', sans-serif;
	font-size: 20px;
	font-weight: 700;
	margin-bottom: 4px;
	}
.booking-details-step .step-panel-sub {
	color: var(--muted);
	font-size: 13.5px;
	margin-bottom: 28px;
	}
.booking-details-step .form-footer {
	padding: 20px 40px 30px;
	border-top: 1px solid #ffffff;
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	background: rgb(255 255 255);
	margin-bottom: 22px;
	border-radius: 15px;
	}
@media (max-width: 480px) { .form-footer { padding: 16px 22px 22px; } }
.booking-details-step .btn-back {
    background: #cfcfcf;
    border: 1px solid var(--border);
    color: #000;
    border-radius: 10px;
    padding: 11px 24px;
    font-family: 'Poppins';
    font-weight: 500;
    cursor: pointer;
    transition: all 0.2s;
    font-size: 15px;
	}
.booking-details-step .btn-back:hover { border-color: #555570; color: var(--text); }
.booking-details-step .btn-back:disabled { opacity: 0.3; cursor: not-allowed; }
.booking-details-step .btn-next {
    background: #1a73e8;
    color: #ffffff;
    border: none;
    border-radius: 10px;
    padding: 11px 30px;
    font-family: 'Poppins' !important;
    font-size: 14px;
    font-weight: 550;
    cursor: pointer;
    transition: all 0.25s;
    display: flex;
    align-items: center;
    gap: 8px;
    letter-spacing: 0.3px;
	}
.booking-details-step .btn-next:active { transform: translateY(0); }
.booking-details-step .btn-next .arrow { transition: transform 0.2s; }
.booking-details-step .btn-next:hover .arrow { transform: translateX(4px); }
.booking-details-step .btn-submit {background: var(--accent2);color: #fff;}
.booking-details-step .btn-submit:hover { background: #9c7cff; box-shadow: 0 8px 24px rgba(124,92,252,0.35); }
.booking-details-step .step-counter {
	font-size: 12px;
	color: var(--muted);
	letter-spacing: 0.5px;
	}
.booking-details-step .success-panel {
	display: none;
	text-align: center;
	padding: 60px 40px;
	animation: fadeSlideIn 0.5s forwards;
	}
.booking-details-step .success-panel.active { display: block; }
.booking-details-step .success-icon {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	background: rgba(60,255,163,0.1);
	border: 2px solid var(--success);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 36px;
	margin: 0 auto 24px;
	animation: popIn 0.5s 0.2s cubic-bezier(0.34,1.56,0.64,1) both;
	}
@keyframes popIn {
	from { transform: scale(0.5); opacity: 0; }
	to   { transform: scale(1); opacity: 1; }
	}
.booking-details-step .success-panel h2 {
	font-family: 'Syne', sans-serif;
	font-size: 28px;
	font-weight: 800;
	margin-bottom: 10px;
	}
.booking-details-step .success-panel p { color: var(--muted); font-size: 15px; line-height: 1.6; }
.booking-details-step .success-panel .restart-btn {
	display: inline-block;
	margin-top: 28px;
	background: transparent;
	border: 1px solid var(--border);
	color: var(--muted);
	padding: 10px 24px;
	border-radius: 10px;
	cursor: pointer;
	font-family: 'DM Sans', sans-serif;
	font-size: 14px;
	transition: all 0.2s;
	}
.booking-details-step .success-panel .restart-btn:hover { border-color: var(--accent); color: var(--accent); }

.booking-details-step .completed .step-circle{
	background-color: #2093ef;
	border: 1px solid #2093ef;
	color: #fff;
	}
.booking-details-step .completed .step-label{color:#2093ef;}	
/*---- booking-detalis-step-style-end ----*/






/*----toproutes-section-end----*/
:root {
      --brand: #0b57d0;
      --brand-dark: #083ead;
      --brand-light: #e8f0fe;
      --accent: #00b894;
      --accent-light: #d6f5ee;
      --dark: #0d1117;
      --surface: #ffffff;
      --surface-2: #f6f8ff;
      --text-muted: #6b7280;
      --border: #e5e9f2;
      --radius: 18px;
      --card-radius: 22px;
      --transition: 0.28s cubic-bezier(0.4, 0, 0.2, 1);
    }

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }

.toproutes-section .section-header {
	text-align: center;
	margin-bottom: 28px;
	}
.toproutes-section .section-badge {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: var(--brand-light);
	color: var(--brand);
	font-size: 12px;
	font-weight: 600;
	letter-spacing: 0.08em;
	text-transform: uppercase;
	padding: 6px 16px;
	border-radius: 100px;
	margin-bottom: 16px;
	}
.toproutes-section .section-badge svg {width: 14px; height: 14px; fill: var(--brand);}
.toproutes-section .section-title {
	font-family: 'Poppins' !important;
	font-size: 34px;
	font-weight: 700;
	color: #000000;
	line-height: 1.15;
	border: 0;
	text-transform: capitalize;
	}
.toproutes-section .section-title span {color: var(--brand);}
.toproutes-section .section-sub {
	font-size: 16px;
	color: var(--text-muted);
	margin-top: 10px;
	font-weight: 400;
	}
.toproutes-section .filter-bar {
	display: flex;
	justify-content: center;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 40px;
	}
.toproutes-section .filter-pill {
	border: none;
	background: var(--surface);
	color: var(--text-muted);
	font-family: 'DM Sans', sans-serif;
	font-size: 13px;
	font-weight: 500;
	padding: 8px 20px;
	border-radius: 100px;
	cursor: pointer;
	border: 1.5px solid var(--border);
	transition: var(--transition);
	}
.toproutes-section .filter-pill:hover,
.toproutes-section .filter-pill.active {
	background: var(--brand);
	color: #fff;
	border-color: var(--brand);
	}
.toproutes-section .routes-grid {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
	gap: 20px;
	margin-bottom: 15px;
	}
.toproutes-section .route-card {
    background: #ffffff;
    border-radius: 15px;
    border: 1.5px solid #e5e9f2;
    padding: 24px;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: var(--transition);
    text-decoration: none;
    display: block;
	}
.toproutes-section .route-card::before {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	background:linear-gradient(90deg, #0b57d0, #00b894);
	opacity: 0;
	transition: var(--transition);
	}
.toproutes-section .route-card:hover {
	border-color: transparent;
	box-shadow: 0 12px 40px rgba(11, 87, 208, 0.14);
	transform: translateY(-5px);
	}
.toproutes-section .route-card:hover::before {opacity: 1;}
.toproutes-section .card-top {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
	}
.toproutes-section .route-type-badge {
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.07em;
	text-transform: uppercase;
	padding: 4px 12px;
	border-radius: 100px;
	background: #e8f0fe;
	color: #0b57d0;
	}
.toproutes-section .route-type-badge.intl {
    background: #d6f5ee;
    color: #00856b;
	}
.toproutes-section .plane-wrap {
	width: 44px;
	height: 44px;
	border-radius: 12px;
	background: #f6f8ff;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1.5px solid #e5e9f2;
	transition: var(--transition);
	}
.toproutes-section .route-card:hover .plane-wrap {
	background: var(--brand);
	border-color: var(--brand);
	}
.toproutes-section .plane-wrap i{
	width: 20px; 
	height: 20px;
	fill:#0b57d0;;
	transition: var(--transition);
	}
.toproutes-section .route-card:hover .plane-wrap i{color: #fff;}
.toproutes-section .route-journey {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 16px;
	}
.toproutes-section .city-block {
	display: flex;
	flex-direction: column;
	}
.toproutes-section .city-name {
	font-family: 'Space Grotesk', sans-serif;
	font-size: 17px;
	font-weight: 600;
	color: var(--dark);
	line-height: 1.2;
	}
.toproutes-section .city-code {
	font-size: 12px;
	font-weight: 500;
	color: var(--text-muted);
	margin-top: 2px;
	}
.toproutes-section .flight-line {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	}
.toproutes-section .dashed-line {
	width: 100%;
	height: 1px;
	border-top: 2px dashed #d1d9f0;
	position: relative;
	}
.toproutes-section .arrow-dot {
	width: 8px; height: 8px;
	background: var(--brand);
	border-radius: 50%;
	position: absolute;
	right: -1px; top: -5px;
	}
.toproutes-section .flight-tag {
	font-size: 10px;
	color: var(--text-muted);
	font-weight: 500;
	white-space: nowrap;
	}
.toproutes-section .card-footer-row {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 16px;
	border-top: 1px dashed #d1d1d1;
	}
.toproutes-section .route-code-pill {
	font-family:'Space Grotesk', sans-serif;
	font-size: 13px;
	font-weight: 600;
	color: var(--brand);
	background: var(--brand-light);
	padding: 5px 14px;
	border-radius: 100px;
	letter-spacing: 0.04em;
	}
.toproutes-section .book-btn {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	font-weight: 600;
	color: var(--brand);
	background: none;
	border: none;
	cursor: pointer;
	font-family: 'DM Sans', sans-serif;
	transition: var(--transition);
	}
.toproutes-section .book-btn i{
	width: 16px;
	height: 16px;
	color: var(--brand);
	transition: var(--transition);
	font-size: 16px;
	}
.toproutes-section .route-card:hover .book-btn {color: var(--accent);}
.toproutes-section .route-card:hover .book-btn i {color: var(--accent);}
.toproutes-section .route-card.featured {
	background: var(--dark);
	border-color: var(--dark);
	}
.toproutes-section .route-card.featured::before {opacity: 1;}
.toproutes-section .route-card.featured .city-name,.route-card.featured .city-code {color: #fff;}
.toproutes-section .route-card.featured .city-code {color: rgba(255,255,255,0.5);}
.toproutes-section .route-card.featured .plane-wrap {
	background: rgba(255,255,255,0.1);
	border-color: rgba(255,255,255,0.15);
	}
.toproutes-section .route-card.featured .plane-wrap svg {fill: #fff;}
.toproutes-section .route-card.featured .route-type-badge {
	background: rgba(255,255,255,0.12);
	color: rgba(255,255,255,0.9);
	}
.toproutes-section .route-card.featured .dashed-line {border-color: rgba(255,255,255,0.2);}
.toproutes-section .route-card.featured .card-footer-row {border-color: rgba(255,255,255,0.12);}
.toproutes-section .route-card.featured .route-code-pill {
	background: rgba(255,255,255,0.1);
	color: rgba(255,255,255,0.9);
	}
/* .toproutes-section .route-card.featured .book-btn {color: rgba(255,255,255,0.8);}
.toproutes-section .route-card.featured .book-btn svg {fill: rgba(255,255,255,0.8);} */
.toproutes-section .route-card.featured:hover {box-shadow: 0 12px 40px rgba(0,0,0,0.3);}
@media (max-width: 576px) {.toproutes-section .routes-grid {grid-template-columns: 1fr;}}

/*----toproutes-section-end----*/

/*--- trending-section ---*/
.trending-section .wrap{padding:10px 0px 43px 0px;font-family:'Inter',sans-serif}
.trending-section .header{display:flex;flex-direction:column;align-items:center;margin-bottom:1.5rem;gap:6px}
.trending-section .eyebrow{font-size:11px;font-weight:500;letter-spacing:0.18em;text-transform:uppercase;color:#1D9E75}
.trending-section .title{
	font-family: 'Poppins' !important;
	font-size: 34px;
	font-weight: 700;
	color: #000;
	line-height: 1.1;
	text-align: center;
	}
.trending-section .subtitle{font-size:13px;color:var(--color-text-secondary);margin-top:2px}
/* filter pills */
.trending-section .trd-filter-row{display:flex;justify-content:center;gap:8px;margin-bottom:1.5rem;flex-wrap:wrap}
.trending-section .trd-pill{padding:6px 18px;border-radius:99px;font-size:12px;font-weight:500;border:1.5px solid #dde3ec;color:#555;cursor:pointer;transition:all 0.2s;background:#fff;font-family:'Inter',sans-serif}
.trending-section .trd-pill.active,.trending-section .trd-pill:hover{background:#0F6E56;color:#fff;border-color:#0F6E56}
/* slider wrapper */
.trending-section .trd-slider-wrap{position:relative;padding:0 14px}
.trending-section .trd-viewport{overflow:hidden;border-radius:16px}
.trending-section .trd-track{display:flex;gap:14px;transition:transform 0.45s cubic-bezier(0.25,0.46,0.45,0.94);will-change:transform}
/* cards */
.trending-section .card{position:relative;border-radius:16px;overflow:hidden;cursor:pointer;flex:0 0 calc(20% - 12px);aspect-ratio:3/4;border:none;padding:0;background:transparent;transition:transform 0.3s}
.trending-section .card:hover{transform:translateY(-6px)}
.trending-section .card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 0.5s cubic-bezier(0.25,0.46,0.45,0.94)}
.trending-section .card:hover img{transform:scale(1.08)}
.trending-section .card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(4,34,28,0.88) 0%,rgba(4,34,28,0.1) 55%,transparent 100%);transition:opacity 0.3s}
.trending-section .card:hover .card-overlay{opacity:0.9}
.trending-section .card-body{position:absolute;bottom:0;left:0;right:0;padding:14px 12px 12px}
.trending-section .card-tag{display:inline-block;font-size:10px;font-weight:500;letter-spacing:0.1em;text-transform:uppercase;background:rgb(32 147 239);color:#fff;padding:2px 7px;border-radius:99px;margin-bottom:5px}
.trending-section .card-name{    
	font-family: 'Poppins';
	font-size: 15px;
	font-weight: 500;
	color: #fff;
	line-height: 1.2;
	}
.trending-section .card-sub{font-size:11px;color:rgba(255,255,255,0.6);margin-top:2px;font-weight:300}
.trending-section .card-arrow{position:absolute;top:10px;right:10px;width:30px;height:30px;border-radius:50%;background:rgba(255,255,255,0.18);border:1px solid rgba(255,255,255,0.3);display:flex;align-items:center;justify-content:center;opacity:0;transform:translateY(-4px);transition:all 0.25s;backdrop-filter:blur(6px)}
.trending-section .card:hover .card-arrow{opacity:1;transform:translateY(0)}
.trending-section .card-arrow i{font-size:11px;color:#fff}
.trending-section .card.trd-hidden{display:none}
/* nav arrows */
.trending-section .trd-nav{position:absolute;top:50%;transform:translateY(-50%);width:38px;height:38px;border-radius:50%;background:#fff;border:none;box-shadow:0 4px 16px rgba(0,0,0,0.15);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:all 0.2s;color:#333;font-size:14px}
.trending-section .trd-nav:hover{background:#0F6E56;color:#fff;box-shadow:0 6px 20px rgba(15,110,86,0.35)}
.trending-section .trd-nav:disabled{opacity:0.35;cursor:not-allowed;pointer-events:none}
.trending-section .trd-prev{left:0}
.trending-section .trd-next{right:0}
/* dots */
.trending-section .trd-dots{display:flex;justify-content:center;gap:6px;margin: 0 auto;}
.trending-section .trd-dot{width:7px;height:7px;border-radius:50%;background:#ccc;border:none;cursor:pointer;transition:all 0.2s;padding:0}
.trending-section .trd-dot.active{background:#0F6E56;width:20px;border-radius:99px}
/* responsive */
@media(max-width:991px){.trending-section .card{flex:0 0 calc(33.33% - 10px)}}
@media(max-width:600px){
	.trending-section .card{flex:0 0 calc(80% - 10px)}
	.trending-section .trd-slider-wrap{padding:0 32px; width: 100%; }
	.trending-section .title{font-size:22px;}
}

/*--- trending-section-end ---*/


/*--- trending-sec ---*/

.trending-sec{margin-top: 15px;margin-bottom: 30px;}
.trending-sec .deals-wrapper{
	background: #ffffff;
	border-radius: 14px;
	padding: 28px 25px 22px;
	overflow: hidden;
	border: 1px solid #e2e2e2;
	}
.trending-sec .title-wrap h2{
	font-size: 22px;
	font-weight: 700;
	color:#000;
	margin-bottom:2px;
	line-height:1;
	}
.trending-sec .title-wrap p{
	font-size:22px;
	color:#333;
	margin-bottom:0;
	}
.trending-sec .slider-btns{display:flex;gap:0px;}
.trending-sec .slider-btn-l{
    width: 32px;
    height: 32px;
    border-radius: 50px 0px 0px 50px;
    border: 1.5px solid #ccc;
    background: #fff;
    cursor: pointer;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #29b0e2;
    transition: all .2s;
    box-shadow: -2px 0px 5px 2px #f3f3f3;
    }
.trending-sec .slider-btn-r{
    width: 32px;
    height: 32px;
    border-radius: 0px 50px 50px 0px;
    border: 1.5px solid #ccc;
    background: #fff;
    cursor: pointer;
    font-size: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #29b0e2;
    transition: all .2s;
    box-shadow: -2px 0px 5px 2px #f3f3f3;
    }    
.trending-sec .slider-btn:hover{background:#1677ff;color:#fff;}
.trending-sec .card-slider{
	margin-top:26px;
	overflow-x:auto;
	scroll-behavior:smooth;
	scrollbar-width:none;
	}
.trending-sec .card-slider::-webkit-scrollbar{display:none;}
.trending-sec .slider-track{
	display:flex;
	gap:16px;
	min-width:max-content;
	}
.trending-sec .deal-card{
	width:128px;
	height:205px;
	border-radius:10px;
	overflow:hidden;
	position:relative;
	flex-shrink:0;
	cursor:pointer;
	}
.trending-sec .deal-card img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:.5s;
	}
.deal-card:hover img{transform:scale(1.08);}
.deal-card::before{
	content:"";
	position:absolute;
	inset:0;
	background:linear-gradient(to top, rgba(0,0,0,.85), rgba(0,0,0,.05));
	z-index:1;
	}
.trending-sec .place-name{
	position:absolute;
	left:12px;
	bottom:12px;
	color:#fff;
	font-size:12px;
	font-weight:700;
	z-index:2;
	line-height:1.1;
	}
@media(max-width:992px){

.trending-sec .title-wrap h2{font-size:34px;}
.trending-sec .title-wrap p{font-size:16px;}
.trending-sec .deal-card{width:110px;height:180px;}
.trending-sec .place-name{font-size:15px;}
}

@media(max-width:576px){
.trending-sec .deals-wrapper{padding:20px 16px;}
.trending-sec .title-wrap h2{font-size:22px;}
.trending-sec .deal-card{width:100px;height:165px;}
.trending-sec .slider-btn{width:36px;height:36px;font-size:16px;}
}

/*--- trending-sec-end ---*/



/*---- blog-section ----*/
.blog-section .section-header {
	text-align: center;
	margin-bottom:22px;
	position: relative;
	}
.blog-section .section-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 550;
	letter-spacing: 2.5px;
	text-transform: uppercase;
	color: #2093ef;
	margin-bottom: 14px;
	font-family: 'Poppins';
	}
.blog-section .section-label::before,.blog-section .section-label::after {
	content: '';
	display: block;
	width: 45px;
	height: 1.5px;
	background: #2093ef;
	}
.blog-section .section-title {
    font-family: 'Poppins' !important;
    font-size: 34px;
    font-weight: 700;
    color:#000;
    line-height: 1.1;
    border: 0;
	text-transform: capitalize;
	}
.blog-section .section-title span {
	color:#ff5722;
	position: relative;
	}
/* .blog-section .section-title span::after {
	content: '';
	position: absolute;
	left: 0; bottom: -4px;
	width: 100%; height: 3px;
	background: linear-gradient(90deg, var(--accent), transparent);
	border-radius: 2px;
	} */
.blog-section .cards-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    padding: 0 20px;
    margin-bottom: 30px;
	}

@media (max-width: 1024px) { .blog-section .cards-row { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 600px)  { .blog-section .cards-row { grid-template-columns: 1fr; } }
.blog-section .travel-card {
	background: var(--card-bg);
	border-radius: 20px;
	overflow: hidden;
	box-shadow: var(--shadow);
	transition: transform 0.38s cubic-bezier(.23,1,.32,1),
	box-shadow 0.38s cubic-bezier(.23,1,.32,1);
	cursor: pointer;
	position: relative;
	}
.blog-section .travel-card:hover {
	transform: translateY(-10px) scale(1.02);
	/* box-shadow: var(--shadow-hover); */
	}
.blog-section .travel-card.featured {
	outline: 3px solid var(--accent);
	outline-offset: -1px;
	}
.blog-section .card-img-wrap {
	position: relative;
	overflow: hidden;
	height: 210px;
	}
.blog-section .card-img-wrap img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.5s cubic-bezier(.23,1,.32,1);
	display: block;
	}
.blog-section .travel-card:hover .card-img-wrap img {transform: scale(1.07);}
.blog-section .card-img-wrap::after {
	content: '';
	position: absolute;
	inset: 0;
	background: linear-gradient(to bottom,transparent 45%,rgba(15,17,23,0.55) 100%);
	pointer-events: none;
	}
.blog-section .card-badge {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 2;
	background:#ff5722;
	color: #fff;
	font-size: 10.5px;
	font-weight: 700;
	letter-spacing: 1.2px;
	text-transform: uppercase;
	padding: 5px 13px;
	border-radius: 30px;
	}
.blog-section .card-icon-chip {
	position: absolute;
	bottom: 14px;
	right: 14px;
	z-index: 2;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(255,255,255,0.15);
	backdrop-filter: blur(8px);
	border: 1.5px solid rgba(255,255,255,0.3);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	}
.blog-section .card-body-custom {padding: 22px 22px 24px;background-color: #fff;}
.blog-section .card-title-custom {
	font-family: 'Poppins' !important;
	font-size: 17px;
	font-weight: 550;
	color: #000000;
	margin-bottom: 8px;
	line-height: 1.3;
	}
.blog-section .card-desc {
	font-size: 13px;
	color: #000000;
	line-height: 1.6;
	font-weight: 400;
	}
.blog-section .card-footer-custom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-top: 18px;
	padding-top: 16px;
	border-top: 1.5px dashed #dcdcdc;
	}
.blog-section .read-link {
	font-size: 13px;
	font-weight: 550;
	color: #ff5722;
	display: flex;
	align-items: center;
	gap: 5px;
	transition: gap 0.2s;
	}
/* .blog-section .read-link:hover { gap: 9px; color: var(--accent-light); } */
.blog-section .read-link svg {transition: transform 0.2s;}
.blog-section .read-link:hover svg { transform: translateX(3px); }
.blog-section .card-tag {
	font-size: 12px;
	color: #747474;
	font-weight: 500;
	}
.blog-section .travel-card {
	opacity: 0;
	transform: translateY(30px);
	animation: cardIn 0.55s cubic-bezier(.23,1,.32,1) forwards;
	}
.blog-section .travel-card:nth-child(1) { animation-delay: 0.05s; }
.blog-section .travel-card:nth-child(2) { animation-delay: 0.15s; }
.blog-section .travel-card:nth-child(3) { animation-delay: 0.25s; }
.blog-section .travel-card:nth-child(4) { animation-delay: 0.35s; }

@keyframes cardIn {
	to { opacity: 1; transform: translateY(0); }
	}
.blog-section .section-cta {
	text-align: center;
	margin-top: 44px;
	}
.blog-section .btn-explore {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: var(--accent);
	color: #fff;
	font-family: 'DM Sans', sans-serif;
	font-weight: 600;
	font-size: 0.9rem;
	letter-spacing: 0.5px;
	padding: 14px 34px;
	border-radius: 50px;
	border: none;
	cursor: pointer;
	box-shadow: 0 8px 30px rgba(255,87,34,0.35);
	transition: transform 0.25s, box-shadow 0.25s, background 0.2s;
	text-decoration: none;
	}
.blog-section .btn-explore:hover {
	background: var(--accent-light);
	transform: translateY(-3px);
	box-shadow: 0 14px 40px rgba(255,87,34,0.4);
	color: #fff;
	}
/*---- blog-section-end ----*/

/*---- discover ----*/
 .nav-bar {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 14px 20px;
    border-bottom: 0.5px solid var(--color-border-tertiary);
    background: var(--color-background-primary);
    overflow-x: auto;
    scrollbar-width: none;
  }
  .nav-bar::-webkit-scrollbar { display: none; }
  .nav-item {
    display: flex;
    align-items: center;
    gap: 7px;
    padding: 8px 16px;
    border-radius: 999px;
    cursor: pointer;
    white-space: nowrap;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-text-secondary);
    border: 0.5px solid transparent;
    transition: background 0.15s, color 0.15s;
    position: relative;
    background: transparent;
  }
  .nav-item:hover { background: var(--color-background-secondary); color: var(--color-text-primary); }
  .nav-item.active {
    color: #1565C0;
    border-color: #1565C0;
    background: #E3F2FD;
  }
  .nav-icon {
    width: 16px; height: 16px;
    display: inline-flex; align-items: center; justify-content: center;
  }
  .badge-new {
    position: absolute;
    top: -5px; right: -2px;
    background: #FF5722;
    color: #fff;
    font-size: 9px;
    font-weight: 500;
    padding: 2px 5px;
    border-radius: 999px;
    letter-spacing: 0.3px;
  }
  .section {
    padding: 20px;
    background: var(--color-background-tertiary);
  }
  .section-label {
    font-size: 11px;
    font-weight: 500;
    color: var(--color-text-tertiary);
    letter-spacing: 0.5px;
    text-transform: uppercase;
    margin-bottom: 12px;
  }
  .cards-row {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    padding-bottom: 4px;
    scrollbar-width: none;
  }
  .cards-row::-webkit-scrollbar { display: none; }
  .route-card {
    min-width: 200px;
    background: var(--color-background-primary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: var(--border-radius-lg);
    padding: 14px 14px 0 14px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transition: border-color 0.15s, transform 0.15s;
    display: flex;
    flex-direction: column;
    gap: 4px;
  }
  .route-card:hover { border-color: #1565C0; transform: translateY(-1px); }
  .route-header {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 500;
    color: var(--color-text-primary);
  }
  .route-arrow {
    color: #1565C0;
    font-size: 14px;
    display: flex; align-items: center;
  }
  .route-date {
    font-size: 11px;
    color: var(--color-text-secondary);
  }
  .route-pax {
    font-size: 10.5px;
    color: var(--color-text-tertiary);
    margin-bottom: 10px;
  }
  .card-cta {
    position: absolute;
    bottom: 0; right: 0;
    width: 44px; height: 44px;
    background: #1565C0;
    border-radius: 50% 0 var(--border-radius-lg) 0;
    display: flex; align-items: center; justify-content: center;
  }
  .card-cta svg { color: #fff; }
  .search-bar {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 20px;
    background: var(--color-background-primary);
    border-bottom: 0.5px solid var(--color-border-tertiary);
  }
  .search-input {
    flex: 1;
    background: var(--color-background-secondary);
    border: 0.5px solid var(--color-border-tertiary);
    border-radius: 999px;
    padding: 9px 16px;
    font-size: 13px;
    color: var(--color-text-secondary);
    display: flex; align-items: center; gap: 8px;
  }

/*--- discover ---*/


/*---- offers-section ----*/
.offer-section .offers-wrapper {
	background: #fff;
	border-radius: 16px;
	padding: 24px 28px;
	box-shadow: 0 2px 18px rgba(0,0,0,0.07);
	/* margin-top:33px;
    margin-bottom: 27px; */
	margin-top: 15px;
    margin-bottom: 22px;
	}
.offer-section .offers-header {
	display: flex;
	align-items: center;
	justify-content:space-between;
	margin-bottom: 20px;
	}
.offer-section .offers-title {
	font-size: 22px;
	font-weight: 700;
	color: #1a1a1a;
	margin-right: 22px;
	white-space: nowrap;
	}
.offer-section .offers-tabs {
	display: flex;
	gap: 0;
	flex-wrap: nowrap;
	overflow-x: auto;
	scrollbar-width: none;
	flex: 1;
	}
.offer-section .offers-tabs::-webkit-scrollbar { display: none; }
.offer-section .tab-btn {
	background: none;
	border: none;
	font-family: 'Poppins', sans-serif;
	font-size: 13.5px;
	font-weight: 500;
	color: #555;
	padding: 6px 14px;
	cursor: pointer;
	white-space: nowrap;
	border-bottom: 2px solid transparent;
	transition: color 0.2s, border-color 0.2s;
	}
.offer-section .tab-btn.active {
	color: #008cff;
	border-bottom: 2.5px solid #008cff;
	font-weight: 600;
	}
.offer-section .tab-btn:hover { color: #008cff; }
.offer-section .more-btn {
	background: none;
	border: none;
	font-family: 'Poppins', sans-serif;
	font-size: 13.5px;
	font-weight: 500;
	color: #555;
	padding: 6px 14px;
	cursor: pointer;
	white-space: nowrap;
	}
.offer-section .view-all-btn {
	display: flex;
	align-items: center;
	gap: 7px;
	font-size: 13px;
	font-weight: 600;
	color: #1a1a1a;
	text-decoration: none;
	white-space: nowrap;
	letter-spacing: 0.3px;
	}
.offer-section .view-all-btn svg { width: 26px; }
.offer-section .nav-arrows {
	display: flex;
	gap: 8px;
	margin-left: 14px;
	}
.offer-section .nav-btn {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1.5px solid #ccc;
	background: #fff;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: border-color 0.2s, box-shadow 0.2s;
	}
.offer-section .nav-btn:hover {
	border-color: #008cff;
	box-shadow: 0 0 0 2px rgba(0,140,255,0.1);
	}
.offer-section .nav-btn:disabled {
	opacity: 0.35;
	cursor: default;
	border-color: #ccc;
	}
.offer-section .nav-btn i{font-size:13px;}
.offer-section .slider-viewport {
	overflow: hidden;
	position: relative;
	}
.offer-section .slider-track {
	display: flex;
	gap: 16px;
	transition: transform 0.38s cubic-bezier(0.4, 0, 0.2, 1);
	will-change: transform;
	}
.offer-section .offer-card {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 12px;
	overflow: hidden;
	flex: 0 0 calc((100% - 32px) / 3);
	min-width: 0;
	display: flex;
	flex-direction: column;
	transition: box-shadow 0.2s;
	}
.offer-section .offer-card:hover {box-shadow: 0 4px 20px rgba(0,0,0,0.10);}
.offer-section .card-top {
	display: flex;
	align-items: stretch;
	padding: 14px 14px 0 14px;
	gap: 14px;
	}
.offer-section .card-image {
    width: 100px;
    height: 77px;
	border-radius: 8px;
	object-fit: cover;
	flex-shrink: 0;
	background: #f0f0f0;
	}
.offer-section .card-body-top {
	flex: 1;
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	}
.offer-section .card-meta {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
	}
.offer-section .card-tag {
	font-size: 10px;
	font-weight: 600;
	color: #777;
	letter-spacing: 0.7px;
	text-transform: uppercase;
	}
.offer-section .card-tc {
	font-size: 9.5px;
	color: #aaa;
	letter-spacing: 0.3px;
	}
.offer-section .card-title {
	font-size: 14px;
	font-weight: 700;
	color: #1a1a1a;
	line-height: 1.35;
	margin-bottom: 5px;
	}
.offer-section .card-title span{color:red;}

/* .offer-section .card-divider {
	width: 32px;
	height: 2px;
	background: #008cff;
	border-radius: 50px;
	margin-bottom: 7px;
	} */

.offer-section .card-desc {
	font-size: 11.5px;
	color: #555;
	line-height: 1.45;
	}
.offer-section .card-footer-offer {
    padding: 15px 14px 14px 14px;
    display: flex;
    width: 100%;
	}
.offer-section .book-now-btn {
    background: none;
    border: none;
    font-family: 'Poppins', sans-serif;
    font-size: 12.5px;
    font-weight: 500;
    color: #ffffff;
    cursor: pointer;
    letter-spacing: 0.3px;
    transition: color 0.15s;
    background-color: #008cff;
    padding:8px 13px 8px 13px;
    border-radius: 50px;
	width: 100%;
	}
/* .slider-section .book-now-btn:hover { color: #0066cc; } */
@media (max-width: 768px) {
	.offer-section .offer-card { flex: 0 0 calc((100% - 16px) / 2); }
	.offer-section .offers-title { font-size: 18px; }
	}
@media (max-width: 540px) {
	.offer-section .offer-card { flex: 0 0 92%; }
	}

	/*---- offer-section-end ----*/

/*--- offers-sec---*/	
.offers-sec{margin-bottom: 20px;}
.offers-sec .offers-wrap{background:#fff;border-radius:12px;padding:20px 24px;font-family:sans-serif;border:0.5px solid #e0e0e0}
.offers-sec .offers-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}
.offers-sec .offers-title{font-size:22px;font-weight:700;color:#1a1a1a}
.offers-sec .tab-nav{display:flex;gap:0;margin-top:6px;flex-wrap:wrap}
.offers-sec .tab{font-size:13px;color:#555;padding:6px 14px;cursor:pointer;border-bottom:2px solid transparent}
.offers-sec .tab.active{color:#006ce4;border-bottom:2px solid #006ce4;font-weight:600}
.offers-sec .tab:hover:not(.active){color:#006ce4}
.offers-sec .view-all{display:flex;align-items:center;gap:8px;color:#006ce4;font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap}
.offers-sec .nav-btns{display:flex;gap:0px;align-items:center}
.offers-sec .nav-btn-l{
    width: 32px;
    height: 32px;
    border-radius: 50px 0px 0px 50px;
    border: 1.5px solid #ccc;
    background: #fff;
    cursor: pointer;
    font-size:22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #29b0e2;
    transition: all .2s;
    box-shadow: -2px 0px 5px 2px #f3f3f3;
    }
.offers-sec .nav-btn-r{
    width: 32px;
    height: 32px;
    border-radius: 0px 50px 50px 0px;
    border: 1.5px solid #ccc;
    background: #fff;
    cursor: pointer;
    font-size:22px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #29b0e2;
    transition: all .2s;
    box-shadow: -2px 0px 5px 2px #f3f3f3;
    }    
.offers-sec .nav-btn:hover{border-color:#006ce4;color:#006ce4}
.offers-sec .slider-outer{overflow:hidden}
.offers-sec .slider-track{display:flex;gap:16px;transition:transform .35s cubic-bezier(.4,0,.2,1)}
.offers-sec .slide-col{display:flex;flex-direction:column;gap:14px;flex-shrink:0}
.offers-sec .offer-card{    
    background: #fff;
    border-radius: 12px;
    border: 1px solid #f0f0f0;
    overflow: hidden;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, .06);
    display: flex;
    flex-direction: row;
    align-items: stretch;
    }
.offers-sec .offer-img{width:120px;min-height:120px;flex-shrink:0;background:#f0f0f0;overflow:hidden}
.offers-sec .offer-img img{object-fit: cover; height: 120px;}
.offers-sec .offer-body{padding:12px 13px 10px;display:flex;flex-direction:column;justify-content:space-between;flex:1}
.offers-sec .tac{font-size:10px;color:#888;letter-spacing:.5px;margin-bottom:3px}
.offers-sec .offer-title{font-size:13px;font-weight:700;color:#1a1a1a;line-height:1.3;margin-bottom:5px}
.offers-sec .offer-line{width:28px;height:2px;background:#e52d27;margin-bottom:5px}
.offers-sec .offer-desc{font-size:11.5px;color:#555;line-height:1.4;flex:1}
.offers-sec .book-now{font-size:12px;font-weight:700;color:#006ce4;cursor:pointer;margin-top:8px;text-align:right}
.offers-sec .book-now:hover{text-decoration:underline}
@media(prefers-color-scheme:dark){
.offers-sec .offers-wrap{background:#1e1e1e;border-color:#333}
.offers-sec .offers-title{color:#f0f0f0}
.offers-sec .tab{color:#aaa}
.offers-sec .tab.active{color:#4da6ff;border-color:#4da6ff}
.offers-sec .offer-card{background:#2a2a2a;border-color:#3a3a3a;box-shadow:none}
.offers-sec .offer-desc{color:#aaa}
.offers-sec .offer-title{color:#f0f0f0}
.offers-sec .nav-btn{background:#2a2a2a;border-color:#555;color:#ccc}
.offers-sec .nav-btn:hover{border-color:#4da6ff;color:#4da6ff}
.offers-sec .tac{color:#777}
.offers-sec .book-now{color:#4da6ff}
}

/*--- offer-section-end ---*/	

/*--- banner-section ---*/
.banner-section	{/*margin-top:30px; margin-bottom:14px;*/     
	margin-top: 40px;
    margin-bottom: 38px;}
.banner-section .slider-wrapper {
	position: relative;
	width: 100%;
	display: flex;
	align-items: center;
	overflow: visible;
	}
#sliderTrack {
	display: flex;
	transition: transform 0.6s ease-in-out; /* smooth slide */
	will-change: transform;
	}

.banner-section .slider-arrow {
	position: absolute;
	z-index: 10;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 1.5px solid #ccc;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 14px;
	color: #555;
	box-shadow: 0 2px 6px rgba(0,0,0,0.12);
	transition: all 0.2s;
	flex-shrink: 0;
	}
.banner-section .slider-arrow:hover { background: #eee; }
.banner-section .slider-arrow.left  { left: -16px; }
.banner-section .slider-arrow.right { right: -16px; }
.banner-section .slider-track-outer {
	overflow: hidden;
	border-radius: 14px;
	width: 100%;
	}
.banner-section .slider-track {
	display: flex;
	transition: transform 0.5s cubic-bezier(0.4,0,0.2,1);
	will-change: transform;
	}
.banner-section .slide-dark {
	min-width: 100%;
	border-radius: 14px;
	display: flex;
	overflow: hidden;
	}
.banner-section .slide-dark img{width:100%;}	
.banner-section .slide-dark::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image: radial-gradient(circle, rgba(255,255,255,0.04) 1px, transparent 1px);
	background-size: 22px 22px;
	pointer-events: none;
	}
.banner-section .feature-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	text-align: center;
	flex: 1;
	}

.banner-section .icon-circle {
	width: 52px;
	height: 52px;
	border-radius: 50%;
	border: 2px solid rgba(255,255,255,0.18);
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.06);
	}
.banner-section .icon-circle i {
	font-size: 22px;
	color: #f4a95a;
	}
.banner-section .feature-label {
	color: #e8eaf6;
	font-size: 12.5px;
	font-weight: 600;
	line-height: 1.35;
	max-width: 80px;
	}
.banner-section .feature-label .free-badge {
	color: #f4a95a;
	font-size: 11px;
	font-weight: 700;
	}
.banner-section .divider-v {
	width: 1px;
	height: 60px;
	background: rgba(255,255,255,0.1);
	flex-shrink: 0;
	}
.banner-section .leaf-icon {
	font-size: 46px;
	color: #5aab3e;
	flex-shrink: 0;
	}
.banner-section .heritage-text h5 {
	font-size: 18px;
	font-weight: 800;
	color: #1a3a12;
	margin-bottom: 6px;
	}
.banner-section .heritage-text p {
	font-size: 13px;
	color: #3d5a34;
	margin: 0;
	line-height: 1.5;
	}
.banner-section .promo-icon {
	font-size: 46px;
	color: #fff;
	flex-shrink: 0;
	}
.banner-section .promo-text h5 {
	font-size: 18px;
	font-weight: 800;
	color: #fff;
	margin-bottom: 6px;
	}
.banner-section .promo-text p {
	font-size: 13px;
	color: rgba(255,255,255,0.88);
	margin: 0;
	line-height: 1.5;
	}
.banner-section .slider-dots {
	display: flex;
	justify-content: center;
	gap: 6px;
	margin-top: 12px;
	}
.banner-section .dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background: #bbb;
	cursor: pointer;
	transition: background 0.3s, transform 0.3s;
	}
.banner-section .dot.active {
	background: #0d1b3e;
	transform: scale(1.3);
	}
.banner-section .tc-tag {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%) rotate(90deg) translateX(50%);
	transform-origin: right center;
	font-size: 9px;
	color: rgba(255,255,255,0.35);
	writing-mode: vertical-rl;
	letter-spacing: 1px;
	}
	
/*--- banner-section-end ---*/

/*--- train-route-section ---*/
.trainroute-section {padding:20px 0;}
.trainroute-section .section-header {
	text-align: center;
	margin-bottom: 40px;
	}
.trainroute-section .badge-label {
	display: inline-block;
	background: #eef2ff;
	color: #4f46e5;
	padding: 6px 18px;
	border-radius: 50px;
	font-size: 13px;
	font-weight: 600;
	margin-bottom: 14px;
	}
.trainroute-section .section-header h2 {
	font-size: 34px;
	font-weight: 700;
	color: #000000;
	margin-bottom: 8px;
	font-family: 'Poppins' !important;
	}
.trainroute-section .section-header h2 span {color:#2093ef;}
.trainroute-section .section-header p {
	color: #111111;
	font-size: 14px;
	}
.trainroute-section .route-col {margin-bottom: 20px;}
.trainroute-section .route-card {
	background: #fff;
	border: 1px solid #e5e7eb;
	border-radius: 14px;
	transition: transform 0.25s ease, box-shadow 0.25s ease;
	height: 100%;
	padding: 0;
	}
.trainroute-section .route-card:hover {
    transform: translateY(-5px);
    border-color: #fff;
	}
.trainroute-section .card-inner {padding: 20px;}
.trainroute-section .station-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	margin-bottom: 10px;
	}
.trainroute-section .station-name {
	color: #000000;
	font-size: 11px;
	font-weight: 550;
	flex: 1;
	line-height: 1.3;
	}
.trainroute-section .station-row .station-name:last-child {text-align: right;}
.trainroute-section .train-icon {
	width: 34px;
	height: 34px;
	background:#2093ef;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	}
.trainroute-section .train-icon i{color: #fff;}
.trainroute-section .route-track {
	display: flex;
	align-items: center;
	margin-bottom: 14px;
	}
.trainroute-section .track-dot {
	width: 7px;
	height: 7px;
	border-radius: 50%;
	background:#2093ef;
	flex-shrink: 0;
	}
.trainroute-section .track-line {
	flex: 1;
	height: 2px;
	background:repeating-linear-gradient(90deg, #2093ef 0px, #2093ef 5px, transparent 5px, transparent 9px);
	}
.trainroute-section .codes-row {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 8px;
	}
.trainroute-section .codes-left {
	display: flex;
	align-items: center;
	gap: 5px;
	}
.trainroute-section .station-code {
	color: #6b7280;
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.8px;
	background: #f3f4f6;
	padding: 3px 7px;
	border-radius: 4px;
	}
.trainroute-section .codes-sep {
	color: #9ca3af;
	font-size: 12px;
	}
.trainroute-section .book-btn {
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background:#2093ef;
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	padding: 7px 13px;
	border-radius: 50px;
	text-decoration: none;
	transition: background 0.2s ease, transform 0.2s ease;
	white-space: nowrap;
	}
.trainroute-section .book-btn:hover {
	background:#2093ef;
	transform: scale(1.04);
	color: #fff;
	text-decoration: none;
	}
.trainroute-section .book-btn i{color:#fff; font-size:10px;}

  /*--- train-route-section-end ---*/



  /*---- faqs-section ----*/

.faqs-section {padding: 0px 0px 20px 0px;}
.faqs-section .heading {
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	color: #1a1a2e;
	margin-bottom:15px;
	position: relative;
	}
.faqs-section .accordion {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: 12px;
    }
.faqs-section .wrap {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0,0,0,0.07);
	overflow: hidden;
	transition: box-shadow 0.3s ease;
	}
.faqs-section .accordion-toggle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 24px;
	margin: 0;
	font-size: 13px;
	font-weight: 550;
	color: #000000;
	cursor: pointer;
	user-select: none;
	transition: background 0.3s ease, color 0.3s ease;
	gap: 12px;
	height:50px;
	}
.faqs-section .accordion-toggle i {
	font-size: 1.1rem;
	transition: transform 0.35s ease;
	flex-shrink: 0;
	}
.faqs-section .wrap.active .accordion-toggle i {transform: rotate(90deg);}
.faqs-section .accordion-content {
	display: none;
	padding: 0 24px;
	border-top: 1px solid #f0f0f0;
	}
.faqs-section .accordion-content p {
	padding: 18px 0;
	margin: 0;
	color: #000000;
	font-size: 13px;
	line-height: 1.75;
	}

@media (max-width: 768px){
	.faqs-section .accordion-toggle{line-height:17px;}
	.faqs-section{padding:20px 0px 0px 0px;}
	}
/*----- faqs-section-end -----*/


/*---- online-section ----*/
@media (max-width: 768px) {
	.online-section .bg_full_n_c{margin: 0; padding: 21px 0px 0px 0px !important;}
	.online-section .bg_full_n_c h2{font-size: 21px;}
	}
/*---- online-section ----*/


/*----- heading-responsive ----*/
/* @media (max-width: 768px){
	.header-cart-login{display:none;}
	.cart-login-section{display:none;}
	.visible-xs{display:none !important;}
	} */
/*----- heading-responsive-end ----*/	 


/*---- returnway-section ----*/

.returnway-section{margin-top:26px; margin-bottom:26px;}
.returnway-section .container{    
	width:auto !important;
	float:none !important;
	background:none !important;
	padding:0px !important;
	}
 .returnway-section .right-section .filter-pill {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: var(--card);
	border: 1px solid #c0c0c0;
	border-radius: 50px;
	padding: 10px 20px;
	font-family: 'Poppins';
	font-weight: 500;
	font-size: 12px;
	color: #000000;
	cursor: pointer;
	transition: all 0.2s;
	white-space: nowrap;
	}
.returnway-section .right-section .filter-pill.active {
	background: #e5f4ff;
	border-color: #1f91ec;
	color: #000000;
	}
.returnway-section .right-section .filter-pill:not(.active):hover {
	border-color: #2e9bf2;
	color: #2e9bf2;
	}
.returnway-section .right-section .filter-pill .badge-pill {
      background: rgba(255,255,255,0.25);
      border-radius: 50px;
      padding: 2px 8px;
      font-size: 0.7rem;
      font-weight: 700;
    }
.returnway-section .right-section .filter-pill:not(.active) .badge-pill {
      background: var(--blue-light);
      color: var(--blue-primary);
    }
.returnway-section .right-section .filter-pill .sub {
      font-size: 0.68rem;
      font-weight: 400;
      opacity: 0.8;
    }
.returnway-section .right-section .section-label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    text-transform: capitalize;
    color: #000;
    font-size: 15px !important;
    background-color: #f3f3f3;
    padding: 5px 9px 5px 9px;
	border-radius: 10px;
    }
.returnway-section .right-section .section-label .route {
    font-family: 'Poppins';
    font-size: 12px;
    font-weight: 550;
    color: #000000;
    width: auto;
    display: block;
    margin:0px 10px 0px 10px;
    }
.returnway-section .right-section .section-label .arrow {
	color: #000000;
	font-size: 14px;
	}
.returnway-section .right-section .section-label .date-badge {
    margin-left: auto;
    background: transparent;
    color: #1f91ec;
    border-radius: 50px;
    padding: 6px 18px;
    font-family: 'Poppins';
    font-size: 12px;
    font-weight: 500;
	}
.returnway-section .right-section .table-head {
      display: grid;
      grid-template-columns: 2fr 1.1fr 1.1fr 1.1fr 1.2fr 40px;
      gap: 8px;
      padding: 10px 20px;
      background:#e5f4ff;
      border-radius: 10px;
      margin-bottom: 10px;
    }
.returnway-section .right-section .table-head span {
    font-family: 'Poppins';
    font-size: 10px;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    }
.returnway-section .right-section .flight-card {
      background: var(--card);
      border: 1.5px solid var(--border);
      border-radius: var(--radius);
      padding: 0;
      overflow: hidden;
      box-shadow: var(--shadow);
      transition: box-shadow 0.2s, border-color 0.2s, transform 0.18s;
      cursor: pointer;
    }
.returnway-section .right-section .flight-card:hover {transform: translateY(-2px);}
.returnway-section .right-section .flight-card.selected {border-color:#2e9bf2;;}
.returnway-section .right-section .flight-main {
	display: grid;
	grid-template-columns: 2fr 1.1fr 1.1fr 1.1fr 1.2fr 40px;
	gap:14px;
	align-items: center;
	padding:18px 7px;
	background-color: #fffdee;
	}
.returnway-section .right-section .airline-info {
      display: flex;
      align-items: center;
      gap: 12px;
    }
.returnway-section .right-section .airline-logo {
      width: 40px;
      height: 40px;
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: 800;
      font-size: 0.75rem;
      letter-spacing: -0.5px;
      flex-shrink: 0;
      font-family: 'Sora', sans-serif;
    }
/*.returnway-section .right-section .logo-akasa { background: linear-gradient(135deg, #FF6B35, #FF8C5A); color: #fff; }*/
.returnway-section .right-section .logo-indigo { background: linear-gradient(135deg, #1A2B6B, #2E45A8); color: #fff; }

.returnway-section .right-section .airline-name {
    font-family:'Poppins';
    font-size:13px;
    font-weight:550;
    color:#000000;
    }
.returnway-section .right-section .airline-code {
	font-size: 9px;
	color: #000000;
	margin-top: 2px;
	}
.returnway-section .right-section .time-block { display: flex; flex-direction: column; }
.returnway-section .right-section .time-big {
	font-family: 'Poppins';
	font-size: 14px;
	font-weight: 550;
	color: #000000;
	}
.returnway-section .right-section .time-sub {
	font-size: 9px;
	color: #000000;
	margin-top: 2px;
	}
.returnway-section .right-section .duration-block {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	}
.returnway-section .right-section .duration-line {
	display: flex;
	align-items: center;
	gap: 0px;
	width: 100%;
	}
.returnway-section .right-section .duration-dash {
	flex: 1;
	height: 1.5px;
	background: linear-gradient(to right, var(--border), var(--blue-primary), var(--border));
	border-radius: 2px;
	}
.returnway-section .right-section .duration-dot {
	width: 6px;
	height: 6px;
	border-radius: 50%;
	border: 2px solid var(--blue-primary);
	background: #fff;
	}
.returnway-section .right-section .duration-text {
    font-family: 'Poppins';
    font-size: 11px;
    font-weight: 500;
    color: #000000;
    text-align: center;
    }
.returnway-section .right-section .nonstop-badge {
	white-space: nowrap;
	font-size: 9px;
	font-weight: 600;
	color: #16a34a;
	background: #dcfce7;
	border-radius: 4px;
	padding: 2px 7px;
	text-align: center;
	}
.returnway-section .right-section .price-block { 
	display: flex; 
	flex-direction: column; 
	align-items: flex-end; 
	padding: 0px;
	gap: 0px;
	border:0;
	}
.returnway-section .right-section .price-big {
	font-family: 'Poppins';
	font-size: 13px;
	font-weight: 550;
	color: #000000;
	}
.returnway-section .right-section .price-sub {
	font-size: 9px;
	color: #000000;
	margin-top: 2px;
	}
.returnway-section .right-section .radio-btn {
      width: 22px;
      height: 22px;
      border-radius: 50%;
      border: 2px solid var(--border);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.2s;
      flex-shrink: 0;
    }
.returnway-section .right-section .radio-btn.checked {
    border-color: #1e73d8;
    background: #1e73d8;
    }
.returnway-section .right-section .radio-btn.checked::after {
      content: '';
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #fff;
    }
.returnway-section .right-section .flight-detail-toggle {
    border-top: 1px solid var(--border);
    padding: 10px 20px;
    display: flex;
    align-items: center;
    gap: 6px;
    color: #000000;
    font-family: 'Poppins';
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    background: #ffffff;
    transition: background 0.15s;
    }
.returnway-section .right-section .flight-detail-toggle i { font-size:12px; }
.returnway-section .right-section .col-divider {
      width: 1px;
      background: var(--border);
      align-self: stretch;
      margin: 0 4px;
    }
    @media (max-width: 768px) {
.returnway-section .right-section .flight-main, .table-head {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
      }
.returnway-section .right-section .table-head { display: none; }
.returnway-section .right-section .price-block { align-items: flex-start; }
    }


.returnway-section .left-section { padding: 0 10px; }

.returnway-section .left-section .sidebar_filter {
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0,0,0,.08);
	overflow: hidden;
	}
.returnway-section .left-section .filter-box {
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: 16px 20px;
	border-bottom: 1px solid #f0f0f0;
	}
.returnway-section .left-section .sd_heading {
	font-size: 16px;
	font-weight: 700;
	color: #1a1a2e;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin: 0;
	}
.returnway-section .left-section .filter_box_parent { padding: 0 16px 16px; }
.returnway-section .left-section .filter_box {
	border-bottom: 1px solid #f0f0f0;
	padding: 16px 0;
	}
.returnway-section .left-section .filter_box:last-child { border-bottom: none; }
.returnway-section .left-section .filter_box_head h5,
.returnway-section .left-section .filter_box_head .prc_ttl2,
.returnway-section .left-section .prc_ttl2 {
	font-size: 13px;
	font-weight: 700;
	color: #333;
	text-transform: uppercase;
	letter-spacing: .5px;
	margin: 0 0 12px;
	}
.returnway-section .left-section .filter_undbx {
	padding-top: 14px;
	margin-top: 4px;
	border-top: 1px dashed #eee;
	}
.returnway-section .left-section .mt_15 { margin-top: 15px; }
.returnway-section .left-section .form-check { margin-bottom: 8px; }
.returnway-section .left-section .container_lgn {
	display: flex;
	align-items: center;
	gap: 8px;
	cursor: pointer;
	font-size: 13px;
	color: #444;
	position: relative;
	padding-left: 28px;
	user-select: none;
	line-height: 1.4;
	}
.returnway-section .left-section .container_lgn img {
	width: 22px;
	height: 22px;
	object-fit: contain;
	border-radius: 4px;
	}
.returnway-section .left-section .container_lgn input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	left: 0;
	width: 18px;
	height: 18px;
	cursor: pointer;
	}
.returnway-section .left-section .checkmark_lgn {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 18px;
	height: 18px;
	border: 2px solid #ccc;
	border-radius: 4px;
	background: #fff;
	transition: all .2s;
	flex-shrink: 0;
	}
.returnway-section .left-section .container_lgn input:checked ~ .checkmark_lgn {
	background: #2563eb;
	border-color: #2563eb;
	}
.returnway-section .left-section .container_lgn input:checked ~ .checkmark_lgn::after {
	content: '';
	position: absolute;
	left: 4px;
	top: 1px;
	width: 6px;
	height: 10px;
	border: 2px solid #fff;
	border-top: none;
	border-left: none;
	transform: rotate(45deg);
	}
.returnway-section .left-section .blue-fliter .checkmark_lgn { border-color: #2563eb; }
.returnway-section .left-section .prc_ttl3 {
	font-size: 12px;
	color: #666;
	font-weight: 600;
	margin: 0 0 10px;
	line-height: 1.5;
	}
.returnway-section .left-section .custom-range {
	width: 100%;
	height: 4px;
	accent-color: #2563eb;
	cursor: pointer;
	}
.returnway-section .left-section .d-flex { display: flex; }
.returnway-section .left-section .justify-content-between { justify-content: space-between; }
.returnway-section .left-section .align-items-center { align-items: center; }
.returnway-section .left-section .slider_pnl, .slider_pnl2 {
	font-size: 12px;
	font-weight: 600;
	color: #2563eb;
	background: #eff6ff;
	padding: 3px 8px;
	border-radius: 20px;
	}
.returnway-section .left-section .tm-dt11 {display: flex;gap: 6px;}

.returnway-section .left-section .tm111, .tm222, .tm333, .tm11-n {
	flex: 1;
	cursor: pointer;
	}

.returnway-section .left-section .tm-m111, .tm-m122, .tm-m222, .tm-m333 {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 8px 4px;
	border: 1.5px solid #e5e7eb;
	border-radius: 8px;
	text-align: center;
	transition: all .2s;
	background: #fafafa;
	}

.returnway-section .left-section .tm-m111:hover, .tm-m122:hover, .tm-m222:hover, .tm-m333:hover {
	border-color: #2563eb;
	background: #eff6ff;
	}

.returnway-section .left-section .tm111.active .tm-m111,
.tm222.active .tm-m122,
.tm333.active .tm-m222,
.tm11-n.active .tm-m333 {
	border-color: #2563eb;
	background: #eff6ff;
	}
.returnway-section .left-section .dep-icon img, .arr-icon img,
.mor-n11 img, .mor1-n22 img, .mor2-n33 img, .mor3-n44 img {
	width: 22px;
	height: 22px;
	}
.returnway-section .left-section .tm-cmn {
	font-size: 10px;
	color: #555;
	font-weight: 600;
	line-height: 1.3;
	margin-top: 4px;
	}
.returnway-section .left-section .clr { display: none; }
.returnway-section .left-section .airlines_filter_bxx .form-check {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 8px;
	}
.returnway-section .left-section .aln_prc {
	font-size: 12px;
	font-weight: 700;
	color: #16a34a;
	margin: 0;
	white-space: nowrap;
	}
.returnway-section .left-section .sticky-popular-filter {
	position: sticky;
	top: 10px;
	background: #fff;
	border-radius: 12px;
	box-shadow: 0 2px 12px rgba(0,0,0,.08);
	padding: 12px 16px;
	margin-top: 16px;
	}
.returnway-section .left-section .nwtooltip { position: relative; }
.returnway-section .left-section .nwtooltip::after {
	content: attr(data-tooltip);
	position: absolute;
	bottom: 125%;
	left: 0;
	background: #1e293b;
	color: #fff;
	font-size: 11px;
	padding: 4px 8px;
	border-radius: 6px;
	white-space: nowrap;
	opacity: 0;
	pointer-events: none;
	transition: opacity .2s;
	}
.returnway-section .left-section .nwtooltip:hover::after { opacity: 1; }
/*---- returnway-section-end ----*/


/*--- flight-listing-footer ---*/
@media (max-width: 768px){
   .blur-overlay .rightpopup-section .fare-popup{width:100%;}
   .blur-overlay .rightpopup-section .fare-popup .popup-bottom{max-width:100%; display:block; }
}
/*--- flight-listing-footer ---*/

/*---- back-to-top ----*/
.back-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
  width: 45px;
  height: 45px;
  background-color: #333;
  cursor: pointer;
  border-radius: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
  z-index: 9999;
}

.back-top.show {
	opacity: 1;
	visibility: visible;
	}

.back-top:hover {background-color: #555;}
/*--- back-to-top-end ---*/


/*---- ----*/
.train-list .container{
	width:auto !important;
	float:none !important;
	background:none !important;
	padding:0px !important;
	}
.train-list	{margin-top:25px;}
.train-list .right-section .heading-content{margin-bottom:0px;}
.tk5{
  --color-background-primary:#ffffff;
  --color-background-secondary:#f5f7fa;
  --color-border-tertiary:#e2e8f0;
  --color-border-secondary:#cbd5e1;
  --color-text-primary:#0f172a;
  --color-text-secondary:#64748b;
  --font-sans:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  font-family:var(--font-sans);padding:1rem 0
}

.tk5-card{
	border-radius: 20px;
	overflow: hidden;
	border:1px solid #dfdfdf;
	background: #ffffff;
	}

/* TICKET STUB TOP */
.stub-top{
	display:grid;
	grid-template-columns:1fr;
	min-height:160px;
	}
.stub-main{
  background:#0C447C;
  padding:22px 24px;
  position:relative;
  overflow:hidden;
}
.stub-main::after{
  content:'';position:absolute;
  right:-40px;top:-40px;
  width:200px;height:200px;border-radius:50%;
  background:rgba(255,255,255,0.04);
}
.train-badge{
  display:inline-flex;align-items:center;gap:6px;
  background:rgba(255,255,255,0.1);
  border:0.5px solid rgba(255,255,255,0.15);
  border-radius:6px;padding:4px 10px;
  font-size:10px;color:#85B7EB;font-weight:500;
  margin-bottom:14px;
}
.train-badge-dot{width:5px;height:5px;border-radius:50%;background:#85B7EB}
.stub-name{font-size:20px;font-weight:500;color:#fff;margin-bottom:4px}
.stub-num{font-size: 12px; color: #fff;}

.route-visual{
  display:flex;align-items:flex-end;gap:0;
  margin-top:auto;padding-top:22px;
}
.rv-stn{flex:1}
.rv-time{font-size:18px;font-weight:500;color:#fff}
.rv-date{font-size:10px;color:#fff;margin-top:2px}
.rv-city{font-size:11px;color:#fff;margin-top:4px;font-weight:500}
.rv-mid{
  flex:1;display:flex;flex-direction:column;align-items:center;gap:5px;
  padding:0 8px;
}
.rv-dur{    
	font-size: 12px;
	color: #ffffff;
	font-weight: 500;
	}
.rv-track{display:flex;align-items:center;gap:0;width:100%}
.rv-dot{    
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #ffffff;
	flex-shrink: 0;
	}
.rv-seg{flex:1;height:1px;background:rgb(255 255 255 / 73%);}
.rv-arr{
  width:0;height:0;
  border-top:4px solid transparent;
  border-bottom:4px solid transparent;
  border-left:6px solid #ffffff;
  flex-shrink:0;
}
.rv-link{    
	font-size: 12px;
	color: #ffffff;
	cursor:pointer
	}
.rv-link:hover{color:#E6F1FB}
.rv-stn-r{text-align:right}

/* DIVIDER */
.stub-divider{
  background:var(--color-background-secondary);
  width:1px;
  position:relative;
  display:flex;flex-direction:column;align-items:center;
  justify-content:space-between;
  padding:0;
}
.stub-divider::before,.stub-divider::after{
    content: '';
    width: 20px;
    height: 10px;
    border-radius: 0 0 10px 10px;
    background: #ffffff;
    border: 0.5px solid #ffffff;
    border-top: none;
    position: absolute;
    left: -10px;
    z-index: 2;
    }
.stub-divider::before{top:-1px;border-radius:0 0 10px 10px}
.stub-divider::after{bottom:-1px;border-radius:10px 10px 0 0}
.divider-dots{
  display:flex;flex-direction:column;gap:5px;
  padding:24px 0;
}
.divider-dot{width:3px;height:3px;border-radius:50%;background:var(--color-border-secondary)}

/* SIDE PANEL */
.stub-side{
  background:var(--color-background-secondary);
  padding:18px 20px;
  display:flex;flex-direction:column;justify-content:space-between;
}
.side-label{font-size:9px;font-weight:500;color:var(--color-text-secondary);letter-spacing:0.08em;text-transform:uppercase;margin-bottom:6px}
.side-days{display:flex;gap:3px;flex-wrap:wrap}
.sday{
  width:22px;height:22px;border-radius:50%;
  font-size:9px;font-weight:500;
  display:flex;align-items:center;justify-content:center;
  background:var(--color-background-primary);
  color:var(--color-text-secondary);
  border:0.5px solid var(--color-border-tertiary);
}
.sday.on{background:#0C447C;color:#E6F1FB;border-color:#0C447C}
.side-live{
  display:flex;align-items:center;gap:5px;
  font-size:10px;color:#3B6D11;font-weight:500;
}
.live-pulse{
  width:7px;height:7px;border-radius:50%;
  background:#639922;
  animation:pulse5 1.8s ease-in-out infinite;
}
@keyframes pulse5{0%,100%{opacity:1}50%{opacity:0.2}}

/* PERFORATED EDGE */
.perforation{
  display:flex;align-items:center;
  padding:0 0;
  position:relative;
}
.perf-circle-l,.perf-circle-r{
  width:18px;height:18px;border-radius:50%;
  background:var(--color-background-secondary);
  border:0.5px solid var(--color-border-tertiary);
  flex-shrink:0;
  margin-top:-1px;margin-bottom:-1px;
}
.perf-circle-l{margin-left:-9px}
.perf-circle-r{margin-right:-9px}
.perf-line{
  flex:1;
  border-top:1.5px dashed var(--color-border-tertiary);
  margin:0 2px;
}
.cls-label-row{
	padding: 14px 22px 10px;
	font-size: 11px;
	font-weight: 500;
	color: #000000;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	}
.tk5-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.cls5{
	padding:14px 16px 12px;
	border-right:0.5px solid var(--color-border-tertiary);
	cursor:pointer;transition:background 0.13s;
	position:relative;
	}
.cls5:last-child{border-right:none}
.cls5:hover{background:var(--color-background-secondary)}
.cls5.tk5t{background:#FAEEDA22}
.cls5.tk5t::after{
  content:'';
  position:absolute;bottom:0;left:16px;right:16px;
  height:2px;background:#EF9F27;border-radius:2px 2px 0 0;
}
.c5row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.c5type{font-size:13px;font-weight:500;color:var(--color-text-primary)}
.tktag{
	font-size: 10px;
	font-weight: 500;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	padding: 4px 13px;
	border-radius: 50px;
	background: #FAC775;
	color: #000000;
	}
.c5price{font-size:18px;font-weight:500;color:var(--color-text-primary);margin-bottom:7px}
.c5quota{
	display:inline-block;font-size:10px;font-weight:500;
	padding:2px 6px;border-radius:3px;margin-bottom:8px;
	}
.qwl{background:#FCEBEB;color:#A32D2D}
.qgn{background:#E6F1FB;color:#185FA5}
.c5fc{
	display:flex;
	align-items:center;
	gap:4px;
	font-size:10px;
	color:#3B6D11;
	font-weight:500;
	justify-content: space-between;	
	}
.c5fc a{
	background-color: #2093ef;
	color: #fff;
	padding: 4px 12px;
	border-radius: 50px;
	}
.c5tick{
  width:12px;height:12px;border-radius:50%;
  background:#EAF3DE;display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.c5upd{font-size:9px;color:var(--color-text-secondary);margin-top:3px}

/* FOOTER */
.tk5-foot{
  border-top:0.5px solid var(--color-border-tertiary);
  padding:12px 22px;
  display:flex;align-items:center;justify-content:space-between;
  background:var(--color-background-secondary);
}
.nearby5{
  display:flex;align-items:center;gap:5px;
  background:none;border:0.5px solid var(--color-border-secondary);
  border-radius:8px;padding:6px 12px;
  font-size:11px;font-weight:500;color:var(--color-text-primary);
  cursor:pointer;transition:background 0.13s;
}
.nearby5:hover{background:var(--color-background-primary)}
.book5{
  background:#0C447C;color:#E6F1FB;
  border:none;border-radius:8px;
  padding:7px 20px;font-size:12px;font-weight:500;
  cursor:pointer;transition:background 0.13s;
  display:flex;align-items:center;gap:6px;
}
.book5:hover{background:#185FA5}

@media(max-width:520px){
  .stub-top{grid-template-columns:1fr}
  .stub-divider{display:none}
  .stub-side{border-top:0.5px solid rgba(255,255,255,0.1)}
  .tk5-grid{grid-template-columns:repeat(2,1fr)}
  .cls5{border-bottom:0.5px solid var(--color-border-tertiary)}
}

/*--- train-booking-style ---*/
:root {
  --color-primary: #2093EF;
  --color-primary-dark: #0e6fc7;
  --color-success: #16a34a;
  --color-danger: #e53935;
  --color-text: #1a1a2e;
  --color-text-secondary: #6b7280;
  --color-border: #e0e7ef;
  --color-border-tertiary: #f0f4f8;
  --color-bg: #f4f6fb;
  --color-card: #ffffff;
  --radius: 14px;
}

.train-booking{margin-top: 25px; margin-bottom: 25px;}
.train-booking .wrap {
    padding:28px 0px;
    display: flex;
    flex-direction: column;
	background-color: #fff;
	border-radius: 15px;
    }

.train-booking .toast-wrap {
	position: fixed;
	top: 20px;
	right: 20px;
	z-index: 9999;
	display: flex;
	flex-direction: column;
	gap: 8px;
	}
.train-booking .toast {
	padding: 12px 18px;
	border-radius: 10px;
	font-size: 13px;
	font-weight: 500;
	color: #fff;
	box-shadow: 0 4px 16px rgba(0,0,0,.15);
	animation: toastIn .25s ease;
	}
.train-booking .toast.success { background: #16a34a; }
.train-booking .toast.error   { background: #e53935; }
.train-booking .toast.info    { background: var(--color-primary); }
@keyframes toastIn { from { opacity:0; transform:translateY(-8px); } to { opacity:1; transform:translateY(0); } }
.train-booking .stepper {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0;
	padding: 0 8px;
	}
.train-booking .step-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 5px;
	flex: 1;
	position: relative;
	}
.train-booking .step-item:not(:last-child)::after {
	content: '';
	position: absolute;
	top: 16px;
	left: 50%;
	width: 100%;
	height: 2px;
	background: var(--color-border);
	z-index: 0;
	transition: background .3s;
	}
.train-booking .step-item.done::after { background: var(--color-primary); }
.train-booking .step-dot {
	width: 32px;
	height: 32px;
	border-radius: 50%;
	border: 2px solid var(--color-border);
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 12px;
	font-weight: 700;
	color: var(--color-text-secondary);
	z-index: 1;
	transition: all .3s;
	}
.train-booking .step-item.active .step-dot {
	border-color: var(--color-primary);
	background: var(--color-primary);
	color: #fff;
	box-shadow: 0 0 0 4px rgba(32,147,239,.15);
	}
.train-booking .step-item.done .step-dot {
	border-color: var(--color-primary);
	background: var(--color-primary);
	color: #fff;
	}
.train-booking .step-label {
    font-size: 12px;
    color: #2093ef;
	font-weight: 500;
	white-space: nowrap;
	}
.train-booking .step-item .step-circle.active{	
	background: var(--primary);
	border-color: var(--primary);
	color: #fff;
	}	
/* .train-booking .step-item.done{
	background: var(--primary);
	border-color: var(--primary);
	color: #fff;
	} */
.train-booking .step-item.done .step-circle {
    background: var(--primary);
    border-color: var(--primary);
    color: #fff;
}	
.train-booking .step-item.active .step-label { color: var(--color-primary); font-weight: 600; }
.train-booking .step-item .step-circle {
	width: 40px;
	height: 40px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 14px;
	font-weight: 700;
	border: 1px solid #2093ef;
	background: #fff;
	color: #2093ef;
	transition: all 0.3s;
	z-index: 2;
	}
.train-booking .step-item .step-circle .active{}
.train-booking .panel { display: none; flex-direction: column; gap: 16px; animation: fadeUp .3s ease; }
.train-booking .panel.active { display: flex; }
@keyframes fadeUp { from { opacity:0; transform:translateY(10px); } to { opacity:1; transform:translateY(0); } }
.train-booking .card {
    background: transparent;
    padding: 22px 22px;
    box-shadow: none;
    border: 0;
	}
.train-booking .card-title {
	font-size: 15px;
	font-weight: 700;
	color: var(--color-text);
	margin-bottom: 16px;
	padding-bottom: 10px;
	border-bottom: 1.5px solid var(--color-border-tertiary);
	}
.train-booking .train-row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	margin-bottom: 18px;
	gap: 10px;
	}
.train-booking .train-name {
	font-size: 16px;
	font-weight: 700;
	color: var(--color-text);
	}
.train-booking .train-meta {
	font-size: 12px;
	color: var(--color-text-secondary);
	margin-top: 4px;
	}
.train-booking .badge {
	padding: 4px 12px;
	border-radius: 20px;
	font-size: 12px;
	font-weight: 600;
	white-space: nowrap;
	}
.train-booking .badge-success { background: #dcfce7; color: var(--color-success); }
.train-booking .route-display {
	display: flex;
	align-items: center;
	gap: 0;
	}
.train-booking .stn-block { flex: 1; }
.train-booking .stn-time { font-size: 22px; font-weight: 700; color: var(--color-text); }
.train-booking .stn-name { font-size: 12px; color: var(--color-text-secondary); margin-top: 2px; }
.train-booking .route-mid {
	flex: 1;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	}
.train-booking .route-line {
	width: 100%;
	height: 2px;
	background: linear-gradient(90deg, var(--color-primary), #a5d8ff);
	border-radius: 2px;
	position: relative;
	}
.train-booking .route-line::after {
	content: '✈';
	position: absolute;
	top: -9px;
	left: 50%;
	transform: translateX(-50%) rotate(90deg);
	font-size: 14px;
	color: var(--color-primary);
	}
.train-booking .route-dur {
	font-size: 11px;
	font-weight: 600;
	color: var(--color-primary);
	background: #e8f4ff;
	padding: 2px 10px;
	border-radius: 10px;
	}
.train-booking .traveller-block {
	border: 1.5px solid var(--color-border);
	border-radius: 10px;
	padding: 16px;
	margin-bottom: 12px;
	background: #fafcff;
	}
.train-booking .traveller-block h6 {
	font-size: 13px;
	font-weight: 700;
	color: var(--color-primary);
	margin-bottom: 12px;
	}
.train-booking .gender-row {
	display: flex;
	gap: 10px;
	margin-bottom: 12px;
	flex-wrap: wrap;
	}
.train-booking .gender-opt {
	display: flex;
	align-items: center;
	gap: 5px;
	font-size: 13px;
	color: var(--color-text);
	cursor: pointer;
	}
.train-booking .gender-opt input[type="radio"] { accent-color: var(--color-primary); }
.train-booking .field-row {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 10px;
	}
.train-booking .field { display: flex; flex-direction: column; gap: 4px; }
.train-booking .field label {
	font-size: 11px;
	font-weight: 600;
	color: var(--color-text-secondary);
	text-transform: uppercase;
	letter-spacing: .4px;
	}
.train-booking .field input, .field select {
	padding: 9px 12px;
	border: 1.5px solid var(--color-border);
	border-radius: 8px;
	font-size: 13px;
	color: var(--color-text);
	background: #fff;
	outline: none;
	font-family: Poppins, sans-serif;
	transition: border .2s, box-shadow .2s;
	}
.train-booking .field input:focus, .field select:focus {
	border-color: var(--color-primary);
	box-shadow: 0 0 0 3px rgba(32,147,239,.10);
	}
.train-booking .field input.invalid, .field select.invalid { border-color: var(--color-danger); }
.train-booking .err-msg {
	font-size: 11px;
	color: var(--color-danger);
	display: none;
	margin-top: 2px;
	}
.train-booking .field.has-error .err-msg { display: block; }
.train-booking .btn-add {
	width: 100%;
	padding: 10px;
	border: 1.5px dashed var(--color-primary);
	border-radius: 10px;
	background: #f0f9ff;
	color: var(--color-primary);
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	margin-top: 4px;
	transition: background .2s;
	font-family: Poppins, sans-serif;
	}
.train-booking .btn-add:hover { background: #dbeeff; }
.train-booking .note {
	font-size: 11.5px;
	color: var(--color-text-secondary);
	background: #f8fafc;
	border-left: 3px solid var(--color-primary);
	padding: 10px 12px;
	border-radius: 0 8px 8px 0;
	margin-top: 12px;
	line-height: 1.6;
	}
.train-booking .irctc-field { margin-bottom: 10px; }
.train-booking .irctc-field label {
	display: block;
	font-size: 11px;
	font-weight: 600;
	color: var(--color-text-secondary);
	text-transform: uppercase;
	letter-spacing: .4px;
	margin-bottom: 5px;
	}
.train-booking .irctc-field input {
	width: 100%;
	padding: 10px 14px;
	border: 1.5px solid var(--color-border);
	border-radius: 8px;
	font-size: 13px;
	color: var(--color-text);
	background: #f8fafc;
	outline: none;
	font-family: Poppins, sans-serif;
	transition: border .2s;
	}
.train-booking .irctc-field input:focus { border-color: var(--color-primary); background: #fff; }
.train-booking .irctc-links {
	display: flex;
	gap: 16px;
	margin-top: 8px;
	}
.train-booking .irctc-links a {
	font-size: 12px;
	color: var(--color-primary);
	cursor: pointer;
	text-decoration: none;
	}
.train-booking .irctc-links a:hover { text-decoration: underline; }
.train-booking .seat-legend {
	display: flex;
	gap: 16px;
	margin-bottom: 14px;
	flex-wrap: wrap;
	}
.train-booking .legend-item {
	display: flex;
	align-items: center;
	gap: 6px;
	font-size: 12px;
	color: var(--color-text-secondary);
	}
.train-booking .legend-dot {
	width: 14px;
	height: 14px;
	border-radius: 4px;
	}
.train-booking .legend-dot.avl { background: #dcfce7; border: 1.5px solid #16a34a; }
.train-booking .legend-dot.occ { background: #fee2e2; border: 1.5px solid #e53935; }
.train-booking .legend-dot.sel { background: var(--color-primary); border: 1.5px solid var(--color-primary-dark); }

.train-booking .seat-grid {
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	gap: 7px;
	margin-bottom: 12px;
	}
.train-booking .seat {
	aspect-ratio: 1;
	border-radius: 6px;
	border: 1.5px solid #bbf7d0;
	background: #dcfce7;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 10px;
	font-weight: 600;
	color: #166534;
	cursor: pointer;
	transition: all .15s;
	user-select: none;
	}
.train-booking .seat:hover { transform: scale(1.08); }
.train-booking .seat.occ {
	background: #fee2e2;
	border-color: #fca5a5;
	color: #991b1b;
	cursor: not-allowed;
	}
.train-booking .seat.sel {
	background: var(--color-primary);
	border-color: var(--color-primary-dark);
	color: #fff;
	}

.train-booking .fare-table { width: 100%; border-collapse: collapse; font-size: 13px; }
.train-booking .fare-table td { padding: 8px 4px; color: var(--color-text); }
.train-booking .fare-table tr:not(:last-child) td { border-bottom: 1px solid var(--color-border-tertiary); }
.train-booking .fare-table td:last-child { text-align: right; font-weight: 600; }
.train-booking .fare-table tr.total td { font-weight: 700; font-size: 15px; color: var(--color-primary); border-top: 2px solid var(--color-border); }

.train-booking .summary-row {
	display: flex;
	justify-content: space-between;
	font-size: 13px;
	padding: 6px 0;
	border-bottom: 1px solid var(--color-border-tertiary);
	color: var(--color-text);
	}
.train-booking .train-booking .summary-row span:first-child { color: var(--color-text-secondary); }

.train-booking .pnr-box {
	background: linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));
	border-radius: var(--radius);
	padding: 32px 24px;
	text-align: center;
	color: #fff;
	box-shadow: 0 8px 24px rgba(32,147,239,.30);
	}
.train-booking .pnr-label { font-size: 12px; font-weight: 600; opacity: .8; text-transform: uppercase; letter-spacing: 1px; }
.train-booking .pnr-num { font-size: 36px; font-weight: 800; letter-spacing: 4px; margin: 8px 0; }
.train-booking .pnr-sub { font-size: 13px; opacity: .85; }

.train-booking .btn {
	padding: 11px 24px;
	border-radius: 22px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	border: none;
	font-family: Poppins, sans-serif;
	transition: transform .15s, box-shadow .15s, background .2s;
	margin-bottom: 15px;
    margin-right: 20px;
	}
.train-booking .btn i{font-size: 14px;padding-left: 5px;}	
.train-booking .btn:disabled { opacity: .45; cursor: not-allowed; }
.train-booking .btn-primary {
	background:linear-gradient(135deg, #2093ef, #0e6fc7);
	color: #fff;
	}
.train-booking .btn-primary:not(:disabled):hover { transform: translateY(-1px);}
.train-booking .btn-downloard {
	background: #f0f4f8;
	color: var(--color-text-secondary);
	border: 1.5px solid var(--color-border);
	}
.train-booking .btn-downloard:hover { background: #e4eaf2; }

.train-booking .actions {
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 12px;
	flex-wrap: wrap;
	}

@media (max-width: 600px) {
	.train-booking .field-row { grid-template-columns: 1fr 1fr; }
	.train-booking .seat-grid { grid-template-columns: repeat(6, 1fr); }
	.train-booking .stn-time { font-size: 18px; }
	.train-booking .pnr-num { font-size: 26px; }
	.train-booking .step-label { display: none; }
}

.train-booking .container{
    width:auto !important;
    float:none !important;
    background:none !important;
    padding:0px !important;
    }
.train-booking .traveller-hdr {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 14px;
	}
.train-booking .traveller-hdr-left {
	display: flex;
	align-items: center;
	gap: 10px;
	}
.train-booking .t-num {
	width: 28px;
	height: 28px;
	border-radius: 50%;
	background: linear-gradient(135deg, #2093EF, #0e6fc7);
	color: #fff;
	font-size: 13px;
	font-weight: 700;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	}
.train-booking .t-label {
	font-size: 14px;
	font-weight: 700;
	color: #1a1a2e;
	}
.train-booking .gender-row {
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	margin-bottom: 14px;
	}
.train-booking .radio-opt {
	display: flex;
	align-items: center;
	gap: 0;
	cursor: pointer;
	position: relative;
	}
.train-booking .radio-opt input[type="radio"] {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
	}
.train-booking .radio-opt span,
.train-booking .radio-opt {
	padding: 6px 16px;
	border-radius: 20px;
	border: 1.5px solid #e0e7ef;
	background: #f8fafc;
	font-size: 13px;
	font-weight: 500;
	color: #6b7280;
	transition: all .18s ease;
	user-select: none;
	white-space: nowrap;
	}
.train-booking .radio-opt:has(input[type="radio"]:checked) {
	background: #2093ef;
	border-color: #2093EF;
	color: #ffffff;
	font-weight: 500;
	}
.train-booking .radio-opt:hover {
	border-color: #2093EF;
	color: #2093EF;
	background: #f0f9ff;
	}
.train-booking .btn-remove{
    border: 1.5px solid #ef0000;
    background-color: #ef0000;
    color: #ffffff;
    padding: 3px 10px 3px 10px;
    border-radius: 5px;
    font-size: 13px;
    }
/*--- train-booking-style-end ---*/

.trending-section .text-color{color:#2093ef;}
.trending-section .card-bottom{backdrop-filter: blur(19px);}


/*---- cab-routes -----*/

.cab-routes{padding:5px 0px 40px 0px;}
.cab-routes .cab-routes-header {
	text-align: center;
	margin-bottom: 40px;
	}
.cab-routes .cab-routes-header span{color:#ff6b35;}	
.cab-routes .cab-routes-badge {
	display: inline-block;
	background: linear-gradient(135deg, #ff6b35, #f7931e);
	color: #fff;
	padding: 6px 18px;
	border-radius: 20px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.5px;
	margin-bottom: 14px;
	}
.cab-routes .cab-routes-header h2 {
	font-size: 32px;
	font-weight: 700;
	color: #1a1a2e;
	margin-bottom: 10px;
	}
.cab-routes .cab-routes-header p {
	color: #666;
	font-size: 15px;
	}
.cab-routes .cab-routes-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 20px;
	}
.cab-routes .cab-route-card {
	display: flex;
	align-items: center;
	gap: 14px;
	background: #fff;
	border-radius: 14px;
	padding: 18px 20px;
	text-decoration: none;
	color: inherit;
	box-shadow: 0 2px 12px rgba(0, 0, 0, 0.07);
	border: 1px solid #eee;
	transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
	position: relative;
	overflow: hidden;
	}
.cab-route-card::before {
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 4px;
	height: 100%;
	background:#2194ef;
	border-radius: 4px 0 0 4px;
	opacity: 0;
	transition: opacity 0.25s ease;
	}
.cab-route-card:hover {
	transform: translateY(-4px);
	text-decoration: none;
	color: inherit;
	}
.cab-route-card:hover::before {opacity: 1;}
.cab-routes .route-icon {
	width: 46px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	}
/* .cab-routes .route-icon i {
	font-size: 20px;
	color:#2194ef;
	} */
.cab-routes .route-icon img{    
	width: 45px;
	height: 45px;
	border-radius: 50%;
	}
.cab-routes .route-info {flex: 1;}
.cab-routes .route-cities {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 15px;
	font-weight: 700;
	color: #1a1a2e;
	margin-bottom: 5px;
	}
.cab-routes .route-cities i {
	color:#2194ef;
	font-size: 13px;
	}
.cab-routes .route-meta {
	font-size: 12px;
	color: #888;
	}
.cab-routes .route-meta i {color:#2194ef; font-size:13px;}

.cab-routes .route-price {
	font-size: 12px;
	color: #888;
	text-align: right;
	white-space: nowrap;
	flex-shrink: 0;
	}

.cab-routes .route-price strong {
	display: block;
	font-size: 16px;
	font-weight: 550;
	color: #2194ef;
	}
.cab-routes .route-price strong i{font-size:14px;}
@media (max-width: 992px) {
	.cab-routes .cab-routes-grid {grid-template-columns: repeat(2, 1fr);}
	}
@media (max-width: 576px) {
	.cab-routes .cab-routes-grid {grid-template-columns: 1fr;}
	.cab-routes .cab-routes-header h2 {font-size: 24px;}
	}

/*---- cab-routes-end -----*/


/*---- bus-routes ----*/
.heading-content h3{font-size:34px; color:#000; font-family:'Poppins' !important;}
.bus-card {
	border-radius: 16px;
	transition: 0.3s;
	border: none;
	}
.bus-card .route span i{font-size: 13px;color: #000;}
.bus-card:hover {transform: translateY(-5px);box-shadow: 0 10px 25px rgba(0,0,0,0.1);}
.route{
	font-weight: 550;
	font-size: 18px;
	font-family: 'Poppins';
	}
.route span{color:#6c757d;}
.time{font-size: 14px;color:#6c757d;}
.price{
font-size:20px; font-weight:550; color:#0d6efd;}
.seat-badge {
	background: #e7f1ff;
	color: #0d6efd;
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 20px;
	}
.btn-book {border-radius: 30px; padding: 6px 16px;}

/*---- bus-routes-end ----*/


/* ===============================
   BUS CONTENT SECTION
================================= */
.bus-content {
  background: linear-gradient(135deg, #f0f7ff 0%, #ffffff 100%);
  border-radius: 20px;
  padding: 48px 40px;
  margin-bottom: 32px;
  box-shadow: 0 4px 24px rgba(32, 147, 239, 0.07);
  position: relative;
  overflow: hidden;
}

.bus-content::before {
  content: '';
  position: absolute;
  top: -60px;
  right: -60px;
  width: 220px;
  height: 220px;
  background: radial-gradient(circle, rgba(32,147,239,0.08) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.bus-content .heading-content h2 {
  font-size: 26px;
  font-weight: 700;
  color: #1a1a2e;
  margin-bottom: 16px;
  line-height: 1.35;
  position: relative;
  padding-bottom: 12px;
}

.bus-content .heading-content h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 50px;
  height: 3px;
  background: linear-gradient(90deg, #2093ef, #56c1ff);
  border-radius: 2px;
}

.bus-content .heading-content p {
  font-size: 15px;
  color: #4a5568;
  line-height: 1.85;
  margin-bottom: 0;
}

.bus-content .bus-img {
  display: flex;
  align-items: center;
  justify-content: center;
}

.bus-content .bus-img img {
  width: 100%;
  max-width: 420px;
  border-radius: 16px;
  filter: drop-shadow(0 8px 24px rgba(32,147,239,0.15));
  transition: transform 0.4s ease;
}

.bus-content .bus-img img:hover {
  transform: translateY(-6px);
}

/* ===============================
   DELIGHT SECTION
================================= */
.delight-section {
  background: linear-gradient(135deg, #1a1a2e 0%, #16213e 60%, #0f3460 100%);
  border-radius: 20px;
  padding: 48px 40px;
  margin-bottom: 32px;
  position: relative;
  overflow: hidden;
}

.delight-section::before {
  content: '';
  position: absolute;
  bottom: -80px;
  left: -80px;
  width: 300px;
  height: 300px;
  background: radial-gradient(circle, rgba(32,147,239,0.12) 0%, transparent 70%);
  border-radius: 50%;
  pointer-events: none;
}

.delight-section h2 {
  font-size: 26px;
  font-weight: 700;
  color: #ffffff;
  margin-bottom: 20px;
  position: relative;
  padding-bottom: 14px;
}

.delight-section h2::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background: linear-gradient(90deg, #2093ef, #56c1ff);
  border-radius: 2px;
}

.delight-section p {
  font-size: 15px;
  color: rgba(255,255,255,0.78);
  line-height: 1.9;
  margin-bottom: 0;
}

@media (max-width: 767px) {
  .bus-content,
  .delight-section {
    padding: 28px 18px;
    border-radius: 14px;
  }

  .bus-content .heading-content h2,
  .delight-section h2 {
    font-size: 20px;
  }

  .bus-content .bus-img {
    margin-top: 24px;
  }
}


/* ===============================
   SCROLL ANIMATIONS
================================= */

/* Keyframes */
@keyframes fadeInUp {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeInLeft {
  from { opacity: 0; transform: translateX(-50px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes fadeInRight {
  from { opacity: 0; transform: translateX(50px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes zoomIn {
  from { opacity: 0; transform: scale(0.85); }
  to   { opacity: 1; transform: scale(1); }
}
@keyframes slideUnderline {
  from { width: 0; }
  to   { width: 50px; }
}
@keyframes slideUnderlineCenter {
  from { width: 0; }
  to   { width: 60px; }
}
@keyframes floatBus {
  0%, 100% { transform: translateY(0px); }
  50%       { transform: translateY(-10px); }
}
@keyframes glowPulse {
  0%, 100% { box-shadow: 0 4px 24px rgba(32,147,239,0.07); }
  50%       { box-shadow: 0 8px 40px rgba(32,147,239,0.18); }
}

.anim-fade-up,
.anim-fade-left,
.anim-fade-right,
.anim-zoom {opacity: 0;}
.anim-fade-up.in-view {animation: fadeInUp 0.75s cubic-bezier(0.22,1,0.36,1) forwards;}
.anim-fade-left.in-view {animation: fadeInLeft 0.75s cubic-bezier(0.22,1,0.36,1) forwards;}
.anim-fade-right.in-view {animation: fadeInRight 0.75s cubic-bezier(0.22,1,0.36,1) forwards;}
.anim-zoom.in-view {animation: zoomIn 0.7s cubic-bezier(0.22,1,0.36,1) forwards;}
.anim-delay-1 { animation-delay: 0.1s !important; }
.anim-delay-2 { animation-delay: 0.25s !important; }
.anim-delay-3 { animation-delay: 0.4s !important; }
.anim-delay-4 { animation-delay: 0.55s !important; }
.bus-content.in-view {animation: glowPulse 3s ease-in-out infinite;}
.bus-content .heading-content h2::after {width: 0;transition: width 0.7s ease 0.5s;}
.bus-content.in-view .heading-content h2::after {width: 50px;}
.delight-section h2::after {width: 0;transition: width 0.7s ease 0.5s;}
.delight-section.in-view h2::after {width: 60px;}
.bus-content.in-view .bus-img img {animation: floatBus 4s ease-in-out infinite;}




/* ===== Ticket Card V2 ===== */
.ticket-card-v2 {
	display: flex;
	align-items: stretch;
	background: #fff;
	border-radius: 16px;
	overflow: visible;
	margin-bottom: 20px;
	border:1px solid #e3e3e3;
	transition: box-shadow 0.2s;
	}
/* .ticket-card-v2:hover {box-shadow: 0 8px 32px rgba(32,147,239,0.15);} */
.ticket-v2-left {
	flex: 1;
	padding: 20px 24px;
	display: flex;
	flex-direction: column;
	gap: 10px;
	}
.ticket-v2-operator {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: 16px;
	font-weight: 700;
	color: #1a1a2e;
	}
.ticket-v2-operator i {
	color: #2093EF;
	font-size: 18px;
	}
.ticket-v2-type {
	font-size: 12px;
	color: #2093EF;
	font-weight: 500;
	background: #e8f4ff;
	display: inline-block;
	padding: 3px 10px;
	border-radius: 20px;
	width: fit-content;
	}
.ticket-v2-route {
	display: flex;
	align-items: center;
	gap: 12px;
	margin-top: 4px;
	}
.ticket-v2-city {
	display: flex;
	flex-direction: column;
	min-width: 60px;
	}
.ticket-v2-city.text-end {
	text-align: right;
	align-items: flex-end;
	}
.ticket-v2-time {
	font-size: 22px;
	font-weight: 700;
	color: #1a1a2e;
	line-height: 1.1;
	}
.ticket-v2-city-name {
	font-size: 12px;
	color: #888;
	margin-top: 2px;
	}
.ticket-v2-line {
	flex: 1;
	display: flex;
	align-items: center;
	gap: 4px;
	position: relative;
	}
.ticket-v2-dot {
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #2093EF;
	flex-shrink: 0;
	}
.ticket-v2-dash {
	flex: 1;
	height: 2px;
	background: repeating-linear-gradient(90deg, #2093EF 0, #2093EF 6px, transparent 6px, transparent 12px);
	}
.ticket-v2-duration {
    font-size: 11px;
    color: #ffffff;
    background: #1b8af2;
    padding: 3px 8px;
    border-radius: 10px;
    white-space: nowrap;
    font-weight: 500;
	}
.ticket-v2-tags {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
	margin-top: 4px;
	}
.ticket-v2-tag {
	font-size: 11px;
	color: #555;
	background: #f5f5f5;
	border: 1px solid #e0e0e0;
	padding: 2px 8px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	gap: 4px;
	}
.ticket-v2-divider {
	width: 2px;
	background:repeating-linear-gradient(180deg, #1d8cf242 0, #1d8cf242 6px, transparent 6px, transparent 12px);
	position: relative;
	flex-shrink: 0;
	margin: 0;
	}
.ticket-v2-notch {
    width: 20px;
    height: 20px;
    background: #f2f3f7;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    border-bottom: 1px solid #dfdfdf;
	}
.ticket-v2-notch.top { top: -10px; }
.ticket-v2-notch.bottom { bottom: -10px; border-top: 1px solid #dfdfdf !important; border-bottom:0px !important;}
.ticket-v2-right {
	width: 150px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px 16px;
	gap: 6px;
	background: linear-gradient(135deg, #f0f7ff 0%, #e8f4ff 100%);
	border-radius: 0 16px 16px 0;
	}
.ticket-v2-seats {
	font-size: 11px;
	color: #e05c00;
	font-weight: 600;
	background: #fff3e0;
	padding: 3px 8px;
	border-radius: 10px;
	}
.ticket-v2-price {
	font-size: 26px;
	font-weight: 550;
	color: #000000;
	line-height: 1;
	font-family: 'Poppins';
	}
.ticket-v2-per {
	font-size: 11px;
	color: #999;
	margin-top: -4px;
	}
.ticket-v2-btn {
	margin-top: 8px;
	background: linear-gradient(135deg, #2093EF, #0d6efd);
	color: #fff;
	border: none;
	border-radius: 25px;
	padding: 9px 20px;
	font-size: 13px;
	font-weight: 600;
	cursor: pointer;
	transition: transform 0.15s, box-shadow 0.15s;
	box-shadow: 0 3px 10px rgba(32,147,239,0.3);
	font-family: Poppins, sans-serif;
	white-space: nowrap;
	}
.ticket-v2-btn:hover {transform: translateY(-2px);}



 /*--- information-sec ---*/

.footer-links-section {
	padding: 24px 20px;
	border-top: 1px solid #e0e0e0;
	background-color: #fff;
	border-radius: 15px;
	margin-bottom: 35px;
	}
.footer-links-section h4{
    margin-bottom: 21px;
    font-size: 17px;
    color: #000;
    font-weight: 550;
    padding-bottom:12px;
	}
.footer-links-section .section-title {
	font-size: 13px;
	font-weight: 550;
	color: #000000;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	margin-bottom: 10px;
	font-family: 'Poppins';
	}
.footer-links-section .links-text {
	font-size: 12px;
	color: #1a6faf;
	line-height: 1.8;
	}
.footer-links-section .links-text a {
	color: #1a6faf;
	text-decoration: none;
	white-space: nowrap;
	}
.footer-links-section .links-text a:hover {
	text-decoration: underline;
	color: #0d4f8a;
	}
.footer-links-section .links-text span.separator {
	color: #555;
	margin: 0 2px;
	}
.section-block {margin-bottom: 20px;}
.section-block:last-child {margin-bottom: 0;}

 /*--- information-sec-end ---*/

/*--- heading-style ---*/
.bus-listing .right_pannel .heading-content h3{font-size:17px; color:#000;}
.bus-listing .right_pannel .heading-content h3 i{font-size:13px;}
.train-list .right-section .heading-content h3{font-size:17px; color:#000;}
.train-list .right-section .heading-content h3 i{font-size:13px;}
/*--- heading-style-end ---*/



/*---flight-form-section---*/
.flight-form {
	position: relative;
	min-height: 400px;
	display: flex;
	align-items: center;
	/* padding: 55px 0 45px; */
	}
.flight-form::before {
	content: '';
	position: absolute;
	inset: 0;
	background:linear-gradient(135deg, rgb(4 15 50 / 25%) 0%, rgb(8 35 90 / 40%) 55%, rgba(0, 10, 40, 0.45) 100%);
	z-index: 1;
	}
.flight-form .container { position: relative; z-index: 2; }

/* .ff-hero { text-align: center; margin-bottom: 30px; } */
.ff-badge {
	display: inline-flex; align-items: center; gap: 7px;
	background: rgba(255,255,255,0.13); border: 1px solid rgba(255,255,255,0.28);
	color: #fff; font-size: 11px; font-weight: 700; letter-spacing: 1.2px;
	text-transform: uppercase; padding: 6px 18px; border-radius: 50px; margin-bottom: 14px;
	}
.ff-heading {
	font-size: 40px; font-weight: 800; color: #fff;
	line-height: 1.15; margin-bottom: 10px; font-family: 'Poppins', sans-serif;
	}
.ff-heading span {
	background: linear-gradient(90deg, #60c3ff, #a78bfa);
	-webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
	}
.ff-sub { color: rgba(255,255,255,0.72); font-size: 14px; }
.ff-card { background: #fff; border-radius: 22px; box-shadow: 0 24px 70px rgba(0,0,0,0.32); }
.ff-card-top {
	display: flex; align-items: center; justify-content: space-between;
	padding: 18px 26px 16px; gap: 12px; border-bottom: 1px solid #eef1f8;
	}
.ff-tabs { display: flex; gap: 6px; }
.ff-tabs h4{font-weight: 550; color:#000;}
.ff-tabs h4 span{color:#0e5bd1; font-size: 12px;}
.ff-tab {
	display: inline-flex; align-items: center; gap: 7px;
	padding: 8px 20px; border-radius: 50px; border: 1.5px solid #dde4f0;
	background: #f4f7fc; color: #555; cursor: pointer; font-size: 13px;
	font-weight: 500; transition: 0.22s; font-family: 'Poppins', sans-serif;
	}
.ff-tab.active {
	background: #0b57d0; 
	color: #fff; 
	border-color: #0b57d0;
	font-weight: 700;
	}
.ff-tab:not(.active):hover { border-color: #0b57d0; color: #0b57d0; background: #eef3ff; }
.picuptime-group{    
	min-width: 0;
	padding: 7px 11px;
	border: 1.5px solid #dde4f0;
	border-radius: 12px;
	background: #f8faff;
	transition: 0.2s;
	margin-right: 8px;
	cursor: text;
	}
.picuptime-group label {
	font-size: 10px;
	font-weight: 700;
	color: #0b57d0;
	text-transform: uppercase;
	letter-spacing: 0.7px;
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	gap: 5px;
	}
.ff-class-select .picuptime {
	padding: 0px 0px;
	border: 0;
	background: transparent;
	color: #000000;
	font-size: 13px;
	font-weight: 500;
	cursor: pointer;
	outline: none;
	font-family: 'Poppins', sans-serif;
	transition: 0.2s;
	}
.ff-class-select select {
	padding: 8px 16px; border-radius: 50px; border: 1.5px solid #dde4f0;
	background: #f4f7fc; color: #333; font-size: 13px; font-weight: 500;
	cursor: pointer; outline: none; font-family: 'Poppins', sans-serif; transition: 0.2s;
	}	
.ff-class-select select:focus { border-color: #0b57d0; background: #eef3ff; }
.ff-fields {display: flex; align-items: flex-end; gap: 0; padding: 22px 26px 24px;}
.ff-field {
	display: flex; flex-direction: column; flex: 1; min-width: 0;
	padding: 11px 15px; border: 1.5px solid #dde4f0; border-radius: 12px;
	background: #f8faff; transition: 0.2s; margin-right: 8px; cursor: text;
	}
.ff-field:focus-within {border-color: #0b57d0; background: #fff; box-shadow: 0 0 0 3px rgba(11,87,208,0.10);}
.ff-field label {
	font-size: 10px; font-weight: 700; color: #0b57d0; text-transform: uppercase;
	letter-spacing: 0.7px; margin-bottom: 5px; display: flex; align-items: center; gap: 5px;
	}
.ff-field input {
	border: none; outline: none; background: transparent; font-size: 14px;
	color: #1a1a2e; font-weight: 600; width: 100%; font-family: 'Poppins', sans-serif;
	}
.ff-field input::placeholder { color: #b0b8cc; font-weight: 400; }
.ff-field-date { flex: 0 0 148px; }
.ff-field-traveller { flex: 0 0 148px; position: relative; }

.ff-swap {
	width: 40px; height: 40px; border-radius: 50%; border: 2px solid #0b57d0;
	background: #fff; color: #0b57d0; cursor: pointer; display: flex;
	align-items: center; justify-content: center; flex-shrink: 0;
	margin: 0 6px 12px; transition: 0.3s; font-size: 13px;
	box-shadow: 0 2px 8px rgba(11,87,208,0.15);
	}
.ff-swap:hover { background: #0b57d0; color: #fff; transform: rotate(180deg); }
.ff-swap.rotated { transform: rotate(180deg); }

.ff-traveller-wrap { position: relative; }
.ff-traveller-wrap select{
	display: flex;
	flex-direction: column;
	flex: 1;
	min-width: 0;
	padding: 0px 5px;
	border: 0;
	border-radius: 12px;
	background: #f8faff;
	transition: 0.2s;
	margin-right: 8px;
	cursor: text;
	width: 120px;
	}
.ff-traveller-toggle {
	font-size: 14px; color: #1a1a2e; font-weight: 600;
	cursor: pointer; user-select: none; font-family: 'Poppins', sans-serif;
	}
.ff-traveller-dropdown {
	display: none; position: absolute; top: calc(100% + 16px); left:-17px;
	background: #fff; border-radius: 16px; padding: 18px 20px;
	box-shadow: 0 16px 48px rgba(0,0,0,0.16); border: 1px solid #dde4f0;
	z-index: 200; min-width: 230px;
	}
.ff-traveller-dropdown.open { display: block; animation: ffDropIn 0.2s ease; }
@keyframes ffDropIn { from{opacity:0;transform:translateY(-8px);}to{opacity:1;transform:translateY(0);} }
.ff-trav-row { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
.ff-trav-label { font-size: 14px; font-weight: 600; color: #1a1a2e; }
.ff-trav-sub { font-size: 11px; color: #999; margin-top: 2px; }
.ff-trav-counter { display: flex; align-items: center; gap: 12px; }
.ff-cnt-btn {
	width: 32px; height: 32px; border-radius: 50%; border: 1.5px solid #0b57d0;
	background: #fff; color: #0b57d0; font-size: 18px; cursor: pointer;
	display: flex; align-items: center; justify-content: center; transition: 0.2s; line-height: 1;
	}
.ff-cnt-btn:hover { background: #0b57d0; color: #fff; }
.ff-trav-counter span { font-size: 16px; font-weight: 700; color: #1a1a2e; min-width: 22px; text-align: center; }

.ff-search-btn {
	text-transform: uppercase;
	display: inline-flex; 
	align-items: center; 
	gap: 8px; 
	padding: 14px 26px;
	background: linear-gradient(135deg, #0b57d0 0%, #1e73d8 100%);
	color: #fff !important; 
	border: none; 
	border-radius: 12px; 
	cursor: pointer;
	transition: 0.3s; 
	font-weight: 700;
	font-size: 14px; 
	white-space: nowrap;
	text-decoration: none !important; 
	flex-shrink: 0; 
	margin-left: 8px; 
	margin-bottom: 12px; 
	font-family: 'Poppins', sans-serif;
	}
.ff-search-btn:hover {
	background: linear-gradient(135deg, #083ead 0%, #0b57d0 100%);
	transform: translateY(-2px); 
	color: #fff !important;
	}

.ff-trust {
	display: flex; align-items: center; justify-content: center;
	gap: 30px; padding: 13px 26px; border-top: 1px solid #eef1f8; background: #f8faff;
	border-radius: 0px 0px 22px 22px;
	}
.ff-trust span { display: flex; align-items: center; gap: 6px; font-size: 12px; font-weight: 600; color: #555; }
.ff-trust span i { color: #0b57d0; font-size: 13px; }

@media (max-width: 991px) {
.ff-heading { font-size: 28px; }
.ff-fields { flex-wrap: wrap; gap: 10px; padding: 18px; }
.ff-field { flex: 1 1 calc(50% - 10px); margin-right: 0; }
.ff-field-date, .ff-field-traveller { flex: 1 1 calc(50% - 10px); }
.ff-swap {margin: 0 auto; }
.ff-search-btn { width: 100%; justify-content: center; margin-left: 0; }
.ff-trust { flex-wrap: wrap; gap: 14px; }
}
@media (max-width: 576px) {
.flight-form { padding: 32px 0 26px; }
.ff-heading { font-size: 22px; }
.ff-card-top { flex-direction: column; align-items: flex-start; padding: 14px 16px 14px; }
.ff-fields { padding: 14px 16px; }
.ff-field, .ff-field-date, .ff-field-traveller { flex: 1 1 100%; margin-right: 0; }
.ff-trust { display: none; }
}
/*---flight-form-section-end---*/

/**/
:root{--ink:#1a2a4a;--muted:#6b7685;--green:#00a651;--blue:#1a73e8;--orange:#e8521a;--border:#e2e8f0;--bg:#f4f6f9;--white:#fff;--radius:10px}
.booking-details-sec{padding:16px 0 80px}
.booking-details-sec .stepper-wrap{
	background: #fff;
	border-radius: 15px;
	padding: 18px 24px;
	margin-bottom: 20px;
	box-shadow: 0 1px 4px #0001;
	}
.booking-details-sec .stepper-inner{display:flex;align-items:center;gap:0}
.booking-details-sec .st-step{display:flex;align-items:center;gap:10px;cursor:pointer;opacity:.5;transition:.2s}
.booking-details-sec .stepper-inner .completed{opacity:1;}
.booking-details-sec .stepper-inner .completed .st-num{    
	background-color: #1a73e8;
	opacity: 1;
	color: #fff;
	}
.booking-details-sec .st-step.active{opacity:1}
.booking-details-sec .st-step.done{opacity:.85}
.booking-details-sec .st-num{width:32px;height:32px;border-radius:50%;background:var(--border);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex-shrink:0;transition:.2s}
.booking-details-sec .st-step.active .st-num{background:var(--blue);color:#fff}
.booking-details-sec .st-step.done .st-num{background:var(--green);color:#fff}
.booking-details-sec .st-label{font-weight:600;font-size:13px}
.booking-details-sec .st-sublabel{font-size:11px;color:var(--muted)}
.booking-details-sec .st-div{flex:1;height:2px;background:var(--border);margin:0 8px;min-width:30px;transition:.3s}
.booking-details-sec .st-div.done{background:var(--green)}

.booking-details-sec .page-body{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}
@media(max-width:800px){.booking-details-sec .page-body{grid-template-columns:1fr}}

.booking-details-sec .step-panel{display:none}
.booking-details-sec .step-panel.active{display:block}

.booking-details-sec .success-page{display:none;background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 4px #0001}
.booking-details-sec .success-page.show{display:block}
.booking-details-sec .success-top{background:linear-gradient(135deg,#1a73e8,#0d47a1);color:#fff;padding:40px 24px;text-align:center}
.booking-details-sec .success-check{width:64px;height:64px;border-radius:50%;background:#fff3;display:flex;align-items:center;justify-content:center;font-size:32px;margin:0 auto 16px}
.booking-details-sec .success-top h2{font-size:22px;margin-bottom:6px}
.booking-details-sec .success-top p{opacity:.85;font-size:14px}
.booking-details-sec .success-body{padding:24px}
.booking-details-sec .booking-ref{background:#f0f7ff;border:1px solid #b3d4f7;border-radius:8px;padding:14px 18px;font-size:13px;color:var(--muted);margin-bottom:20px;display:flex;flex-direction:column;gap:4px}
.booking-details-sec .booking-ref span{font-size:10px;text-transform:uppercase;letter-spacing:.5px}
.booking-details-sec .booking-ref{font-size:20px;font-weight:700;color:var(--blue)}
.booking-details-sec .success-detail{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:20px}
.booking-details-sec .sd-item{background:var(--bg);border-radius:8px;padding:12px;text-align:center}
.booking-details-sec .sd-val{font-weight:700;font-size:15px;color:var(--ink)}
.booking-details-sec .sd-lbl{font-size:11px;color:var(--muted);margin-top:2px}
.booking-details-sec .btn-restart{width:100%;padding:12px;background:var(--blue);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer}
.booking-details-sec .btn-restart:hover{background:#1557b0}

.booking-details-sec .mmt-card{    
	background: #fff;
	border-radius: 15px;
	padding: 20px;
	margin-bottom: 16px;
	box-shadow: 0 1px 4px #0001;
	}
.booking-details-sec .mmt-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.booking-details-sec .mmt-card-title{font-weight:700;font-size:15px;display:flex;align-items:center;gap:8px;color:var(--ink)}
.booking-details-sec .mmt-card-title i{color:var(--blue)}

.booking-details-sec .fc-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.booking-details-sec .fc-airline-logo{
	width:40px;
	height:40px;
	display:flex;
	align-items:center;
	justify-content:center;
	}
.booking-details-sec .fc-airline-logo img{width:100%; height:100%;}	
.booking-details-sec .fc-airline-name{font-weight:700;font-size:15px}
.booking-details-sec .fc-flight-num{font-size:12px;color:var(--muted)}
.booking-details-sec .fc-class-badge{margin-left:auto;background:#fff3ee;color:var(--orange);font-size:11px;font-weight:700;padding:4px 10px;border-radius:20px}
.booking-details-sec .fc-timeline{display:flex;align-items:center;gap:0;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--border)}
.booking-details-sec .fc-time-block{flex:0 0 auto;width:130px}
.booking-details-sec .fc-time{font-size:26px;font-weight:800;letter-spacing:-1px}
.booking-details-sec .fc-iata{font-size:15px;font-weight:700;margin:2px 0}
.booking-details-sec .fc-city{font-size:12px;font-weight:600}
.booking-details-sec .fc-airport{font-size:11px;color:var(--muted)}
.booking-details-sec .fc-mid{flex:1;text-align:center;padding:0 10px}
.booking-details-sec .fc-dur{font-size:13px;font-weight:600;margin-bottom:6px}
.booking-details-sec .fc-line-wrap{display:flex;align-items:center;justify-content:center;gap:4px;margin-bottom:4px}
.booking-details-sec .fc-dot{width:8px;height:8px;border-radius:50%;border:2px solid var(--orange);background:#fff}
.booking-details-sec .fc-dashed{flex:1;height:1px;border-top:2px dashed #ccc}
.booking-details-sec .fc-plane-icon{color:var(--orange);font-size:16px}
.booking-details-sec .fc-nonstop{font-size:11px;color:var(--green);font-weight:600}
.booking-details-sec .fc-bags{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:14px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.booking-details-sec .fc-bag{display:flex;align-items:center;gap:6px}
.booking-details-sec .fc-promo{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fff8f5;border:1px dashed #f5b89a;border-radius:8px;padding:10px 14px;font-size:12px;color:#b85c20}
.booking-details-sec .btn-addbag{background:var(--orange);color:#fff;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap}

.booking-details-sec .info-head{display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.booking-details-sec .info-head-title{font-weight:700;font-size:14px;display:flex;align-items:center;gap:8px;color:var(--ink)}
.booking-details-sec .info-head-title i{color:#f5a623}
.booking-details-sec .info-chevron{color:var(--muted);transition:transform .3s;font-size:13px}
.booking-details-sec .info-chevron.open{transform:rotate(180deg)}
.booking-details-sec .info-body{overflow:hidden;max-height:0;transition:max-height .4s ease}
.show {
	display: block !important;
	max-height: fit-content !important;
	}
.booking-details-sec .info-body.open{max-height:500px}
.booking-details-sec .info-item{margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}
.booking-details-sec .info-item h6{font-weight:700;font-size:13px;margin-bottom:4px}
.booking-details-sec .info-item p{font-size:12px;color:var(--muted);line-height:1.5}

.booking-details-sec .pax-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 14px}
.booking-details-sec .pax-type{display:flex;align-items:center;gap:10px}
.booking-details-sec .pax-icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px}
.booking-details-sec .pax-icon.adult{background:#e3f2fd;color:var(--blue)}
.booking-details-sec .pax-icon.child{background:#e8f5e9;color:var(--green)}
.booking-details-sec .pax-type-label{font-weight:700;font-size:14px}
.booking-details-sec .pax-type-sub{font-size:11px;color:var(--muted)}
.booking-details-sec .pax-count{font-size:12px;font-weight:600;color:var(--blue);background:#e3f2fd;padding:4px 10px;border-radius:20px}
.booking-details-sec .pax-count.green{color:var(--green);background:#e8f5e9}
.booking-details-sec .notice-bar{background:#fffbea;border:1px solid #fde68a;border-radius:7px;padding:8px 12px;font-size:12px;color:#92621a;display:flex;align-items:center;gap:6px;margin-bottom:14px}
.booking-details-sec .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}
.booking-details-sec .fg{display:flex;flex-direction:column;gap:5px}
.booking-details-sec .fg-label{font-size:11.5px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.4px}
.booking-details-sec .fg-input{padding:9px 12px;border:1.5px solid var(--border);border-radius:7px;font-size:13px;color:var(--ink);background:#fff;outline:none;transition:.2s;font-family:inherit}
.booking-details-sec .fg-input:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1a73e81a}
.booking-details-sec .fg-input.err{border-color:#e53935;box-shadow:0 0 0 3px #e539351a}
.booking-details-sec .gender-toggle{display:flex;border:1.5px solid var(--border);border-radius:7px;overflow:hidden}
.booking-details-sec .g-btn{flex:1;padding:9px;border:none;background:#fff;font-size:12px;font-weight:600;cursor:pointer;color:var(--muted);transition:.2s}
.booking-details-sec .g-btn.active{background:var(--blue);color:#fff}
.booking-details-sec .pax-divider{border:none;border-top:2px dashed var(--border);margin:20px 0}

.booking-details-sec .seat-wrap{background:var(--white);border-radius:var(--radius);padding:20px;box-shadow:0 1px 4px #0001}
.booking-details-sec .seat-head{margin-bottom:14px}
.booking-details-sec .seat-head h5{font-size:17px;font-weight:700;margin-bottom:4px}
.booking-details-sec .seat-head p{font-size:12px;color:var(--muted)}
.booking-details-sec .seat-legend{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}
.booking-details-sec .sl-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--muted)}
.booking-details-sec .sl-box{width:16px;height:16px;border-radius:3px}
.booking-details-sec .aircraft-container{overflow-x:auto}
.booking-details-sec .nose-img{font-size:36px;text-align:center;margin-bottom:4px;transform:rotate(-90deg);display:block}
.booking-details-sec .cls-badge{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px;margin-top:10px}
.booking-details-sec .cls-badge.first{color:#b45309}
.booking-details-sec .cls-badge.biz{color:var(--blue)}
.booking-details-sec .cls-badge.eco{color:var(--green)}
.booking-details-sec .col-labels-row{display:flex;gap:3px;margin-bottom:3px;padding-left:4px}
.booking-details-sec .cl{width:28px;height:18px;text-align:center;font-size:11px;font-weight:600;color:var(--muted);flex-shrink:0}
.booking-details-sec .cl.rn{width:28px}
.booking-details-sec .cl.sp{width:8px}
.booking-details-sec .seat-row{display:flex;gap:3px;margin-bottom:3px;align-items:center}
.booking-details-sec .row-num{width:28px;font-size:11px;color:var(--muted);text-align:center;flex-shrink:0}
.booking-details-sec .seat-gap{width:8px;flex-shrink:0}
.booking-details-sec .seat{width:28px;height:28px;border-radius:5px 5px 4px 4px;border:1.5px solid #93c5fd;background:#dbeafe;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;color:#1e40af;transition:.15s;flex-shrink:0;position:relative}
.booking-details-sec .seat.taken{background:#edf0f2;border-color:#d0d7de;cursor:not-allowed;color:#aaa}
.booking-details-sec .seat.selected{background:var(--ink);border-color:var(--ink);color:#fff}
.booking-details-sec .seat.first-class{background:#fef9c3;border-color:#fbbf24;color:#92400e}
.booking-details-sec .seat.exit-row{background:#bbf7d0;border-color:#16a34a;color:#065f46}
.booking-details-sec .seat.first-class.selected,.seat.exit-row.selected{background:var(--ink);border-color:var(--ink);color:#fff}
.booking-details-sec .selected-seats-bar{margin-top:16px;padding-top:14px;border-top:1px solid var(--border)}
.booking-details-sec .selected-seats-bar h6{font-size:13px;font-weight:700;margin-bottom:8px}
#seatTags{display:flex;flex-wrap:wrap;gap:6px}
.booking-details-sec .seat-tag{background:var(--ink);color:#fff;border-radius:20px;padding:4px 10px;font-size:12px;font-weight:600}
.booking-details-sec .seat-placeholder{font-size:12px;color:var(--muted)}

.booking-details-sec .fare-card{    
	background: #fff;
	border-radius: 15px;
	overflow: hidden;
	box-shadow: 0 1px 4px #0001;
	margin-bottom: 16px;
	border: 0;
	padding: 0;
	}
.booking-details-sec .fare-head{background:var(--ink);color:#fff;padding:16px 18px}
.booking-details-sec .fare-head-title{font-weight:700;font-size:15px}
.booking-details-sec .fare-head-sub{font-size:11px;opacity:.7;margin-top:3px}
.booking-details-sec .fare-rows{padding:14px 18px 0}
.booking-details-sec .fare-row{display:flex;justify-content:space-between;padding:8px 0;font-size:13px;border-bottom:1px solid var(--border)}
.booking-details-sec .fare-row:last-child{border:none}
.booking-details-sec .fare-row .lbl{color:var(--muted)}
.booking-details-sec .fare-row .val{font-weight:600}
.booking-details-sec .fare-row .disc{color:var(--green);font-weight:600}
.booking-details-sec .fare-sep{border:none;border-top:1px solid var(--border);margin:4px 0}
.booking-details-sec .fare-total-row{display:flex;justify-content:space-between;padding:14px 18px;font-size:15px;font-weight:700}
.booking-details-sec .coupon-wrap{padding:0 18px 14px}
.booking-details-sec .coupon-row{display:flex;gap:8px;margin-top:8px}
.booking-details-sec .coupon-input{flex:1;padding:8px 12px;border:1.5px solid var(--border);border-radius:7px;font-size:13px;font-family:inherit}
.booking-details-sec .coupon-btn{padding:8px 14px;background:var(--blue);color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer}
.booking-details-sec .continue-btn{display:block;margin:0 18px 14px;background:var(--blue);color:#fff;text-decoration:none;text-align:center;padding:12px;border-radius:8px;font-weight:700;font-size:14px;cursor:pointer;transition:.2s}
.booking-details-sec .continue-btn:hover{background:#1557b0}
.booking-details-sec .secure-row{text-align:center;font-size:11px;color:var(--muted);padding-bottom:14px;display:flex;align-items:center;justify-content:center;gap:5px}

.booking-details-sec .pay-summary-card{background:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 4px #0001;margin-bottom:16px}
.booking-details-sec .cancel-strip{background:#e8f5e9;padding:10px 16px;font-size:12px;color:#1b5e20;display:flex;gap:8px;align-items:center}
.booking-details-sec .pay-amount-row{display:flex;justify-content:space-between;padding:16px;font-size:16px;font-weight:700}
.booking-details-sec .pay-btn{display:block;width:calc(100% - 32px);margin:0 16px 12px;padding:13px;background:var(--green);color:#fff;border:none;border-radius:8px;font-size:14px;font-weight:700;cursor:pointer;transition:.2s}
.booking-details-sec .pay-btn:hover{background:#007a3d}

.booking-details-sec .trust-card{background:var(--white);border-radius:var(--radius);padding:16px 18px;box-shadow:0 1px 4px #0001}
.booking-details-sec .trust-item{display:flex;align-items:center;gap:12px;padding:8px 0;font-size:13px;font-weight:500;border-bottom:1px solid var(--border)}
.booking-details-sec .trust-item:last-child{border:none;padding-bottom:0}
.booking-details-sec .trust-item i{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}

.booking-details-sec .pm-card{background:var(--white);border-radius:var(--radius);overflow:hidden;margin-bottom:12px;box-shadow:0 1px 4px #0001}
.booking-details-sec .pm-head{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;user-select:none}
.booking-details-sec .pm-head.open{border-bottom:1px solid var(--border)}
.booking-details-sec .pm-head-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.booking-details-sec .pm-title{font-weight:700;font-size:14px}
.booking-details-sec .pm-sub{font-size:11px;color:var(--muted)}
.booking-details-sec .pm-arrow{margin-left:auto;color:var(--muted);transition:transform .3s;font-size:13px}
.booking-details-sec .pm-arrow.open{transform:rotate(180deg)}
.booking-details-sec .pm-body{display:none;padding:16px}
.booking-details-sec .pm-body.show{display:block}
.booking-details-sec .upi-input-row{display:flex;gap:8px;margin-bottom:12px}
.booking-details-sec .upi-field{flex:1;padding:9px 12px;border:1.5px solid var(--border);border-radius:7px;font-size:13px;font-family:inherit}
.booking-details-sec .btn-verify{padding:9px 16px;background:var(--blue);color:#fff;border:none;border-radius:7px;font-weight:600;font-size:13px;cursor:pointer}
.booking-details-sec .upi-logos{display:flex;gap:8px;flex-wrap:wrap}
.booking-details-sec .upi-logo{background:var(--bg);border-radius:7px;padding:6px 12px;font-size:12px;font-weight:500;color:var(--ink)}
.booking-details-sec .card-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.booking-details-sec .card-full{grid-column:1/-1}
.booking-details-sec .bank-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.booking-details-sec .bank-opt{padding:9px;border:1.5px solid var(--border);border-radius:7px;background:#fff;font-size:13px;font-weight:600;cursor:pointer;color:var(--ink);transition:.2s}
.booking-details-sec .bank-opt.sel{border-color:var(--blue);background:#e3f2fd;color:var(--blue)}
.booking-details-sec .bank-opt:hover{border-color:var(--blue)}

.booking-details-sec .footer-nav{
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 100;
	}
.booking-details-sec .fn-inner{max-width:1100px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;gap:12px}
.booking-details-sec .btn-back-fn,.btn-next-fn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:6px;transition:.2s;border:none}
.booking-details-sec .btn-back-fn{background:var(--bg);color:var(--ink);border:1.5px solid var(--border)}
.booking-details-sec .btn-back-fn:disabled{opacity:.4;cursor:not-allowed}
.booking-details-sec .btn-next-fn{background:var(--blue);color:#fff}
.booking-details-sec .btn-next-fn:hover{background:#1557b0}
.booking-details-sec .step-pills{flex:1;display:flex;justify-content:center;gap:6px}
.booking-details-sec .step-pill{width:32px;height:4px;border-radius:4px;background:var(--border);transition:.3s}
.booking-details-sec .step-pill.active{background:var(--blue);width:48px}
.booking-details-sec .step-pill.done{background:var(--green)}

.booking-details-sec .overlay{position:fixed;inset:0;background:#0006;z-index:200;display:none;align-items:flex-end;justify-content:center}
.booking-details-sec .overlay.open{display:flex}
.booking-details-sec .popup{background:#fff;border-radius:16px 16px 0 0;width:100%;max-width:540px;max-height:85vh;overflow-y:auto;animation:slideUp .3s ease}
@keyframes slideUp{from{transform:translateY(100%)}to{transform:translateY(0)}}
.booking-details-sec .popup-drag{width:40px;height:4px;background:#ddd;border-radius:4px;margin:12px auto 0}
.booking-details-sec .popup-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}
.booking-details-sec .popup-head h5{font-size:16px;font-weight:700}
.booking-details-sec .popup-close{background:none;border:none;font-size:20px;cursor:pointer;color:var(--muted);line-height:1}
.booking-details-sec .popup-route{padding:12px 18px;background:#f8fafc;border-bottom:1px solid var(--border)}
.booking-details-sec .city{font-weight:700;font-size:14px;margin-bottom:4px}
.booking-details-sec .incl{font-size:12px;color:var(--muted)}
.booking-details-sec .incl span{color:var(--green);font-weight:600}
.booking-details-sec .bag-list{padding:14px 18px;display:flex;flex-direction:column;gap:10px}
.booking-details-sec .bag-item{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;transition:.2s}
.booking-details-sec .bag-item.sel{border-color:var(--blue);background:#f0f7ff}
.booking-details-sec .bag-info{display:flex;align-items:center;gap:10px}
.booking-details-sec .bag-icon{font-size:22px}
.booking-details-sec .bag-name{font-weight:600;font-size:14px}
.booking-details-sec .bag-sub{font-size:12px;color:var(--muted);margin-top:2px}
.booking-details-sec .bag-price{font-weight:700;font-size:15px;color:var(--blue)}
.booking-details-sec .bag-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:11px;transition:.2s;flex-shrink:0}
.booking-details-sec .bag-item.sel .bag-check{background:var(--blue);border-color:var(--blue);color:#fff}

.booking-details-sec .toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--ink);color:#fff;padding:10px 20px;border-radius:20px;font-size:13px;font-weight:500;z-index:999;opacity:0;transition:opacity .3s;pointer-events:none;white-space:nowrap}
.booking-details-sec .toast.show{opacity:1}

/*---- footer-new-style ----*/
:root {
	--orange:       #f36d21;
	--orange-dark:  #c8540f;
	--orange-pale:  #fff5ef;
	--orange-muted: #fde8d8;
	--charcoal:     #1e1e2e;
	--charcoal-mid: #2b2b3b;
	--charcoal-soft:#38384a;
	--text-dark:    #1a1a2e;
	--text-mid:     #4a4a65;
	--text-light:   #8888a8;
	}
.footer-main {
	background: #fff;
	padding: 64px 0 40px;
	position: relative;
	overflow: hidden;
	border: 0;
	}
	
/* .footer-main::before { */
	/* content: ''; */
	/* position: absolute; */
	/* width: 420px; height: 420px; */
	/* border-radius: 50%; */
	/* background:radial-gradient(circle, #fde8d8 100%, #00000000 70%); */
	/* top: -140px; left: -120px; */
	/* opacity: .6; */
	/* pointer-events: none; */
	/* } */
/* .footer-main::after { */
	/* content: ''; */
	/* position: absolute; */
	/* width: 300px; height: 300px; */
	/* border-radius: 50%; */
	/* background:radial-gradient(circle, #fde8d8 100%, #00000000 70%); */
	/* bottom: -80px; right: -60px; */
	/* opacity: .5; */
	/* pointer-events: none; */
	/* } */

.footer-main .brand-logo {
	display: flex;
	align-items: center;
	gap: 12px;
	margin: 0px 0px 18px 0px;
	width: 100%;
	}
.footer-main .brand-logo img{margin:0px;}	
.footer-main .brand-icon {
	width: 52px; height: 52px;
	border-radius: 14px;
	background: var(--orange);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 1.4rem;
	}
.footer-main .brand-name {
	font-family: 'Poppins', sans-serif;
	font-size: 1.5rem;
	font-weight: 800;
	color: var(--text-dark);
	letter-spacing: -.02em;
	}
.footer-main .brand-name span { color: var(--orange); }
.footer-main .brand-desc {
    font-size: 15px;
    color: #000000;
    line-height: 1.7;
    margin-bottom: 22px;
    max-width: 260px;
    font-family: 'AtomsShoppingLight';
	}
.footer-main .social-row { display: flex; gap: 8px; margin-bottom: 28px; }
.footer-main .social-btn {
	width: 38px; height: 38px;
	border-radius: 10px;
	border: 1.5px solid #e8e8f0;
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--text-mid);
	font-size: 1rem;
	text-decoration: none;
	transition: all .2s;
	}
.footer-main .social-btn:hover {
	background: var(--orange);
	border-color: var(--orange);
	color: #fff;
	transform: translateY(-2px);
	}
.footer-main .app-badges { display: flex; gap: 10px; flex-wrap: wrap; }
.footer-main .app-badge {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    border-radius: 10px;
    text-decoration: none;
	}
.footer-main .app-badge:hover{margin:0px; transition:none;}

/* column headings */
.footer-main .fc-head {
    font-family: 'Poppins';
    font-size: 16px;
    font-weight: 550;
    color: #000000;
    margin-bottom: 6px;
	}
.footer-main .fc-rule {
	width: 32px;
	height: 3px;
	background: #f36d21;
	border-radius: 2px;
	margin-bottom: 20px;
	}
.footer-main .fc-list { list-style: none; padding: 0; margin: 0; }
.footer-main .fc-list li { margin-bottom: 2px; }
.footer-main .fc-list a {
	display: flex;
	align-items: center;
	gap: 9px;
	padding: 7px 0;
	color:#000;
	text-decoration: none;
	font-size:14px;
	border-bottom: 1px solid #f4f4f8;
	transition: color .2s, padding-left .2s;
	}
.footer-main .fc-list a:hover { color: var(--orange); padding-left: 4px; }
.footer-main .fc-list a .fc-arrow {
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #fff5ef;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #f36d21;
	flex-shrink: 0;
	transition: background .2s;
	}
.footer-main .fc-list a .fc-arrow i{font-size: 8px;}
.footer-main .fc-list a:hover .fc-arrow { background: var(--orange); color: #fff; }

/* address */
.footer-main .addr-card {
	background: var(--orange-pale);
	border-radius: 16px;
	padding: 22px 20px;
	}
.footer-main .addr-row {
	display: flex;
	align-items: flex-start;
	gap: 12px;
	margin-bottom: 14px;
	font-size: .88rem;
	color: var(--text-mid);
	line-height: 1.55;
	}
.footer-main .addr-row:last-child { margin-bottom: 0; }
.footer-main .addr-icon {
	width: 34px; 
	height: 34px;
	border-radius: 8px;
	background:#f36d21;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: .95rem;
	flex-shrink: 0;
	}
.footer-main .addr-label {
	font-size: 11px;
    font-weight: 550;
    text-transform: uppercase;
    letter-spacing: .08em;
    color: #f36d21;
    margin-bottom: 2px;
    font-family: 'Poppins';
	}
.footer-main .addr-val {    
	color: #000000;
	font-size: 14px;
	font-family: 'Poppins';
	}

.footer-main .trust-bar {
	background: var(--orange-pale);
	border-top: 1.5px solid var(--orange-muted);
	border-bottom: 1.5px solid var(--orange-muted);
	padding: 0;
	}
.footer-main .trust-item {
	display: flex;
	align-items: center;
	gap: 14px;
	padding: 22px 28px;
	position: relative;
	}
.footer-main .trust-item + .trust-item::before {
	content: '';
	position: absolute;
	left: 0; top: 20%; bottom: 20%;
	width: 1.5px;
	background: var(--orange-muted);
	}
.footer-main .trust-icon {
	width: 54px; height: 54px;
	border-radius: 50%;
	border: 2px solid var(--orange);
	background: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--orange);
	font-size: 1.3rem;
	flex-shrink: 0;
	}
.footer-main .trust-title { font-family: 'Poppins', sans-serif; font-size: .92rem; font-weight: 700; color: var(--text-dark); }
.footer-main .trust-sub { font-size: .78rem; color: var(--text-mid); }


.footer-bottom {
	background: var(--charcoal);
	padding: 0;
	}
.footer-bottom .bottom-inner {
	display: flex;
	align-items: stretch;
	min-height: 72px;
	}
.footer-bottom .bottom-logo-wrap {
	background: var(--orange);
	padding: 0 28px;
	display: flex;
	align-items: center;
	gap: 12px;
	}
.footer-bottom .bottom-logo-wrap i { font-size: 1.6rem; color: #fff; }
.footer-bottom .bottom-logo-name {
	font-family: 'Poppins', sans-serif;
	font-size: 1rem;
	font-weight: 800;
	color: #fff;
	letter-spacing: -.01em;
	}
.footer-bottom .bottom-copy-wrap {
	flex: 1;
	display:flex;
	align-items:center;
	padding:0px 28px 0px 0px;
	}
.footer-bottom .bottom-copy {    
	color: #ffffff;
	font-size: 14px;
	font-family: 'Poppins';
	}
.footer-bottom .bottom-copy .color{color: #f97316; padding: 0px 5px 0px 5px;}	
.follow-wrap {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 0 28px;
	}
.follow-label {
    font-family: 'Poppins';
    font-size: 11px;
    font-weight: 500;
    color: #fff;
    /* border-bottom: 2px solid #f36d21; */
    padding-bottom: 2px;
    white-space: nowrap;
	}
.follow-label:hover{color: #f97316;}	
.bottom-social { display: flex; gap: 8px; }
.bottom-social a {
	width: 36px; height: 36px;
	border-radius: 50%;
	border: 1.5px solid var(--charcoal-soft);
	display: flex;
	align-items: center;
	justify-content: center;
	color: #e25f3f;
	font-size: .95rem;
	text-decoration: none;
	transition: border-color .2s, color .2s, background .2s;
	}
.bottom-social a:hover {
	border-color: var(--orange);
	color: #fff;
	background: var(--orange);
	padding:0;
	margin:0;
	}
.orange-divider { height: 5px; background: var(--orange); }
.input-group {display: flex;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);}
.form-control {
	border: none;
	padding: 14px 20px;
	font-size: 14px;
	flex: 1;
	border-radius: 0;
	}
.btn-submit {
	background-color:#f97316;
	border: none;
	color: white;
	padding: 9px 18px;
	cursor: pointer;
	transition: all 0.3s ease;
	border-radius: 0;
	}
.btn-submit i {font-size: 18px;}

@media (max-width: 991px) {
.trust-item + .trust-item::before { display: none; }
.trust-item { padding: 16px 0; }
.footer-bottom .bottom-inner { flex-wrap: wrap; }
.footer-bottom .bottom-logo-wrap { width: 100%; padding: 16px 20px; }
.footer-bottom .bottom-copy-wrap { padding: 12px 20px; }
.footer-bottom .follow-wrap { border-left: none; padding: 12px 20px; }
.nl-heading { font-size: 1.4rem; }
.nl-form { max-width: 100%; }
}


/*---- footer-new-style ----*/