/*Fonts Used*/
@import url('https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&family=Urbanist:wght@100;200;300;400;500;600;700;800;900&display=swap');

*,
*:before, *:after { box-sizing: border-box; -moz-box-sizing: border-box; image-rendering: -webkit-optimize-contrast; }

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-text-size-adjust: 100%; }

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; }

ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table { border-collapse: collapse; border-spacing: 0; }

button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; }

input:not([type='radio']):not([type='checkbox']), textarea, select { -webkit-appearance: none; }

form, label { -webkit-text-size-adjust: 100%; }

mark { background-color: transparent; color: inherit; }

/* end reset */


:root { --priFont: 'Urbanist', sans-serif; 
	--secFont: 'Sora', sans-serif; 
	--priColor: #283891; 
	--secColor: #fd9721;
	--bodyColor: #333333;
 }

/*preset*/
body { font-family: var(--priFont); font-size: 16px; line-height: 23px; color: var(--bodyColor); position: relative; }

body.active { overflow: hidden; width: 100%; height: 100%; position: fixed !important; }

a { text-decoration: none; -webkit-transition: all .3s linear; transition: all .3s linear; }

img { max-width: 100%; vertical-align: top; image-rendering: -webkit-optimize-contrast; }

textarea { resize: vertical; }

iframe { border: none; width: 100%; }

ul, h1, h2, h3, h4 { margin: 0; padding: 0; list-style: none; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

input[type="submit"] { cursor: pointer; }

a[href^="tel:"] { color: inherit !important; text-decoration: none; }

.clearfix:before, .clearfix:after { content: ""; display: table; clear: both; }

.clearfix { clear: both; overflow: hidden; }

.comp { color: var(--priColor); font-weight: bold; }

.upcoming { color: red; font-style: italic; font-weight: bold; }

.col2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; }

.col3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; }

.col2 li, .col3 li { display: inline-block; width: 100%; }

.main_phone { font-weight: bold; }

.back_top { display: none; background: #fd9721; position: fixed; z-index: 999; bottom: 0; width: 100%; height: 45px; cursor: pointer; }

.back_top:before { content: ""; position: absolute; top: 45%; left: 50%; transform: translate(-50%, -45%); border-bottom: 15px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; }

.back_top:hover { opacity: .7 }

/*Heading for SEO*/
.h1_hdng {
	font-size: 22px;
	font-weight: 700;
	color: #000;
	
}

/*Thumbnail Images*/
.thumb_left_dd,
.thumb_left_dr {
	float: left;
	margin: -4px 19px 10px 0;
}

.thumb_right_dd,
.thumb_right_dr {
	float: right;
	margin: -4px 0 10px 19px;
}

.thumb_center_dd,
.thumb_center_dr {
	display: block;
	margin: 10px auto;
}

/* Text Alignment */
.text_left,
.text_left p {
	text-align: left;
}

.text_right,
.text_right p {
	text-align: right;
}

.text_center,
.text_center p {
	text-align: center;
	display: block;
}

/* Forms Presets */
::-webkit-input-placeholder {
	opacity: 1;
	color: inherit;
}

::-moz-placeholder {
	opacity: 1;
	color: inherit;
}

:-ms-input-placeholder {
	opacity: 1;
	color: inherit;
}

:-moz-placeholder {
	opacity: 1;
	color: inherit;
}

/*end preset*/

.wrapper {
	width: 100%;
	max-width: 1375px;
	margin: 0 auto;
	position: relative;
}
	.hdng2{font-family: var(--secFont); font-size: 50px; font-weight: 500; line-height: 100%;}
	.sml_txt{display: block; font-family: var(--priFont); font-size: 25px; font-weight: normal;}
	.btn1{display: block; max-width: 208px; width: 100%; line-height: 55px; background: var(--secColor); color:#fff; text-align: center; position: relative;}
	.btn1_dtl { position: relative; display: inline-flex; justify-content: center; align-items: center; margin-left: 12px; line-height: 0; vertical-align: middle; max-width: 19px; width: 100%; aspect-ratio: 1/1; }
	  .btn1_dtl::before{content: "\00BB"; font-weight: bold; font-size: 35px; position: absolute; top:7px;}
/*header*/
header {padding: 0 15px; position: relative;}

.header_con { min-height: 0; padding: 26px 0; }

.main_logo {max-width: 354px; width: 100%; position: absolute; left:0;top: 50%; transform: translateY(-50%); }

.main_logo img {width: 354px;}

.head_info { display: flex; justify-content: flex-end; align-items: center; column-gap: 55px; }

.header_info {}
.header_info ul{display: flex; column-gap: 55px;}
.header_info ul li{position: relative; padding-left: 54px;}
.header_info ul li span{display: block;}
.header_info ul li a{color: inherit;}
.header_info ul li a:hover{text-decoration: underline;}
.header_info ul li .hdr_tel{pointer-events: none;}

.header_info ul li::before{content: ''; position: absolute; left:0; top:50%; transform: translateY(-50%);}
.header_info ul li:first-child::before{content: url(images/icons/hdr-call-icon.png);}
.header_info ul li:last-child::before{content: url(images/icons/hdr-email-icon.png);}

.header_icon ul li figure{filter: brightness(0) saturate(100%) invert(79%) sepia(44%) saturate(5279%) hue-rotate(344deg) brightness(104%) contrast(98%);}
.header_icon ul {display: flex; gap: 15px;position: relative;}
.header_icon ul li span {background: #283891; color: #fff; position: absolute; top: -5px; right: -17px; border-radius: 70%; padding: 0px 5px;font-size: 15px;}
.social_media {}

.social_media ul li { display: inline-block; vertical-align: top; }

.social_media ul li a { display: block; }

.social_media ul li a:hover img { opacity: 0.5; }

/*end header*/

/*nav*/
.page_nav { background: var(--priColor); height: 63px; text-align: center; position: relative; }
.page_nav::before{content: ''; background: var(--secColor); width: 100%; height: 4px; position: absolute; left:0; right:0; bottom: 0;}
.page_nav ul {}

.page_nav ul li { display: inline-block; vertical-align: top; position: relative; }

.page_nav ul li a { display: block; color: #fff; line-height: 58px; padding: 0 15px; margin: 0 62px; }

.page_nav ul li a:hover, .page_nav ul li a:active, .page_nav ul li.current_page_item>a { color: var(--secColor); }

.page_nav ul li:after { content: ""; width: 1px; height: 8px; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); right: -1px; }
.page_nav ul li:first-child::before{content: ""; width: 1px; height: 8px; background: #fff; position: absolute; top: 50%; transform: translateY(-50%); left: -1px;}
/*second level drop down*/
.page_nav ul li:hover { position: relative; z-index: 599; cursor: default; }

.page_nav ul ul { display: none; position: absolute; top: 100%; left: 0; z-index: 598; width: 200px; margin-top: 0; text-transform: none; }

.page_nav ul ul li { float: none; display: block; font-weight: normal; width: 100%; }

.page_nav ul ul ul { top: 0; left: auto; right: -99.5%; }

.page_nav ul li:hover>ul { display: block; }

.page_nav ul ul a, .page_nav ul li.current_page_item ul li a { background: #799847; color: #fff; padding: 0; margin: 0 auto; }

.page_nav ul ul a:hover, .page_nav ul li.current_page_item ul li a:hover, .page_nav ul ul li.current_page_item a { background: #1a271a; color: #a5ff16; }

/*third level drop down*/
.page_nav ul ul ul { border-top: 0 none; }

.page_nav ul ul li { position: relative }

.page_nav span { position: absolute; right: 25px; top: 32px; display: none; padding: 0; cursor: pointer; z-index: 9; color: #fff; text-align: center; }

/* Drop down icon */
.fa { display: block; margin-top: -3px; }

.fa:before { position: absolute; }

/* Navigation bar icon */
.nav_toggle_button { display: none; text-align: left; position: relative; }

.nav_toggle_button.active { opacity: 1; }

.nav_toggle_button i { cursor: pointer; }

/*Burger Color*/
.nav_toggle_button .toggle_holder { position: absolute; top: 60%; right: 0; transform: translateY(-50%); }

.nav_toggle_button .hamburger {}

.nav_toggle_button .hamburger-inner,
.nav_toggle_button .hamburger-inner:before,
.nav_toggle_button .hamburger-inner:after {
	background: var(--bodyColor);
}

.nav_toggle_button small {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	color: var(--bodyColor);
	display: block;
	text-align: center;
}

/* Default Responsive Style for Toggle Swipe Right */
.menu_slide_right {
	display: none;
}

/*Responsive burger and color*/
.menu_slide_right .hamburger-inner,
.menu_slide_right .hamburger-inner:before,
.menu_slide_right .hamburger-inner:after {
	background: #000;
}

.menu_slide_right .toggle_holder {
	position: absolute;
	top: 55%;
	right: 10px;
	transform: translateY(-50%);
}

.menu_slide_right small {
	text-transform: uppercase;
	color: #000;
	font-weight: bold;
	font-size: 13px;
	display: block;
	text-align: center;
	line-height: 31px;
}

/*end nav*/

/*banner*/
#banner {position: relative; padding: 0 15px;}

.bnr_con { min-height: 0; padding: 0; }

.box_skitter {}

.slider { width: 1920px; margin-left: 50%; transform: translateX(-50%); position: relative; }
.slider::before{content: ''; background: linear-gradient(180deg, rgba(40,56,145,0) 29%, rgba(40,56,145,0.6572829815519958) 100%); width: 100%; height: 100%; position: absolute; left:0; right:0; bottom:0; z-index: 21;}
.rslides{display: none;}
.mobi_ban { display: none; }

.bnr_info { position: absolute; bottom:120px; left: 0; color: #fff; display: flex; justify-content: space-between; align-items: center; }

.bnr_info h2 {  }

.bnr_info h2 span { display: block; }
.bnr_info h2 small{font-size: 30px;}
.bnr_info p {width: 40%; line-height: 30px;}

.bnr_info a { margin: 32px 0 0; }

.bnr_info a:hover { background: var(--priColor); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset; }

/*end banner*/

/*middle*/
.mid_video{text-align: center; padding: 50px 15px;}
.mid_video video{width: 100%; height: auto;}
.mid_video .wrapper {display:flex; justify-content:center; flex-wrap:wrap;}
.mid_video .wrapper a {margin:0 auto 20px;}
.mid_video .wrapper .eng_video{display: none;}

#middle { background: url(images/mid-bg.jpg)top center no-repeat; position: relative; padding: 0 15px; }

.mid_con { min-height: 892px; padding: 20px 0; text-align: center; }
.mid_boxes {display: flex; justify-content: flex-start; column-gap: 20px;}

.mid_boxes section { max-width: 326px; width: 33%; height: auto; position: relative; padding-block: 62px 82px; padding-inline: 74px; background: #fff; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px; }

.mid_boxes section h2 {font-size: 30px; margin-bottom: 25px; position: relative;}
.mid_boxes section h2 small {font-size: 20px; display: block;}
.mid_boxes section h2::before{content: ''; display: block; margin-bottom: 30px;}
.mid_boxes section:first-child h2::before{content: url(images/icons/mid-box1-icon.png);}
.mid_boxes section:nth-child(2) h2::before{content: url(images/icons/mid-box2-icon.png);}
.mid_boxes section:last-child h2::before{content: url(images/icons/mid-box3-icon.png);}
.mid_boxes section p {padding-bottom: 20px;}
.mid_boxes section a { position: absolute; left:0; right:0; bottom:62px; margin: auto; color: var(--secColor); }
.mid_boxes section a .btn1_dtl::before{font-size: 45px;}
.mid_boxes section a:hover {}

.mid_boxes section:hover{background: var(--secColor); color:#fff;}
.mid_boxes section:hover h2::before{filter: brightness(0) saturate(100%) invert(93%) sepia(99%) saturate(0%) hue-rotate(193deg) brightness(108%) contrast(100%);}
.mid_boxes section:hover a{color:#fff;}

.mid_img { position: absolute; right: -172px; bottom: -2px; }
.mid_img figure img{max-width: 641px; width: 100%;}
/* .middle_boxes [class^="mid_box"]{} */

/*end middle*/



/*main*/
#main_area {background: var(--priColor); position: relative; padding: 0 15px; z-index: 2;}
#main_area::before{content: ''; background: url(images/main-dtl1.png)top center no-repeat; display: block; width: 100%; height: 72px; position: absolute; left:0; top:-35px; right:0; z-index: 1;}
#main_area::after{content: ''; background: url(images/main-dtl.png)top center no-repeat; display: block; width: 100%; height: 87px; position: absolute; left:0; bottom:-47px; right:0; z-index: 1;}
.main_con { min-height: 567px; padding: 113px 0 20px; }

main { float: right; width: 100%; max-width: 515px; text-align: left; color:#fff; }

main .h1_title {margin-bottom: 42px;}
main .h1_title span{color: var(--secColor);}
main .h1_title small { font-weight: normal; display: block; }

main p { margin-bottom: 25px; }

main ol { padding-left: 20px; margin-bottom: 25px; }

main ul li { position: relative; }

main .bullet { padding: 0; margin-bottom: 25px; }

main .bullet li { position: relative; padding-left: 25px; margin-bottom: 8px }

main .bullet li:before { position: absolute; content: ""; width: 10px; height: 10px; border-radius: 50%; left: 3px; top: 7px; background: var(--secColor); }

main a { font-weight: bold; color: var(--secColor); text-decoration: none; }

main a:hover { color: #000; text-decoration: underline; }

#breadcrumbs { border-bottom: 1px dashed gray; padding-bottom: 10px; margin-bottom: 30px; }

.intro_txt {
	text-align: center;
	width: 80%;
	margin: 0 auto 25px;
	padding: 15px;
	border-bottom: 3px solid var(--priColor);
	font-weight: bold;
	font-size: 22px;
}

/*end main*/

/*sidebar*/
.sidebar_img{position: absolute; left:0; top:-44%; z-index: 1; }
.sidebar_img figure img{max-width: 687px; width: 100%;}
/*end sidebar*/

/*bottom*/
#bottom1 { background: #fff; position: relative; padding: 0 15px; }
.btm1_dtl{position: relative; min-height: 495px; position: absolute; right:0; top:0;}
.btm1_dtl::before{content: ''; background: url(images/btm1-dtl.png)top right no-repeat; display: block; width: 1200px; height: 495px; }
#bottom1::before{ }
.btm1_con { min-height: 773px; padding: 139px 0 20px; }

.btm1_info{}
.btm1_info h2{margin-bottom: 35px; color: var(--priColor);}
.btm1_info h2 span{color: var(--secColor);}
.btm1_info h2 small{color: var(--bodyColor);}

.btm1_boxes {display: flex; justify-content: space-between; counter-reset: section; width: 100%; position: absolute; top:346px; z-index: 1;}
.btm1_boxes section {max-width: 326px; width: 24%; height: auto; padding-block:25px 120px; padding-inline: 22px; background: #fff; text-align: center; position: relative; }
.btm1_boxes section h2 {font-size: 30px; margin-bottom: 17px; position: relative;}
.btm1_boxes section h2::before{counter-increment: section; content: "0" counter(section); display: block; color: #e1e1e1; font-family: var(--priFont); font-size: 40px; padding-bottom: 33px;}
.btm1_boxes section p {width: 78%; margin: auto;}
.btm1_boxes section a { width: 200px; position: absolute; left: 0; right: 0; margin: auto; bottom: 36px; }

.btm1_cont{padding-top:40px;}

.btm1_boxes section:hover{background: var(--secColor); color:#fff;}
.btm1_boxes section:hover h2::before{color:#ffab4b;}
.btm1_boxes section:hover a{background: #fff; color: var(--secColor);}

/* .btm1_boxes [class^="btm1_box"]{} */

#bottom2 {background: url(images/btm2-bg.jpg)top center no-repeat;}

.btm2_con { min-height: 845px; padding: 0; }

.btm2_holder{background: #fff; padding-block: 74px; padding-inline: 84px; min-height: 531px; width: 100%; position: absolute; bottom:-228px; left:0; right:0; z-index: 1;}
.btm2_info{text-align: center;}
.btm2_info h2{color: var(--priColor); margin-bottom: 35px;}
.btm2_info h2 small{color: var(--bodyColor);}
.btm2_info h2 span{color: var(--secColor);}
.btm2_info p{}

.btmform {margin-top: 30px;}

.btmform form { display: flex; flex-wrap: wrap; justify-content: center; column-gap: 15px; row-gap: 28px; }

.btmform form > *{ font-size: 16px; font-family: var(--priFont); color:#b2b2b2; }

.btmform form .form_fullname, .btmform form .form_email { border: none; width: 32%; min-height: 55px; border:1px solid #cccccc; padding-left: 30px; }

.btmform form .txtmessage { border: none; resize: none; overflow: hidden; width: 32%; height: 55px; border:1px solid #cccccc; padding: 15px 0 0 30px; }
.disclaimer { width: 100%;  }
.disclaimer p{font-weight: normal; color: #3a3a3a !important;}
.disclaimer a{color: var(--secColor); display: inline-block; font-weight: 700;}
.disclaimer a:hover{text-decoration: underline;}
.btmform form .form_btn { border: none; font-family: var(--priFont); font-size: 16px; color:#fff; }
.btmform form .form_btn:hover{background: var(--priColor);}
#bottom3 { background: url(images/btm3-bg.png)top center no-repeat; position: relative; padding: 0 15px; margin-top: -40px; }
/* #bottom3::before{content: ''; background: url(images/ftr-dtl.png)top center no-repeat; width: 100%; height: 72px; position: absolute; left:0; bottom:0; right:0;z-index: 1;} */
.btm3_con { padding: 385px 0 20px; min-height: 892px; }

.btm3_info{max-width: 640px; width: 100%; color:#fff;}
.btm3_info h2{margin-bottom: 29px;}
.btm3_info h2 span{color: var(--secColor);}
.btm3_info p { line-height: 30px; }
.btm3_info a {max-width: 200px; margin: 38px 0 0; }
.btm3_info a:hover{background: var(--priColor); box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;}

.btm3_img { position: absolute; right: 0; bottom: 0; z-index: 1; }
.btm3_img figure img{width: 482px; }
/*end bottom*/

/*footer*/
footer {}

.footer_top { background: url(images/ftr-bg.png)top center no-repeat; position: relative; padding: 0 15px; margin-top: -52px; z-index: 1; }

.footer_top_con { min-height: 597px; padding: 158px 0 20px; }
.ftr_holder{display: flex; justify-content: space-between; align-items: end;}
.ftr_title{text-align: center;}
.ftr_title h2{color: var(--priColor);}
.ftr_title h2 span{color: var(--secColor);}
.ftr_title h2 small{color: var(--bodyColor);}

.ftr_map{max-width: 443px; width: 33%;}
.ftr_map figure iframe{width: 100%; height: 172px;}

.contact_info {max-width: 307px; width: 33%;}

.contact_info h2 {}

.contact_info h2 small { display: block; }

.contact_info ul { margin: 0 0 0; padding: 0; list-style: none; text-align: right; }

.contact_info ul li { line-height: 24px; display: block; white-space: pre-line; position: relative; padding-right: 50px; margin-bottom: 19px; }
.contact_info ul li span{display: block;}
.contact_info ul li address { display: contents; }
.contact_info ul li:last-child{margin-bottom: 0;}
.contact_info ul li a { color: inherit; }
.contact_info ul li a[href^="tel:"] { color: inherit; }
.contact_info ul li a:hover { text-decoration: underline; }
.contact_info ul li:before { position: absolute; right:0; top:50%; transform: translatey(-50%); }
.contact_info ul li:first-child:before { content: url(images/icons/ftr-call-icon.png); }
.contact_info ul li:nth-child(2):before { content: url(images/icons/ftr-email-icon.png);  }
.contact_info ul li:last-child:before { content: url(images/icons/ftr-location-icon.png);  }

.footer_logo_con{max-width: 426px; width: 33%;}
.footer_logo {text-align: center;}
.footer_logo img {max-width: 354px; width: 100%;}

.ftr_info{margin: 12px 0 37px;}

.footer_btm { background: var(--priColor); position: relative; /* padding: 0 15px; */ }
.footer_btm::before{content: ''; background: var(--secColor); width: 100%; height: 4px; position: absolute; left:0; right:0; bottom:0;}
.footer_btm_con { min-height: 0; padding: 19px 0; }

.footer_nav {}

.footer_nav ul { margin: auto 0; padding: 0; text-align: center; list-style: none; }

.footer_nav ul li { display: inline-block; vertical-align: top; position: relative; }

.footer_nav ul li a { display: block; padding: 0 15px; margin: 0 62px; color: #fff; }

.footer_nav ul li a:hover, .footer_nav ul li a:active, .footer_nav ul li.current_page_item a { text-decoration: underline; }

.footer_nav ul li:after { content: ""; width: 1px; height: 8px; top: 50%; transform: translateY(-50%); right: -3px; background: #fff; position: absolute; }
.footer_nav ul li:first-child::before{content: ""; width: 1px; height: 8px; top: 50%; transform: translateY(-50%); left: -3px; background: #fff; position: absolute;}


.footer_comp { display: inline-block; margin: 0 10px; position: relative; }

.footer_comp:before { content: ""; background: var(--bodyColor); width: 1px; height: 14px; left: -8px; top: 4px; position: absolute; }

.footer_comp:after { content: ""; background: var(--bodyColor); width: 1px; height: 14px; right: -8px; top: 4px; position: absolute; }

.copyright { color: var(--bodyColor); }

.copyrigh_text:hover { text-decoration: none !important; }

.copyright a { color: inherit; }

.copyright a:hover { text-decoration: underline; }


/* privacy policy */
.privacy_span{color: var(--priColor); display: inline-block;}
.privacy_list { padding-left: 20px; }
.privacy_list li::marker { font: bold 20px/100% var(--priFont); }
.privacy_list h2 { font: bold 20px/100% var(--priFont); margin: 30px auto 20px; }

/**Resources**/
.resources {}

.resources a { display: block; font-weight: bold; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; transition: all 0.3s linear; }

.resources a:hover { padding-left: 2px; text-decoration: none !important; color: var(--secColor); }

.resources ul,
.resources li { list-style-type: none; margin: 0; padding: 0; }

.resources ul li { margin-bottom: 8px; padding: 12px; background: #FAFDFE; border: 1px solid #ececec; }

.resources ul li:before { content: ""; }

.resources ul li:after { content: ""; }

.resources ul li a span { font-size: 11px; color: #666666; letter-spacing: 1px; display: block; overflow-wrap: break-word; word-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; -moz-hyphens: auto; hyphens: auto; }

/* IE 8 */
.lt-ie8 .dang-ie { width: 100%; height: 100%; position: fixed; background-color: #00abdd }

.message { text-align: center; color: #fff; font-size: 20px; position: absolute; top: 20%; left: 0; right: 0 }

.inner-message { position: relative; top: -20%; left: 0; right: 0; text-align: center; margin: auto }

.inner-message img { position: relative; left: 0 }

.inner-message a.download { display: block; width: 300px; padding: 10px; color: #fff; margin: 2em auto; border: 1px solid #fff }

.terms { color: #fff; font-size: 13px; padding: 20px; position: absolute; right: 0; bottom: 0 }

.terms a { color: #fff; font-weight: 700 }

.lt-ie8 .protect-me { display: none }

/* Sitemap Style */
.sitemap { list-style-type: none; padding: 0; -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; }

.sitemap li { counter-increment: step-counter; overflow: hidden; }

.sitemap li { padding: 5px 15px; background: #E3E3E3; }

.sitemap li:nth-child(odd) { background: #F2F2F2; }

.sitemap li a { display: block; }

.sitemap li a:before { content: counter(step-counter) '. '; }

/* Pages under Certain Parent Pages */
.sitemap ul { margin-top: 5px;
}

.sitemap ul li:nth-child(odd) { background: #E3E3E3; }

.sitemap ul li:nth-child(even) { background: #F2F2F2; }

.sitemap ul li { counter-increment: sub-counter;
}

.sitemap ul li a:before { content: counter(step-counter) '.' counter(sub-counter) ' '; }

/* Breadcrumb Styling */

#breadcrumbs { border-bottom: 1px dashed gray; padding-bottom: 10px; margin-bottom: 30px; }

#breadcrumbs span a { color: var(--priColor); }

.breadcrumbs { margin-bottom: 34px; border-bottom: 1px dotted gray; padding-bottom: 11px; }

.breadcrumbs span { vertical-align: bottom; display: inline-block; overflow: hidden; text-overflow: ellipsis; }

.breadcrumbs span[property='name'] { display: inline-block; padding: 0; margin-top: -3px; vertical-align: middle; max-width: 270px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #439b4f; }

.breadcrumbs span[property='name']:hover { text-decoration: underline; }

.breadcrumbs .post { background: transparent !important; border-radius: 0; padding: 0; margin: 0; border: none; word-wrap: normal; }

.breadcrumbs span[class='post post-page current-item'] { display: inline-block; padding: 0; max-width: 250px; white-space: nowrap; }

/* End Breadcrumb Styling */

/* Non-home */
.non_ban { position: relative; }

.non_ban_img { width: 1920px; margin-left: 50%; transform: translateX(-50%); }

.non_ban_img img { vertical-align: middle; height: auto; }

.page_title { text-align: center; width: 100%; z-index: 2; position: absolute; bottom: 0; font-size: 44px; line-height: 100%; padding: 15px; background: var(--priColor); color: #fff; }

.FormReq { box-shadow: 0 0 3px #d92800 !important; border: 1px solid #d92800 !important; }



/* Form Activation Style (Recaptcha & Prompt Message) */
#invalid-msg { width: 100%; }

.captcha-box {max-width: 228px; width: 100%; height: 60px;}

.g-recaptcha { transform: scale(.75); transform-origin: 0 0; }

#g-recaptcha-response { display: block !important; position: absolute; margin: -78px 0 0 0 !important; width: 302px !important; height: 76px !important; z-index: -999999; opacity: 0; }

#error-msg { position: fixed; z-index: 9999; border: 1px solid; background: rgb(0, 0, 0, 0.4); width: 100%; height: 100%; left: 0; top: 0; }

#error-msg .message { border: 1px solid; width: 500px; margin: 9% auto; background: #fff; position: relative; padding: 188px 10px 25px 10px; border-radius: 20px; max-width: 95%; }

#error-msg .message span:nth-child(1) { font-weight: bold; color: #ca4b4b; font-size: 25px; line-height: 20px; }

#g-recaptcha-response .message span:nth-child(1) { font-weight: 900; color: #ca4b4b; font-size: 32px; line-height: 40px; }

#success { position: fixed; z-index: 9999; background: rgb(0, 0, 0, 0.4); width: 100%; height: 100%; left: 0; top: 0; }

#recaptcha-error { position: fixed; z-index: 9999; border: 1px solid; background: rgb(0, 0, 0, 0.4); width: 100%; height: 100%; left: 0; top: 0; }

.message { border: 1px solid; width: 500px; margin: 9% auto; max-width: 95%; border-radius: 20px; padding: 188px 10px 25px 10px; background: #fff; position: relative; }

.message span:nth-child(1) { font-weight: 900; color: #31af90; font-size: 26px; line-height: 27px; }

.message span:nth-child(3) { font-size: 25px; line-height: 30px; color: #000; }

.message span:nth-child(5) { line-height: 40px; font-size: 18px; color: #000; }

.close, .rclose, .error-close { position: absolute; right: 24px; top: 10px; font-size: 30px; font-family: open sans; cursor: pointer; color: #333 !important; }

#error-msg p, #success .message p { font-size: 30px !important; }

.fail-check::after { content: url('images/wrong-icon.png'); position: absolute; left: 0; right: 0; top: 30px; }

.success-check:after { content: url('images/success-icon.png'); position: absolute; left: 0; right: 0; top: 30px; }

#invalid-msg { display: none; background: #fcecec; padding: 10px; color: #ca4b4b; font-weight: bold; margin-bottom: 20px; font-size: 14px; text-align: center;}
/* End Form Activation Styling */






/* Delete After Use */
/* body::after { content: ''; background: url(images/screenshot.jpg); width: 100%; height: 100%; position: absolute; top: 0; left: 0; opacity: 0.1; z-index: 999; display: block; pointer-events: none; } */

.nh_title{font-size: 23px; font-weight: bold;}

/* About Us */
.about_info { text-align: center; margin: 2px 0 40px; }
.about_info h2{font-size: 48px; font-weight: 600; color: var(--secColor); margin-bottom: 20px; line-height: 100%;}

.nh_mv{display: flex; justify-content: space-between; margin: 20px 0 60px;}
.nh_mv section{width: 49%; color:#fff; text-align: center; padding: 40px 25px; border-radius: 30px; background: var(--priColor); box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;}
.nh_mv section h5{font-size: 30px; font-weight: bold; margin-bottom: 20px; position: relative;}
.nh_mv section h5::before{content: ''; display: block; margin-bottom: 15px;}
.nh_mv section:first-child h5::before{content: url(images/icons/mission.png);}
.nh_mv section:last-child h5::before{content: url(images/icons/vision.png);}

/* Services */
.serv_list{margin: 30px 0 60px;}
.serv_list ul { display: flex; gap:40px 20px; justify-content: center; flex-wrap: wrap; } 
.serv_list ul li { width: 23%; text-align: center; position: relative; padding: 20px 20px 20px; overflow: hidden; transition: .3s; border:1px solid #f5c320; box-shadow: -4px 5px 10px #00000061; border-radius: 40px;max-width: 315px;}
.serv_list ul li:before{content:''; position: absolute; right: 0;left: 0;width: 70%; margin: auto; bottom: 0; height: 10px; border-radius: 20px 20px 0 0; background: var(--priColor);} 
.serv_list ul li:hover{ border:1px solid var(--secColor); transform: translateY(-10px);}
.serv_list ul li:hover:before{ background: var(--secColor);}
.serv_list ul li:hover h2{ color: var(--secColor);}
.serv_list ul li figure { } 
.serv_list ul li figure img { border-radius: 20px;} 
.serv_list ul li h2 { font-size: 24px;min-height: 74px; display: flex; flex-direction: column; justify-content: center; align-items: center; line-height: 120%;} 
.serv_list ul li h2 small{display: block; } 
.serv_list ul li h2 span{ display: block;} 
.serv_list ul li p {  margin-bottom: 0;} 
.serv_list ul li a { position: absolute;inset: 0;} 
.serv_list ul li a:hover {  } 


/*Privacy Policy*/
.privacy_span { color: red; display: inline-block; }
.privacy_list { padding-left: 20px; }
.privacy_list li::marker { font: bold 20px/100% var(--priFont); }
.privacy_list h2 { font: bold 20px/100% var(--priFont); margin: 30px auto 20px; }