@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,600;0,800;1,200;1,300;1,400;1,600;1,800&display=swap');

html{
/* --- Variables --- */

/* --- Colors --- */

--white: #FFF;
--blue: #003DA6;
--def-blue: #034C8C;
--dark-blue: #002158;
--green: #37FF63;
--grey: #EFEFEF;
--grey2: #2B2B2B;
--text-grey: #9D9D9D;
--text-dark-grey: #414141;	
--black: #000000;
--bg-opacity: 0,3;
	
--content-width: 1330px;
--content-width-2: 1202px;	
--window-width-lg: 990px;
--window-width-md: 768px;
--window-width-ms: 320px;
--main-header-height: 1080px;
--secondary-header-height: 468px;
--news-header-height: 130px;
}

html {
	font-family: Poppins, Arial;
	font-weight: 400;
	color: var(--white);
	letter-spacing: normal;
}

html * {
	font-family: Poppins, Arial;
	color: var(--white);
}

html, body {
	height: 100%;
	font-size: 14px;
	background-color: var(--def-blue);
}

/* Base */
.italic {font-style: italic;}
.bold {font-weight: bold;}
.uppercase {text-transform: uppercase;}
.underline {text-decoration: underline;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right {text-align: right;}

.flex {display: flex;}
.flex-center{display: flex;}
.flex-center > *{margin: auto;}
.flex-y{display: flex;flex-direction: column;}
.flex-y > * {margin-top: auto; margin-bottom: auto;}
.flex-x{display: flex;flex-direction: row;}
.flex-x > * {margin-left: auto; margin-right: auto;}
.flex-x-left{display: flex;flex-direction: row;}
.flex-x-left > * {margin-left: 0px; margin-right: auto;}
.flex-x-right{display: flex;flex-direction: row;}
.flex-x-right > * {margin-left: auto; margin-right: 0px;}
.flex-wrap {flex-wrap: wrap;}
.flex-nowrap {flex-wrap: nowrap;}

.center {margin-left: auto; margin-right: auto;}
.right {text-align: right;}
.max-w-full {max-width: 100%; height: auto;}
.w-full {width: 100%;}
.w-90 {width: 90%;}
.img-max-full {max-width: 100%;}

/* Backgrounds */
.bg_white {background-color: var(--white);}
.bg_blue {background-color: var(--blue);}
.bg_def-blue {background-color: var(--def-blue);}
.bg_dark-blue {background-color: var(--dark-blue);}
.bg_green {background-color: var(--green);}
.bg_grey {background-color: var(--grey);}

.headerbg {background-color: var(--dark-blue); box-shadow: 0px 4px 4px 0px rgba(0,0,0,0.15);}

/* Font colors */
.white {color: var(--white);}
.blue {color: var(--blue);}
.def-blue {color: var(--def-blue);}
.dark-blue {color: var(--dark-blue);}
.green {color: var(--green);}
.text-grey{color: var(--text-grey);}
.text-dark-grey{color: var(--text-dark-grey);}
.black{color: var(--black)}

.txt_grad1 {
	background: linear-gradient(30deg, #4590FF, #63DAFF);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}

/* Font sizes */
.f80{font-size: 80px;}
.f64{font-size: 64px;}
.f50{font-size: 50px;}
.f28{font-size: 28px;}
.f22{font-size: 22px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.f16{font-size: 16px;}
.f14{font-size: 14px;}
.f12{font-size: 12px;}
.f10{font-size: 10px;}

/* Font weight */
.fw200 {font-weight: 200;}
.fw300 {font-weight: 300;}
.fw400 {font-weight: 400;}
.fw500 {font-weight: 500;}
.fw600 {font-weight: 600;}
.fw800 {font-weight: 800;}

/* Line Height*/
.lh56 {line-height: 56px;}

/* Letter Spacing */
.ls3 {letter-spacing: 0.03em;}

a:link, a:visited{}
div {position: relative;}
.hidden {display: none;}
.fit-content{width: fit-content;}

.h22 {height: 22px;}
/* Margins */

.m10 {margin: 10px;}
.m20 {margin: 20px;}
/* margin-top */
.m-top-type1 {margin-top: 115px !important;}
.m-top-type2 {margin-top: 40px !important;}
.m-top-type3 {margin-top: 240px !important;}
.m-top-type4 {margin-top: 70px !important;}
.m-top-type5 {margin-top: 90px !important;}
.m-top-type6 {margin-top: 150px !important;}
.m-top-type7 {margin-top: 100px !important;}

.m-bottom-type2 {margin-bottom: 40px !important;}
.m-bottom-type4 {margin-bottom: 70px !important;}
.m-bottom-type7 {margin-bottom: 20px !important;}
.m-bottom-type6 {margin-bottom: 150px !important;}

.m-y-type2 {margin-top: 40px !important; margin-bottom: 40px !important;}
.m-y-type4 {margin-top: 70px !important; margin-bottom: 70px !important;}
.m-y-type5 {margin-top: 90px !important; margin-bottom: 90px !important;}
.m-y-type7 {margin-top: 100px !important; margin-bottom: 100px !important;}
.m-y-type8 {margin-top: 30px !important; margin-bottom: 30px !important;}

.m-center {margin-left: auto; margin-right: auto;}
.m-left {margin-left: 0px; margin-right: auto;}

.m-left-200 {margin-left: 200px;}
.m-left-10pc {margin-left: 10%;}
.m-left-20pc {margin-left: 20%;}
/*----------*/

ul.list1 > li{
	padding-top: 20px;
	text-align: left;
}
/* Blocks */
#wrap { min-height: 100%;}
#main { padding-bottom: 480px;}
#footer {
  margin-top: -480px;
  min-height: 480px;
}

body {
margin: 0px;
padding: 0px;
}

.topmenu_logo_img{
	width: 248px;
	max-width: 80%;	
	height: auto;
	margin: 20px 20px 20px 100px;
}
/* --------------------------------------------------------------------------- */
.serv_cont_block_header{
		display: inline-grid;
		grid-template-columns: min-content auto;
		text-align: center;
		margin: 100px 1em 100px 1em;
		max-width: 1240px;
	}
.serv_icon {
	width: 150px; 
	height: auto;
	margin: 0 2em 0 2em;
	}
.serv_text{
	border-left: 2px solid #37FF63;
	margin-left: 0px;
	padding-left: 1em;
	text-align: left;
	font-weight: 500;
	font-size: 50px;
	line-height: 56px;
	
	}


.test_block {border: 1px solid red;}
.wide_block1 {
width: 100%;
margin: 0px;
padding: 0px;
overflow: hidden;
}

.wide_block1 > * {margin-left: auto; margin-right: auto;}

.in_block1{
max-width: var(--content-width);
/* margin-left: 50px;	*/
/* margin-right: 50px; */
margin-left: Auto;	
margin-right: Auto;
padding-left: 50px;
padding-right: 50px;
margin-bottom: 10px;
}

.in_block2{
max-width: calc(var(--content-width-2) - 100px);	
padding-left: 50px;	
padding-right: 50px;		
}

.in_block3{
max-width: var(--content-width);
margin-bottom: 10px;
}

.in_block4{
	width: 1140px;
	max-width: 90%;
}

.single_block{
	background: white;
	border: 1px solid #999999;
	padding: 20px;
	margin: 20px 0px;
	
}

.content_text * {
	color: var(--text-dark-grey);
}

.single_block a {
	color: blue;
	/* text-decoration: underline;*/
}

.greenline{
	padding-left: 22px;
}
.greenline::before{
	content: '';
	border: 0px;
	border-left: 2px solid var(--green);
	margin: auto;
	height: 60%;
	position: absolute;
	left: 0px;
	top: 50%;
	transform: translate(0, -50%);
}

.single_block > .content{
	max-width: 825px;
	margin: auto;
}

.contuctus_form{}

.contuctus_form .text_input{
	width: 100%;
	height: 30px;
	background: transparent;
	border: 0px;
	border-bottom:  1px solid var(--blue);
}

.signup_input{
	width: 100%;
	height: 30px;
	background: #212e62;
	border:  1px solid #3c4976;
	border-radius: 5px;
}

.main_bg{
	background: url('assets/images/cs_main_bg_full.jpg');
	background-position: center;
	background-size: cover;
}

.aboutus_bg{
	background: url('assets/images/cs_aboutus_content_bg.jpg');
	background-position: center;
	background-size: cover;
}
.aboutus_content_bg1{
	background: url('assets/images/cs_aboutus_content_bg1.jpg');
	background-position: center;
	background-size: cover;
}

.aboutus_content_bg2{
	background: url('assets/images/cs_aboutus_content_bg2.png') no-repeat;
	background-position: right bottom;
}

.services_bg{
	background: url('assets/images/cs_services_content_bg.jpg');
	background-position: center;
	background-size: cover;
}

.contactus_bg{
	background: url('assets/images/cs_services_content_bg.jpg');
	background-position: center;
	background-size: cover;
}



/*--- Text blocks ---*/
.text_block_1{
padding: 90px 175px 90px 175px;
}

/*--- Buttons ---*/

.btn_form1{
padding: 7px;
}

.btn_form2{
padding: 4px;	
}

.btn_form3{
width: fit-content;
}

.btn_form4{
padding: 7px 25px;
}

.btn1{
display: inline-block;
width: fit-content;
color: var(--green);
text-decoration: none;
font-size: 16px;
font-weight: 500;	
letter-spacing: 0.15em;
text-align: center;
border: 2px solid var(--green);
border-radius: 2em;
padding: 5px 20px;	
background: none;
}

.btn2{
display: inline-block;
width: fit-content;	
color: var(--blue);
text-decoration: none;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.15em;
text-align: center;	
background-color: var(--green);
border: 2px solid var(--green);
border-radius: 2em;
padding: 5px 20px;	
}


.content_icon_block{
	display: grid;
	grid-template-columns: 1fr 5fr;
}

.content_icon_block > p {margin: 10px; padding: 0px;}
.content_icon_block > img {margin: 10px;}

/*--- Menus ---*/

/* Top Menu */
.topmenu{
height: 100px;
text-align: right;
z-index:100;
margin-right: 100px;
}

.topmenu_item_cover{
display: inline-block;
height: 100%;
}

.topmenu_item{
display: flex;
height: 100%;

}

.topmenu_link{
color: var(--green);
text-decoration: none;
font-size: 16px;
font-weight: 500;	
letter-spacing: 0.15em;
margin: auto 10px;
border: 2px solid var(--green);
border-radius: 2em;
padding: 5px 20px;	
}

.topmenu_link:hover, .btn1:hover{
	background-color: rgba(55,255,99,0.3);
}

.topmenu_link_green{
color: var(--blue);
text-decoration: none;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.15em;
margin: auto 10px;
background-color: var(--green);
border: 2px solid var(--green);
border-radius: 2em;
padding: 5px 20px;	
}

.topmenu_link_green:hover, .btn2:hover{
	background-color: rgba(55,255,99,0.3);
	color: var(--green);
}

.topmenu_grey_link{
color: #4E4E4E;
text-decoration: none;
font-size: 16px;
margin: auto 10px;
}

/* Mobile Top Menu */

.mtopmenu_icon{
position: fixed;
top: 40px;
right: 20px;
z-index: 255;
}

.mtopmenu{
position: fixed;
top: 0px;
left: 50%;
width: 50%;
height: 100%;
z-index: 150;
text-align: left;
background-color: var(--dark-blue);
padding: 90px 0px 20px 0px;
}

.mtopmenu_blackbg{
	position: fixed;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	z-index: 240;
	background-color: rgba(0, 0, 0, 0.7);
	}

.mtopmenu_link{
display: block;
color: var(--white);
text-decoration: none;
font-size: 22px;
letter-spacing: 0.08em;
padding: 10px;
text-transform: none;
}

.mtopmenu_link_active{
display: block;
color: var(--green);
text-decoration: none;
font-size: 22px;
letter-spacing: 0.08em;
padding: 10px;
text-transform: none;
}

/* Bottom Menu */

.bottommenu{
position: relative;
padding: 25px 0px 20px 0px;
}


.bottommenu_link{
display: block;
color: var(--white);
text-decoration: none;
padding: 0.3em;
text-transform: none;
}

.bottommenu_link:hover{
	color: var(--green);
}

.bottommenu_link_active{
display: block;
color: var(--green);
text-decoration: none;
padding: 0.3em;
text-transform: none;
}

/* Main Header */
.block_main_header{
background-position: center;
background-size: cover;
/* max-height: var(--main-header-height); */
/* aspect-ratio: 4/7; */
}

.main_header_textbox {
	width: 1000px; /* var(--content-width); */
	margin: 200px auto 60px auto;
	line-height: 120%;
	max-width: 100%;
	padding: 20px;
}

.main_header_iiglink {
margin-left: auto;
margin-right: 5%;
display: grid;
grid-template-columns: auto auto;
gap: 20px;	
justify-content: end;	
}

.iig_link_logo{
	width: 90px;
	height: auto;
}

.block_aboutus_header{
background-position: center;
background-size: cover;
max-height: var(--secondary-header-height);
aspect-ratio: 1/4;
display: flex;
}

.block_news_header{
background-position: center;
background-size: cover;
max-height: var(--news-header-height);
aspect-ratio: 1/10;
display: flex;
}

.block_main_header2{
background-position: center;
background-size: cover;
max-height: 530px;
aspect-ratio: 4/5;
display: flex;
}

.block_main_header_bg{
background-image: url('assets/images/cs_main_head_bg.jpg');
}

.block_aboutus_header_bg{
background-image: url('assets/images/cs_aboutus_head_bg.jpg');
}

.block_services_header_bg{
background-image: url('assets/images/cs_services_head_bg.jpg');
}

.block_news_header_bg{
background-color: var(--dark-blue);
}


.block_contactus_header_bg{
background-image: url('assets/images/cs_contactus_head_bg.jpg');
}

.bg_color1{
background-color: #003C1D;
}

/* Grids */

.grid-2{
display: grid;
grid-template-columns: 1fr 1fr;
}

.grid-3{
display: grid;
grid-template-columns: 1fr 1fr 1fr;
}

.gap-type1{column-gap: 200px; row-gap: 70px}
.gap-type2{column-gap: 70px; row-gap: 50px}

.order-0 {order: 0;}
.order-1 {order: 1;}

.grid-col-13{grid-column:1/3;}

/* block Width */
.wfc{width: fit-content;}
.w1{width: 220px;}
.w2{width: 160px;}

.logo_content{
	width: 255px;
	max-width: 100%; 
	margin: 30px;
}

.box-2\/3-left{
	width: 75%;
	margin-left: 0px;
	margin-right: 15%;
}
.box-2\/3-right{
	width: 66%;
	margin-left: 33%;
	margin-right: 0px;
}

.news_post_img{
	width: 100%;
	margin: auto;
	height: auto;	
}

.newslist_block{
	background: white;
	border: 1px solid #999999;
	padding: 20px;
}
.newslist_block_date{}
.newslist_block_link{}

.serv_icon {width: 150px; height: auto;}
/*--- Screen blg ---*/
@media screen and (max-width: 1480px){
.in_block1{
max-width: calc(100% - 100px);
/* margin-left: 50px;	
margin-right: 50px;	 */
}	
	
.in_block2{
max-width: calc(100% - 100px);
padding-left: 50px;	
padding-right: 50px;		
}	

.in_block3{
max-width: calc(100% - 100px);
margin-left: 50px;	
margin-right: 50px;	
}

.gap-type1{column-gap: 50px; row-gap: 30px}		

.topmenu_logo_img{
	margin-left: 30px;
}
.topmenu{
margin-right: 20px;
}
}
/*--- Screen lg ---*/

@media screen and (max-width: 1200px){
	.lgg\:grid-2 {display: grid; grid-template-columns: auto auto;}
}
@media screen and (max-width: 990px){

.lg\:flex-x{display: flex;flex-direction: row;}
.lg\:flex-x > * {margin-left: auto; margin-right: auto;}	
	
.lg\:flex-x-left{display: flex; flex-direction: row;}
.lg\:flex-x-left > * {margin-left: 0px; margin-right: auto;}
	
.f28{font-size: 24px;}
.lg\:f60{font-size: 60px;}
.lg\:fw500{font-weight: 500;}	
	
.in_block1{
max-width: calc(100% - 100px);
/* margin-left: 50px;	
margin-right: 50px;	*/
}	
	
.in_block2{
max-width: calc(100% - 100px);
padding-left: 50px;	
padding-right: 50px;		
}

.in_block3{
max-width: calc(100% - 100px);
margin-left: 50px;	
margin-right: 50px;	
}
	
.box-2\/3-left{
	width: 90%;
	margin-left: 0px;
	margin-right: 10%;
}
.box-2\/3-right{
	width: 80%;
	margin-left: 20%;
	margin-right: 0px;
}	
	
.logo_content{
	width: 125px;
	margin: 20px;
}

.lg\:hidden {display: none;}
.lg\:visible {display: block;}	
.lg\:center {margin-left: auto; margin-right: auto;}	
.block_main_header2 {
aspect-ratio: 3/4;
}

/* Main Header */	
.main_header_textbox {
	width: auto;
	max-width: 100%;
	padding: 0px 20px;
	line-height: 130%;
	/* font-size: 50px; */
	max-width: 100%;
	padding: 0px 40px;	
	}
	
.main_header_iiglink {
margin-left: auto;
margin-right: 10%;
margin-top: 80px;
display: grid;
grid-template-columns: auto auto;
gap: 20px;	
justify-content: end;	
}

.iig_link_logo{
	width: 73px;
	height: auto;
}
	
.lg\:grid-1{
display: grid;
grid-template-columns: 1fr;
}
	
.gap-type1{column-gap: 50px; row-gap: 30px}	

/*--- Text blocks ---*/

.lg\:text-left {text-align: left;}
.lg\:text-center {text-align: center;}
.lg\:text-right {text-align: right;}

.lg\:m-left-0 {margin-left: 0px;}	


}

/*--- Screen md ---*/
/* ******************************************************************************************* */
@media screen and (max-width: 768px){

.md\:flex-x{display: flex;flex-direction: row;}
.md\:flex-x > * {margin-left: auto; margin-right: auto;}	
	

.f18{font-size: 14px;}
.f64{font-size: 50px;}	
.f28{font-size: 22px;}
.f22{font-size: 14px;}
.f50{font-size: 30px;}
.md\:f60{font-size: 60px;}	
.md\:f46{font-size: 46px;}	
.md\:f22{font-size: 22px;}
.md\:f18{font-size: 18px;}	
.md\:f16{font-size: 16px;}
.md\:f14{font-size: 14px;}
.md\:f12{font-size: 12px;}	
.md\:f10{font-size: 10px;}	

.md\:fw500{font-weight: 500;}
	
.md\:hidden {display: none; margin: 0px; padding: 0px;}
.md\:visible {display: block;}		

/* margin-top */
.m-top-type1 {margin-top: 50px !important;}
.m-top-type2 {margin-top: 40px !important;}
.m-top-type3 {margin-top: 60px !important;}
.m-top-type4 {margin-top: 50px !important;}
.m-top-type5 {margin-top: 40px !important;}
.m-top-type6 {margin-top: 70px !important;}
.m-top-type7 {margin-top: 40px !important;}	

.m-bottom-type4 {margin-bottom: 70px !important;}	
.m-bottom-type6 {margin-bottom: 40px !important;}	
	
.md\:m-top-type4 {margin-top: 50px !important;}
.md\:m-top-type2 {margin-top: 40px !important;}
.md\:m-bottom-type0 {margin-bottom: 0px !important;}
.md\:m-y-type4 {margin-top: 50px !important; margin-bottom: 50px !important;}
.md\:m-y-type2 {margin-top: 40px !important; margin-bottom: 40px !important;}	
.md\:m-y-type8 {margin-top: 30px !important; margin-bottom: 30px !important;}	

.md\:grid-2 {display: grid; grid-template-columns: auto auto;}	
/* Main Header */	
.main_header_textbox {
	width: auto;
	line-height: 130%;
	/* font-size: 46px; */
	padding: 0px 40px;
	margin: 200px auto 80px auto;
    line-height: 130%;
    max-width: 100%;
	}

.main_header_iiglink {
margin-left: auto;
margin-right: 10%;
margin: 80px 10% 50px 10%;
display: grid;
grid-template-columns: auto auto;
gap: 20px;	
justify-content: end;	
}

.iig_link_logo{
	width: 50px;
	height: auto;
}
	
.btn1{
display: block;
width: auto;
color: var(--green);
text-decoration: none;
font-size: 16px;
font-weight: 500;	
letter-spacing: 0.15em;
text-align: center;
border: 2px solid var(--green);
border-radius: 2em;
padding: 5px 0px;
margin: 10px;
background: none;
}

.btn2{
display: block;
width: auto;	
color: var(--blue);
text-decoration: none;
font-size: 16px;
font-weight: 500;
letter-spacing: 0.15em;
text-align: center;	
background-color: var(--green);
border: 2px solid var(--green);
border-radius: 2em;
padding: 5px 0px;
margin: 10px;
}
/* --------------------------------------------------------------------------- */
.serv_cont_block_header{
	display: inline-block;
	margin: 0px 1em 60px 10px;
	}
.serv_icon {
	width: 75px; 
	height: auto;
	margin: 1em;
	}
.serv_text{
	border-left: 2px solid #37FF63;
	margin-left: 0px;
	padding-left: 10px;
	text-align: left;
	font-weight: 500;
	font-size: 28px;
	line-height: 34px;	
	}
	
	
	
.in_block1{
	max-width: calc(100% - 80px);
	margin-left: 3%;	
	margin-right: 3%;
	padding-left: 0px;
	padding-right: 0px;
	max-width: 100%;
}	
.in_block2{
	max-width: calc(100% - 80px);
	padding-left: 40px;	
	padding-right: 40px;		
}

.in_block3{
max-width: calc(100% - 40px);
margin-left: 20px;	
margin-right: 20px;	
}
	
.box-2\/3-left{
	width: 100%;
	margin-left: 0px;
	margin-right: 0%;
}
.box-2\/3-right{
	width: 100%;
	margin-left: 0%;
	margin-right: 0px;
}
	
.md\:m-left-0 {margin-left: 0px;}	
.md\:grid-1 {
	display: grid;
	grid-template-columns: 1fr;
}	
.gap-type1{column-gap: 50px; row-gap: 30px}	
.md\:grid-col-12{grid-column:1/2;}
	
.md\:order-0 {order: 0;}
.md\:order-1 {order: 1;}
	
.md\:hidden {display: none;}	
.md\:center {margin-left: auto; margin-right: auto;}	
.content_icon_block > img {width: 50px; height: 50px;}	
.md\:w-90 {width: 90%;}	

}

/*--- Screen mds ---*/

@media screen and (max-width: 540px){
	.f50 {font-size: 25px;}
}

@media screen and (max-width: 440px){

.mds\:flex-x{display: flex;flex-direction: row;}
.mds\:flex-x > * {margin-left: auto; margin-right: auto;}	
.mds\:hidden {display: none;}

.f64{font-size: 36px;}
.f28{font-size: 14px;}
.f22{font-size: 18px;}
.f50{font-size: 24px;}
.mds\:f46{font-size: 46px;}
.mds\:f30{font-size: 30px;}
.mds\:f18{font-size: 18px;}	
.mds\:f16{font-size: 16px;}	
.mds\:f14{font-size: 14px;}


/* Main Header */
.main_header_textbox {
	width: auto;
	margin: 150px auto 80px auto;
	line-height: 130%;
	/* font-size: 35px; */
	max-width: 100%;
	padding: 0px 30px;	
	}


.in_block1{
	max-width: 100%;
	/* margin-left: 40px;	
	margin-right: 40px;	 */
}
.in_block2{
max-width: calc(100% - 60px);
padding-left: 30px;	
padding-right: 30px;		
}

.in_block3{
max-width: 100%;
margin-left: 0px;	
margin-right: 0px;	
}
	
.mds\:grid-1 {
	display: grid;
	grid-template-columns: 1fr;
}
.gap-type1{column-gap: 30px; row-gap: 20px}
.mds\:hidden {display: none;}
.mds\:visible {display: block;}		

.content_icon_block > img {width: 50px; height: 50px;}

.topmenu_logo_img{
	margin-left: 20px;
}
}

/*--- Screen ms ---*/

@media screen and (max-width: 320px){

.ms\:flex-x{display: flex;flex-direction: row;}
.ms\:flex-x > * {margin-left: auto; margin-right: auto;}	
	
.f28{font-size: 18px;}
.f22{font-size: 17px;}
.ms\:f30{font-size: 30px;}
.ms\:f16{font-size: 16px;}

.ms\:hidden {display: none;}
.center {margin-left: auto; margin-right: auto;}	
/* Main Header */	
.main_header_textbox {
	width: auto;
	margin: auto;
	line-height: 130%;
	/* font-size: 30px; */
	max-width: 100%;
	padding: 0px 20px;	
	}
	
.in_block1{
	max-width: 100%;
	/* margin-left: 20px;	
	margin-right: 20px;	*/
}	
.in_block2{
max-width: calc(100% - 40px);
padding-left: 20px;	
padding-right: 20px;		
}

.in_block3{
max-width: 100%;
margin-left: 0px;	
margin-right: 0px;	
}
	
	/* Grids */
.ms\:grid-1 {
	display: grid;
	grid-template-columns: 1fr;
}

.ms\:hidden {display: none;}
.ms\:visible {display: block;}		

.topmenu_logo_img{
	margin: 20px;
}	
}

/*--- Droplist styles ---*/
.migdroplist{

}

.migdroplist_item{
	display: grid;
	grid-template-columns: min-content auto min-content;
	border-bottom: 1px solid #37FF63;
	padding: 3em 0 1em 0;
	cursor: pointer;
}
.migdroplist_item_title{
	font-size: 22px;
	font-weight: 700;
	text-align: left;
	margin-left: 2em;
}
.migdroplist_number_container{
	height: 32px;
	width: 32px;
	margin-left: 1em;
	border: 1px solid #37FF63;
	border-radius: 50%;
	position: relative;
}
.migdroplist_number{
	font-size: 14px;
	color: #37FF63;	
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-40%, -50%);
}
.migdroplist_content{
		font-size: 20px;
	}
.migdroplist_content > div {
	margin: 1em 0 1em 0;
}


@media screen and (max-width: 768px){
.migdroplist_content{
		font-size: 12px;
	}
.migdroplist_item_title{
	font-size: 14px;
	font-weight: 500;
	text-align: left;
	margin-left: 2em;
}	
.migdroplist_number_container{
	height: 20px;
	width: 20px;
	margin-left: 1em;
	border: 1px solid #37FF63;
	border-radius: 50%;
	position: relative;
}	
.migdroplist_number{
	font-size: 12px;
	color: #37FF63;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-40%, -50%);
}	
}

/*--- List1 styles ---*/
.main_list1{
	display: grid;
	grid-template-columns: 50% 50%;
	margin-top: 40px;
}
.main_list1_subheader{
	display: block;
	font-size: 28px;
	font-weight: 600;
	color: var(--green);
	text-align: left;
}
.main_list1_item{
	display: grid;
	grid-template-columns: min-content auto;
	margin: 30px 0 30px 0;
}
.main_list1_item_img{
	width: 56px;
	height: auto;
}
.main_list1_item_content{
	text-align: left;
	padding-left: 20px;
	font-size: 18px;
	font-weight: 400;
}

#mlist1{
	grid-template-areas: "a11 a12""a21 a22""a31 a32""a41 a42""a51 a52""a61 a62""a71 a72""a81 a82";
}
#otlist{
	display: grid;
	grid-template-columns: auto auto auto;
	grid-template-areas: "a1 b1 c1""a2 b2 c2""a3 b3 c3";
	gap: 0px 40px;
}
@media screen and (max-width: 768px){
	.main_list1{
	display: grid;
	grid-template-columns: 100%;
}
#mlist1{
	grid-template-areas: "a11""a21""a31""a41""a51""a61""a71""a12""a22""a32""a42""a52""a62""a72""a82";
}
#otlist{
	display: grid;
	grid-template-columns: auto;
	grid-template-areas: "a1""a2""a3""b1""b2""b3""c1""c2""c3";
	
}	
.main_list1_item{
	display: grid;
	grid-template-columns: min-content auto;
	margin: 11px 0 11px 0;
}	
.main_list1_item_img{
	width: 50px;
	height: auto;
}
.main_list1_item_content{
	text-align: left;
	padding-left: 20px;
	font-size: 14px;
	font-weight: 500;
}
.main_list1_subheader{
	display: block;
	font-size: 18px;
	font-weight: 600;
	color: var(--green);
	text-align: left;
	margin-top: 2em;
}
}

/*--- Icons ---*/
.micon1{
	width: 100px;
	height: auto;
}
@media screen and (max-width: 768px){
.micon1{
	width: 75px;
	height: auto;
}	
}
/*--- subheaders ---*/
.msubheader1{
	font-size: 28px;
	font-weight: 800;
	color: var(--green);
}
@media screen and (max-width: 768px){
.msubheader1{
	font-size: 20px;
	font-weight: 800;
	color: var(--green);
}
}

/*--- News Styles ---*/

.newsone_block p{
	text-align: justify;
}
.has-text-align-center {text-align: center !important;}
.newsone_title{
letter-spacing: 0.02em;
margin: 1.5em 0px;
}

.news_first{
	width: 100%;
	max-width: 1000px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-bottom: 100px;
}
.news_first_no_image{
	width: 100%;
	max-width: 1000px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	margin-bottom: 100px;
}
.news_first_img{
width: 100%;
height: auto;
}
.news_first_content{
	
}
.news_first_date{
	font-size: 12px;
	font-weight: 400;
	color: var(--grey2);
}
.news_first_title{
	margin: 20px 0px;
	font-size: 22px;
	font-weight: 500;
	color: var(--grey2);
}

.newsline{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap: 20px;
	margin-bottom: 40px;
}
.newsline_block{
	display: flex;
	position: relative;
	background-position: center;
	/* background-size: cover; */
	background-size: 100%;
	aspect-ratio: 4/3;
	color: white;
}
.newsline_blue_bg{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: #04154AB8;
	display: none;
}
.newsline_date{
	font-size: 12px;
	font-weight: 400;
	color: white;
	position: absolute;
	top: 3%;
	left: 3%;
}
.newsline_title_block{
	margin-top: auto;
	padding: 3%;
}
.newsline_title_link{
	font-size: 18px;
	font-weight: 400px;
	text-decoration: none;
}
@media screen and (max-width: 1140px){
.newsline{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 20px;
	margin-bottom: 40px;
}
}
@media screen and (max-width: 768px){
	.newsline{
	display: grid;
	grid-template-columns: 1fr;
	gap: 20px;
	margin: 0 10px 40px 10px;
}
.newsline_date{
	font-size: 10px;
	font-weight: 400;
	color: white;
	position: absolute;
	top: 3%;
	left: 3%;
}
.newsline_title_link{
	font-size: 14px;
	font-weight: 500px;
	text-decoration: none;
}
}
@media screen and (max-width: 540px){
.news_first{
	width: auto;
	display: inline-block;
	margin: 20px 10px 40px 10px;
}
}

.main_news_pre_block{
	display: grid;
	grid-template-columns: auto auto;
	gap: 100px;
}

@media screen and (max-width: 768px){
.main_news_pre_block{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	gap: 20px;
}

}

.cscount1{
	width: 350px;
	height: 305px;
	border: 1px solid #4E85E5;
	box-shadow: 0px 0px 9px 0px #2757AA, inset 0px 0px 9px 0px #2757AA;
}
.cscount1_counter{
	position: absolute;
	overflow: hidden;
	top: 90px;
	left: 60px;
	width: 250px;
	height: 93px;
}
.cscount1_block1{
	display: grid;
	grid-template-columns: auto 220px auto;
	justify-content: center;
	position: absolute;
	top: 90px;
	left: 0px;
	width: 100%;
	height: 93px;
}
.cscount1_counter2{
	position: relative;
	overflow: hidden;
	width: 220px;
	height: 93px;
}

.cscount1_counter_content{
	text-align: center;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
}
.cscount1_counter_content > div{
	font-size: 96px;
	color: #37FF63;
	font-weight: 500;
	text-align: center;
	width: 100%;
	line-height: 93px;
	height: 93px;
	margin: 0px;
	padding: 0px;
}
.cscount1_text{
	position: absolute;
	top: 203px;
	left: 0px;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.03rem;
}
.cscount1_text2{
	position: relative;
	display: inline-block;
	font-size: 48px;
	font-weight: 500;
	line-height: 93px;
	
	color: white;	
}

@media screen and (max-width: 768px){
.cscount1{
	width: 350px;
	height: 140px;
	border: 0px;
	box-shadow: none;
}
.cscount1_block1{
	display: grid;
	grid-template-columns: auto 150px auto;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 56px;
}	
.cscount1_counter{
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: 60px;
	width: 250px;
	height: 56px;
}
.cscount1_counter2{
	position: relative;
	overflow: hidden;
	width: 150px;
	height: 56px;
}
.cscount1_counter_content{
	text-align: center;
	position: absolute;
	width: 100%;
	top: 0px;
	left: 0px;
}
.cscount1_counter_content > div{
	font-size: 50px;
	color: #37FF63;
	font-weight: 500;
	text-align: center;
	width: 100%;
	line-height: 56px;
	height: 56px;
	margin: 0px;
	padding: 0px;
}
.cscount1_text{
	position: absolute;
	top: 63px;
	left: 0px;
	width: 100%;
	font-size: 16px;
	font-weight: 500;
	color: white;
	text-transform: uppercase;
	letter-spacing: 0.05rem;
}
.cscount1_text2{
	position: relative;
	top:0px; 
	font-size: 32px;
	font-weight: 500;
	line-height: 56px;
	color: white;	
}
}
/* our wordpress styles */
.wp-block-image{
	margin: 1em 0px;
}