/*
Theme Name: Transportation Service Theme
Author: Roshail Ansar
Author URI: https://wordpress.org/
Version: 1.1
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
/* =Layout
-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Custom Template
*/
/*@import url('https://fonts.googleapis.com/css2?family=Tsukimi+Rounded:wght@300..800&display=swap');*/
@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400..900&display=swap');
html body, input, textarea, .page-title span, .pingback a.url {font-family: 'Poppins', sans-serif; }
body {background: #fff;}
body, input, textarea {color: #303030; font-size: 12px; line-height: 18px; }
img{ max-width:100%; height:auto;}
body .padleft{ padding-left:0 }
body .padright{ padding-right:0 }
body .padtop{ padding-top:15px;}
body .padbottom{ padding-bottom:15px; }
body .nopad{ padding:0 }
section.section{ padding:50px 0; overflow:hidden;}

header{padding: 10px 0;/* background: #23a7bb; background: #414042;*/}
nav{position: relative;z-index: 999;width: 100%;text-align: center;/* justify-content: center; *//* align-items: center; */}
nav.fixed {position: fixed;width: 100%;z-index: 999;top: 0;}
.searchform input {width: 200px;padding: 8px 46px 8px 8px;font-size: 1em;border: 1px solid #303030;background: #fff;}
.searchform input[type="submit"] {width: 37px;height: 37px;padding: 0px;border: 0px;background: #303030 url(images/search-icon.png) no-repeat center;box-shadow: none;font-size: 0;margin-left: -37px;position: relative;}

/* ---- Social Icons ---- */
.social_icons{ text-align:right; margin:10px 0;}
.social_icons ul{ padding:0; margin:0;}
.social_icons ul li {display: inline-block;margin-right: 5px;}
.social_icons ul li a {background: #305294;border-radius: 100px;color: #FFF;transition: all .2s ease;display: block;font-size: 15px;padding: 5px 0;text-align: center;width: 32px; height:32px;}
.social_icons ul li+li a {background: #55ACEE ;}
.social_icons ul li+li+li a {background: #DC4B3E none ;}
.social_icons ul li+li+li+li a {background: #E52D27;}
.social_icons ul li a:hover {background: #333;color: #FFF;}

/* ---- Portfolio .grid-item ---- */
.grid-item {width: 24.7%;box-sizing:border-box;margin-bottom:0px;}
.filter-button-group button {background: #333;color: #fff;display: inline-block;margin-right: 5px;padding: 5px 10px; border:0;}
.filter-button-group { margin:10px 0; overflow:hidden;}
.filter-button-group button:hover { background:#ccc; color:#000;}

/*.footer{ margin:40px 0 20px;}*/
#back-top > a {bottom: 1%;color: #000;display: block;font-size: 37px;position: fixed;right: 1%;text-align: center;}
/*---------------------------------- Slick SLider----------------------------------------------------*/
.main-slider,
.item-slider,
.client,
.thumb-slider { display: none; }
.item-slider.slick-initialized,
.thumb-slider.slick-initialized,
.client.slick-initialized,
.main-slider.slick-initialized { display: block !important; }
.slider {position: relative;clear: left;overflow: hidden;}
.slider .inner-item {height: 400px;}
.slider .container {position: relative;}
.slick-slide .caption {color: #fff;font-size: 1.2em;line-height: 1.2em;position: absolute;left: 10%;text-shadow: 2px 2px 2px #000;top: 37%;width: 35%;background:rgba(0,0,0,0.7);padding:20px 20px 0;z-index: 99;}
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;-khtml-user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.thumb-slider .slick-slide {margin: 5px 0 0 5px;}
.slider-thumb .thumb-slider .slick-slide img{  max-width:100%; height:auto; box-sizing:border-box;}
.slick-list {position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging {cursor: pointer;cursor: hand;}
.slick-slider .slick-track, .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);}
.slick-track {position: relative;top: 0;left: 0;display: block;}
.slick-track:before, .slick-track:after {display: table;content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;position: relative;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;transition: all .25s ease;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slick-dots {position: absolute;z-index: 11;bottom: -50px;margin: 0px;padding: 0;text-align: center;width: 100%;}
.slick-dots li {list-style: none;display: inline-block;}
.slick-dots button {border: 1px solid #1a2a57;background: #fff;width: 15px;height: 15px;border-radius: 100%;font-size: 0;padding: 0px;margin-right: 5px;outline: none;}
.slick-dots .slick-active button {background: #1a2a57; border: 1px solid #1a2a57;}
.slick-arrow {border: 0px;font-size: 0;left: -50px;margin-top:-20px;position: absolute;top: 50%;z-index: 1;background: #1a2a57 url(images/arrow.png) no-repeat center center;border: 1px solid #1a2a57;width: 45px;height: 45px;transform: rotate(0deg);cursor: pointer;transition: all 0.3s ease;outline: none !important;}
.services-slider .slick-arrow {height: 65px;}
.slick-arrow:hover {background: #000 url(images/arrow.png) no-repeat center center;}
.slick-next.slick-arrow {right: -50px;left: auto;transform: rotate(180deg);}
.slider-progress {width: 100%;height: 5px;background: rgba(0,216,192,0.8);position: absolute;top: 0;z-index: 99;}
.slider-progress .progress {width: 0%;height: 5px;background: rgba(36,51,0,0.8);}
.thumb-slider .slick-active img {border: 1px solid transparent}
.thumb-slider .slick-current img {opacity:0.5;}
/* ---------------------------Toggle Search---------------------*/
.searchpanel {background: #ccc ;display: none;right: 0px;padding: 10px;position: absolute;top: 46px;}
.searchpanel::before {border-bottom: 10px solid #ccc;border-left: 10px solid transparent;border-right: 10px solid transparent;content: "";position: absolute;right: 7px;top: -7px;}
.nav .container {    position: relative;}
.searchtoggle {    position: absolute;    right: 11px;    top: 11px;}
.searchtoggle img{ cursor:pointer;}

/* -------------------------------------------Clients Carousel------------------------------------ */
.client {    margin-right: -10px;}
.client .slick-slide{ margin-right:10px; border:1px solid #ddd !important; padding:10px; box-sizing:border-box; text-align:center;}
.client .slick-prev{ margin-right:10px;}
.client .slick-slide img{ display:inline-block;}
/* -------------------------------------------Testimonials Carousel------------------------------------ */
.testimonial .loop {    padding: 0 10px;    text-align: center;}
.testimonial .loop p{ max-width:800px; margin:0 auto;}
.testimonial .loop .pic img{    max-width:100px;    margin:10px 0;  border-radius:100%; height:auto;    display:inline-block ;}
.testimonial .loop .title{ font-size:21px; font-weight:600;}
/* -------------------------------------------Services Carousel------------------------------------ */
.service { margin-right:-10px;}
.service .slick-slide{ margin-right:10px;}
.service .title{ font-weight:700; margin:10px 0; font-size:18px;}
.service .slick-prev{ margin-right:10px;}
.service .slick-next{ margin-right:10px; right:40px; left:inherit;}
.service .slick-arrow{ top:0; margin-top:-43px;}

/*ENd SLick Slider*/


/* ---------------------------------------------------Windows Size-------------------------------------------------------------------------*/
#winSize {position: fixed;bottom: 1%;left: 1%;border: rgba(0,0,0,0.8) 3px solid;background: rgba(0,0,0,0.6);padding: 5px 10px;color: #fff;text-shadow: #000 1px 1px 1px, #000 -1px 1px 1px;z-index: 9999}
/* ---------------------------------------------------Tabs-------------------------------------------------------------------------*/
.tabs-menu {height: 30px; padding:0; margin:0;}
.tabs-menu li {height: 30px;line-height: 30px; display:inline-block; list-style:none; margin-right: 10px;background-color: #ccc;border-top: 1px solid #d4d4d1;border-right: 1px solid #d4d4d1;border-left: 1px solid #d4d4d1;}
.tabs-menu li.current {position: relative;background-color: #fff;border-bottom: 1px solid #fff;z-index: 5;}
.tabs-menu li a {padding: 10px;text-transform: uppercase;color: #fff;text-decoration: none; }
.tabs-menu .current a {color: #2e7da3;}
.tab {border: 1px solid #d4d4d1;background-color: #fff;float: left;margin-bottom: 20px;width: auto; margin-top:-1px;}
.tab-content {max-width: 660px;padding: 20px;display: none;}
#tab-1 {display: block;   }

/* ---------------------------------------------------Left Tabs-------------------------------------------------------------------------*/
.tabs-left {width: 120px; padding:0; margin:0; float:left;}
.tabs-left li {line-height: 30px; display:block; list-style:none; background: #ccc;border: 1px solid #d4d4d1; margin-bottom:10px; border-right:0;}
.tabs-left li.current {position: relative;background-color: #fff;border-bottom: 1px solid #ddd;z-index: 5;}
.tabs-left li a {padding:0 10px;text-transform: uppercase;color: #fff;text-decoration: none; display:block; }
.tabs-left .current a {color: #2e7da3;}
.tab-loop {border: 1px solid #d4d4d1;background-color: #fff;float: left;margin-bottom: 20px;width: auto; margin-left:-1px;}
.tabsleft-content {max-width: 660px;padding: 20px;display: none;}
#tabs1 {display: block;   }
/* ---------------------------------------------------Breadcrumb-------------------------------------------------------------------------*/
/*.breadcrumbs{ margin:10px 0; padding:0; background:#ddd; padding:5px;}
.breadcrumbs li{ list-style:none; display:inline-block; padding-right:2px;}*/
/* ----------------------------Comments-----------------------*/
#comments label {display: inline-block;vertical-align: top;width: 80px;}
.form-submit {    margin-left: 80px;}
#comments {    background: #eee ;    padding: 20px; display: none !important;}
#comments li {    list-style:none;}
#comments ol{ padding:0;}
/* ----------------------------Accordion-----------------------*/
.accordion-container{position: relative;width: 100%;height: auto;margin: 0 auto;}
.accordion-container > h2{text-align: center;color: #fff;padding-bottom: 5px;margin-bottom: 30px;border-bottom: 1px solid #ddd;}
.set{position: relative;width: 100%;height: auto;background-color: #1a2a57;/* border-radius: 8px; */margin-top: 10px;}
.set > a{display: block;padding: 15px 15px;text-decoration: none;color: #fff;font-weight: 600;border-bottom: 1px solid #ddd;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;transition:all 0.2s ease;}
.set > a h3{font-size: 20px;font-weight: 400;font-family: 'Raleway', sans-serif;}
.set > a.active{background-color: #414042;color: #fff;}
.set > a:before{background:url(images/arrows.png) no-repeat;float:right;content:"";height: 8px;margin: 6px 0 0;width: 15px;-webkit-filter: invert(100%);filter: invert(100%);}
.set > a.active:before{filter: invert(100%);    transform: rotate(180deg);  }
.accordion-container .content{position:relative;width: 100%;height: auto;background-color: #fff;border: 1px solid #414042;border-top: 0;display:none;}
.accordion-container .content p{padding: 10px 15px;margin: 0;color: #414042;}
/* ---------------------------------------------------Custom Scroll-------------------------------------------------------------------------*/
.customscroll{ height:300px;}
/* ---------------------------------------------------innerheader-------------------------------------------------------------------------*/
.inner-banner{ height:150px; width:100%; display:table; color:#fff;}
.inner-banner h2{ margin:0; display:table-cell; vertical-align:middle; padding:10px;}
/* ---------------------------------------------------blog-------------------------------------------------------------------------*/
.blogs{}
.blogs li {width: 100%;margin-bottom: 20px;min-height: 210px;clear: both;float: left;border-bottom: 1px solid #dcdcdc;}
.blogs li:last-child{ border:none;}
.blogs li h4{text-transform: capitalize;background: #f0f0f0;padding: 10px;position: relative;margin-bottom: 20px;font-weight: 600;color: #2f2f2f;}
.blogs li h4 span{width: 7%;text-align: center;background: #b12224;font-size: 11px;line-height: 18px;text-transform: uppercase;color: #fff;position: absolute;right: 0;top: 0;}
.blogs li h4 span strong{ display:block; font-size:26px; font-weight:normal;}
.blogs li a{ float:right;}
.blogs li .meta {background: #f0f0f0;padding: 10px;position: relative;margin: 38px 0 0;font-weight: 500;float: right;clear: right;width: 67%;color:#989898;font-size:16px;line-height:21px;}
.blogs li .meta span{ background:url('images/user-bg.png') no-repeat;padding: 3px 30px;}
.blogs li .meta span.comments{ margin-left:10px; background:url('images/comments.png') no-repeat;}
.blogs li .meta span strong{color: #258ef9;font-weight: normal;text-transform: capitalize;}
.sidebar ul{ padding:0; margin:0;}
.sidebar ul li{ list-style:none;}
.sidebar-pro{ border:1px solid #c2c2c2;    padding: 0 !important; border-radius:5px; overflow:hidden;}
.sidebar-pro h4{background: #b12224;color: #fff;padding: 10px;font-size: 20px;line-height: 29px;margin: 0;}
.sidebar-pro .cat li{margin-bottom: 6px;list-style: none;padding: 10px;}
.sidebar-pro .cat li:hover{background: #b12224;}
.sidebar-pro .cat li:hover a{color: #fff;}
.sidebar-pro .cat li.current-cat{background: #b12224;}
.sidebar-pro .cat li:last-child{ margin-bottom:0;}
.sidebar-pro .cat .product-categories{ margin-bottom:0;}
.sidebar-pro .cat li a{ color:#424242; font-size:14px;}
.sidebar .recent li{border-bottom: 1px solid #c7c7c7;margin:5px 0; padding:5px 0;overflow:hidden;font-size: 14px;}
.sidebar .recent li h5{ margin-top:0;}
.sidebar .recent li:last-child{ border:none;}
.sidebar h4{background: #303030;color: #fff;padding: 10px;font-size: 20px;line-height: 29px;}
.sidebar .recent h5{ color:#231f20; font-size:14px; margin-bottom:10px;}
.sidebar .recent p{ color:#6d6d6d; line-height:16px;}
.sidebar .recent .more a{ color:#258ef9; float:right;}
.sidebar .cat li{border-bottom:1px solid #ddd;font-weight:600; margin:5px 0;padding:5px 0;}
.blogs .loop {border-bottom: 1px solid #ddd;margin: 10px 0;overflow: hidden;padding: 10px 0;}
.sidebar .section{ margin-top:10px; overflow:hidden;}
.blogs .title{ margin:0;}
.blogs small{ margin-bottom:10px; display:inline-block; color:#888;}
.sidebar .cat li:last-child{ border:0; margin-bottom:0; padding-bottom:0;} 
.sidebar .cat li a{ color:#424242; font-size:14px;}
.blogs .meta {background: #ddd;margin-top: 10px;padding: 5px;}
/*---------------------Pagination----------------------- */
/*.pagination {clear:both;padding:20px 0;position:relative;font-size:11px;line-height:13px;}
.pagination span, .pagination a {display:block;float:left;margin: 2px 2px 2px 0;padding:6px 9px 5px 9px;text-decoration:none; width:auto;color:#fff;background: #555;}
.pagination a:hover{color:#fff;background: #3279BB;}
.pagination .current{padding:6px 9px 5px 9px;background: #3279BB;color:#fff;}
*/

/* ------------------------------------Responsive Simple Menu------------------------------------------------------ */

.menu-header, .menu-header ul, .menu-header ul li, .menu-header ul li a, .menu-header #menu-button {margin: 0;padding: 0;border: 0;list-style: none;line-height: 1;display: block;position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.menu-header:after, .menu-header > ul:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
.menu-header #menu-button {display: none;}
/* .menu-header {background: #303030;} */
.menu-header > ul > li {flex-grow: 1; }
.menu-header.align-center > ul {font-size: 0;text-align: center;}
.menu-header.align-center > ul > li {display: inline-block;float: none;}
.menu-header.align-center ul ul {text-align: left;}
.menu-header.align-right > ul > li {float: right;}
.menu-header > ul > li > a {/* padding: 17px; */font-size: 18px;letter-spacing: 1px;text-decoration: none;color: #fff;/* font-weight: 700; *//* text-transform: uppercase; */position: relative;}
.menu-header > ul > li:hover > a {/*color: #000;*/}
.menu-header > ul > li > a:hover::after{content:'';position: absolute;background: #1a2a57;width: 40%;height: 3px;left: 0;right: 0;margin: 0 auto;bottom: -10px;transition: all 0.3s ease;}
.menu-header > ul > li.menu-item-has-children > a:hover::after{display: none;}
/*.menu-header > ul > li.has-sub > a {padding-right: 30px;}
.menu-header > ul > li.has-sub > a:after {position: absolute;top: 22px;right: 11px;width: 8px;height: 2px;display: block;background: #dddddd;content: '';}
.menu-header > ul > li.has-sub > a:before {position: absolute;top: 19px;right: 14px;display: block;width: 2px;height: 8px;background: #dddddd;content: '';
-webkit-transition: all .25s ease;
-moz-transition: all .25s ease;
-ms-transition: all .25s ease;
-o-transition: all .25s ease;
transition: all .25s ease;}*/
/*.menu-header  ul  ul::before {
    border-color: transparent transparent #000;
    border-style: solid;
    border-width: 10px;
    content: "";
    left: 20px;
    position: absolute;
    top: -20px;
}*/
.menu-header  ul ul  ul::before { display:none;}
.menu-header > ul > li.has-sub:hover > a:before {top: 23px;height: 0;}
.menu-header ul ul {position: absolute;left: -9999px;}
.menu-header ul ul li:last-child a{padding-bottom: 10px;}
.menu-header.align-right ul ul {text-align: right;}
.menu-header ul ul li {height: 0;transition: all .25s ease;}
.menu-header li:hover > ul {left: 40px;top: 18.5px;box-shadow: 0 0 4px rgba(0,0,0,.2);/* box-shadow: 0px 4px 0px 4px rgba(0, 0, 0, 0.05); */background: #FDFFFC;padding: 10px;/* border-radius: 16px; */width: 200px;}
.menu-header.align-right li:hover > ul {left: auto;right: 0;}
.menu-header li:hover > ul > li {height: auto;}
.menu-header ul ul ul {margin-left: 100%;top: 0;}
.menu-header.align-right ul ul ul {margin-left: 0;margin-right: 100%;}
.menu-header ul ul li a {border-bottom: 1px solid rgba(150, 150, 150, 0.15);padding: 10px;width: 180px;font-size: 14px;color: #313A3F;font-weight: 500;background: transparent;/* border-radius: 8px; */transition: all 0.3s ease;text-align: initial;}
.menu-header ul ul li:last-child > a, .menu-header ul ul li.last-item > a {border-bottom: 0;}
.menu-header ul ul li:hover > a, .menu-header ul ul li a:hover {color: #fff;background: #1a2a57;}
.menu-header ul ul li.has-sub > a:after {position: absolute;top: 16px;right: 11px;width: 8px;height: 2px;display: block;background: #dddddd;content: '';}
.menu-header.align-right ul ul li.has-sub > a:after {right: auto;left: 11px;}
.menu-header ul ul li.has-sub > a:before {position: absolute;top: 13px;right: 14px;display: block;width: 2px;height: 8px;background: #dddddd;content: '';transition: all .25s ease;}
.menu-header.align-right ul ul li.has-sub > a:before {right: auto;left: 14px;}
.menu-header ul ul > li.has-sub:hover > a:before {top: 17px;height: 0;}

@media (min-width: 100px) and (max-width: 1099px) {
.menu-header {width: 100%;}
.menu-header ul {width: 100%;display: none;}
.menu-header.align-center > ul {text-align: left;}
.menu-header ul li {width: 100%;border-top: 1px solid rgba(120, 120, 120, 0.2);}
.menu-header ul ul li,  .menu-header li:hover > ul > li {height: auto;}
.menu-header ul li a,  .menu-header ul ul li a {width: 100%;border-bottom: 0;}
.menu-header > ul > li {float: none;}
.menu-header ul ul li a {padding-left: 25px;}
.menu-header ul ul ul li a {padding-left: 35px;}
.menu-header ul ul li a {color: #dddddd;background: none;}
.menu-header ul ul li:hover > a,  .menu-header ul ul li.active > a {color: #ffffff;}
.menu-header ul ul,  .menu-header ul ul ul,  .menu-header.align-right ul ul {position: relative;left: 0;width: 100%;margin: 0;text-align: left;}
.menu-header > ul > li.has-sub > a:after,  .menu-header > ul > li.has-sub > a:before,  .menu-header ul ul > li.has-sub > a:after,  .menu-header ul ul > li.has-sub > a:before {display: none;}
.menu-header #menu-button {display: none !important;padding: 17px;color: #dddddd;cursor: pointer;font-size: 12px;text-transform: uppercase;font-weight: 700;}
.menu-header #menu-button:after {position: absolute;top: 22px;right: 17px;display: block;height: 8px;width: 20px;border-top: 2px solid #dddddd;border-bottom: 2px solid #dddddd;content: '';}
.menu-header #menu-button:before {position: absolute;top: 16px;right: 17px;display: block;height: 2px;width: 20px;background: #dddddd;content: '';}
.menu-header #menu-button.menu-opened:after {top: 23px;border: 0;height: 2px;width: 15px;background: #ffffff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);}
.menu-header #menu-button.menu-opened:before {top: 23px;background: #ffffff;width: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);}
.menu-header .submenu-button {position: absolute;z-index: 99;right: 0;top: 0;display: block;border-left: 1px solid rgba(120, 120, 120, 0.2);height: 46px;width: 46px;cursor: pointer;}
.menu-header .submenu-button.submenu-opened {background: #262626;}
.menu-header ul ul .submenu-button {height: 34px;width: 34px;}
.menu-header .submenu-button:after {position: absolute;top: 22px;right: 19px;width: 8px;height: 2px;display: block;background: #dddddd;content: '';}
.menu-header ul ul .submenu-button:after {top: 15px;right: 13px;}
.menu-header .submenu-button.submenu-opened:after {background: #ffffff;}
.menu-header .submenu-button:before {position: absolute;top: 19px;right: 22px;display: block;width: 2px;height: 8px;background: #dddddd;content: '';}
.menu-header ul ul .submenu-button:before {top: 12px;right: 16px;}
.menu-header .submenu-button.submenu-opened:before {display: none;}
}

/*----------------------------------------Push Navigation---------------------------------*/
div#menuoverlay { display: none; }
a#hamburg {position: fixed;top: 30px;left: 10px;width: 40px;height: 40px;z-index:99999999;text-align: center;color: white;display: none;transition: all ease-out 0.3s;}
a#hamburg i {position: relative;top: 50%;transform: translateY(-50%);}
.nav1 {transition: all ease-out 0.3s; display:none;}
.nav1 a { color: #313A3F; }
.nav1 ul {margin: 0;padding: 0;background-color: #303030;}
.nav1 ul li {display: inline-block;position: relative;}
.nav1 ul li > a {display: inline-block;padding: 10px;}
.nav1 ul li > a > i {margin-left: 15px;transition: all ease-out 0.3s;-webkit-transition: all ease-out 0.1s;}
.nav1 ul li ul {display: none;position: absolute;top: 38px;background:#222;width: 200px;text-align: left;}
.nav1 .search-nav,.nav1 .title{ display:none;}
.nav1 ul li ul li { display: block; }
.nav1 ul li ul li a { display: block; }
.nav1 ul li:hover > a {  color:#000; text-decoration:none; }
.nav1 ul li:hover > a > i { transform: rotateZ(90deg); }
.nav1 ul li:hover ul { display: block; }
.nav1 span.marrow {border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 5px solid #fff;float: right;height: 0;margin:8px 0 0 8px;width: 0;}
.nav1 ul li.open  span.marrow {border-left: 5px solid transparent; border-top:0;border-right: 5px solid transparent;border-bottom: 5px solid #fff;}
.nav1 .menu li.menu-item-has-children > a{position: relative;}
.nav1 .menu li.menu-item-has-children > a::after{position: absolute; content: '\f106'; font-family: 'FontAwesome'; font-size: 14px; top: 10px; right: 0; color: #313A3F; transition: all 0.25s ease; }
.nav1 .menu li.menu-item-has-children.active > a::after{transform: rotate(180deg);}
.nav1 .menu li.menu-item-has-children > a:hover{color: #DD2127;}
.nav1 .menu li.menu-item-has-children.active > a{color: #DD2127; }
@media screen and (max-width: 1099px) {
/*a#hamburg { display: block; }*/
a#hamburg {display: block; right: 45px; left: auto;                                   }
main {  transition: all ease-out 0.3s;}
.nav1 .row{ margin:0px;}
/*.nav1 { background:url(images/nav-bg.jpg) repeat ;box-shadow: -2px 0 10px #999 inset;display: block;height: 100%;left: 0;overflow-x: hidden;overflow-y: auto;position: fixed;top: 0;transform: translateX(-250px);width: 250px;}*/
.nav1 {background: #FDFFFC; box-shadow: 2px 0 10px #999 inset; /* Changed the shadow direction */ display: block; height: 100%; right: 0; /* Changed from left: 0 to right: 0 */ left: auto; /* Set left to auto */ overflow-x: hidden; overflow-y: auto; position: fixed; top: 0; transform: translateX(250px); /* Changed from translateX(-250px) to translateX(250px) */ width: 250px; }
.nav1 .search-nav,.nav1 .title{ display:block;}
.nav1 .search-nav input{ border:1px solid #2c313f; background-color:rgba(255,255,255,0.2);  padding:5px; width:100%; color:#000; margin:10px 0;  }
.nav1 .search-nav input[type="submit"]{background:url("images/search-icon.png") no-repeat scroll center center; border:0; width:auto; font-size:0; height: 16px;    position: absolute;    right: 7px;    top: 8px;    width: 16px;  filter: invert(100%);}
.nav1 .title{    background: #000 ;color: #fff;font-size: 14px;margin: 0 -15px;padding: 6px 15px 6px;}
.search-nav > form {    position: relative;}    
.nav1 ul {  text-align: left;  background-color: transparent;}
.nav1 ul li { display: block; border-bottom:1px solid #999; }
.nav1 ul li a { display: block; padding:10px 0; font-size: 14px;}
.nav1 ul li:hover > a { color:#000;  }
.nav1 ul li a > i { float: right; }
.nav1 ul li ul {  display: none;  position: static;  width: 100%;background-color:transparent; padding:0 10px;}
.nav1 ul li:hover > ul { display: none; }
.nav1 ul li:hover > a > i { transform: rotateZ(0); }
.nav1 ul li.open > a { background-color: transparent; }
.nav1 ul li.open > a > i { transform: rotateZ(90deg); }
.nav1 ul li.open > ul { display: block; }
/*div#menuoverlay {display: block;visibility: hidden;position: fixed;left: 0;top: 0;width: 100%;height: 100%;transition: all ease-out 0.3s;z-index: 1;opacity: 0;}*/
div#menuoverlay {display: block; visibility: hidden; position: fixed; right: 0; /* Changed from left: 0 to right: 0 */ left: auto; /* Set left to auto */ top: 0; width: 100%; height: 100%; transition: all ease-out 0.3s; z-index: 1; opacity: 0; }
html.open-menu { overflow: hidden; }
/*html.open-menu div#menuoverlay {visibility: visible;background:rgba(0,0,0,0.5);min-height:100vh;width:100% !important;opacity: 1;width: calc(-150%);left: 250px;}*/
html.open-menu div#menuoverlay {visibility: visible; background: rgba(0,0,0,0.5); min-height: 100vh; width: 100% !important; opacity: 1; width: calc(-150%); right: 250px; left: auto; }
/*html.open-menu a#hamburg{ transform: translateX(250px); z-index:999; }*/
html.open-menu a#hamburg {transform: translateX(-250px); z-index: 999; right: 20px; top: 10px;}
/*html.open-menu main {transform: translateX(250px);}*/
html.open-menu main {transform: translateX(-250px); }
/*html.open-menu nav.nav1 {z-index: 3;transform: translateX(0);}*/
html.open-menu nav.nav1 {z-index: 3; transform: translateX(0); }
.menu-main-menu-container ul ul ul li a {padding:5px;}
ul li.has-subnav .accordion-btn {color:#000; font-size:24px; width:20px !important; float:right; line-height: inherit !important; }
.nav1 ul li:last-child {border: 0 ;}
.nav-cross.open > span {background: #fff ;}
/*---------------------Hamberg Icon --------------------------------------------- */
.nav-cross {width: 35px;height: 40px;position: relative;margin: 0px auto;transform: rotate(0deg);transition: .5s ease-in-out;cursor: pointer;}
.nav-cross span {display: block;position: absolute;height: 6px;width: 100%;background: #1a2a57;opacity: 1;left: 0;transform: rotate(0deg);transition: .25s ease-in-out;}
#nav-icon1 span:nth-child(1) {top: 0px;}
#nav-icon1 span:nth-child(2) {top: 18px;}
#nav-icon1 span:nth-child(3) {top: 36px;}
#nav-icon1.open span:nth-child(1) {top: 18px;transform: rotate(135deg);}
#nav-icon1.open span:nth-child(2) {opacity: 0;left: -60px;}
#nav-icon1.open span:nth-child(3) {top: 18px;transform: rotate(-135deg);}
.nav-cross span:nth-child(1) {top: 10px;transform-origin: left center;}
.nav-cross span:nth-child(2) {top: 20px;transform-origin: left center;}
.nav-cross span:nth-child(3) {top: 30px;transform-origin: left center;}
.nav-cross.open span:nth-child(1) {transform: rotate(45deg);top: 4px;left: 4px;}
.nav-cross.open span:nth-child(2) {width: 0%;opacity: 0;}
.nav-cross.open span:nth-child(3) {transform: rotate(-45deg);top: 28px;left: 4px;}
pushmenu formobile .push-logo{margin: 10px 0;}
header{padding: 15px 0; margin: 0 0 25px;}
/*Header*/
header .desc .btnx {margin-right: 20px; display: none;}
header .desc .btnx a{font-size: 0; line-height: 0;}
header .desc .btnx a i{font-size: 18px; margin: 0 auto;}
header, main header.sticky{box-shadow: 0 0 15px 1px #00000033; }
header .row:last-child{display: none;}
header logo img {height: 75px; object-fit: contain; object-position: center; }
}

/*###################################################################################################*/

/*###############################################*/
                /*Global*/
/*###############################################*/
html{scroll-behavior: smooth;}
h1, .h1, h2, .h2, h3, .h3{margin: 0; font-family: "Archivo", serif;}
h4, .h4, h5, .h5, h6, .h6{margin: 0; font-family: "Archivo", serif;}
p{padding: 0;margin: 0;font-size: 18px;line-height: 26px;padding: 5px 0;color: #414042;}
a{text-decoration: none !important;transition: all 0.3s ease;}
ul, ol{padding: 0;margin: 0;}
li{list-style: none !important;}
figure{margin: 0;}
label{margin: 0;}
pre{font-size: 22px;line-height: 32px;color: #313A3F;padding: 50px;margin: 50px 0;box-shadow: 0 0 1px 0 rgba(24, 94, 224, 0.15), 0 6px 12px 0 rgba(24, 94, 224, 0.15); }
.form-control:focus{box-shadow: none !important; outline: none !important; border-color: #ced4da;}
/*Selection*/
/* ::selection { background: #ffffff00; color: #010101; text-shadow: none; } */
body::-webkit-scrollbar {width:7px; background-color: #1a2a57;}
body::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment {display:none;}
body::-webkit-scrollbar-track-piece { -webkit-box-shadow: inset #414042; background-color: #414042;}
body::-webkit-scrollbar-thumb:vertical {border-radius: 10px; -webkit-box-shadow: inset 0 0 6px #1a2a57;background-color: #1a2a57;}
/*body::[class^="box-"]{display:none}
body::[class^="box-"].showfirst{display:block}*/
#back-top span{color: #313A3F;}
.hidden{display: none !important;}
@media screen and (min-width: 1451px){
    .container {max-width: 1440px;}
    footer .col-md-3:first-child{flex: 0 0 38%;max-width: 38%;}
    footer .col-md-3:nth-child(2), footer .col-md-3:nth-child(3){flex: 0 0 18.5%;max-width: 18.5%;}
}
/*###############################################*/
                /*404*/
/*###############################################*/
.sec_404{padding: 80px 0; text-align: center;}
.sec_404 .head{}
.sec_404 .head h1{font-size: 38px; font-weight: 700; color: #414042; line-height: 58px;}
.sec_404 .msgbox{margin: 50px 0;}
.sec_404 .msgbox span{display: inline-block; background: #1a2a57; border: 1px solid #1a2a57; color: #fff; font-size: 275px; line-height: 100%; padding: 25px; border-radius: 22px; margin: 0 10px 0 0;}
.sec_404 .msgbox span:nth-child(2){background: #414042; border: 1px solid #313A3F; }
.sec_404 .msgbox span:last-child{margin: 0; }
.sec_404 .desc{}
.sec_404 .desc p{font-size: 22px; line-height: 33px; max-width: 60%; margin: 0 auto; }
.sec_404 .btns{margin: 25px 0 0; }
.sec_404 .btns a{font-size: 20px; font-weight: 700; color: #fff; display: inline-block; text-align: center; background: #1a2a57; border: 1px solid #1a2a57; padding: 18px 30px; border-radius: 16px; }
.sec_404 .btns a:hover{background: transparent; color: #1a2a57;}

/*###############################################*/
                /*Search*/
/*###############################################*/
.sec_search{padding: 80px 0;}
.sec_blog .head{margin: 0 0 25px;}
.sec_search .head h2{color: #1a2a57; font-weight: 700;}
.sec_search .head h2 span{color: #414042; font-weight: 400;}
.sec_search figure{border: 2px solid #1a2a57; margin: 0 0 50px; border-radius: 8px; }
.sec_search figure img{width: 100%; height: 225px; object-fit: cover; object-position: center; border-radius: 8px;}
.sec_search figure figcaption{border: none !important;; border-top: 2px solid #1a2a57 !important; margin-top: 0 !important;; height: 165px; display: flex; flex-direction: column; align-items: center; justify-content: center; }
.sec_search figure figcaption h5{}
.sec_search figure figcaption p{}
.sec_search figure figcaption a{}
.sec_search .sec_nofound{}
.sec_search .sec_nofound span{font-size: 22px; font-weight: 700; display: block; margin: 0 0 10px;}
.sec_search .sec_nofound p{font-size: 18px;}
.search-no-results .sec_search .head{margin: 0 0 25px;}
.sec_search.home_sec08 figure figcaption{height: auto;} 
/*###############################################*/
                    /*Header*/
/*###############################################*/
header {position: relative; z-index: 9999999; width: 100%; transition: top 0.3s ease, background-color 0.3s ease; }
header .desc{display: flex; align-items: center; justify-content: space-between;}
header .desc .logo{}
header .desc .btnx{display: flex;align-items: center; gap: 0 25px;}
header .desc .btnx a{font-size: 22px;color: #414042;}
header .desc .btnx a:hover{background: transparent; color: #1a2a57;}
header .desc .btnx a i{/*margin-right: 20px; */}
header .desc .btnx .search_form form{display: flex; align-items: center; }
header .desc .btnx .search_form input[type=text]{width: 100%;font-size: 16px;padding: 10px 10px;background: transparent;border-right: 0;border: none;border-bottom: 2px solid #000;height: 50px;outline: none;}
header .desc .btnx .search_form input[type=submit]{width: 75px;font-size:0;height: 50px;background: transparent url(images/search-icon.png) no-repeat center;border: none;border-bottom: 2px solid #fff;position: relative;border-bottom-left-radius: 0;border-top-left-radius: 0;cursor: pointer;filter: invert(1);}
header .desc .btnx .search_form input[type=submit]:hover{}
header .desc a:last-child{position: relative;}
header .desc a:last-child span{background: #1a2a57;border-radius: 50%;width: 25px;height: 25px;font-size: 12px;position: absolute;text-align: center;/* line-height: 24px; */right: -20px;top: -12px;color: #fff;font-weight: 700;display: flex;align-items: center;justify-content: center; transition: all 0.3s ease;}
header .desc a:last-child:hover span{background: #414042;}

header.sticky {position: fixed; top: 0; left: 0; right: 0; margin: 0 auto; width: 100%; background: #FDFFFC; box-shadow: 0 0 15px 1px rgba(0,0,0,.07); }
header .row{align-items: center;}
header .row:last-child{margin-top: 10px;}
header .nav {display: block; }
header logo img{transition: all 0.3s ease;}
/*header.sticky .row:last-child{margin-top: 10px;}*/
header.sticky logo img{height: 75px; object-fit: contain; object-position: center;}
header .menu-header > ul{display: flex;align-items: center;justify-content: space-between;/* width: 100%; */}
header .menu-header > ul > li.menu-item-has-children.has-sub{position: relative;}
header .menu-header > ul > li.menu-item-has-children.has-sub::after{position: absolute;content: '\f107';font-family: 'FontAwesome';font-size: 16px;top: 0;right: 80px;color: #313A3F;transition: all 0.25s ease;}
header .menu-header > ul > li.menu-item-has-children.has-sub:hover::after{transform: rotate(180deg);}
/*header .menu-header > ul > li:first-child a{text-align: left;}
header .menu-header > ul > li:last-child a{text-align: right;}*/
header .menu li.current-menu-item > a, header .menu li.current-menu-parent > a{/* color: #1a2a57; */font-weight: 700;}
header .head{text-align: right;}
header .head ul{display: flex; align-items: center; justify-content: end; gap: 35px; }
header .head ul > li{}
header .head ul > li a{font-size: 20px; font-family: 'Raleway', sans-serif; color: #1a2a57; font-weight: 700; }
header .head ul > li a i{border: 1px solid #1a2a57; background: #1a2a57; color: #fff; margin-right: 5px; border-radius: 50px; padding: 6px 10px; width: 35px; height: 35px; transition: all 0.3s ease; }
header .head ul > li a:hover{color: #4c2c92;}
header .head ul > li a:hover i{background: transparent; color: #1a2a57;}

/*###############################################*/
                    /*Footer*/
/*###############################################*/
footer{box-shadow: 0 0 15px 1px rgba(0,0,0,.07); padding: 30px 0;}
footer .logo{}
footer .desc{margin: 10px 0 0;}
footer .desc ul{}
footer .desc ul > li{}
footer .desc ul > li a{font-size: 18px;color: #414042;line-height: 24px;display: inline-block;padding: 7px 0;}
footer .desc ul > li a i{margin-right: 10px;color: #1a2a57; transition: all 0.3s ease;}
footer .desc ul > li a:hover i{color: #414042;}
footer .desc ul > li a:hover{color: #1a2a57; }
footer .social_icon{margin: 10px 0 0; }
footer .social_icon ul{display: flex; align-items: center; gap: 0 25px;}
footer .social_icon ul > li{}
footer .social_icon ul > li a{font-size: 20px;background: #1a2a57;border: 2px solid #1a2a57;/* color: #fff; */display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;border-radius: 3px;}
footer .social_icon ul > li a i{transition: all 0.3s ease;color: #fff;}
footer .social_icon ul > li a:hover{background: transparent; color: #1a2a57; }
footer .social_icon ul > li a:hover i{color: #1a2a57;}
footer .footer_menu{display: flex; align-items: center; justify-content: center; }
footer .footer_menu h3, footer .footer_info h3{font-size: 24px;font-weight: 600;color: #1a2a57;margin: 25px 0 15px;}
footer .footer_menu ul{}
footer .footer_menu ul > li{}
footer .footer_menu ul > li a{font-size: 18px; color: #414042; display: inline-block; padding: 10px 0; }
footer .footer_menu ul > li a:hover{color: #1a2a57;}
footer .footer_info{}
footer .footer_info span{display: block; font-size: 18px; color: #414042; margin: 8px 0; line-height: 22px; }
footer .footer_info span strong{color: #1a2a57; font-weight: 600; }
footer .footer_info .es_spinner_image{display: none !important;}
footer .footer_info .emaillist .gjs-cell{display: flex;}
footer .footer_info .emaillist input[type="email"]{font-size: 14px; border: 1px solid #414042; color: #152144; letter-spacing: 0.7px; line-height: 28px; /* text-align: center; */ /* border: none !important; */ background: #fff;padding: 0px 10px; box-shadow: none !important; width: 100%;height: 50px; outline: none; }
footer .footer_info .emaillist input[type="submit"]{background: #1a2a57;border: 1px solid #1a2a57;color: #fff;font-size: 14px;line-height: 28px;padding: 0 10px;letter-spacing: 0.7px;height: 50px;margin-left: -10px;margin-top: 0;font-weight: 700;text-transform: uppercase;cursor: pointer;}
.copy_right{background: #000;padding: 5px 0;}
.copy_right .cp_menu{text-align: center; }
.copy_right .cp_menu ul{display: flex; align-items: center; justify-content: center; gap: 0 20px; }
.copy_right .cp_menu ul > li{}
.copy_right .cp_menu ul > li a{font-size: 16px; color: #fff; display: inline-block; padding: 10px 0; position: relative; }
.copy_right .cp_menu ul > li a:hover{;color: #1a2a57;}
.copy_right .cp_menu ul > li a::after{content:'';position: absolute;background: #ffffff66;width: 2px;height: 100%;top: 0;left: -10px;}
.copy_right .cp_menu ul > li:first-child a::after{display: none;}
.copy_right .desc{text-align: center; margin: 0; }
.copy_right .desc p{padding-bottom: 0; color: #fff; font-size: 16px;}
.copy_right .desc a{}
.copy_right .desc a:hover{}

/*###############################################*/
                    /*Global*/
/*###############################################*/
.sec_home{padding: 80px 0;}
.sec_home .head{}
.sec_home .head h2{font-size: 38px;font-weight: 700;color: #414042;margin: 0 0 10px;}
.sec_home .head h5{font-size: 26px; }
.sec_home .desc{}
.sec_home .desc h1{}
.sec_home .desc h2{font-size: 38px; font-weight: 700; color: #414042; margin: 0 0 10px;}
.sec_home .desc h5{font-size: 26px;color: #1a2a57;}
.sec_home .desc p{}
.sec_home .desc a{}
.sec_home .desc a:hover{}
.sec_home .desc img, .sec_home figure img{}
headerinner .inner_banner {height: 350px;display: flex;align-items: center; position: relative;}
headerinner .inner_banner h1{font-size: 42px; font-weight: 700; color: #fff; }
.inner_banner::before{content: '';position: absolute;background: #191919;width: 100%;height: 100%;opacity: 66%;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
.inner_banner h5{z-index:2;font-size: 40px; font-family: 'Trajan Pro 3'; font-weight: 700; text-transform: uppercase; color: #FFFFFF; line-height: 40px; }

.sec_home .btns{text-align: center; margin: 50px 0 0;}
.sec_home .btns a{font-size: 16px;padding: 16px 60px;color: #fff;display: inline-block;background: #1a2a57;border: 1px solid #1a2a57;}
.sec_home .btns a:hover{background: transparent; color: #1a2a57;}
/*###############################################*/
                    /*Home*/
/*###############################################*/
.home_sec01{position: relative; padding: 0; height: 100%;}
.home_sec01 .our_slider{}
.home_sec01 .banner_img{height: 800px;display: flex;align-items: center;justify-content: space-around;background-color: #191919 !important;position: relative;}
.home_sec01 .banner_img::before{content: '';position: absolute;background: #191919;width: 100%;height: 100%;min-height: auto;opacity: 66%;top: 0;bottom: 0;display: flex;align-items: center;justify-content: center;}
.home_sec01 .banner_img .desc{}
.home_sec01 .banner_img .desc h1{font-size: 62px;color: #fff;line-height: 80px;/* margin: 0 0 10px; */}
.home_sec01 .banner_img .desc p{font-size: 22px; color: #fff; padding: 15px 0; }
.home_sec01 .banner_img .desc h5{font-size: 30px; font-weight: 600; color: #fff; line-height: 55px; text-transform: uppercase; }
.home_sec01 .banner_img .desc a{font-size: 18px;color: #fff;/* line-height: 70px; */background: #1a2a57;border: 1px solid #1a2a57;padding: 12px 35px;/* margin: 10px 0 0; */display: inline-block;transition: all 0.3s linear;}
.home_sec01 .banner_img .desc a:hover{background: transparent;/* color: #1a2a57; */border: 1px solid #fff;}
.home_sec01 .slick-dots .slick-active button {background: #23a7bb; width: 22px; height: 22px; border: 1px solid #23a7bb; margin-right: 0;}
.home_sec01 .slick-dots button{outline: none !important; margin: 10px 0; width: 15px; height: 15px; margin-right: 3px;}
/*.home_sec01 .slick-dots {top: 0;bottom: 0;text-align: center;display: flex !important;flex-direction: column;align-items: flex-end;justify-content: center;right: 50px;width: 45px;}*/
.home_sec01 .custom_arrow{position: absolute;bottom: 0;right: 0;background: #000;width: 50px;height: 100%;display: flex;flex-direction: column;align-items: center;justify-content: center;text-align: center;}
.home_sec01 .custom_arrow .arrow_left{margin: 0 0 15px; cursor: pointer;} 
.home_sec01 .custom_arrow .arrow_left span{display: block;font-size: 14px;font-weight: 400;color: #fff;text-transform: uppercase;writing-mode: vertical-rl;text-orientation: upright;letter-spacing: 5px;transition: all 0.5s linear;}
.home_sec01 .custom_arrow .arrow_left img{margin: 0 0 10px;} 
.home_sec01 .custom_arrow .arrow_right{margin: 15px 0 0;  cursor: pointer;}
.home_sec01 .custom_arrow .arrow_right span{display: block;font-size: 14px;font-weight: 400;color: #fff;text-transform: uppercase;writing-mode: vertical-rl;text-orientation: upright;letter-spacing: 5px;transition: all 0.5s linear;}
.home_sec01 .custom_arrow .arrow_right img{margin: 10px 0 0;}
.home_sec01 .custom_arrow .arrow_left span:hover, .home_sec01 .custom_arrow .arrow_right span:hover{color: #000;}
.home_sec01 .slick-arrow{display: none !important;}
.home_sec01 .slick-dots {position: absolute;z-index: 111;right: 0;left: 0;bottom: -40px;top: auto;text-align: center;}
.home_sec01 .slick-dots li {display: inline-block;padding-right: 50px;cursor: pointer;}
.home_sec01 .slick-dots button {border: none;background: none;font-size: 28px;padding: 0;outline: none;width: auto;height: auto;display: inline-block;vertical-align: middle;margin: auto;color: #FFBE8D;}
.home_sec01 .slick-dots .slick-active a {color: #1a2a57;}
.home_sec01 .slick-dots::before{content:'';position: absolute;background: #000;width: 100%;height: 60px;right: 0;top: -19px;z-index: -1;}
.home_sec01 .slick-dots li a{font-size: 20px;font-weight: 500;color: #fff;transition: all 0.5s linear;} 
.home_sec01 .slick-dots li:hover a{color: #fff;}
.home_sec01 .slick-dots li.slick-active:hover a{color: #fff;}


.home_sec02{padding-top: 40px;background: url('images/bg_img.png');background-size: cover;background-repeat: no-repeat;}
.home_sec02 .row{align-items: center;}
.home_sec02 .desc{}
.home_sec02.sec_home .desc h2{font-size: 28px; color: #1a2a57; }
.home_sec02.sec_home .desc p{font-size: 22px; line-height: 36px; }
.home_sec02 .desc img{max-width: 200px; object-fit: cover;}
.home_sec02 .desc a{font-size: 16px;padding: 10px 50px;color: #fff;margin: 10px 0 0;display: inline-block;background: #1a2a57;border: 1px solid #1a2a57;}
.home_sec02 .desc a:hover{background: transparent; color: #1a2a57;}
.home_sec02 figure img{}

.home_sec03{padding-top: 100px;}
.home_sec03 .row{justify-content: center;}
.home_sec03 .head{text-align: center; margin: 0 0 75px;}
.home_sec03 .head h5{}
.home_sec03 .head h2{}
.home_sec03 .desc{margin: 0 0 50px;}
.home_sec03 .col-md-4:last-child .desc, .home_sec03 .col-md-4:nth-last-child(2) .desc, .home_sec03 .col-md-4:nth-last-child(3) .desc{margin: 0;}
.home_sec03 figure{border: 1px solid #e5e5e5; text-align: center; padding: 25px; transition: all 0.3s ease; }
.home_sec03 figure:hover{border: 1px solid #1a2a57;transform: scale(1.05);}
.home_sec03 figure img{}
.home_sec03 figure figcaption{padding: 10px 0;}
.home_sec03.sec_home figure figcaption h2{font-size: 20px;font-weight: 700;color: #414042;margin: 10px 0;}
.home_sec03 figure figcaption h5{}
.home_sec03 figure figcaption p{/*margin: 0 0 10px*/}
.home_sec03 figure figcaption a{font-size: 16px;margin: 15px 0 0;padding: 16px 60px;color: #fff;display: inline-block;background: #1a2a57;border: 1px solid #1a2a57;}
.home_sec03 figure figcaption a:hover{background: transparent; color: #1a2a57;}

/*.home_sec04{}
.home_sec04 .row {align-items: center;}
.home_sec04 .head{margin: 0 0 75px; text-align: center; }
.home_sec04 .head h2{color: #000; }
.home_sec04 .head h5{color: #1a2a57;}
.home_sec04 figure{border: 1px solid #eee; box-shadow: 0 8px 8px rgba(0,0,0,.05); margin: 0 0 50px; }
.home_sec04 figure img{}
.home_sec04 figure figcaption{padding: 25px 10px; text-align: center; border-top: 1px solid #1a2a57; }
.home_sec04 figure figcaption h5{font-size: 20px; font-weight: 700; color: #1a2a57; }
.home_sec04 figure figcaption span{font-size: 20px;font-weight: 500;color: #1a2a57;letter-spacing: 0.5px;display: block;margin: 15px 0;}
.home_sec04 figure figcaption a{font-size: 16px;padding: 12px 35px;color: #fff;display: inline-block;background: #1a2a57;border: 1px solid #1a2a57;ff;}
.home_sec04 figure figcaption a:hover{background: transparent; color: #1a2a57;}
.home_sec04 .col-md-4:last-child figure{margin: 0; }*/

.home_sec04{ background: #000;}
.home_sec04 .head{margin: 0 0 75px;/* text-align: center; */}
.home_sec04 .head h2{color: #fff;font-size: 66px;}
.home_sec04 .head h5{color: #1a2a57; }
.home_sec04 .boxes {overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); position: relative; }
.home_sec04 .boxes figure {position: relative; }
.home_sec04 .boxes figure img {width: 100%;height: 500px;object-fit: cover;object-position: center;display: block;margin: 0 auto;}
.home_sec04 .boxes figure::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #191919c4; /* Grey overlay */}
.home_sec04 .boxes figure figcaption {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px; color: #fff; text-align: center; z-index: 2; }
.home_sec04 .boxes figure figcaption h5{font-size: 32px;font-weight: 700;color: #fff;}
.home_sec04 .boxes figure figcaption p{font-size: 20px;padding: 10px 0;color: #fff; line-height: 32px; max-width: 75%;}
.home_sec04 .boxes figure figcaption a{font-size: 16px;padding: 12px 50px;color: #fff;display: inline-block;background: #1a2a57;border: 1px solid #1a2a57;}
.home_sec04 .boxes figure figcaption a:hover{background: transparent;color: #fff;border: 1px solid #fff;}

.home_sec06.sec_home{padding: 60px 0 10px;background: #1a2a57;}
.home_sec06 .head{text-align: center; margin: 0 0 50px;}
.home_sec06 .head h5{color: #000;}
.home_sec06 .head h2{color: #fff;}
.home_sec06 .cform{max-width: 75%; margin: 0 auto;}
.home_sec06 .cform input[type=text], .home_sec06 .cform input[type=email], .home_sec06 .cform input[type=tel]{font-size: 16px;line-height: 26px;padding: 10px 10px;height: 50px;border: 2px solid #fff;background: #fff;}
.home_sec06 .cform textarea{height: 100px;resize: none;font-size: 16px;line-height: 26px;padding: 10px 10px;border: 2px solid #fff;background: #fff;}
.home_sec06 .cform input[type=submit]{font-size: 16px;line-height: 26px;padding: 10px 10px;height: 50px;border: 2px solid #fff;background: #fff;color: #1a2a57;max-width: 25%;margin: 0 auto;margin-top: 15px;cursor: pointer;transition: all 0.3s ease;}
.home_sec06 .cform input[type=submit]:hover{background: transparent; color: #fff;}

/*
.home_sec06{ padding-top: 0; }
.home_sec06 .row .col-md-12{padding-left: 0; padding-right: 0;}
.home_sec06 .desc{text-align: center;}
.home_sec06 .desc img{border-radius: 0;height: 660px;object-fit: cover;}
.home_sec06 .desc a{display: flex ; align-items: center; justify-content: center;}
.home_sec06 .desc a::after{content: '\f01d'; font-family: 'FontAwesome'; position: absolute; font-size: 100px; color: #fff; left: 0; right: 0; top: auto; bottom: auto; z-index: 99; transition: all 0.3s ease;}
.home_sec06 .desc a:hover::after{color: #1a2a57}
.fancybox-container{z-index: 9999999 !important;}*/

.home_sec07{padding: 120px 0; background: #1a2a57; }
.home_sec07 .desc{}
.home_sec07 .desc figure{text-align: center; }
.home_sec07 .desc figure img{width: 85px; height: 85px; object-fit: cover; object-position: center; padding: 15px; border: 2.5px solid #000; border-radius: 50%; background: #fff;}
.home_sec07 .desc figure figcaption{margin: 25px 0 0; }
.home_sec07 .desc figure figcaption h5{font-size: 20px;font-weight: 700;color: #fff;}
.home_sec07 .desc figure figcaption p{font-weight: 300;font-size: 18px;color: #fff; max-width: 75%; margin: 0 auto;}

.home_sec08{}
.home_sec08 .head{text-align: center; margin: 0 0 75px;}
.home_sec08 .head h5{color: #1a2a57;}
.home_sec08 .head h2{}
.home_sec08 figure{overflow: hidden;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);position: relative;}
.home_sec08 figure img{width: 100%;height: 500px;object-fit: cover;object-position: center;display: block;margin: 0 auto;}
.home_sec08 figure::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #191919c4; /* Grey overlay */}
.home_sec08 figure figcaption{position: absolute; top: 0; bottom: 0;left: 0;right: 0;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 15px;color: #fff;text-align: center;z-index: 2;}
.home_sec08 figure figcaption ul{display: flex;align-items: center;justify-content: center;gap: 0 25px;margin: 0 0 5px;}
.home_sec08 figure figcaption ul > li{font-size: 14px; line-height: 26px; color: #414042; font-weight: 700;}
.home_sec08 figure figcaption ul > li i{color: #1a2a57;margin-right: 5px;}
.home_sec08 figure figcaption h5{font-size: 26px;font-weight: 700;color: #fff;margin: 0 0 10px;}
.home_sec08 figure figcaption p{font-size: 16px;}
.home_sec08 figure figcaption a{font-size: 16px;font-weight: 700;color: #1a2a57;}
.home_sec08 figure figcaption i{transition: all 0.3s ease;}
.home_sec08 figure figcaption a:hover i{margin-left: 5px;}


.home_sec11{padding-bottom: 40px;}
.home_sec11 .head{text-align: center; margin: 0 0 75px;}
.home_sec11 .head h5{}
.home_sec11 .head h2{}
.home_sec11 figure{margin: 0 0 50px;}
.home_sec11 figure img{box-shadow: 0 8px 8px rgb(0 0 0 / 14%);}

/*###############################################*/
                /*About Us*/
/*###############################################*/
.about_sec01{padding-top: 80px;}
.about_sec01 .row:last-child{margin-top: 50px;}
.about_sec01.sec_home .desc h2{font-size: 38px;color: #1a2a57;}
.about_sec01.sec_home .desc p{font-size: 18px; line-height: 26px; }
.about_sec02{}
.about_sec02 .head{text-align: center; margin: 0 0 50px;}
.about_sec02 .head h2{}
.about_sec02 .head h5{color: #1a2a57;}
.about_sec02 .head p{}
.about_sec02 .btns{margin: 50px 0 0; text-align: center;}
.about_sec02 .btns button{font-size: 16px; padding: 16px 40px; color: #fff; display: inline-block; outline: none; background: #1a2a57; border: 1px solid #1a2a57;  cursor: pointer;}
.about_sec02 .btns button:hover{background: transparent; color: #1a2a57;}
.about_sec03{background: #000000;}
.about_sec03 .row {align-items: center;}
.about_sec03 .head{margin: 0 0 50px;}
.about_sec03 .head h2{color: #1a2a57; font-size: 48px;}
.about_sec03 .head h5{color: #fff;}
.about_sec03 .desc{overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); position: relative;}
.about_sec03 .desc figure{position: relative;}
.about_sec03 .desc figure img{width: 100%; height: 500px; object-fit: cover; object-position: center; display: block; margin: 0 auto;}
.about_sec03 .desc figure::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #191919c4; /* Grey overlay */}
.about_sec03 .desc figure figcaption{position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px; color: #fff; text-align: center; z-index: 2; }
.about_sec03 .desc figure figcaption h5{font-size: 32px;font-weight: 700;color: #fff;}
.about_sec03 .desc figure figcaption p{font-size: 18px;padding: 5px 0;color: #fff;line-height: 28px;max-width: 100%;}
.about_sec04{padding: 80px 0; background: #000; }
.about_sec04 .head{margin: 0 0 50px; }
.about_sec04 .head h2{font-size: 42px; color: #1a2a57; }
.about_sec04 .head h5{font-size: 22px; color: #fff; }
.about_sec04 .desc{border: 1px solid #eee; padding: 50px 25px; }
.about_sec04 .desc h3{font-size: 22px; color: #fff; }
.about_sec04 .desc h5{font-size: 22px; color: #1a2a57; margin: 10px 0; }
.about_sec04 .desc p{color: #fff; font-size: 18px; line-height: 22px; }
.about_sec04 .desc p strong{font-weight: 300; }
.about_sec04 .desc a{}
.about_sec04 .desc a:hover{}
/*###############################################*/
                /*Prescription*/
/*###############################################*/
.presc_sec01{}
.presc_sec01 .desc{}
.presc_sec01 .desc a{color: #1a2a57; }
.presc_sec01 .desc a:hover{}
.presc_sec01 .desc h2{}
.presc_sec01 .desc h5{}
.presc_sec01 .desc p{}
.presc_sec01 .desc ul{}
.presc_sec01 .desc ul > li{}
.presc_sec02{background: #edf2f7;padding: 80px 0 30px;}
.presc_sec02 .head{text-align: center; margin: 25px 0;}
.presc_sec02 .cform{max-width: 75%; margin: 0 auto;}
.presc_sec02 .cform .row{margin-bottom: 15px;}
.presc_sec02 .cform label{font-size: 18px;color: #54595f;font-weight: 600; margin: 0 0 10px;}
.presc_sec02 .cform input[type=text], .presc_sec02 .cform input[type=email], .presc_sec02 .cform input[type=tel], .presc_sec02 .cform input[type=date]{font-size: 16px; line-height: 26px; padding: 10px 10px; height: 50px; border: 2px solid #1a2a57; background: transparent; }
.presc_sec02 .cform select, .presc_sec02 .cform select option{font-size: 16px; line-height: 26px; padding: 10px 10px; height: 50px !important; border: 2px solid #7db244; background: transparent; }
.presc_sec02 .cform textarea{height: 100px;/*resize: none;*/font-size: 16px;line-height: 26px;padding: 10px 10px;border: 2px solid #1a2a57;background: transparent;}
.presc_sec02 .cform input[type=submit]{font-size: 16px; line-height: 26px; padding: 10px 10px; height: 50px; border: 2px solid #1a2a57; background: #1a2a57; color: #fff; max-width: 25%; margin: 0 auto; cursor: pointer; transition: all 0.3s ease; }
.presc_sec02 .cform input[type=submit]:hover{background: transparent; color: #7db244;}
.presc_sec02 .cform .wpcf7-not-valid-tip{display: none !important;}
.presc_sec02 .cform span.form-control{background: transparent; border: none; padding: 0; font-size: 16px; border-radius: 0;}
.presc_sec02 .cform.sec_newque span.form-control span label{margin: 0;}
.presc_sec02.sec_newque .cform span.form-control span.first{margin: 0; }
.presc_sec02.sec_newque .cform .row:nth-child(6) .form-group{margin-bottom: 0;}
.presc_sec02 .cform label strong{font-weight: 600;}
.presc_sec02.sec_newque .cform .row:nth-child(6) .col-md-12:first-child .form-group, .presc_sec02.sec_newque .cform .row:nth-child(8) .col-md-12:first-child .form-group, .presc_sec02.sec_newque .cform .row:nth-child(9) .col-md-12:first-child .form-group{margin-bottom: 0;}
/*###############################################*/
                /*Global Pages*/
/*###############################################*/
.global_sec01{padding: 60px 0 30px;}
.global_sec01 .desc{}
.global_sec01 .desc h1, .global_sec01 .desc h2, .global_sec01 .desc h3, .global_sec01 .desc h4, .global_sec01 .desc h5, .global_sec01 .desc h6{font-weight: 700; color: #1a2a57; margin: 10px 0;}
.global_sec01 .desc h1{font-size: 30px;}
.global_sec01 .desc h2{font-size: 28px;}
.global_sec01 .desc h3{font-size: 26px;}
.global_sec01 .desc h4{font-size: 24px;}
.global_sec01 .desc h5{font-size: 22px;}
.global_sec01 .desc h6{font-size: 20px;}
.global_sec01 .desc p{}
.global_sec01 .desc ul, .global_sec01 .desc ol{margin: 10px 0 10px 25px;}
.global_sec01 .desc ul > li{font-size: 18px; line-height: 26px; padding: 5px 0; color: #414042; list-style: disc !important;}
.global_sec01 .desc ol > li{font-size: 18px; line-height: 26px; padding: 5px 0; color: #414042; list-style: number !important;}
.global_sec01 .desc a{color: #1a2a57;}
.global_sec01 .desc a:hover{color: #7db244;}
.global_sec01 .desc a.sec_btns{font-size: 16px; padding: 10px 20px; color: #fff; display: inline-block; background: #1a2a57; border: 1px solid #1a2a57; }
.global_sec01 .desc a.sec_btns:hover{background: transparent; color: #1a2a57;}


/*###############################################*/
                    /**/
/*###############################################*/
.contact_sec01.sec_home{padding: 80px 0 30px;}
.contact_sec01 .desc{margin: 0 0 50px;}
.contact_sec01 .desc h2{}
.contact_sec01 .desc h5{}
.contact_sec01 .desc p{}
.contact_sec01 .head{margin: 0 ;}
.contact_sec01 .head ul{}
.contact_sec01 .head ul > li{}
.contact_sec01 .head ul > li a{font-size: 20px;color: #414042;line-height: 24px;display: inline-block;padding: 10px 0;}
.contact_sec01 .head ul > li a i{margin-right: 15px;background: #1a2a57;border: 1px solid #1a2a57;border-radius: 50%;padding: 10px 12px;color: #fff;font-size: 28px;transition: all 0.3s ease;}
.contact_sec01 .head ul > li a:hover i{color: #54595f;}
.contact_sec01 .head ul > li a:hover{color: #1a2a57; }
.contact_sec01 .social_icon{margin: 25px 0 0; }
.contact_sec01 .social_icon ul{display: flex; align-items: center; gap: 0 25px; }
.contact_sec01 .social_icon ul > li{}
.contact_sec01 .social_icon ul > li a{background: #1a2a57; border: 1px solid #1a2a57; font-size: 26px; padding: 5px; color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 50px; height: 50px; }
.contact_sec01 .social_icon ul > li a:hover{color: #414042;}
.contact_sec01 .social_icon ul > li a i{}
.contact_sec01 .social_icon ul > li a:hover i{}
.contact_sec01 .cform{/*max-width: 75%; margin: 0 auto;*/}
.contact_sec01 .cform label{font-size: 16px;color: #54595f;font-weight: 600;}
.contact_sec01 .cform input[type=text], .contact_sec01 .cform input[type=email], .contact_sec01 .cform input[type=tel]{font-size: 16px;line-height: 26px;padding: 10px 10px;height: 50px;border: 2px solid #1a2a57;background: transparent;}
.contact_sec01 .cform select, .presc_sec02 .cform select option{font-size: 16px; line-height: 26px; padding: 10px 10px; height: 50px !important; border: 2px solid #7db244; background: transparent; }
.contact_sec01 .cform textarea{height: 100px;resize: none;font-size: 16px;line-height: 26px;padding: 10px 10px;border: 2px solid #1a2a57;background: transparent;}
.contact_sec01 .cform input[type=submit]{font-size: 16px;line-height: 26px;padding: 10px 10px;height: 50px;border: 2px solid #1a2a57;background: #1a2a57;color: #fff;max-width: 25%;margin: 0 auto;cursor: pointer;transition: all 0.3s ease;}
.contact_sec01 .cform input[type=submit]:hover{background: transparent; color: #1a2a57;}
.contact_sec01 .cform .wpcf7-not-valid-tip{display: none !important;}
.contact_sec02.sec_home{padding: 0;}
.contact_sec02 .col-md-12{padding: 0;}
/*###############################################*/
                    /*Blogs*/
/*###############################################*/
.blog_sec01 .row{align-items: center; justify-content: center;}
.blog_sec01 figure{margin: 0 0 50px;}
.blog_sec01 figure figcaption p{font-size: 18px; color: #fff;}
.blog_sec01 .pagination{align-items: center;justify-content: center;font-size: 18px;gap: 0 25px;font-weight: 500;}
.blog_sec01 .pagination span{}
.blog_sec01 .pagination span.current{background: #1a2a57;color: #fff;font-weight: 700;border: 1px solid #1a2a57;padding: 12px 18px;}
.blog_sec01 .pagination a{color: #414042;font-size: 18px;}
.blog_sec01 .pagination a:hover{color: #1a2a57;}
.blog_sec01 .sec_nofound{text-align: center;}
.blog_sec01 .sec_nofound span{font-size: 22px; font-family: "Archivo", serif; line-height: 26px; padding: 5px 0; color: #414042;}
.blog_sec01 .sec_nofound p{font-size: 18px}
/*###############################################*/
                    /*Blog Inner*/
/*###############################################*/
/*.sec_breadcrumb{background: #F5F8F5; padding: 15px 0;}
.sec_breadcrumb ul{display: flex; align-items: center;}
.sec_breadcrumb ul > li{font-size: 16px; font-weight: 600; font-family: "Nunito Sans", sans-serif; color: #000; text-transform: uppercase;}
.sec_breadcrumb ul > li strong{font-weight: 700;}
.sec_breadcrumb ul > li.separator{margin: 0 5px;}
.sec_breadcrumb ul > li a{color: #1a2a57;;}
.sec_breadcrumb ul > li a:hover{color: #0074B6;}*/

.blog_inner .pre_next{margin: 50px 0 0; }
.blog_inner .pre_next .navigation{}
.blog_inner .pre_next .navigation .nav-links{display: flex;/* align-items: center; */justify-content: space-between;gap: 10px;}
.blog_inner .pre_next .navigation .nav-links .nav-previous, .blog_inner .pre_next .navigation .nav-links .nav-next{flex: 0 0 48%;position: relative;}
.blog_inner .pre_next .navigation .nav-links .nav-previous::before{content:'\f053';position: absolute;font-family: 'FontAwesome';left: -20px;font-size: 22px;top: 2px;}
.blog_inner .pre_next .navigation .nav-links .nav-next::after{content:'\f054';position: absolute;font-family: 'FontAwesome';right: -18px;font-size: 22px;top: 2px;}
.blog_inner .pre_next .navigation .nav-links .nav-previous{text-align: left;}
.blog_inner .pre_next .navigation .nav-links .nav-next{text-align: right;}
.blog_inner .pre_next .nav-links span{font-size: 18px;font-weight: 700;line-height: 24px;color: #000;transition: all 0.3s linear;}
.blog_inner .pre_next .nav-links span i{ margin: 0 10px 0 0;}
.blog_inner .pre_next .nav-next span i{ margin: 0 0 0 10px;}
.blog_inner .pre_next .navigation .nav-links a{}
.blog_inner .pre_next .navigation .nav-links a:hover span{color: #1a2a57;}

.blog_inner figure{}
.blog_inner figure img{width: 100%; height: 400px; object-fit: cover; object-position: center;}
.blog_inner .update_date {margin: 10px 0;}
.blog_inner .update_date span {font-size: 16px; line-height: 22px; padding: 5px 0; color: #414042; font-weight: 600;}
.blog_inner .update_date span i {}

.blog_inner .desc{}
.blog_inner .desc h1, .blog_inner .desc h2, .blog_inner .desc h3, .blog_inner .desc h4, .blog_inner .desc h5, .blog_inner .desc h6{font-weight: 700; line-height: 36px; margin: 15px 0; }
.blog_inner .desc h1{font-size: 32px; margin-top: 0px;}
.blog_inner .desc h2{font-size: 30px; }
.blog_inner .desc h3{font-size: 28px; }
.blog_inner .desc h4{font-size: 26px;}
.blog_inner .desc h5{font-size: 24px;}
.blog_inner .desc h6{font-size: 22px;}
.blog_inner .desc p{font-size: 18px; line-height: 28px; }
.blog_inner .desc p img{border-radius: 16px;margin: 10px 0; outline: none; width: 100%;}
.blog_inner .desc p strong{font-weight: 600; }
.blog_inner .desc ul{margin: 0 0 0 15px; }
.blog_inner .desc ul > li{font-size: 18px; line-height: 28px; padding: 5px 0; color: #414042; list-style: disc !important; }
.blog_inner .desc ol{margin: 0 0 0 15px; }
.blog_inner .desc ol > li{font-size: 18px; line-height: 28px; padding: 5px 0; color: #414042; list-style: numeric !important; }
.blog_inner .desc a{color: #DD2127; }
.blog_inner .desc table{width: 100%; margin: 10px 0; padding: 30px 20px; /* border-radius: 16px; */ background: #F7F8F7; }
.blog_inner .desc table thead{}
.blog_inner .desc table thead tr{}
.blog_inner .desc table thead tr th{padding: 10px; border: 2px solid #E3E0D1; text-align: center; font-size: 14px; color: #313A3F; font-weight: 500; }
.blog_inner .desc table tbody{}
.blog_inner .desc table tbody tr{}
.blog_inner .desc table tbody tr td{border: 2px solid #E3E0D1; padding: 10px; text-align: center; font-size: 14px; font-family: "Nunito Sans", sans-serif; color: #767677; }
.blog_inner .detail{}
.blog_inner .sec_merge{margin: 20px 0 0;}
.blog_inner .detail span{font-size: 16px;}
.blog_inner .detail span i{margin: 0 5px; }

/*Megamenu*/
header .nav{padding: 20px 0;margin: 15px 0;}
header .nav::before{content:'';position: absolute;background: url(images/header_bg.png) no-repeat center/cover;width: 100%;height: 100%;top: 0;left: 0;right: 0;bottom: 0;margin: 0 auto;filter: brightness(0);}
header nav.nav #mega-menu-wrap-primary{background: transparent;}
header nav.nav ul.mega-menu{display: flex !important; align-items: center; justify-content: center; gap: 0 25px; }
header nav.nav ul.mega-menu > li.mega-menu-item{flex-grow: 1;}
header nav.nav ul.mega-menu > li.mega-menu-item a{font-size: 18px !important;letter-spacing: 1px;color: #fff !important;position: relative !important;}
header nav.nav ul.mega-menu > li.mega-menu-item a:hover{color: #1a2a57;}
header nav.nav ul.mega-menu > li.mega-menu-item a:hover::after{content:'';position: absolute;background: #1a2a57;width: 40%;height: 3px;left: 0;right: 0;margin: 0 auto;bottom: -10px;transition: all 0.3s ease;}
header nav.nav ul.mega-menu ul.mega-sub-menu{background: #1a2a57 !important; margin-top: 20px !important; }
header nav.nav ul.mega-menu ul.mega-sub-menu li{}
header nav.nav ul.mega-menu ul.mega-sub-menu li a{color: #fff !important;}
header nav.nav ul.mega-menu ul.mega-sub-menu li > ul{}
header nav.nav ul.mega-menu ul.mega-sub-menu li > ul > li a{}
header nav.nav ul.mega-menu ul.mega-sub-menu li > ul > li a:hover{}
header nav.nav ul.mega-menu ul.mega-sub-menu li::before{content:''; position: absolute; background: #000; width: 100%; height: 100%;}

/*Inner Post*/
.inner_sec01{}
.inner_sec01 .row{align-items: center;}
.inner_sec01 .row:last-child figure{margin: 0;}
.inner_sec01 figure{margin: 0 0 50px;}
.inner_sec01 figure img{width: 100%; height: 450px; object-fit: cover; object-position: center;}
.inner_sec01 .desc{}
.inner_sec01 .desc h2{}
.inner_sec01 .desc p{}

.inner_sec02{ background: #000;}
.inner_sec02 .head{margin: 0 0 75px;/* text-align: center; */}
.inner_sec02 .head h2{color: #fff;font-size: 66px;}
.inner_sec02 .head h5{color: #1a2a57; }
.inner_sec02 .boxes {overflow: hidden; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); position: relative; }
.inner_sec02 .boxes figure {position: relative; }
.inner_sec02 .boxes figure img {width: 100%;height: 500px;object-fit: cover;object-position: center;display: block;margin: 0 auto;}
.inner_sec02 .boxes figure::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #191919c4; /* Grey overlay */}
.inner_sec02 .boxes figure figcaption {position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 15px; color: #fff; text-align: center; z-index: 2; }
.inner_sec02 .boxes figure figcaption h5{font-size: 32px;font-weight: 700;color: #fff;}
.inner_sec02 .boxes figure figcaption p{font-size: 20px;padding: 10px 0;color: #fff; line-height: 32px; max-width: 75%;}
.inner_sec02 .boxes figure figcaption a{font-size: 16px;padding: 12px 50px;color: #fff;display: inline-block;background: #1a2a57;border: 1px solid #1a2a57;}
.inner_sec02 .boxes figure figcaption a:hover{background: transparent;color: #fff;border: 1px solid #fff;}


.inner_sec02{}
.inner_sec02 .head{}
.inner_sec02 .head h5{}
.inner_sec02 .head h2{}
.inner_sec02 .boxes{}
.inner_sec02 .boxes figure{}
.inner_sec02 .boxes figure img{}
.inner_sec02 .boxes figure figcaption h5{}
.inner_sec02 .boxes figure figcaption p{}

.inner_sec03{}
.home_sec03.home_02s figure figcaption h2{font-size: 22px;}
.home_sec03.home_02s figure figcaption h2 i{color: #1a2a57; margin-right: 15px;}
.home_02s {padding-top: 40px;}


/*=========================*/
.sec_homes {max-width: 55%; margin: 0 auto; background-color: white; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); width: 100%; /* max-width: 800px; */ /* overflow: hidden; */ margin-top: 50px;  margin-bottom: 80px;}
.sec_homes .head {background: #1a2a57; color: white; padding: 25px 30px; text-align: center; position: relative; border-top-left-radius: 12px; border-top-right-radius: 12px;}
.sec_homes .head h1 {font-size: 36px; margin-bottom: 10px; font-weight: 600; }
.sec_homes .head p {/* opacity: 0.9; */ /* font-size: 16px; */ color: #fff;}
.sec_homes .step-indicator {display: flex; justify-content: center; margin-top: 20px; gap: 30px; }
.sec_homes .step {display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 18px; } 
.sec_homes .step-circle {width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; font-weight: bold; transition: all 0.3s; } 
.sec_homes .step.active .step-circle {background: white; color: #1a2a57; } 
.sec_homes .active .step-label{opacity: 1;} 
.sec_homes .step-label {font-size: 16px; opacity: 0.8; } 
.sec_homes .form-container {padding: 30px; } 
.sec_homes .form-step {display: none; } 
.sec_homes .form-step.active {display: block; } 
.sec_homes .input-row {display: flex; gap: 15px; margin-bottom: 25px; } 
.sec_homes .input-group {flex: 1; position: relative; align-items: center; justify-content: stretch; } 
.sec_homes .input-group label {display: block; margin-bottom: 8px; font-weight: 600; color: #1a2a57; font-size: 18px; } 
.sec_homes .input-wrapper {position: relative; width: 100%; } 
.sec_homes .input-group input, .input-group select {width: 100%; padding: 14px 15px 14px 45px; border: 2px solid #e1e1e1; border-radius: 8px; font-size: 16px; transition: all 0.3s; background-color: #f9f9f9; } 
.sec_homes .input-group input:focus, .input-group select:focus {border-color: #1a2a57; outline: none; background-color: white; box-shadow: 0 0 0 3px rgba(26, 42, 87, 0.1); } 
.sec_homes .input-icon {position: absolute; left: 15px; top: 14px; color: #1a2a57; z-index: 2; font-size: 18px;} 
.sec_homes .suggestions-dropdown {position: absolute; top: 100%; left: 0; right: 0; background: white; border: 1px solid #e1e1e1; border-top: none; border-radius: 0 0 8px 8px; max-height: 200px; overflow-y: auto; z-index: 100; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); display: none; } 
.sec_homes .suggestion-item {padding: 12px 15px; cursor: pointer; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; gap: 10px; } 
.sec_homes .suggestion-item:hover, .suggestion-item.active {background-color: #f5f7ff; } 
.sec_homes .suggestion-item i {color: #1a2a57; font-size: 14px; } 
.sec_homes .suggestion-text {font-size: 14px; } 
.sec_homes .suggestion-main {font-weight: 500; } 
.sec_homes .suggestion-secondary {color: #666; font-size: 13px; } 
.sec_homes .swap-button {background: #f0f2f7; border: none; border-radius: 8px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-top: 28px; transition: all 0.3s; outline: none !important; } 
.sec_homes .swap-button:hover {background: #e1e6f0; transform: rotate(90deg); } 
.sec_homes .swap-button i {color: #1a2a57; font-size: 18px; } 
.sec_homes .btn-group {display: flex; justify-content: space-between; margin-top: 30px; } 
.sec_homes .btn {padding: 14px 30px; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; gap: 10px; } 
.sec_homes .btn-prev {background: #f0f2f7; color: #1a2a57; } .btn-prev:hover {background: #e1e6f0; } 
.sec_homes .btn-next, .btn-confirm {background: #1a2a57; color: white; } 
.sec_homes #calculateBtn{text-align: center; display: block; margin: 0 auto; margin-bottom: 15px; } 
.sec_homes .btn-next:hover, .btn-confirm:hover {background: #2c3e6e; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(26, 42, 87, 0.3); } 
.sec_homes .btn:disabled {background: #a0a8c0; cursor: not-allowed; transform: none; box-shadow: none; } 
.sec_homes .result-container {background: linear-gradient(to right, #f5f7fa, #e4edfb); border-radius: 12px; padding: 25px; margin-bottom: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } 
.sec_homes .result-title {font-size: 18px; color: #1a2a57; margin-bottom: 15px; font-weight: 600; } 
.sec_homes .distance {font-size: 42px; font-weight: 700; color: #1a2a57; margin-bottom: 10px; } 
.sec_homes .duration {font-size: 18px; color: #2c3e6e; margin-bottom: 20px; } 
.sec_homes .route-info {display: flex; justify-content: space-between; margin-top: 20px; padding-top: 20px; border-top: 1px dashed #ccc; } 
.sec_homes .location {text-align: center; flex: 1; } 
.sec_homes .location i {font-size: 24px; color: #1a2a57; margin-bottom: 10px; } 
.sec_homes .location-name {font-weight: 600; color: #333; font-size: 14px; } 
.sec_homes .location-address {font-size: 14px; color: #666; margin-top: 5px; } 
.sec_homes .price-summary {background: #f8f9fa; border-radius: 10px; padding: 20px; margin-top: 20px; } 
.sec_homes .price-row {display: flex; justify-content: space-between; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; } 
.sec_homes .price-total {font-weight: bold; font-size: 18px; color: #1a2a57; margin-top: 10px; padding-top: 10px; border-top: 2px solid #dee2e6; } 
.sec_homes .passenger-options {display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 20px; } 
.sec_homes .passenger-option {border: 2px solid #e1e1e1; border-radius: 10px; padding: 20px; text-align: center; cursor: pointer; transition: all 0.3s; } 
.sec_homes .passenger-option:hover {border-color: #1a2a57; } 
.sec_homes .passenger-option.selected {border-color: #1a2a57; background-color: #f5f7ff; } 
.sec_homes .passenger-icon {font-size: 24px; color: #1a2a57; margin-bottom: 10px; } 
.sec_homes .passenger-count {font-weight: bold; font-size: 18px; margin-bottom: 5px; } 
.sec_homes .passenger-label {font-size: 14px; color: #666; } 
.sec_homes .payment-options {display: grid; grid-template-columns: 1fr; gap: 15px; margin-top: 20px; } 
.sec_homes .payment-option {border: 2px solid #e1e1e1; border-radius: 10px; padding: 20px; display: flex; align-items: center; gap: 15px; cursor: pointer; transition: all 0.3s; } 
.sec_homes .payment-option:hover {border-color: #1a2a57; } 
.sec_homes .payment-option.selected {border-color: #1a2a57; background-color: #f5f7ff; } 
.sec_homes .payment-icon {font-size: 24px; color: #1a2a57; } 
.sec_homes .payment-details {flex: 1; } 
.sec_homes .payment-name {font-weight: bold; font-size: 16px; margin-bottom: 5px; } 
.sec_homes .payment-desc {font-size: 14px; color: #666; } 
.sec_homes .loading {display: none; text-align: center; padding: 20px; } 
.sec_homes .loading-spinner {border: 5px solid #f3f3f3; border-top: 5px solid #1a2a57; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; margin: 0 auto 15px; } 
@keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 
.sec_homes .error-message {color: #e74c3c; text-align: center; padding: 15px; background-color: #ffeaea; border-radius: 10px; margin-top: 20px; display: none; font-size: 16px; } 
.sec_homes .api-info {text-align: center; margin-top: 20px; font-size: 14px; color: #666; } 
.sec_homes .api-key-container {padding: 0 30px 20px; } 
.sec_homes .api-key-input {width: 100%; padding: 12px 15px; border: 2px solid #e1e1e1; border-radius: 8px; font-size: 14px; margin-bottom: 10px; } 
.sec_homes .api-key-input:focus {border-color: #1a2a57; outline: none; } 
.sec_homes .api-key-info {font-size: 12px; color: #666; text-align: center; } 
.sec_homes .api-key-info a {color: #1a2a57; } /* Confirmation Modal Styles */ 
.sec_homes .confirmation-modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999999; align-items: center; justify-content: center; animation: fadeIn 0.3s ease; } 
.sec_homes .confirmation-modal.active {display: flex; } 
.sec_homes .confirmation-content {background: white; border-radius: 20px; padding: 40px; max-width: 500px; width: 90%; text-align: center; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); transform: scale(0.9); animation: scaleIn 0.3s ease forwards; position: relative; } 
.sec_homes .confirmation-icon {width: 80px; height: 80px; background: #4CAF50; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; animation: bounceIn 0.6s ease; } 
.sec_homes .confirmation-icon i {color: white; font-size: 40px; } 
.sec_homes .confirmation-title {font-size: 28px; font-weight: 700; color: #1a2a57; margin-bottom: 15px; } 
.sec_homes .confirmation-message {font-size: 16px; color: #666; margin-bottom: 25px; line-height: 1.6; } 
.sec_homes .booking-details {background: #f8f9fa; border-radius: 12px; padding: 20px; margin: 20px 0; text-align: left; } 
.sec_homes .detail-row {display: flex; justify-content: space-between; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; } 
.sec_homes .detail-row:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none; } 
.sec_homes .detail-label {font-weight: 600; color: #333; } .detail-value {color: #1a2a57; font-weight: 500; } 
.sec_homes .confirmation-buttons {display: flex; gap: 15px; justify-content: center; margin-top: 25px; } 
.sec_homes .btn-close {background: #1a2a57; color: white; border: none; padding: 12px 30px; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s; } 
.sec_homes .btn-close:hover {background: #2c3e6e; transform: translateY(-2px); } 
.sec_homes .btn-new-booking {background: #4CAF50; color: white; border: none; padding: 12px 30px; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s; } 
.sec_homes .btn-new-booking:hover {background: #45a049; transform: translateY(-2px); } 
/* Payment Processing Modal */ 
.sec_homes .payment-processing {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1001; align-items: center; justify-content: center; } 
.sec_homes .payment-processing.active {display: flex; } 
.sec_homes .payment-content {background: white; border-radius: 20px; padding: 40px; max-width: 400px; width: 90%; text-align: center; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); } 
.sec_homes .payment-icon-processing {width: 80px; height: 80px; background: #1a2a57; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } 
.sec_homes .payment-icon-processing i {color: white; font-size: 40px; } 
.sec_homes .payment-title {font-size: 24px; font-weight: 700; color: #1a2a57; margin-bottom: 15px; } 
.sec_homes .payment-message {font-size: 16px; color: #666; margin-bottom: 20px; line-height: 1.6; } 
.sec_homes  .countdown {font-size: 18px; font-weight: 600; color: #1a2a57; margin-top: 20px; } 
@keyframes fadeIn {from { opacity: 0; } to { opacity: 1; } } 
@keyframes scaleIn {from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } } 
@keyframes bounceIn {0% { transform: scale(0.3); opacity: 0; } 50% { transform: scale(1.1); opacity: 1; } 70% { transform: scale(0.9); } 100% { transform: scale(1); opacity: 1; } } 
@media (max-width: 768px) {
.input-row {flex-direction: column; } 
.sec_homes .swap-button {align-self: center; margin-top: 0; transform: rotate(90deg); } 
.sec_homes .head h1 {font-size: 24px; } 
.sec_homes .form-container {padding: 20px; } 
.sec_homes .distance {font-size: 36px; } 
.sec_homes .passenger-options {grid-template-columns: 1fr; } 
.sec_homes .btn-group {flex-direction: column; gap: 10px; } 
.sec_homes .btn {width: 100%; justify-content: center; }
.sec_homes .confirmation-content {padding: 30px 20px; } 
.sec_homes .confirmation-buttons {flex-direction: column; } 

}

/*Ver 2.0*/
        .sec_homes {max-width: 55%; margin: 0 auto; background-color: white; border-radius: 12px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2); width: 100%; margin-top: 50px;  margin-bottom: 80px;}
        .sec_homes .head {background: #1a2a57; color: white; padding: 25px 30px; text-align: center; position: relative; border-top-left-radius: 12px; border-top-right-radius: 12px;}
        .sec_homes .head h1 {font-size: 36px; margin-bottom: 10px; font-weight: 600; }
        .sec_homes .head p {color: #fff;}
        .sec_homes .step-indicator {display: flex; justify-content: center; margin-top: 20px; gap: 30px; }
        .sec_homes .step {display: flex; flex-direction: column; align-items: center; gap: 8px; font-size: 18px; } 
        .sec_homes .step-circle {width: 40px; height: 40px; border-radius: 50%; background: rgba(255, 255, 255, 0.2); display: flex; align-items: center; justify-content: center; font-weight: bold; transition: all 0.3s; } 
        .sec_homes .step.active .step-circle {background: white; color: #1a2a57; } 
        .sec_homes .active .step-label{opacity: 1;} 
        .sec_homes .step-label {font-size: 16px; opacity: 0.8; } 
        .sec_homes .form-container {padding: 30px; } 
        .sec_homes .form-step {display: none; } 
        .sec_homes .form-step.active {display: block; } 
        .sec_homes .input-row {display: flex; gap: 15px; margin-bottom: 25px; } 
        .sec_homes .input-group {flex: 1; position: relative; align-items: center; justify-content: stretch; } 
        .sec_homes .input-group label {display: block; margin-bottom: 8px; font-weight: 600; color: #1a2a57; font-size: 18px; } 
        .sec_homes .input-wrapper {position: relative; width: 100%; } 
        .sec_homes .input-group input, .input-group select, .input-group textarea {width: 100%; padding: 14px 15px 14px 45px; border: 2px solid #e1e1e1; border-radius: 8px; font-size: 16px; transition: all 0.3s; background-color: #f9f9f9; } 
        .sec_homes .input-group input:focus, .input-group select:focus, .input-group textarea:focus {border-color: #1a2a57; outline: none; background-color: white; box-shadow: 0 0 0 3px rgba(26, 42, 87, 0.1); } 
        .sec_homes .input-icon {position: absolute; left: 15px; top: 14px; color: #1a2a57; z-index: 2; font-size: 18px;} 
        .sec_homes .suggestions-dropdown {position: absolute; top: 100%; left: 0; right: 0; background: white; border: 1px solid #e1e1e1; border-top: none; border-radius: 0 0 8px 8px; max-height: 200px; overflow-y: auto; z-index: 100; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); display: none; } 
        .sec_homes .suggestion-item {padding: 12px 15px; cursor: pointer; border-bottom: 1px solid #f0f0f0; display: flex; align-items: center; gap: 10px; } 
        .sec_homes .suggestion-item:hover, .suggestion-item.active {background-color: #f5f7ff; } 
        .sec_homes .suggestion-item i {color: #1a2a57; font-size: 14px; } 
        .sec_homes .suggestion-text {font-size: 14px; } 
        .sec_homes .suggestion-main {font-weight: 500; } 
        .sec_homes .suggestion-secondary {color: #666; font-size: 13px; } 
        .sec_homes .swap-button {background: #f0f2f7; border: none; border-radius: 8px; width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; cursor: pointer; margin-top: 28px; transition: all 0.3s; outline: none !important; } 
        .sec_homes .swap-button:hover {background: #e1e6f0; transform: rotate(90deg); } 
        .sec_homes .swap-button i {color: #1a2a57; font-size: 18px; } 
        .sec_homes .btn-group {display: flex; justify-content: space-between; margin-top: 30px; } 
        .sec_homes .btn {padding: 14px 30px; border: none; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s; display: flex; align-items: center; gap: 10px; } 
        .sec_homes .btn-prev {background: #f0f2f7; color: #1a2a57; } .btn-prev:hover {background: #e1e6f0; } 
        .sec_homes .btn-next, .btn-confirm {background: #1a2a57; color: white; } 
        .sec_homes #calculateBtn{text-align: center; display: block; margin: 0 auto; margin-bottom: 15px; } 
        .sec_homes .btn-next:hover, .btn-confirm:hover {background: #2c3e6e; transform: translateY(-2px); box-shadow: 0 5px 15px rgba(26, 42, 87, 0.3); } 
        .sec_homes .btn:disabled {background: #a0a8c0; cursor: not-allowed; transform: none; box-shadow: none; } 
        .sec_homes .result-container {background: linear-gradient(to right, #f5f7fa, #e4edfb); border-radius: 12px; padding: 25px; margin-bottom: 25px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); } 
        .sec_homes .result-title {font-size: 18px; color: #1a2a57; margin-bottom: 15px; font-weight: 600; } 
        .sec_homes .distance {font-size: 42px; font-weight: 700; color: #1a2a57; margin-bottom: 10px; } 
        .sec_homes .duration {font-size: 18px; color: #2c3e6e; margin-bottom: 20px; } 
        .sec_homes .route-info {display: flex; justify-content: space-between; margin-top: 20px; padding-top: 20px; border-top: 1px dashed #ccc; } 
        .sec_homes .location {text-align: center; flex: 1; } 
        .sec_homes .location i {font-size: 24px; color: #1a2a57; margin-bottom: 10px; } 
        .sec_homes .location-name {font-weight: 600; color: #333; font-size: 14px; } 
        .sec_homes .location-address {font-size: 14px; color: #666; margin-top: 5px; } 
        .sec_homes .price-summary {background: #f8f9fa; border-radius: 10px; padding: 20px; margin-top: 20px; } 
        .sec_homes .price-row {display: flex; justify-content: space-between; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; } 
        .sec_homes .price-total {font-weight: bold; font-size: 18px; color: #1a2a57; margin-top: 10px; padding-top: 10px; border-top: 2px solid #dee2e6; } 
        .sec_homes .passenger-options {display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-top: 20px; } 
        .sec_homes .passenger-option {border: 2px solid #e1e1e1; border-radius: 10px; padding: 20px; text-align: center; cursor: pointer; transition: all 0.3s; } 
        .sec_homes .passenger-option:hover {border-color: #1a2a57; } 
        .sec_homes .passenger-option.selected {border-color: #1a2a57; background-color: #f5f7ff; } 
        .sec_homes .passenger-icon {font-size: 24px; color: #1a2a57; margin-bottom: 10px; } 
        .sec_homes .passenger-count {font-weight: bold; font-size: 18px; margin-bottom: 5px; } 
        .sec_homes .passenger-label {font-size: 14px; color: #666; } 
        .sec_homes .payment-options {display: grid; grid-template-columns: 1fr; gap: 15px; margin-top: 20px; } 
        .sec_homes .payment-option {border: 2px solid #e1e1e1; border-radius: 10px; padding: 20px; display: flex; align-items: center; gap: 15px; cursor: pointer; transition: all 0.3s; } 
        .sec_homes .payment-option:hover {border-color: #1a2a57; } 
        .sec_homes .payment-option.selected {border-color: #1a2a57; background-color: #f5f7ff; } 
        .sec_homes .payment-icon {font-size: 24px; color: #1a2a57; } 
        .sec_homes .payment-details {flex: 1; } 
        .sec_homes .payment-name {font-weight: bold; font-size: 16px; margin-bottom: 5px; } 
        .sec_homes .payment-desc {font-size: 14px; color: #666; } 
        .sec_homes .loading {display: none; text-align: center; padding: 20px; } 
        .sec_homes .loading-spinner {border: 5px solid #f3f3f3; border-top: 5px solid #1a2a57; border-radius: 50%; width: 50px; height: 50px; animation: spin 1s linear infinite; margin: 0 auto 15px; } 
        @keyframes spin {0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } 
        .sec_homes .error-message {color: #e74c3c; text-align: center; padding: 15px; background-color: #ffeaea; border-radius: 10px; margin-top: 20px; display: none; font-size: 16px; } 
        .sec_homes .api-info {text-align: center; margin-top: 20px; font-size: 14px; color: #666; } 
        .sec_homes .api-key-container {padding: 0 30px 20px; } 
        .sec_homes .api-key-input {width: 100%; padding: 12px 15px; border: 2px solid #e1e1e1; border-radius: 8px; font-size: 14px; margin-bottom: 10px; } 
        .sec_homes .api-key-input:focus {border-color: #1a2a57; outline: none; } 
        .sec_homes .api-key-info {font-size: 12px; color: #666; text-align: center; } 
        .sec_homes .api-key-info a {color: #1a2a57; } 
        /* Confirmation Modal Styles */ 
        .sec_homes .confirmation-modal {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 9999999; align-items: center; justify-content: center; animation: fadeIn 0.3s ease; } 
        .sec_homes .confirmation-modal.active {display: flex; } 
        .sec_homes .confirmation-content {background: white; border-radius: 20px; padding: 40px; max-width: 500px; width: 90%; text-align: center; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3); transform: scale(0.9); animation: scaleIn 0.3s ease forwards; position: relative; } 
        .sec_homes .confirmation-icon {width: 80px; height: 80px; background: #4CAF50; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; animation: bounceIn 0.6s ease; } 
        .sec_homes .confirmation-icon i {color: white; font-size: 40px; } 
        .sec_homes .confirmation-title {font-size: 28px; font-weight: 700; color: #1a2a57; margin-bottom: 15px; } 
        .sec_homes .confirmation-message {font-size: 16px; color: #666; margin-bottom: 25px; line-height: 1.6; } 
        .sec_homes .booking-details {background: #f8f9fa; border-radius: 12px; padding: 20px; margin: 20px 0; text-align: left; } 
        .sec_homes .detail-row {display: flex; justify-content: space-between; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px solid #e9ecef; } 
        .sec_homes .detail-row:last-child {margin-bottom: 0; padding-bottom: 0; border-bottom: none; } 
        .sec_homes .detail-label {font-weight: 600; color: #333; } .detail-value {color: #1a2a57; font-weight: 500; } 
        .sec_homes .confirmation-buttons {display: flex; gap: 15px; justify-content: center; margin-top: 25px; } 
        .sec_homes .btn-close {background: #1a2a57; color: white; border: none; padding: 12px 30px; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s; } 
        .sec_homes .btn-close:hover {background: #2c3e6e; transform: translateY(-2px); } 
        .sec_homes .btn-new-booking {background: #4CAF50; color: white; border: none; padding: 12px 30px; border-radius: 8px; font-size: 16px; font-weight: 600; cursor: pointer; transition: all 0.3s; } 
        .sec_homes .btn-new-booking:hover {background: #45a049; transform: translateY(-2px); } 
        /* Payment Processing Modal */ 
        .sec_homes .payment-processing {display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1001; align-items: center; justify-content: center; } 
        .sec_homes .payment-processing.active {display: flex; } 
        .sec_homes .payment-content {background: white; border-radius: 20px; padding: 40px; max-width: 400px; width: 90%; text-align: center; box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4); } 
        .sec_homes .payment-icon-processing {width: 80px; height: 80px; background: #1a2a57; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; } 
        .sec_homes .payment-icon-processing i {color: white; font-size: 40px; } 
        .sec_homes .payment-title {font-size: 24px; font-weight: 700; color: #1a2a57; margin-bottom: 15px; } 
        .sec_homes .payment-message {font-size: 16px; color: #666; margin-bottom: 20px; line-height: 1.6; } 
        .sec_homes  .countdown {font-size: 18px; font-weight: 600; color: #1a2a57; margin-top: 20px; } 
        @keyframes fadeIn {from { opacity: 0; } to { opacity: 1; } } 
        @keyframes scaleIn {from { transform: scale(0.9); opacity: 0; } to { transform: scale(1); opacity: 1; } } 
        @keyframes bounceIn {0% { transform: scale(0.3); opacity: 0; } 50% { transform: scale(1.1); opacity: 1; } 70% { transform: scale(0.9); } 100% { transform: scale(1); opacity: 1; } } 
        
        /* New styles for trip type and passenger details */
        .sec_homes .trip-type-options {display: flex; gap: 15px; margin-bottom: 25px; }
        .sec_homes .trip-type-option {flex: 1; border: 2px solid #e1e1e1; border-radius: 10px; padding: 20px; text-align: center; cursor: pointer; transition: all 0.3s; }
        .sec_homes .trip-type-option:hover {border-color: #1a2a57; }
        .sec_homes .trip-type-option.selected {border-color: #1a2a57; background-color: #f5f7ff; }
        .sec_homes .trip-type-icon {font-size: 24px; color: #1a2a57; margin-bottom: 10px; }
        .sec_homes .trip-type-label {font-weight: bold; font-size: 16px; }
        .sec_homes .trip-details {display: none; margin-top: 20px; }
        .sec_homes .trip-details.active {display: block; }
        .sec_homes .passenger-details {margin-top: 25px; }
        .sec_homes .passenger-details h3 {margin-bottom: 15px; color: #1a2a57; }
        .sec_homes .passenger-details .input-row {margin-bottom: 15px; }
        .sec_homes .passenger-details textarea {min-height: 100px; resize: vertical; }
        
        @media (max-width: 768px) {
            .input-row {flex-direction: column; } 
            .sec_homes .swap-button {align-self: center; margin-top: 0; transform: rotate(90deg); } 
            .sec_homes .head h1 {font-size: 24px; } 
            .sec_homes .form-container {padding: 20px; } 
            .sec_homes .distance {font-size: 36px; } 
            .sec_homes .passenger-options {grid-template-columns: 1fr; } 
            .sec_homes .btn-group {flex-direction: column; gap: 10px; } 
            .sec_homes .btn {width: 100%; justify-content: center; }
            .sec_homes .confirmation-content {padding: 30px 20px; } 
            .sec_homes .confirmation-buttons {flex-direction: column; } 
            .sec_homes .trip-type-options {flex-direction: column; }
        }
        
        /* Contact Options Styles */
.sec_homes .contact-options {
    display: flex;
    gap: 15px;
    margin: 25px 0;
    flex-wrap: wrap;
}

.sec_homes .contact-option {
    flex: 1;
    min-width: 200px;
    border: 2px solid #e1e1e1;
    border-radius: 10px;
    padding: 20px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s;
    background: white;
    text-decoration: none;
    color: inherit;
}

.sec_homes .contact-option:hover {
    border-color: #1a2a57;
    background-color: #f5f7ff;
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.sec_homes .contact-icon {
    font-size: 24px;
    color: #1a2a57;
    margin-bottom: 10px;
}

.sec_homes .contact-label {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 5px;
    color: #1a2a57;
}

.sec_homes .contact-value {
    font-size: 14px;
    color: #666;
}

/* Phone specific styles */
.sec_homes .contact-option.phone:hover {
    border-color: #28a745;
    background-color: #f0fff4;
}

.sec_homes .contact-option.phone .contact-icon {
    color: #28a745;
}

/* WhatsApp specific styles */
.sec_homes .contact-option.whatsapp:hover {
    border-color: #25D366;
    background-color: #f0fff4;
}

.sec_homes .contact-option.whatsapp .contact-icon {
    color: #25D366;
}

/* Email specific styles */
.sec_homes .contact-option.email:hover {
    border-color: #dc3545;
    background-color: #fff5f5;
}

.sec_homes .contact-option.email .contact-icon {
    color: #dc3545;
}

@media (max-width: 768px) {
    .sec_homes .contact-options {
        flex-direction: column;
    }
    
    .sec_homes .contact-option {
        min-width: auto;
    }
}



/* Stripe Payment Form Styles */
/* Stripe Payment Form Styles */
.stripe-payment-form {
    margin-top: 20px;
    padding: 25px;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    background: #fafafa;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
}

.stripe-payment-form h3 {
    color: #1a2a57;
    margin-bottom: 20px;
    font-size: 1.3em;
    border-bottom: 2px solid #1a2a57;
    padding-bottom: 10px;
}

.stripe-elements {
    margin-bottom: 20px;
}

/* FIXED: Stripe Card Element Container */
.stripe-card-element-container {
    padding: 12px 15px;
    border: 1px solid #ddd;
    border-radius: 6px;
    background: white;
    transition: all 0.3s ease;
    min-height: 45px;
}

.stripe-card-element-container.StripeElement--focus {
    border-color: #1a2a57;
    box-shadow: 0 0 0 2px rgba(26, 42, 87, 0.2);
    outline: none;
}

.stripe-card-element-container.StripeElement--invalid {
    border-color: #e74c3c;
    box-shadow: 0 0 0 2px rgba(231, 76, 60, 0.2);
}

.stripe-card-element-container.StripeElement--complete {
    border-color: #27ae60;
}

/* FIXED: Stripe Element Base Styles - DO NOT OVERRIDE THESE */
.StripeElement {
    box-sizing: border-box;
    height: 40px;
    padding: 10px 12px;
    border: none;
    border-radius: 4px;
    background-color: white;
    box-shadow: none;
}

.StripeElement--focus {
    outline: none;
    box-shadow: none;
}

.StripeElement--invalid {
    border-color: #fa755a;
}

.StripeElement--webkit-autofill {
    background-color: #fefde5 !important;
}

/* FIXED: Ensure input text is visible */
.StripeElement input {
    color: #32325d !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
}

.StripeElement .InputElement {
    color: #32325d !important;
    font-size: 16px !important;
    padding: 0 !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
}

/* Card errors styling */
#card-errors {
    background: #fee;
    border: 1px solid #e74c3c;
    border-radius: 6px;
    padding: 12px 15px;
    color: #e74c3c;
    font-size: 14px;
    margin-top: 10px;
    min-height: 20px;
}

#card-errors:empty {
    display: none;
}

/* Stripe form input groups */
.stripe-payment-form .input-group {
    margin-bottom: 20px;
}

.stripe-payment-form .input-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    color: #333;
}

.stripe-payment-form .input-wrapper {
    position: relative;
}

.stripe-payment-form .input-icon {
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
    color: #666;
    z-index: 2;
}

.stripe-payment-form #cardholder-name {
    padding: 12px 15px 12px 45px;
    border: 1px solid #ddd;
    border-radius: 6px;
    width: 100%;
    font-size: 16px;
    transition: all 0.3s ease;
    background: white;
    color: #333;
    box-sizing: border-box;
}

.stripe-payment-form #cardholder-name:focus {
    border-color: #1a2a57;
    box-shadow: 0 0 0 2px rgba(26, 42, 87, 0.2);
    outline: none;
}

.stripe-payment-form #cardholder-name::placeholder {
    color: #999;
    opacity: 1;
}

/* Stripe form buttons */
.stripe-payment-form .btn-group {
    display: flex;
    gap: 15px;
    margin-top: 25px;
}

.stripe-payment-form .btn-prev {
    background: #6c757d;
    border: none;
    padding: 12px 25px;
    color: white;
    border-radius: 6px;
    cursor: pointer;
}

.stripe-payment-form .btn-prev:hover {
    background: #5a6268;
}

.stripe-payment-form .btn-confirm {
    background: #27ae60;
    border: none;
    padding: 12px 25px;
    flex: 1;
    color: white;
    border-radius: 6px;
    cursor: pointer;
    font-size: 16px;
}

.stripe-payment-form .btn-confirm:hover {
    background: #219653;
}

.stripe-payment-form .btn-confirm:disabled {
    background: #95a5a6;
    cursor: not-allowed;
}

/* Loading state for Stripe button */
.stripe-payment-form .btn-confirm .fa-spinner {
    margin-right: 8px;
}

/* Additional fixes for better visibility */
.stripe-payment-form .InputContainer {
    background: transparent !important;
}

.stripe-payment-form .CardField {
    color: #32325d !important;
}

.stripe-payment-form .CardField-input {
    color: #32325d !important;
    font-size: 16px !important;
}

/* Promo Code Styles */
.promo-code-section {
    margin-top: 20px;
    padding: 15px;
    background: #f8f9fa;
    border-radius: 8px;
    border: 1px solid #e9ecef;
}

.promo-code-section h4 {
    margin-bottom: 10px;
    color: #1a2a57;
    font-size: 16px;
}

.promo-input-group {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.promo-input-group .input-wrapper {
    display: flex;
    position: relative;
}

.promo-input-group .input-icon {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #6c757d;
    z-index: 2;
}

#promoCode {
    flex: 1;
    padding: 10px 15px 10px 40px;
    border: 1px solid #ddd;
    border-radius: 6px 0 0 6px;
    font-size: 14px;
    border-right: none;
}

.btn-apply-promo {
    padding: 10px 20px;
    background: #1a2a57;
    color: white;
    border: 1px solid #1a2a57;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: 500;
    transition: background 0.3s;
}

.btn-apply-promo:hover {
    background: #0d1b3d;
}

.btn-apply-promo:disabled {
    background: #6c757d;
    cursor: not-allowed;
}

.promo-message {
    font-size: 13px;
    padding: 5px 0;
    min-height: 20px;
}

.promo-message.success {
    color: #27ae60;
}

.promo-message.error {
    color: #e74c3c;
}

/* Discount row styling */
.discount-row {
    color: #27ae60;
    font-weight: 500;
}

.price-row.discount-row span:last-child {
    color: #27ae60;
    font-weight: bold;
}

@media (max-width: 768px) {
    .promo-input-group .input-wrapper {
        flex-direction: column;
    }
    
    #promoCode {
        border-radius: 6px;
        border-right: 1px solid #ddd;
        margin-bottom: 8px;
    }
    
    .btn-apply-promo {
        border-radius: 6px;
        width: 100%;
    }
}
/*###############################################*/
                /*Exit Intent*/
/*###############################################*/
.exit_popup {position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 99999999; display: flex; align-items: center; justify-content: center;background: rgba(33, 33, 33, 0.8); transform: translateY(60%) scale(0); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.exit_popup.visible {transform: translateY(0) scale(1); }
.exit_popup .exit_desc{/* display: flex; *//* align-items: center; *//* justify-content: center; *//* gap: 25px; */max-width: 55%;margin: 0 auto;background: #1a2a57;padding: 50px 35px;border: 1px solid #1a2a57;border-radius: 0;position: relative;}
.exit_popup .exit_desc .row{align-items: center;}
.exit_popup .exit_desc .desc{
    text-align: center;
}
.exit_popup .exit_desc .desc h2{font-size: 56px;font-weight: 700;color: #fff;line-height: 42px;}
.exit_popup .exit_desc .desc.sec_pay h2{font-size: 32px;}
.exit_popup .exit_desc .desc p{font-size: 24px;line-height: 35px;max-width: 80%;display: block;margin: 0 auto;margin-top: 20px;margin-bottom: 20px;color: #fff;}
.exit_popup .exit_desc .desc p strong{/* color: #000; */}
.exit_popup .exit_desc .btns a{font-size: 18px;font-weight: 700;color: #1a2a57;display: block;max-width: 35%;margin: 0 auto;text-align: center;background: #fff;border: 1px solid #fff;padding: 16px 32px;line-height: 20px;}
.exit_popup .exit_desc .btns a:hover{background: transparent;color: #fff;}
.exit_popup .closed_btn{margin: 0 0 10px;}
.exit_popup span.close_btn{position: absolute;background: transparent url('images/close-button.jpg') no-repeat;color: #000;width: 29px;height: 29px;top: -35px;right: 0;cursor: pointer;}
.exit_popup .exit_desc .head{flex: 0 0 30%; }
.exit_popup .exit_desc .head figure{}
.exit_popup .exit_desc .head img{}
.exit_popup .exit_desc .head figcaption p{}
.exit_popup .exit_desc .btns{/* display: flex; */align-items: center;justify-content: space-between;}
.exit_popup span.close_btn{position: absolute;/* background: transparent url('images/close-button.jpg') no-repeat; */color: #000;/* width: 29px; *//* height: 29px; */top: -35px;right: 0;cursor: pointer;}
.exit_popup span.close_btn i{
    font-size: 32px;
    color: #fff;
}
/*###################################################################################################*/