@font-face {
  font-family: "Host Grotesk";
  src: url("../fonts/Host_Grotesk/HostGrotesk-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Host Grotesk";
  src: url("../fonts/Host_Grotesk/HostGrotesk-Italic-VariableFont_wght.ttf") format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  --main-color:#004A98;
  --main-color-hover:#8ED2FF;
  --blue:#004A98  ;
  --blue-dark:#001E3D;
  --blue-light:#8ED2FF;
  --blue-light-light:#F0F4F7;
  --gray:#555555;
  --white: #FFFFFF;
  --black: #000000;
  --font-color: #555555;
  --font-family: "Host Grotesk", sans-serif;
  --font-family-heading: "Host Grotesk", sans-serif;
  --font-family-button: "Host Grotesk", sans-serif;
  --font-size:20px;
  --font-size-h1:2.6rem;
  --font-size-h2:2.1rem;
  --font-size-h3:1.6rem;
  --font-size-h4:1.4rem;
  --font-size-h5:1.2rem;
  --font-size-h6:1.05rem;
  --font-size-regular:1rem;
  --font-size-large:2rem;
  --font-size-small:0.82rem; 
  --line-height: 1.6;
  --line-height-heading: 1.3;
  --max-width: 2000px;
  --border-radius: 0.6rem; 
}

html {
    scroll-behavior: smooth;
}
html, body{
	color: var(--gray);
	font-weight: 400;
	line-height: var(--line-height);
	font-family: var(--font-family);
}

h1,h2,h3,h4,h5,h6{	
	color: var(--dark-blue);
	line-height: var(--line-height-heading);
	font-family: var(--font-family-heading);
}


select,input,textarea {
	border: 0;
	font-family: var(--font-family-button);
}
select, input:not([type="checkbox"],[type="submit"]), textarea {
	height: 1.5rem;
    border: none;
    border-radius: 0;
	outline: none;
}

textarea{
	height:7.2rem;
}
form label {
    display: inline-block;
}

.box-shadow {
	box-shadow: 0px 4px 20px rgba(0,0,0,0.35);
}
.hidden {
  display: none;
}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
	color: var(--black);
	margin-top: 1rem;
	margin-bottom: 1rem;
}
h1, .h1, .p-as-h1, .h1 p {
    font-size: var(--font-size-h1);
/* 	text-transform: uppercase; */
	font-weight: 800;
}
.p-as-h2 p,
.h1-as-h2 h1,
.h3-as-h2 h3,
h2, .h2 {
	font-weight: 600;
  	font-size: var(--font-size-h2);
}
.h2-as-h3 h2,
h3, 
.h3 {
	font-weight: 500;
  	font-size: var(--font-size-h3);
}
.p-as-h4 p,
.h2-as-h4 h2,
.h3-as-h4 h3,
h4, .h4 {
	font-size: var(--font-size-h4);
}
h5, .h5 {
   font-size: var(--font-size-h5);
}
h6, .h6 {
    font-size: var(--font-size-h6);
}

.button, a.button {
	display: flex;
    align-items: center;
    position: relative;
    height: auto;
    padding: 0.5rem 1.6rem;
    border: none;
    border-color: var(--main-color);
    border-radius: 0.3rem;
    background-color: var(--main-color);
    color: var(--white);
	font-weight: 500;
	font-size: 0.8rem;
	font-family: var(--font-family-button);
	letter-spacing: 0.05em;
	text-transform: uppercase;
}

.button:hover, a.button:hover {
	background-color: var(--main-color-hover);
	color: var(--white);
}
.button.white, 
a.button.white {
    border-color: var(--white);
    background-color: var(--white);
    color: var(--main-color);
}

.button.white:hover, a.button.white:hover {
	background-color: var(--main-color-hover);
    color: var(--main-color);
}
.button.negative:hover {
    background-color: var(--main-color-hover);
    color: #fff;
    border-color: var(--main-color-hover);
}
.font-white,
.font-white h1,
.font-white h2,
.font-white h3,
.font-white h4,
.font-white h5,
.font-white h6 {
	color: var(--white);
}
.font-black{
	color:var(--black);
}
.font-blue{
	color:var(--blue);
}
.border {
    border: 1px solid #5B5B5B4D;
}
.button.transparent {
    background-color: transparent;
    border: 2px solid var(--dark-blue);
    color: var(--dark-blue);
}
.button.transparent:hover {
    background-color: var(--blue-dark);	
    color: var(--white);
}
.background-green {
    background-color: var(--green);	
}
.background-white {
    background-color: var(--white);	
}
.background-blue {
    background-color: var(--blue);	
}
.background-dark-blue {
	background-color: var(--blue-dark);	
}
.background-blue-light {
	background-color: var(--blue-light);	
}
.background-blue-light-light {
	background-color: var(--blue-light-light);	
}
.background-blue-gradient  {
	background: linear-gradient(90deg, #1253FB 0%, #0B3195 100%);
	box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.30);
}
.social-icons a {
    width: 100%;
    height: 1.75rem;
    max-width: 1.75rem;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--white);
    background-color: var(--main-color);
	margin-right: 0.6rem;
}
.social-icons a:hover {
   color: var(--white);
   background-color: var(--main-color-hover);
}
.social-icons a svg {
    width: 1.5rem;
    height: 0.7rem;
    color: #19234D;
}
.padding-col {
    padding: 0 7rem;
}
a.post-readmore {
    color: var(--main-color);
}
a.post-readmore:hover {
	color: var(--main-color-hover);
}
.font-small {
	font-size: 0.8rem;
}
a.icon {
	display: block;	
	color: var(--main-color);
	text-decoration: none;
}
a.icon:hover {
	color: var(--main-color-hover);
}
.form-choose-file {
	position: relative;
}
.form-choose-file .wpcf7-form-control-wrap {
	display: block;
	position: initial;
}
.form-choose-file input {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}
.form-choose-file label {
	margin-top: 0;
	color: var(--main-color);
	text-decoration: underline;
}
span.wpcf7-spinner {
    position: absolute;
	left: 0;
}
#more_posts {
    padding: 0rem 2.6rem;
}

.overlay-tex {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 5rem;
    height: 100%;
}
a.read-more {
    position: relative;
    color: var(--darkblue);
    display: flex;
    align-items: center;
    font-weight: var(--weight-500);
    font-size: 0.82rem;
}
a.read-more:hover span {
    text-decoration: underline;
}
a.read-more:after {
	--read-more-border-width: 0.4rem;
	content: '';
	display: block;
	width: 0; 
	height: 0; 
	margin-left: 0.35rem;
    margin-top: 0.1rem;
	border-top: var(--read-more-border-width) solid transparent;
	border-bottom: var(--read-more-border-width) solid transparent;
	border-left: var(--read-more-border-width) solid  var(--main-color);
	display: none;
}
a.read-more:hover:after {
	width: 0; 
	height: 0; 
	border-left: var(--read-more-border-width) solid var(--main-color-hover);
}
.readmore a {
	cursor: pointer;
	text-decoration: underline;
} 
.readmore a:hover {
	text-decoration: none;
} 
.readmore-height-wrap .readmore span.arrow {
    width: 0.7rem;
    height: 0.7rem;
    display: inline-block;
}
.readmore-height-wrap.active .readmore a svg {
    margin-left: 0.2rem;
    transition: 0.5s;
    width: 100%;
    height: 100%;
}
.readmore-height-wrap.active.open .readmore a svg {
	transform: scale(-1);
}
ul.slick-dots li button {

}
.ul-li-vi ul {
	list-style: none;
}
.ul-li-vi ul li {
	padding-left: 1.5rem;
	background-image: url(../svg/ul-li-vi.svg);
	background-repeat: no-repeat;
	background-position: left 0.65rem;
	background-size: 0.75rem auto;
}
.border-radius{
	border-radius:var(--border-radius);
	overflow: hidden;
}
.social-icons .full-width svg {
    width: 100%;
}
.text-over-image .section-content-wrap {
    position: absolute;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	background-color: rgb(0 30 61 / 30%);
}
.overlay-img .image:after {
    position: absolute;
    top: 0;
    content: "";
    background-color: #88D6FF;
	mix-blend-mode: color;
    width: 100%;
    height: 100%;
    opacity: 0.44;
}
.overlay-img .inner-box .image img {
    transition: 0.5s;
}
.overlay-img .inner-box:hover {
    transform: scale(1.1);
    z-index: 1;
    position: relative;
}
.overlay-img .inner-box:hover .image:after {
    opacity: 0;
}
.overlay-img .inner-box:hover {
    transform: scale(1.05);
}
.overlay-img .inner-box {
    box-shadow: 0px 3px 10px #2D446626;
}
.image.hover {
	cursor: pointer;
}
.image.hover img {
	transform: scale(1.01);
	transition: all 500ms ease;
}
.image.hover:hover img {
	transform: scale(1.1);
}
.vid-popup-wrap {
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.9);
}
.vid-popup-wrap .vid-popup {
	width: initial;
	height: initial;
	max-width: 90%;
	max-height: 90%;
	overflow: initial;
}
.vid-popup-wrap .vid-popup .video-close-popup {
	top: -1.1rem;
	right: -1.1rem;
}
.font-black h2 {
    color: var(--darkblue);
}

.elementor-section ul,
.wsp-container ul {
    padding-left: 1rem;
}
.slick-arrow {
    background-color: #ECEEF6;
    border-radius: 6px;
    outline: none;
}
.slick-arrow svg {
    width: 1.2rem;
    height: 1.2rem;
}
.slick-arrow:hover {
    background-color: #1253FB;
}
.slick-arrow:hover svg.icon path {
    stroke: #fff;
}

.head strong {
	font-weight: 600;
}

header.header-one .section-padding .head > .text-inner {
   /*  width: 28.4rem; */
}
/**anchord-menu-content**/
.section-anchors_menu​ {
    padding-bottom: 3rem;
}
.anchord-menu-content .tab-nav-wrap {
    list-style: none;
    width: 100%;
    margin: 0;
	cursor: pointer;
}
.anchord-menu-content .tab-nav-wrap ul.flex-row {
    margin: 0;
	justify-content: center;
	gap: 25px;
}
.anchord-menu-content .tab-nav-wrap li.box {
    width:18%;
    list-style: none;
    color: var(--white);
    margin: 0;
    padding: 1.3rem 2rem;
	background-color: var(--white);
    box-shadow: 0px 0px 7px rgb(0 4 69 / 16%);
	display: flex;
    align-items: center;
    justify-content: center;
	border-radius: 10px;
}
.anchord-menu-content .tab-nav-wrap li.box.current_page_item.active{
	background-color: var(--main-color);
	color: var(--white);
}
.anchord-menu-content .tab-nav-wrap li.box:hover {
   background-color: var(--main-color);
}
.anchord-menu-content .tab-nav-wrap li.box h4 {
    margin: 0;
    font-weight: 600;
    font-size: 1.15rem;
}
.anchord-menu-content .tab-nav-wrap li.box.current_page_item.active h4, .anchord-menu-content .tab-nav-wrap li.box:hover h4 {
    color: var(--white);
}
.anchord-menu-content .tab-nav-wrap li.box p {
    margin: 0;
	font-weight: var(--weight-600);
	font-size: 1.05rem;
}
.section-news_media .button-wrap {
    margin: 0;
}
.section-news_media .button-wrap a.readmore {
    color: var(--main-color);
	text-decoration: initial;
}
.section-news_media  .resource-wrapper.section-padding {
	padding-top: 1rem;
}
/*****Media-pages-css******/
.site-header.news-header-wrap {
    /* padding: 2.5rem 0 0; */
}
/**resource-wrapper**/
.resource-wrapper .container-full .hentry {
    margin-bottom: 0px;
    width: 100%;
}
.resource-wrapper .content-col {
    background-color: #F0F4F7;
    border-radius: 0 0.6rem 0.6rem 0rem;
    overflow: hidden;
}
.resource-wrapper .content-col .content-wrap {
    padding: 3rem;
	
}
.resource-wrapper .content-col .content-wrap h2 a {
    color: var(--black);
    text-decoration: inherit;
}
.date {
    font-size: 0.8rem;
}
.resource-wrapper .image-col {
    border-radius: 0.6rem 0rem 0rem 0.6rem;
    overflow: hidden;
    padding-left: 2px;
}
.resource-wrapper .image-col .background-image:before {
    padding-top: 42%;
}
.resource-grid-view .inner-box .text, .blog-grid-view .inner-box .text {
    background-color: #F0F4F7;
    padding: 1.5rem;
}
.resource-grid-view .inner-box .text h2, .blog-grid-view .inner-box .text h2 {
    margin: 0 0 1rem;
	padding: 0 0 0.5rem;
	font-size: 1.24rem;
}
.resource-grid-view .box-wrap, .blog-grid-view .box-wrap {
    margin-bottom: 1.5rem;
}
.resource-grid-view .inner-box .text h2 a, .blog-grid-view .inner-box .text h2 a {
    color: var(--black);
    text-decoration: none;
}
.resource-grid-view .col-margin-small-wrap {
    margin-right: -0.75rem;
    margin-left: -0.74rem;
}
.resource-grid-view .col-margin-small {
    margin-right: 0.75rem;
    margin-left: 0.75rem;
}
.single-post-wrap .display-flex.space-between {
    align-items: end;
    margin-bottom: 2.5rem;
}
.single-post-wrap .top-socialshare {
    width: 40%;
    align-items: center;
	justify-content: end;
	font-size: 0.8rem;
}
.single-post-wrap .top-socialshare .icon-sharing-links .text {
    display: flex;
    align-items: center;
}
.single-post-wrap .text.h1-as-h2 h1 {
    font-weight: 800;
	width: 95%;
	margin-bottom: 0;
}
.single-post-wrap .date {
    padding-right: 0.45rem;
	color: var(--gray);
}
.single-post-wrap .icon-sharing-links {
    font-size: 0.8rem;
    padding-left: 0.45rem;
    color: var(--gray);
}
.single-post-wrap .background-image:before {
    padding-top: 45%;
}
.social-button a {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 100%;
    background-color: #004A98;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.6rem;
}
.social-button a[data-sharer="facebook"] svg {
    width: 1.5rem;
    height: 1.1rem;
}
.social-button a:hover {
    background-color: var(--main-color-hover);
}
.social-button a svg {
    width: 0.78rem;
    height: 0.78rem;
	color: var(--white);
}
.single-post-wrap .inner-post-wrap .images-wrap.background-image {
    margin-bottom: 1.5rem;
}
.single-post-wrap .text-wrap {
    padding-right: 6rem;
}
.single-post-wrap .button-wrap {
    margin-top: 0;
}
.section-recent-posts .inner-recent-posts article .box-wrap {
    margin-bottom: 1rem;
}

/***section-one***/

.section-one .text p:last-child {
    margin: 0;
}
.section-one.background-postion-bottom .responsive-bg {
    background-position: 0% 125%;
    background-size: contain;
}
.section-one.background-postion-bottom .responsive-bg .button-wrap {
    margin: 0;
}
.section-one.background-postion-bottom .responsive-bg .image {
    border-radius: 0.6rem;
    overflow: hidden;
}
.section-one.background-postion-bottom .responsive-bg p {
    padding: 0 2rem 2rem;
}

/**responsive-style****/

@media (min-width: 992px){
	.resource-wrapper .content-col .content-wrap {
		max-width: 30rem;
		margin-left: auto;
	}
	.resource-wrapper .background-image {
		height: 100%;
	}
}

@media (min-width: 1023px) {
	.desktop-margin-top-overlay {
		margin-top: -6rem;
	}
}
@media (max-width: 1600px){

}
@media (max-width: 1450px){
	body .section-anchors_menu​ {
		top: 4.2rem;
	}
	body.admin-bar .section-anchors_menu​ {
		top: 6.6rem;
	}
	.anchord-menu-content .tab-nav-wrap li.box {
		padding: 1.3rem 1.5rem;
	}
	
	
}
@media (max-width: 1260px){

}
@media (max-width: 1061px){
	

}
@media (max-width: 991px){
	:root {
		--font-size-h1:2rem;
		--font-size-h2:1.5rem;
		--font-size-h3:1.25rem;
		--font-size-h4:1.2rem;
		--font-size-h5:1.15rem;
		--font-size-h6:1.1rem;
		--font-size-large: 1.2rem;

		--line-height: 1.5;
		--line-height-heading: 1.2;
		--border-radius:1rem; 
	}


	nav~section.section-one .header-image {
		min-height: 30vw;
	}
	.section-padding {
		padding-top: 3rem;
		padding-bottom: 3rem;
	}
	.section-padding-bottom {
		padding-bottom: 3rem;
	}
	.section-padding-top {
		padding-top: 3rem;
	}
	.section-padding-small {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.section-padding-bottom-small {
		padding-bottom: 2rem;
	}
	.section-padding-top-small {
		padding-top: 2rem;
	}

	.anchord-menu-content .tab-nav-wrap li.box h4 {
		font-size: 0.92rem;
		text-align: left;
	}
	.anchord-menu-content .tab-nav-wrap li.box {
       padding: 0rem 1.5rem 0;
        width: 100%;
        padding-right: 7rem;
        height: 4.3rem;
		display: flex;
        align-items: center;
		justify-content: flex-start;
    }
	.anchord-menu-content .tab-nav-wrap li.box:hover {
		background-color: var(--main-color);
	}
	body .section-anchors_menu​ {
		top: 3.6rem;
	}
	body.admin-bar .section-anchors_menu​ {
        top: 6rem;
    }
	/**resource-wrapper**/
	.site-header.news-header-wrap {
		padding: 0rem 0 0;
	}
	.resource-wrapper .content-col .content-wrap {
		padding: 2rem 2rem 2rem 2rem;
	}
	.resource-wrapper .content-col {
		border-radius: 0rem 0rem 0.6rem 0.6rem;
	}
	.resource-wrapper .image-col {
		border-radius: 0.6rem 0.6rem 0rem 0rem;
		padding: 3px 0 0 0;
	}
	.resource-wrapper .image-col .background-image:before {
		padding-top: 100%;
	}
	.resource-wrapper.first .row-col {
		flex-direction: column-reverse;
	}
	.single-post-wrap .top-socialshare {
		width: 100%;
	}
	.single-post-wrap .text-wrap {
		padding-right: 0;
	}
	.single-post-wrap .inner-post-wrap .images-wrap.background-image {
		margin-bottom: 0.5rem;
	}
	.section-one.background-postion-bottom .responsive-bg p {
		padding: 0 0rem 1rem;
	}
	
}

@media (max-width: 767px){


	.col-margin-medium-wrap {
		margin-right: -0.5rem;
		margin-left: -0.5rem;
	}
	.col-margin-medium {
		margin-right: 0.5rem;
		margin-left: 0.5rem;
	}
	.col-margin-wrap, .col-margin {
		margin-right: 0;
		margin-left: 0;
	}
	.margin-bottom-small {
		margin-bottom: 1rem;
	}

	.overlay-tex {
		padding: 0 2rem;
	}
	.button, a.button {
		letter-spacing: 0;
		font-size:0.8rem;
	}
	.button.regular:before {
		width: 2rem;
		height: 2rem;
	}
	.button.regular-large {
		padding: 0.7rem 1.8rem;
	}
	.button span.arrow {
		width: 0.85rem;
		height: 0.85rem;
		margin-left: 0.5rem;
	}
	.error-wrap p {
		padding: 0 0rem;
	}

	.padding-col {
		padding: 0 0rem;
	}
	.text-over-image .section-content-wrap {
		align-items: center;
		justify-content: center;
	}
	.readmore-wrap.readmore-height-wrap.active .text-inner {
		height: 6.5rem;
	}
	.text-over-image.align-items-center .section-content-wrap h2 {
		line-height: 1.35;
	}
	/***single-blog***/
	.single-post-wrap .display-flex.space-between {
		flex-wrap: wrap;
	}
	.single-post-wrap .text.h1-as-h2 h1 {
		width: 100%;
	}
	.single-post-wrap .top-socialshare {
		justify-content: flex-start;
		margin: 1rem 0 0;
	}
	.site-header.news-header-wrap .section-padding-top.inner, .single-post-wrap .section-padding-top{
		padding-top: 1rem;
	}
	
	
}