/* Ensure smooth scrolling applies to the document */
html {
    scroll-behavior: smooth;
}

/* Improve body styling for better performance */
body {
    background-color: #fff; /* Faster rendering for solid colors */
    background-size: cover; /* Ensure proper background scaling */
    
    font-family: "Roboto", sans-serif;
    font-size: 12pt;
    
    /* Remove unnecessary properties */
    /* text-decoration: none; → Not needed for body */
    
    transition: background-color 0.5s ease-in-out; /* Optimize transition */
}

/* Optimize for LCP by adding a fallback font */
body, h1, h2, h3, h4, h5, h6, p {
    font-family: "Roboto", Arial, sans-serif;
    font-display: swap; /* Prevents FOIT (Flash of Invisible Text) */
}


a,
body,
button,
div,
h1,
h2,
h3,
i,
img,
input,
li,
p,
span,
ul {
	font-weight: 400;
	margin: 0;
	padding: 0;
	text-align: left
}

a {
	text-decoration: none
}

body {
	margin: 0;
	padding: 0
}

.container {
	position: relative;
	width: 100%;
	float: left;
	box-sizing: border-box
}

.page {
	position: relative;
	width: 1250px;
	box-sizing: border-box;
	margin: auto
}

.page_1 {
	position: relative;
	width: 1150px;
	box-sizing: border-box;
	margin: auto
}

#page {
	position: relative;
	width: 1250px;
	box-sizing: border-box;
	margin: auto
}

.topbar {
	position: relative;
	float: right;
	width: 100%;
	box-sizing: border-box;
	padding: 0 0;
	background: #005f69;
	transition: .2s ease-in
}

.topbar .topbar-con {
	position: relative;
	float: right;
	width: 100%;
	box-sizing: border-box;
	transition: .5s ease
}

.topbar .topbar-con .topbar-left {
	position: relative;
	float: right;
	width: auto;
	box-sizing: border-box;
	padding: 0 0;
	text-align: center
}

.topbar .topbar-con .topbar-left a {
	position: relative;
	float: left;
	display: inline-block;
	width: auto;
	box-sizing: border-box;
	padding: 7px 10px;
	color: #fff;
	font-weight: 500;
	font-size: 11pt;
	letter-spacing: .4px
}

.topbar .topbar-con .topbar-right {
	position: relative;
	float: right;
	width: auto;
	box-sizing: border-box;
	display: none
}

.topbar .topbar-con .topbar-right a {
	position: relative;
	float: none;
	display: inline-block;
	width: auto;
	box-sizing: border-box;
	padding: 6px 0;
	padding-right: 10px;
	color: #fff;
	font-weight: 600;
	font-size: 10pt;
	letter-spacing: .8px
}

.topbar .topbar-con .topbar-right a:hover {
	text-decoration: underline
}

.header {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	z-index: 2000;
	transition: .5s ease;
	background: #12394b
}

.header .header-con {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box
}

.header .header-con .header-left {
	position: relative;
	float: left;
	width: 24%;
	box-sizing: border-box
}

.header .header-con .header-left .web-logo {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 0
}

.header .header-con .header-left .web-logo img {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 5px 0
}

.header .header-con .header-right {
	position: relative;
	float: right;
	width: auto;
	box-sizing: border-box;
	padding: 0 0
}

.search_pop_btn {
	background: #fff;
	color: #000;
	border: 1px solid #ccc;
	padding: 10px 10px !important;
	margin-top: 20px
}

.header .header-con .header-right .navbar {
	position: relative;
	float: left;
	width: auto;
	box-sizing: border-box
}

.header .header-con .header-right .navbar ul.menubar {
	position: relative;
	float: right;
	width: auto;
	box-sizing: border-box;
	list-style-type: none;
	padding: 12px 0
}

.header .header-con .header-right .navbar ul.menubar li {
	position: relative;
	float: left;
	width: auto;
	box-sizing: border-box;
	padding: 0 0
}

.header .header-con .header-right .navbar ul.menubar li a {
	position: relative;
	float: left;
	width: auto;
	box-sizing: border-box;
	padding: 12px 10px;
	color: #fff;
	transition: .5s ease;
	cursor: pointer;
	text-transform: capitalize;
	transition: all .3s ease;
	vertical-align: middle;
	font-size: 11pt;
	letter-spacing: .8px;
	border-radius: 3px;
	text-align: center;
	font-weight: 500
}

.navbar .menubar li a img {
	position: relative;
	float: none;
	display: inline-block;
	width: 18px;
	height: 18px
}

.header .header-con .header-right .navbar ul.menubar li:hover a {
	border-bottom: 3px solid #12394b;
	background: #fff;
	color: #12394b
}

.header .header-con .header-right .navbar ul.menubar li .sub-menu {
	position: absolute;
	float: left;
	width: 220px;
	box-sizing: border-box;
	list-style-type: none;
	background: #12394b;
	margin-top: 52px !important;
	padding: 0 0;
	box-shadow: rgba(50, 50, 93, .25) 0 50px 100px -20px, rgba(0, 0, 0, .3) 0 30px 60px -30px;
	z-index: 3000;
	-webkit-transition: 2s ease;
	transition: .1s ease;
	border-top: 0 solid #777
}

.header .header-con .header-right .navbar ul.menubar li .sub-menu a {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	list-style-type: none;
	padding: 0 0;
	background: 0 0 !important;
	font-size: 11pt !important;
	border-top: 0 !important;
	text-transform: none;
	color: #fff;
	letter-spacing: .3px;
	height: 0;
	overflow: hidden;
	transition: .5s ease;
	border-radius: 0
}

.header .header-con .header-right .navbar ul.menubar li .sub-menu a img {
	position: relative;
	float: left;
	width: 35px;
	height: 35px;
	box-sizing: border-box;
	padding: 6px 0;
	border: 1px solid #ccc;
	border-radius: 50px;
	display: none
}

.header .header-con .header-right .navbar ul.menubar li .sub-menu a span {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	vertical-align: middle;
	padding: 0 0;
	font-weight: 400;
	color: #fff
}

.header .header-con .header-right .navbar ul.menubar li:hover .sub-menu {
	height: auto;
	margin-top: 37px;
	padding: 0 0
}

.header .header-con .header-right .navbar ul.menubar li:hover .sub-menu a {
	padding: 6px 10px;
	border-bottom: .5px solid #eee;
	float: left;
	height: auto
}

.header .header-con .header-right .navbar ul.menubar li .sub-menu a:hover {
	background: #fff !important;
	color: #37517e !important
}

.header .header-con .header-right .navbar ul.menubar li .sub-menu a:hover span {
	color: #37517e !important
}

.header .header-con .header-right .navbar ul.menubar li a i {
	font-size: 8pt;
	padding: 0 6px
}

.mob-nav-open-btn {
	display: none
}

.slider-home {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box
}

.slider-home .slider-home-con {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box
}

.slider {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box
}

.slider .slider-con {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box
}

.slider .slider-con .categories-box {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 0
}

.slider .slider-con .categories-box .categories-box-con {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 30px 0
}

.slider .slider-con .categories-box .categories-box-con .cate-box {
	position: relative;
	float: left;
	width: 20%;
	box-sizing: border-box;
	padding: 20px
}

.slider .slider-con .categories-box .categories-box-con .cate-box .cate-box-con {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	border: 0 solid #ccc;
	border-radius: 5px;
	overflow: hidden;
	transition: .5s ease
}

.slider .slider-con .categories-box .categories-box-con .cate-box .cate-box-con:hover {
	transform: scale(1.05, 1.05)
}

.slider .slider-con .categories-box .categories-box-con .cate-box .cate-box-con .cate-icon {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	height: 120px;
	text-align: center
}

.slider .slider-con .categories-box .categories-box-con .cate-box .cate-box-con .cate-icon img {
	position: relative;
	float: none;
	width: auto;
	height: 100%;
	padding: 20px 30px;
	box-sizing: border-box
}

.slider .slider-con .categories-box .categories-box-con .cate-box .cate-box-con .cate-name {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	height: 60px
}

.slider .slider-con .categories-box .categories-box-con .cate-box .cate-box-con .cate-name h3 {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	font-size: 12pt;
	font-weight: 700;
	padding: 10px 10px;
	color: #333
}

.row {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0 0
}

.row .row-con {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0 0
}

.row.smd {
	width: 75%;
	padding: 10px
}

.work-overflow {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	display: none
}

.work-overflow .work-overflow-con {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box
}

.work-overflow .work-overflow-con img {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box
}

.heading h2 {
	position: relative;
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 0;
	color: #fff;
	font-weight: 500;
	font-size: 20pt;
	text-align: center;
	margin-bottom: 10px
}

//.heading h2::before{content:"";position:absolute;display:block;width:120px;height:1px;background:#f5c231;bottom:1px;left:calc(50% - 60px)}//.heading h2::after{content:"";position:absolute;display:block;width:40px;height:3px;background:#47b2e4;bottom:0;left:calc(50% - 20px)}.heading h2 b{color:#47b2e4;font-weight:800}.heading h1.center{text-align:center}.heading h1.right{text-align:right}.align-center{text-align:center}.align-left{text-align:left}.align-left{text-align:right}.heading line{position:relative;float:none;display:inline-block;border-top:2px solid #9e9e9e;width:50%;margin-top:-10px;padding:1px;padding-bottom:10px}.heading h1 img{position:relative;float:left;width:100%;box-sizing:border-box;padding:6px 500px}.hed-img{position:relative;float:left;width:100%;box-sizing:border-box}.hed-img img{position:relative;float:left;width:100%;box-sizing:border-box}.heading b{color:#005ac8}.more-view{position:relative;float:left;width:100%;box-sizing:border-box;padding:30px 0;text-align:center}.more-view a{position:relative;float:none;display:inline-block;width:auto;box-sizing:border-box;border:1px solid #deebff;padding:10px 20px;border-radius:1px;background:#fff;color:#000;font-weight:700;box-shadow:10px 10px #deebff;transition:.5s ease}.more-view a:hover{box-shadow:-10px -10px #deebff}.categories-box{position:relative;float:left;width:100%;box-sizing:border-box}.categories-box .categories-box-con{position:relative;float:left;width:100%;box-sizing:border-box;padding:10px 0}.view-more{position:relative;float:left;width:100%;box-sizing:border-box;text-align:center;padding:20px 0}.view-more a{position:relative;float:auto;width:auto;box-sizing:border-box;border:1px solid #ccc;padding:10px 20px;border-radius:5px;font-weight:700;color:#000;box-shadow:inset 0 20px 10px -25px #000;transition:.2s ease}.view-more a:hover{box-shadow:0 20px 10px -20px #000;padding:10px 30px}.footer{position:relative;float:left;width:100%;box-sizing:border-box;background:#022728}.footer .footer-con{position:relative;float:left;width:100%;box-sizing:border-box}.footer .footer-con .footer-top{position:relative;float:left;width:100%;box-sizing:border-box;padding:5px 0}.footer .footer-con .footer-top .footer-top-con{position:relative;float:left;width:100%;box-sizing:border-box}.footer .footer-con .footer-bottom{position:relative;float:left;width:100%;box-sizing:border-box}.footer .footer-con .footer-bottom .footer-bottom-con{position:relative;float:left;width:100%;box-sizing:border-box;padding:10px 0}.footer .footer-con .footer-bottom .footer-bottom-con .fb-left{position:relative;float:left;width:100%;box-sizing:border-box}.footer .footer-con .footer-bottom .footer-bottom-con .fb-left p{position:relative;float:left;width:100%;padding:0 0;letter-spacing:.5px;color:#fff;box-sizing:border-box;font-size:11pt;text-align:center}.footer .footer-con .footer-bottom .footer-bottom-con .fb-left p a{color:#eee}.footer .footer-con .footer-bottom .footer-bottom-con .fb-right{position:relative;float:left;width:50%;box-sizing:border-box;padding:14px 0;display:none}.footer .footer-con .footer-bottom .footer-bottom-con .fb-right a.social-heading{background:#fff;color:#000}.footer .footer-con .footer-bottom .footer-bottom-con .fb-right a{position:relative;float:right;width:auto;box-sizing:border-box;padding:8px 20px;color:#fff;border:2px solid #fff;margin-left:10px;border-radius:5px;box-shadow:0 0 10px -5px #000}.report-desc-box{position:relative;float:left;width:100%;box-sizing:border-box}.report-desc-box .report-desc-box-con{position:relative;float:left;width:100%;box-sizing:border-box;padding:20px 0}.report-desc-box .report-desc-box-con .report-left{position:relative;float:left;width:70%;box-sizing:border-box}.report-desc-box .report-desc-box-con .report-left .report-left-con{position:relative;float:left;width:100%;box-sizing:border-box}.report-desc-box .report-desc-box-con .report-left .report-left-con .report-box{position:relative;float:left;width:50%;box-sizing:border-box;padding:10px 20px}.report-desc-box .report-desc-box-con .report-left .report-left-con .report-box .report-box-con{position:relative;float:left;width:100%;box-sizing:border-box;padding:10px 8px;border:1px solid #ccc;box-shadow:0 2px 2px 0 #000;transition:.5s ease}.report-desc-box .report-desc-box-con .report-left .report-left-con .report-box .report-box-con:hover{box-shadow:0 5px 20px -5px #000}.report-desc-box .report-desc-box-con .report-left .report-left-con .report-box .report-box-con .title{position:relative;float:left;width:100%;box-sizing:border-box}.report-desc-box .report-desc-box-con .report-left .report-left-con .report-box .report-box-con .title h2{position:relative;float:left;width:100%;box-sizing:border-box;padding:6px 0;font-size:12pt;color:#9e9e9e;line-height:22px}.report-desc-box .report-desc-box-con .report-left .report-left-con .report-box .report-box-con .title p{position:relative;float:left;width:100%;box-sizing:border-box;padding:6px 0;font-size:10pt;color:gray}.press-report-box{position:relative;float:left;width:33.3333%;box-sizing:border-box;padding:10px 20px}.press-report-box .press-report-box-con{position:relative;float:left;width:100%;box-sizing:border-box;padding:10px 8px;border:1px solid #deebff;box-shadow:10px 10px #888;transition:.5s ease;overflow:hidden;background:#fff}.press-report-box .press-report-box-con:hover{box-shadow:-20px -20px #888}.press-report-box .press-report-box-con .img{position:relative;float:left;width:100%;box-sizing:border-box;height:180px;overflow:hidden}.press-report-box .press-report-box-con .img img{position:relative;float:left;width:100%;box-sizing:border-box;padding:6px 0;font-size:12pt;color:#9e9e9e;line-height:22px}.press-report-box .press-report-box-con .title{position:relative;float:left;width:100%;box-sizing:border-box;height:150px;overflow:hidden}.press-report-box .press-report-box-con .title h2{position:relative;float:left;width:100%;box-sizing:border-box;padding:6px 0;font-size:12pt;color:#9e9e9e;line-height:22px}.press-report-box .press-report-box-con .title p{position:relative;float:left;width:100%;box-sizing:border-box;padding:6px 0;font-size:10pt;color:gray}.report-desc-box .report-desc-box-con .report-right{position:relative;float:left;width:30%;box-sizing:border-box}.report-desc-box .report-desc-box-con .report-right .report-right-con{position:relative;float:left;width:100%;box-sizing:border-box;padding:0 0}