@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100;200;300;400;500;600;700;800;900&display=swap');
body { margin: 0; padding: 0; font-family: 'Jost', sans-serif; font-size: 18px; line-height: 1.5; font-weight: 400; }
h1, h2, h3, h4, h5, h6, p, ul, li, a, span { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6 { font-family: 'Jost', sans-serif; }
a { text-decoration: none !important; }
ul { list-style: none; padding: 0; }
img { max-width: 100%; }
.no_space { margin: 0; padding: 0; }
.sec { padding: 80px 0; width: 100%; }
input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }
a.main_btn1 { padding: 10px 40px; background: transparent; color: #fff; border: 1px solid #fff; display: inline-block; font-weight: 600; }
a.main_btn2 { padding: 10px 40px; background: #fc5739; color: #fff; display: inline-block; font-weight: 600; }
h2 { font-size: 32px; font-weight: 700; }
.sec_title h5 { padding: 10px 20px; background: #fc57392b; display: inline-block; color: #fc5739; }

/************************* popup  ***********************************/
.modal { top: 0%; background: #000000de; }
.modal-dialog { max-width: 500px; margin: 180px auto 0; }
.pop_heading { width: 100%; padding: 20px; }
.pop_heading h5 { font-size: 19px; font-weight: 700; margin: 0 0 15px; border-left: 4px solid #fc5739; padding: 0 20px; line-height: 29px; text-transform: uppercase; }
.pop_heading h4 { font-size: 23px; font-weight: 700; color: #fc5739; padding: 0 0 0 30px; }
.field { width: 100%; position: relative; margin: 0 0 10px; }
span.pop_icon { position: absolute; color: #fc5739; left: 13px; top: 7px; }
.field .form-control { width: 100%; border-radius: 0; padding: 8px 0 6px 37px; resize: none; border: 1px solid #bfbfbf; }
.modal-content { box-shadow: none; border-radius: 0; }
#popupform p { text-align: center; font-size: 14px; color: #f10e0e; margin: 19px 0 0; }
.modal-header { padding: 0; border: none; }
button.pop_btn { font-size: 18px; color: #fff; background: #fc5739; padding: 10px 0; border: none; width: 100%; border-radius: 0; }
button.close { background: url(img/cross.png) no-repeat 0 0; width: 20px; height: 20px; position: absolute; top: 9px; right: 15px; display: block; opacity: 1; border: none; }
.fade.in { overflow: hidden; }

/************************** popup  ***********************************/
ul.ht_left { display: flex; justify-content: space-between; }
ce { color: #fff; margin: 0 5px 0; }
ul.ht_left li a i { margin-bottom: 10px; color: #fc5739; font-size: 20px; background: #fff; width: 40px; height: 40px; display: flex; justify-content: center; align-content: center; flex-direction: column; border-radius: 100px; margin: 0 auto 10px auto; }
.logo img { height: 80px; }
ul.ht_left li a { text-align: center; display: flex; flex-direction: column; color: #fff; }
.head_top .row { align-items: center; }
.ht_right a { margin: 0 0 0 20px; }
.ht_right { display: flex; justify-content: flex-end; }
.head_top { padding: 20px 0; background: #0a397f; }
nav.navbar.navbar-expand-lg a.nav-link { text-transform: uppercase; font-weight: 500; color: #000; font-size: 17px; padding: 10px 20px; }
div#navbarSupportedContent { justify-content: center; }

/*banner*/
.ban_form { padding: 30px; background: #fff; }
.ban_form input.form-control { padding: 10px 20px; border: 1px solid #000; border-radius: 0; }
.ban_form button.ban_btn { display: block; width: 100%; border: none; background: #0a397f; color: #fff; padding: 10px; font-weight: 600; }
.ban_form h3 { margin: 0 0 20px; text-align: center; color: #fc5739; }
.h_banner { padding: 80px 0 0; background: url(img/ban_bg.jpg) no-repeat center; background-size: cover; }
.h_banner .row { align-items: center; }
.ban_bbox { text-align: center; }
.ban_bbox img { margin: 0 0 20px; }
.ban_bbox p { font-size: 20px; font-weight: 500; color: #fff; }
.ban_bot { padding: 30px 50px 30px; background: #0a397f; margin: 80px 0 0; border-radius: 0; }
.ban_left h1 { font-size: 56px; font-weight: 800; line-height: 58px; }
.ban_left p { font-size: 22px; line-height: 28px; font-weight: 500; }
.ban_left { color: #fff; }

/*section 1*/
.s1_lbox { outline: 10px solid #f9d6d0; padding: 30px; text-align: center; background: #fc5739; }
.s1_lbox h3 { margin: 0 0 30px; color: #fff; }
.s1_lbox .main_btn2 { color: #000; background: #fff; border: 1px solid #fff; }
.s1_box a.main_btn1 { border-color: #fc5739; color: #fc5739; width: 100%; }
.s1_box p { margin: 20px 0; }
.h_sec1 .row { align-items: center; }
.s1_box { text-align: center; background: url(img/s1_bg.png) no-repeat center; background-size: contain; }
.s1_lbox2 ul { display: flex; flex-direction: column; margin: 10px 0 0; }
.s1_lbox2 ul li a { color: #000; padding: 10px 20px; display: block; font-size: 20px; font-weight: 500; border: 1px solid #fc57394a; margin: 0 0 15px; border-radius: 100px; }
.s1_lbox2 ul li a i { font-size: 24px; margin: 0 20px 0 0; color: #fc5739; }
.s1_lbox2 span { margin: 20px 0 0; display: block; text-align: center; font-weight: 700; color: #fc5739; }

/*section 2*/
.s2_box { text-align: center; color: #fff; }
.s2_box h3 { font-size: 60px; font-weight: 900; }
.s2_box p { text-transform: uppercase; font-size: 20px; font-weight: 600; }
.h_sec2 { background: #000000a3 url(img/s2_bg.png) no-repeat center; background-blend-mode: multiply; padding: 120px 0; }

/*section 3*/
.s3_top { margin-bottom: 20px; }
.h_sec3 { background: #F5F7F8; }
.s3_box { text-align: center; background: #fff; padding: 30px; margin-top: 30px; }
.s3_box h4 { font-size: 22px; font-weight: 700; }

/*section 4*/
.h_sec4 { background: #0a397f url(img/s4_bg.jpg) no-repeat; background-size: cover; position: relative; background-blend-mode: multiply; }
.s4_para { padding: 70px 30px 30px; background: #fff; position: relative; }
.s4_para:after { content: "\f0d7"; position: absolute; font-family: 'FontAwesome'; left: 80px; bottom: -80px; font-size: 96px; color: #fff; }
.s4_para i { font-size: 48px; color: #ff5722; }
.s4_user { display: flex; flex-direction: row; margin: 40px 0 0; align-content: center; flex-wrap: wrap; }
.s4_text h4 { color: #fff; font-weight: 600; }
.s4_text p span { color: #ffffff75; margin: 0 10px 0 0; }
.s4_img img { width: 80px; }
.s4_img { background: #052048; border-radius: 100px; margin: 0 30px 5px 5px; outline: 5px solid #ffffff29; }
.s4_content { position: relative; }
.s4_content .controls.push-right { position: absolute; right: 0; bottom: 20px; }
.s4_content .controls.push-right a { color: #fff; border-radius: 0; width: 50px; height: 50px; padding: 16px 17px; margin: 0 0 0 10px; cursor: pointer; border: 1px solid #fff; }
.s4_para:before { content: "\f10e"; position: absolute; left: 30px; font-family: fontawesome; top: 0; font-size: 50px; color: #fc5739; }
.s4_text { display: flex; flex-direction: column; justify-content: center; }
.h_sec4:after { content: ""; position: absolute; right: 210px; bottom: 0; background: url(img/s4_img1.png) no-repeat center; background-size: contain; width: 500px; height: 570px; }

/*section 5*/
.s5_box_text { padding: 30px; color: #fff; position: relative; }
.s5_box { position: relative; margin: 0 10px; height: 350px; display: flex; flex-direction: column; justify-content: flex-end; }
.s5_box:before { content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background: linear-gradient(0deg, black 00%, transparent 40%); }
.s5_box_text h4 { font-weight: 700; font-size: 20px; }
.h_sec5 .owl-controls { margin: 40px 0 0; }
.h_sec5 .owl-theme .owl-controls .owl-page span { background: #fc5739; }

/*section 6*/
.h_sec6 .sec_title h2 { margin: 15px 0; }
.h_sec6 .sec_title p { margin: 0 0 20px; }
.h_sec6 .row { align-items: center; }
.s6_box { display: flex; background: #fff; padding: 20px; align-items: center; margin: 15px 0; }
.s6_num span { width: 80px; height: 80px; text-align: center; display: flex; justify-content: center; align-items: center; margin: 0 20px 0 0; font-size: 32px; font-weight: 700; background: #f6dcd8; color: #e64f34; z-index: 1; position: relative; }
.h_sec6 { background: #f5f7f8; }
.s6_text h3 { font-size: 20px; font-weight: 700; margin: 0 0 10px; }
.s6 { position: relative; }
.s6:before { content: ""; position: absolute; width: 3px; top: 50px; bottom: 50px; background: #fc5739; left: 70px; z-index: 0; }

/*seection 7*/
.h_sec7 .row { align-items: center; }
.h_sec7 .sec_title h2 { margin: 10px 0; }
.h_sec7 .sec_title p { margin: 0 0 20px; }
.h_sec7 { background: #0a397f; color: #fff; }

/*section 8*/
.h_sec8 { background: #fc5739; padding: 30px 0; color: #fff; }
.h_sec8 .row { align-items: center; }
.s8_left h2 { margin: 0 0 10px; }

/*inner section*/
.inner_page_banner { width: 100%; padding: 30px 0; text-align: center; background: #fc5739; color: #fff; }
.inner_page_banner h3 { font-size: 36px; color: #fff; text-transform: capitalize; font-weight: 700; }
.terms_section { width: 100%;background: url(img/s1_bg.png) center;
    background-size: auto; }
.terms_section h5 { margin: 20px 0; font-size: 20px; text-transform: capitalize; font-weight: 700; }
.terms_section p { margin: 0 0 15px; color: #000; }
.terms_section ul li:before { content: ""; position: absolute; left: -23px; background: #fc5739; width: 1%; height: 4px; border-radius: 50px; top: 10px; }
.terms_section ul li { list-style: none; margin: 0 0 20px; position: relative; color: #000; }
.terms_section ul li a { color: #102a45; }
.terms_section .form-control { resize: none; border-radius: 0; border: 1px solid #555555; padding: 10px 20px; }
.terms_section_form { width: 100%; padding: 30px; background: #f5f5f5; box-shadow: 0 10px 10px 0 #0000001f; border: 1px solid #ddd; }
.terms_section_form h5 { font-size: 22px; margin: 0 0 30px; }
.terms_s_left { width: 100%; padding: 90px 0; }
.terms_s_left h3 { font-size: 29px; margin: 0 0 30px; line-height: 37px; }
.terms_s_left p { font-size: 20px; font-weight: 500; color: #000; }
.capbox0 { width: 100%; margin: 10px 0; overflow: hidden; }
#CaptchaDiv0 { width: 20%; background: #fff; padding: 9px 12px; margin: 0 0 15px; border-radius: 10px; float: left; border: 2px solid #555555; }
.capbox-inner0 { padding: 3px 13px; width: 76%; float: left; border-radius: 10px; margin: 0 0 0 20px; border: 2px solid #555555; }
#CaptchaInput0 { margin: 1px 0px 1px 30px; width: 130px; border-radius: 10px; padding: 4px; border: 2px solid #555555; }
button.cont_but { font-size: 18px; background: #ff5722; color: #fff; border-radius: 0; padding: 15px 0; transition: 0.3s ease-in; text-transform: uppercase; display: inline-block; width: 100%; border: none; font-weight: 700; }
.terms_section label { font-weight: 500; margin: 0 0 5px; }

/*inner section */
.inner_sec1.sec {
    background: url(img/s1_bg.png) center;
    background-size: auto;
}
.inner_sec1 .ban_form { background: #0a397f; padding: 30px; }
.inner_sec1 .ban_form button.ban_btn { background: #fc5739; }
.inner_sec1 .ban_form h3 { font-size: 30px; font-weight: 700; color: #fff; }
.inner_sec1 .ban_form input.form-control { border: none; }
.inner_sec1 h4 { margin: 30px 0 10px; font-weight: 700; }
.inner_sec1 ul li { padding: 10px 0 10px 30px; position: relative; }
.inner_sec1 ul li:before { content: ""; width: 15px; height: 15px; background: #fc5739; position: absolute; left: 0; top: 18px; border-radius: 20px; }
.cont_s1_left p { color: #000; font-size: 22px; }
.cont_s1_left  ul li a { font-size: 20px; font-weight: 500; }
.cont_s1_left  ul li i { margin: 0 10px 0 0; color: #ff5722; }
.cont_s1_left ul li:before { content: none; }

/************************** Footer  ************************************/
footer { width: 100%; overflow: hidden; }
.foot_top { width: 100%; overflow: hidden; padding: 60px 0 40px; background: #020f22; }
.foot_mid { background: #111; padding: 30px 0; }
.foot_mbox { text-align: left; color: #fff; }
.foot_mbox h3 { margin: 0 0 20px; color: #fff; font-weight: 600; text-transform: uppercase; }
.foot_bot { background: #010a16; color: #fff; width: 100%; padding: 20px 0; }
.foot_bot p { text-align: center; color: #fff; }
.foot_box { width: 100%; color: #fff; }
.foot_box h3 { margin: 0 0 20px; color: #fff; font-weight: 600; border-bottom: 2px solid #303841; padding-bottom: 15px; position: relative; font-size: 20px; }
.foot_box h3:before { content: ""; bottom: -2px; right: 50%; left: 0; position: absolute; z-index: 1; height: 2px; width: 20%; background: #ff5722; }
.foot_box ul { padding: 0 0 0 18px; }
.foot_box ul li { line-height: 30px; position: relative; }
.foot_box ul li:before { content: ""; width: 8px; height: 8px; position: absolute; left: -20px; background: #fc5739; top: 10px; transition: linear .5s; }
.foot_box ul li a { color: #fff; transition: linear .2s; }
.foot_box ul li a:hover { color: #fc5739; }
.foot_box ul li:hover:before { transform: rotate(180deg); }
.foot_box img { margin-top: 20px; }

/************************** Responsive  ************************************/
@media screen and (max-width:1024px) {
    .h_sec4:after {
    right: 0;
    bottom: 0;
    width: 350px;
    height: 480px;
}
}
@media screen and (max-width:980px) {
	h2 { font-size: 26px; }
	h5 { font-size: 22px; }
	.sec { padding: 50px 0; overflow: hidden; }
	.header { }
	.main_btn { padding: 10px; font-size: 14px; }
	.main_head h5 { margin: 0 0 10px; }
	.navbar-inverse .navbar-nav > li > a { margin-right: 12px; font-size: 15px; }
	ul.ht_left { display: none; }
	.ht_right { justify-content: center; }
	.logo { margin: 0 0 10px; }
	.head_top { padding: 10px 0; }
	.navbar .container-fluid { justify-content: flex-end; }
	.head_bot .navbar-toggler { background: #fc5739; border-radius: 0; border: none; }
	.head_bot .navbar-toggler-icon { color: #fff; }
	.h_banner { padding: 50px 0 0; position: relative; }
	.h_banner { background: #0000008f url(img/ban_bg.jpg) no-repeat center; background-blend-mode: multiply; }
	.ban_bot { margin: 30px 0 0; }
	.h_banner:before { width: 240px; height: 330px; }
	.ban_left h1 { font-size: 32px; line-height: 36px; margin: 10px 0; }
	.ban_left p { margin: 10px 0; font-size: 18px; }
	.ban_form h3 { font-size: 24px; }
	.ban_bbox p { font-size: 16px; }
	.h_sec1 .row { flex-direction: column-reverse; }
	.s1_lbox { margin: 30px 0 0; }
	.h_sec2 { padding: 40px 0; }
	.h_sec4:after { right: 0; bottom: 0; width: 330px; height: 380px; }
	.h_sec5 .sec_title { margin: 0 0 20px; }
	.h_sec6 .row { flex-direction: column-reverse; }
	.s4_box { margin: 20px 0; }
	.s5_box { padding: 10px 0px; }
	.s5_box h2 { font-size: 32px; }
	.h_sec7 img { width: 50%; }
	.h_sec7 .row { flex-direction: column-reverse; }
	.h_sec7 { padding: 50px 0 0; }
	.s7_left { text-align: right; margin: -240px 0 0; }
	.h_sec7 .sec_title { width: 70%; }
	.h_sec8 { text-align: center; }
	.s8_left { margin: 0 0 20px; }
	.foot_top { padding: 50px 0; }
	.foot_box p { margin: 0 0 30px; }
	.foot_box img { margin: 0 0 20px; }
	.terms_s_left { padding: 60px 0; }
	.capbox-inner0 { padding: 5px 13px; font-size: 14px; width: 74%; }
	#CaptchaInput0 { margin: 1px 0px 1px 0px; width: 70px; }
	.inner_page_banner { padding: 120px 0 20px; }
	.inner_page_banner h3 { font-size: 22px; }
	.h_sec7 h2 { font-size: 32px; }
}
@media screen and (max-width:767px) {
	h2 { font-size: 20px; }
	.sec { padding: 30px 0; }
	.sec_title h5 { font-size: 18px; }
	.main_btn { display: block; text-align: center; }
	.header { z-index: 2; }
	.logo { margin: 0; z-index: 1; position: relative; }
	.head_bmid { margin: -108px 0 0; }
	.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus { color: #333; }
	.navbar-inverse .navbar-toggle { border-color: #f1d135; }
	.navbar-inverse .navbar-toggle .icon-bar { background-color: #4dd499; }
	.navbar-toggler:focus { box-shadow: none; }
	.navbar-collapse { background: #ffffff; }
	.navbar-inverse .navbar-nav > li { display: block; text-align: center; border-bottom: 1px dashed; }
	.navbar-inverse .navbar-nav .open .dropdown-menu > li > a { color: #333333; text-align: center; }
	.navbar .container-fluid { justify-content: center; }
	.head_bot .navbar-toggler { width: 100%; }
	.head_bot .navbar-toggler-icon { font-size: 16px; }
	.ht_right { display: none; }
	.head_right { border: none; padding: 0; }
	.head_btn { display: none; }
	.h_banner { height: auto; padding: 0 0 30px; }
	.h_banner:before { display: none; }
	.ban_left { margin: 150px 0 30px; position: relative; }
	.ban_form { padding: 20px; }
	.ban_bot { padding: 0 10px 20px 10px; }
	.ban_bbox img { width: 50px; }
	.ban_bbox p { font-size: 14px; }
	.ban_bbox { margin: 20px 0 0; }
	.ban_bot { padding: 0 10px 20px 10px; }
	.ban_bbox img { width: 50px; }
	.ban_bbox p { font-size: 14px; }
	.ban_bbox { margin: 20px 0 0; }
	.h_banner { padding: 30px 0 30px; }
	.ban_left { margin: 0 0 20px; text-align: center; }
	.s1_lbox a { width: 100%; }
	.s1_lbox a.main_btn1 { margin: 0 0 15px; }
	.s1_lbox h3 { margin: 0 0 15px; font-size: 20px; }
	.s1_lbox { padding: 15px; }
	.s1_lbox h3 { }
	.s1_lbox2 ul li a { font-size: 16px; }
	.s1_lbox2 ul li a i { font-size: 20px; }
	.s1_rbox { text-align: center; }
	.s1_rbox_img { margin: 30px auto; }
	.s2_box { padding: 20px; }
	.s4_content .controls.push-right { position: relative; bottom: -10px; text-align: right; }
	.s3_box { padding: 10px; }
	.s4_content .controls.push-right { position: relative; bottom: -10px; text-align: right; }
	.s3_box { padding: 10px; }
	.s2_box h3 { font-size: 32px; }
	.s2_box p { font-size: 16px; margin: 10px 0 0; }
	.s2_box { padding: 10px 0; }
	.h_sec5 { background: none; padding: 30px 0 20px; }
	.s5_box { text-align: center; }
	.s5_box h3 { font-size: 20px; }
	.s6_num span { width: 50px; height: 50px; font-size: 20px; }
	.s6:before { left: 59px; width: 2px; }
	.s6_box { align-items: flex-start; }
	.h_sec7 h2 { font-size: 24px; }
	.h_sec7 .s7_top p { font-size: 20px; margin: 20px 0; }
	.s7_box h3 { font-size: 24px; }
	.h_sec7 .cont_but { width: 100%; }
	.s7_left { display: none; }
	.h_sec7 { padding: 30px 0 30px; }
	.h_sec7 .sec_title { width: 100%; }
	.h_sec4:after { display: none; }
	.foot_top { padding: 0 0 20px; }
	.foot_box p { margin: 0; }
	.foot_box h3 { margin: 30px 0 10px; }
	.foot_box img { margin: 20px 0 0px; }
	.pop_heading h5 { font-size: 10px; margin: 0; border-left: none; padding: 0 0 0 30px; }
	.pop_heading h4 { font-size: 12px; }
	.pop_heading { padding: 0; }
	.modal-body p { display: none; }
	.capbox-inner0 { font-size: 17px; width: 100%; margin: 0; }
	#CaptchaDiv0 { width: 100%; }
	#CaptchaInput0 { margin: 1px 0px 1px 0px; width: 47px; }
	.terms_s_left { width: 100%; padding: 0 0 30px; }
	.inner_page_banner { padding: 140px 0 20px; }
}