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

/*
font-family: 'Poppins', sans-serif;
*/


body{ padding:0; margin:0; font-size:15px; color:#636363; font-family: 'Poppins', sans-serif;}
a, button{outline:none !important; text-decoration:none; box-shadow:none;
transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%; height:auto;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important;}
input, select, textarea, button{ outline:none !important; box-shadow:none;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}

.container{ width:90%; max-width:1270px; margin:0 auto; padding:0;}

p{ font-size:15px; color:#636363;}
p a{ color:#636363;}
p a:hover{ color:#064089;}

.title{ padding: 0; margin: 0 0 40px 0; font-size: 50px; color: #0c0b09; font-weight: 700;}
.title_2{ padding: 0; margin: 0 0 30px 0; font-size: 26px; color: #043168; font-weight: 600; line-height: normal;}

.btns{ padding: 15px 30px; margin: 0; display: inline-block; font-size: 15px; color: #fff; font-weight: 700; text-transform: uppercase; background: #ed1e24; border: none;}
.btns:hover{ color:#fff; background:#cd0004;}
.btns:focus{ color: #fff;}

.btns.white{ color: #043168; background: #fff;}
.btns.white:hover{ color:#fff; background:#043168;}
.btns.white:focus{ color: #fff;}

.more_link{ padding: 0; margin: 0; font-size: 16px; color: #043168; font-weight: 600; text-transform: uppercase;}
.more_link i{ margin: 0 0 0 5px;}
.more_link:hover{ color: #cd0004;}

.mb-10{ margin-bottom: 10px !important;}
.mb-20{ margin-bottom: 20px !important;}
.mb-40{ margin-bottom: 40px !important;}

@media (min-width:1300px) {
    .row.space_60{  margin-right:-30px; margin-left:-30px;}
    .row.space_60 > [class^="col-"], .row.space_30 > [class*=" col-"] { padding-right:30px; padding-left:30px;}
}
    

/*-------------------- 
	GLOBAL END HERE	
--------------------*/


/*===================
 		HEADER 
 ===================*/
header{ width:100%; padding:0; margin:0; position:relative; z-index:999;}

/***** Top Strip ******/
.top_strip{ padding:8px 0; margin:0; background:#f6f6f6;}
.top_strip p{ padding:0; margin:0;}
.top_right{ padding:0; margin:0; display:flex; gap:20px; justify-content:end; flex-wrap:wrap; align-items:center;}
.top_social{ padding:0; margin:0; display:flex; gap:10px;}
.top_social a{ width:26px; height:26px; text-align:center; line-height:24px; color:#636363; border:1px solid #636363; border-radius:30px; font-size:14px;}
.top_social a:hover{ background:#064089; color:#fff; border-color:#064089;}
.login_link{ padding:0; margin:0; color:#636363;}
.login_link i{ margin:0 5px 0 0;}
.login_link:hover{ color:#064089;}

/***** Logo Sec ******/
.logo_sec{ padding:15px 0; margin: 0; display: flex;}
.logo{ padding: 0; margin: 0;}
.logo img{ max-height: 80px;}

.quick_info{ padding: 0; margin: 0 0 0 auto; display: flex; flex-wrap:wrap; align-items: center;}
.q_block{ padding: 0; margin: 0 0 0 50px; position: relative; display: flex;}
.q_block i{ min-width: 50px; max-width:50px; width:50px; padding: 0; margin: 0; font-size: 40px; color: #636363;}
.q_block .r_info{ padding: 0 0 0 10px; margin: 0;}
.q_block h4{ padding: 0; margin: 0 0 3px 0; font-size:16px; color: #064089; font-weight: 600;}
.q_block p{ padding: 0; margin: 0; font-size: 14px;}

/***** Navigation ******/
.nav_sec{ padding:0; margin:0; background: #064089;}
.nav_sec .navbar{ margin:0; padding:0;}
.nav_sec .navbar-brand{ margin:0; padding:0;}
.nav_sec .navbar-light .navbar-nav .nav-item{ margin:0 15px;}
.nav_sec .navbar-light .navbar-nav .nav-link{ margin:0; padding:15px 20px; font-weight:600; font-size: 16px; color: #fff;}
.nav_sec .navbar-light .navbar-nav .nav-link:focus, .nav_sec .navbar-light .navbar-nav .nav-link:hover{ background-color: #ed1e24; color: #fff;}
.nav_sec .navbar-light .navbar-nav .nav-link.active, .nav_sec .navbar-light .navbar-nav .show > .nav-link{ background-color: #ed1e24; color: #fff;}

.nav_sec .dropdown-menu{ border-radius:0; border:none; box-shadow:none; padding:5px 20px 10px 20px; background:#064089; margin-top:0 !important;}
.nav_sec .dropdown-menu li:last-child .dropdown-item{ border:none;}
.nav_sec .dropdown-item{ padding:10px 0; font-size:15px; color:rgba(255,255,255,0.7); border-bottom:1px solid rgba(255,255,255,0.7);}
.nav_sec .dropdown-item:hover, .nav_sec .dropdown-item.active{ background:none; color:#fff; border-color:#fff;}
.nav_sec .dropdown-item.active, .nav_sec .dropdown-item:active{ background:none; color:#fff;}

/* HEADER STICKY */
header.sticky{ padding:10px 0; position:fixed; box-shadow:0 5px 5px rgba(0,0,0,0.1); z-index:999 !important; animation:slide-down 0.4s;}

@keyframes slide-down{
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}

/*-----------------
	HEADER END	
-----------------*/


/*===================
 		FOOTER 
 ===================*/
footer{ padding:40px 0 20px 0; margin:0; background: #064089;}
.footer_logo{ padding: 0; margin:20px 0 30px 0;}
.footer_logo img{ max-height: 80px;}
footer p{ padding: 0; margin: 0; color: #fff;}
footer p strong{ font-weight: 600;}
footer p a{ color: #fff;}
footer p a:hover{ color: #fff; text-decoration: underline;}

.mt-20{ margin-top: 20px !important;}
footer h3{ padding: 0; margin: 20px 0 15px 0; font-size: 18px; color: #fff; font-weight: 600;}
ul.footer_link{ padding: 0; margin: 0 0 30px 0;}
ul.footer_link li{ padding: 0; margin: 0 0 5px 0; font-size:15px; color: #fff;}
ul.footer_link li a{ color: #fff;}
ul.footer_link li a:hover{ color: #fff; text-decoration: underline;}

.cus_support{ padding: 0; margin: 20px 0 0 0; display: flex; gap:20px;}
.cus_support figure{ min-width: 80px; max-width: 80px; width: 80px; padding: 0; margin: 0;}

footer .top_social{ margin-top: 40px; justify-content:center;}
footer .top_social a{ color:#fff; border-color:#fff;}
footer .top_social a:hover{ background:#fff; color:#064089; border-color:#fff;}

.copyright{ padding:15px 0; margin: 20px 0 0 0; font-size: 14px; color: #fff; text-align: center; border-top: 1px solid rgba(255,255,255,0.2);}

/* Return To Top */
#return-to-top { position:fixed; bottom:35px; right:20px; font-size:25px; color:#fff; background:#3d3d3d; line-height:38px; width:42px; height:42px; display: block; border-radius:50%; text-decoration: none; text-align:center; display:none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; z-index:9999; }
#return-to-top:hover { background:#ed1e24; line-height:28px;}

/*---------------	
	FOOTER END	 
----------------*/


/*=================================
 		SECTION START HERE 
=================================*/
.hero_sec{ padding: 0; margin: 0; position: relative;}
.hero_sec .owl-carousel .owl-item::after { content: ""; width: 100%; position: absolute; left: 0; top: 0; bottom: 0; z-index: 55; background-color: rgba(4,49,104,0.4);}
.hero_cap{ width:100%; padding:0 20px; position:absolute; left:0; top:45%; transform:translate(0, -50%); z-index: 99;}
.hero_cap .details{ width:100%; max-width:620px; padding:30px 40px; background-color: rgba(4,49,104,0.9);}
.hero_cap h2{ padding:0; margin:0 0 20px 0; font-size:40px; color:#ffffff; font-weight:700;}
.hero_cap p{ padding:0; margin:0 0 30px 0; font-size:20px; color:#ffffff; font-weight:400;}

.hero_sec .owl-carousel .owl-dots{ width:100%; margin:25px 0 0; padding:0; text-align:center; position:relative; left:0; bottom:0; z-index:9;}
.hero_sec .owl-carousel .owl-dot{ margin:0 6px; display:inline-block;}
.hero_sec .owl-carousel .owl-dot span{ width:9px; height:9px; display:block; border-radius:50%; background:#bfbfbf;}
.hero_sec .owl-carousel .owl-dot.active span{ background:#231f20;}

.hero_sec .owl-carousel .owl-nav button{ width:auto; height:60px; font-size:0; display:block; border-radius:50%; position:absolute; top:50%; margin-top:-30px; background:none !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; color:#fff !important;}
.hero_sec .owl-carousel .owl-nav button.owl-prev{ left:50px;}
.hero_sec .owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family: 'FontAwesome'; font-size:30px; }
.hero_sec .owl-carousel .owl-nav button.owl-next{ right:50px;}
.hero_sec .owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family: 'FontAwesome'; font-size:30px;}
.hero_sec .owl-carousel .owl-nav button:hover{ color:#d80076 !important;}

/* About */
.about_sec{ margin:0px; padding:80px 0 40px 0;}
.about_sec .deteail{ margin:0px; padding:0px; }
.about_sec p{ margin:0 0 30px 0; padding:0px; line-height: 28px;}
.about_sec figure{ max-width:95%; padding: 0; margin: 0; box-shadow: 20px 20px 0px 0px rgb(3 50 106 / 19%); border-radius: 20px 20px 250px 20px; }
.about_sec img{ width: 100%; border-radius: 20px 20px 250px 20px; }
.about_sec .title_2{ margin-bottom: 10px;}

/* Logo */
.about_logo_sec{ margin:0px; padding:40px 0 40px 0; text-align:center;}
.about_logo_sec{ text-align: center; }
.ClientSlider{ padding: 0 40px;}
.ClientSlider .owl-item img{ width: auto; display: inline-block;}
.about_logo_sec figure{ margin: 0px; padding:0;}

.ClientSlider.owl-carousel .owl-nav button{ width:auto; height:60px; font-size:0; display:block; border-radius:50%; position:absolute; top:50%; margin-top:-30px; background:none !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; color:#231f20 !important;}
.ClientSlider.owl-carousel .owl-nav button.owl-prev{ left:0;}
.ClientSlider.owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family: 'FontAwesome'; font-size:30px; }
.ClientSlider.owl-carousel .owl-nav button.owl-next{ right:0;}
.ClientSlider.owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family: 'FontAwesome'; font-size:30px;}
.ClientSlider.owl-carousel .owl-nav button:hover{ color:#d80076 !important;}


/* Services */
.service_sec{ margin:0px; padding:80px 0 100px 0; background:url(../images/service_bg.jpg) no-repeat center center; background-size: cover;}
.service_sec .service { margin:0px; padding:40px 30px 40px 30px; text-align:center; background:#fff; position: relative; height: 100%;}
.service_sec .service .icon{ width: 70px; height: 70px; display: block; margin:0 auto 30px auto; padding:0; text-align: center; font-size:40px; color:#ed1e24; border: 1px solid #ed1e24; line-height: 70px; border-radius: 50%;}
.service_sec .service .detail{ margin:0; padding:0;}
.service_sec .service h3{ margin:0 0 25px 0; padding:0; font-size:24px; color:#043168; font-weight:700;}
.service_sec .service p{ margin:0 0 20px 0; padding:0; }

.SourceSlider{ padding: 0 40px;}
.SourceSlider.owl-carousel .owl-nav button{ width:auto; height:60px; font-size:0; display:block; border-radius:50%; position:absolute; top:50%; margin-top:-30px; background:none !important; z-index:555; -webkit-transition: all .6s ease-in-out; -moz-transition: all .6s ease-in-out; -o-transition: all .6s ease-in-out; -ms-transition: all .6s ease-in-out; transition:all .6s ease-in-out; color:#fff !important;}
.SourceSlider.owl-carousel .owl-nav button.owl-prev{ left:0;}
.SourceSlider.owl-carousel .owl-nav button.owl-prev:after{ content: "\f104"; font-family: 'FontAwesome'; font-size:30px; }
.SourceSlider.owl-carousel .owl-nav button.owl-next{ right:0;}
.SourceSlider.owl-carousel .owl-nav button.owl-next:after{ content: "\f105"; font-family: 'FontAwesome'; font-size:30px;}
.SourceSlider.owl-carousel .owl-nav button:hover{ color:#d80076 !important;}

/*schedule_sec*/
.schedule_sec{ margin:0; padding:0 0 70px 0;}
.schedule_sec .info_banner{ margin-bottom:50px;}

.schedule_sec .schedule_top{ margin:0 0 30px 0; padding:0; display:flex; align-items:center; gap:30px;}
.schedule_sec .schedule_top .input-group { margin:0; padding:0; max-width:250px;}
.schedule_sec .schedule_top .input-group .form-control { margin:0; padding:0 15px 0 0; height: 50px; border-radius:0 5px 5px 0 !important; border-left:none; color: #777777; box-shadow:none; border-color: #e0e0e0;}
.schedule_sec .schedule_top .input-group .input-group-text{ border-radius:5px 0 0 5px !important; background:none; padding:0 15px; font-size:20px;}

.table_info .table thead{ margin:0; padding:0; background:#064089; color:#fff;}
.table_info .table thead i{ margin:0 0 0 10px; padding:0; line-height:33px; }
.table_info .table tr th{ margin:0px; padding:10px; text-align:center; font-size:16px; vertical-align:middle; white-space: nowrap;}
.table_info .table tbody tr td{ margin:0px; padding:15px 10px; font-size:14px; text-align:center; font-weight:500; vertical-align:middle; white-space: nowrap;}


/******* Customer Sec *********/
.customer_sec{ padding:80px 0; margin: 0;}

.req_form{ max-width: 500px; float: right; padding:40px 40px 30px 40px; margin: 0; background:#064089;}
.req_form .row{  margin-right:-10px; margin-left:-10px;}
.req_form [class^="col-"], .form_info > [class*=" col-"] { padding-right:10px; padding-left:10px; margin-bottom: 20px;}
.req_form h3{ margin-bottom:15px; color: #fff;}
.req_form .field{ width:100%; height: 44px; padding: 0 15px; margin: 0; font-size: 15px; color: #000; border: none; background: #fff;}
.req_form .field.field_2{ height:100px; padding:15px;}

/******* Info Contact *********/
.info_contact{ padding: 0 0 80px 0; margin: 0;}
.info_banner{ padding: 40px 0; margin: 0 0 30px 0; background: #043168;}
.info_banner .title{ color: #fff; text-align: center; margin: 0;}
.info_contact .title_2{ padding: 0; margin: 30px 0;}

.leave_form{ padding: 0; margin: 0;}

.leave_form .field{ width:100%; height:44px; padding:0; margin: 0; font-size: 15px; color: #000; border: none; border-bottom: 1px solid rgba(0,0,0,0.5); background: #fff;}
.leave_form .field.field_2{ height:100px; padding:10px 0;}

.map_info{ padding: 0; margin:30px 0 0 0;}
.map_info iframe{ width: 100%; max-width: 100%;}

.time_info{ padding: 0; margin: 0 0 40px 0;}

/******* Other Sec *********/
.other_sec{ margin:0; padding:80px 0; background:#f5f5f5;}
.other_sec .other_block{ margin:0; padding:0;}
.other_sec .other_block h3{ margin:0 0 20px 0; padding:0; font-size:24px; color:#043168; font-weight:600;}
.other_sec .btns{ margin-top:40px;}
.other_sec .row [class^="col-"]{ border-right:1px solid #d7d7d7;}
.other_sec .row [class^="col-"]:last-child{ border:none;}
ul.other_list{ margin:0; padding:0;}
ul.other_list li{ margin:0 0 12px 0; padding:0 0 0 20px; font-size:16px; color:#000; position:relative;}
ul.other_list li:before{ content:"\f105"; font-family: 'FontAwesome'; font-size:16px; color:#000; position:absolute; top:0; left:0;}
ul.other_list li a{ color:#000;}
ul.other_list li a:hover{ color:#ed1e24;}

.about_logo_sec.partner{ padding:70px 0;}
.about_logo_sec.partner .title{ margin-bottom:15px;}
.about_logo_sec.partner p{ max-width:850px; margin:0 auto 30px auto; line-height:26px;}

/* Modal */
.modal.login{}
.modal.login .modal-dialog{ max-width:530px; padding:0 15px;}
.modal.login .modal-content{ border:none; padding:0 30px;}
.modal.login .modal-body{ padding:30px 0 30px 0;}
.modal.login .modal-footer{ padding:25px 0 0 0; margin-top:25px;}

.modal.login .nav-tabs{ border:none; border-bottom:2px solid #d5d0df;}
.modal.login .nav-tabs .nav-item{ margin:0;}
.modal.login .nav-tabs .nav-item:last-child .nav-link{ margin-right:0;}
.modal.login .nav-tabs .nav-link{ border:none; margin:0 20px -2px 0; padding:10px; font-size:16px; color:#77848E; border-bottom:2px solid transparent; position:relative;}
.modal.login .nav-tabs .nav-link.active, .modal.login .nav-tabs .nav-item.show .nav-link{ border-bottom-color:#064089; color:#064089;}

.modal.login .tab-content{ margin:0; padding:30px 0 30px 0;}
.modal.login .input-group{ margin:0 0 25px 0; padding:0;}
.modal.login .input-group label{ width:100%; margin:0 0 8px 0; padding:0; display:block; font-size:14px; color:#483d5e; font-weight:500;}
.modal.login .input-group .form-control{ height:50px; margin:0; padding:0 15px; border:1px solid #77848E; border-radius:2px !important; font-size:14px; color:#212529; box-shadow:none; font-weight:400; text-shadow:none;}
.modal.login .input-group .form-control::placeholder{ color:#77848E;}
.for_link{ margin: 0 0 15px 0; padding: 0; font-size: 16px; color: #77848E;}
.for_link:hover{ color:#064089;}