@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;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-Light.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-LightItalic.ttf") format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-Medium.ttf") format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-MediumItalic.ttf") format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-SemiBold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-SemiBoldItalic.ttf") format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-ExtraBold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-ExtraBoldItalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Figtree";
  src: url("../fonts/Figtree/static/Figtree-BlackItalic.ttf") format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
:root {
  --main-color:#283836;
  --main-color-hover:#F6AA1C;
  --blue:#004A98  ;
  --blue-dark:#001E3D;
  --blue-light:#8ED2FF;
  --blue-light-light:#F0F4F7;
  --gray:#555555;
  --white: #FFFFFF;
  --black: #000000;
  --font-color: #555555;
  --font-family: "Figtree", sans-serif;
  --font-family-heading: "Figtree", sans-serif;
  --font-family-button: "Figtree", sans-serif;
  --font-size:20px;
  --font-size-h1:3.9rem;
  --font-size-h2:3.6rem;
  --font-size-h3:1.6rem;
  --font-size-h4:1.4rem;
  --font-size-h5:1.2rem;
  --font-size-h6:1.05rem;
  --font-size-regular:1.2rem;
  --font-size-large:1.4rem;
  --font-size-small:1rem;
  --line-height: 1.6;
  --line-height-heading: 1.3;
  --max-width: 2000px;
  --border-radius: 0.6rem; 
	--border-radius-small: 0.35rem; 
}
html {
    scroll-behavior: smooth;
}
html, body{
	color: var(--gray);
	font-weight: 400;
	line-height: var(--line-height);
	font-family: var(--font-family);
	background-color: #F4F4F4;
}
h1,h2,h3,h4,h5,h6{	
	color: var(--main-color);
	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;
}
section {
	font-size: var(--font-size-regular);
}
.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 {
	margin-top: 1rem;
	margin-bottom: 1rem;
}
h1, .h1, .p-as-h1, .h1 p {
    font-size: var(--font-size-h1);
/* 	text-transform: uppercase; */
	font-weight: 700;
	line-height: 1.128;
	letter-spacing: -0.039rem;
}
.p-as-h2 p,
.h1-as-h2 h1,
.h3-as-h2 h3,
h2, .h2 {
	font-weight: 700;
  	font-size: var(--font-size-h2);
	line-height: 1.194;
	letter-spacing: -0.036rem;
}
.h2-as-h3 h2,
h3,
.h3 {
	font-weight: 600;
  	font-size: var(--font-size-h3);
	line-height: 1.25;
	letter-spacing: -0.016rem;
}
.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: var(--border-radius-small);
    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;
}
.font-white a.button.transparent {
    border: 0.08rem solid #fff;
    color: #fff;
	/* clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%); */
}
.font-white a.button.transparent:hover {
    background-color: transparent;
    border-color: transparent;
}
.button.transparent {
    background-color: transparent;
	border: 0.08rem solid #283836;
	color: #283836;
	transition: border-color 0.2s ease;
	/* clip-path: polygon(0% 0, 100% 0, 100% 100%, 0% 100%); */
}
.button.transparent:hover {
    background-color: transparent;
    color: var(--main-color);
    border-color: transparent;
}
/* Angled-corner silhouette (Figma node 201:2443): SVG layer behind the button,
   transparent by default and orange on hover — replaces the old clip-path attempt. */
.button.transparent .button-shape {
    position: absolute;
    inset: 0;
    z-index: 0;
    pointer-events: none;
    /* 3-slice: caps keep their shape, only the middle stretches */
    display: flex;
    align-items: stretch;
}
.button.transparent .button-shape-svg {
    display: block;
				
    height: 100%;
}
/* Left & right caps: keep their aspect ratio so the radii / angle never distort */
.button.transparent .button-shape-left,
.button.transparent .button-shape-right {
    flex: 0 0 auto;
    width: auto;
}
.button.transparent .button-shape-left {
	width: 9px;
}
.button.transparent .button-shape-right {
	width: 28px;
}
/* Middle: the only part that stretches with the button width */
.button.transparent .button-shape-mid {
    flex: 1 1 auto;
    min-width: 0;
	width: calc(100% - 37px);
	margin-right: -1px;
	margin-left: -1px;
}
.button.transparent .button-shape-svg path {
    fill: transparent;
    /* transition: fill 0.3s ease; */
}
.button.transparent:hover .button-shape-svg.button-shape-mid {
	/* background: var(--main-color-hover); */
	/* transition: 1.1s; */
}
.button.transparent:hover .button-shape-svg path {
    fill: var(--main-color-hover);
    /* Wait for the border to fade out (0.2s) before the orange fills in */
    /* transition: fill 0.3s ease 0.2s; */
}
/* Keep the label + arrow above the shape layer */
.button.transparent > span:not(.button-shape) {
    position: relative;
    z-index: 1;
}
.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);
}
.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; */
}
.hover-arrow {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 0;
    height: 100%;
    transition: 0.35s;
    transform: scaleX(0);
			 
			  
}
.hover-arrow svg {
    width: 0.8rem;
}
.transparent:hover .hover-arrow {
    transform: scaleX(1);
    width: 2rem;
}

/* Hover-arrow for .transparent buttons that can't carry the <span class="hover-arrow"> markup
   (CF7 submit inputs, WYSIWYG editor links, JS load-more buttons). Same reveal as .transparent:hover .hover-arrow.
   Arrow only shows on hover, where .button.transparent foreground = var(--main-color). */
a.button.transparent:not(:has(.hover-arrow))::after,
button.button.transparent:not(:has(.hover-arrow))::after {
	content: "";
	display: inline-block;
	position: relative;
	z-index: 1;
	width: 0;
	height: 1rem;
	transform: scaleX(0);
	transition: 0.35s;
	background-color: currentColor;
	-webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'14'%20height%3D'12'%20viewBox%3D'0%200%2014%2012'%3E%3Cpath%20fill%3D'%23283836'%20d%3D'M13.5303%206.05331C13.8232%205.76042%2013.8232%205.28554%2013.5303%204.99265L8.75736%200.21968C8.46447%20-0.0732138%207.98959%20-0.0732138%207.6967%200.21968C7.40381%200.512573%207.40381%200.987446%207.6967%201.28034L11.9393%205.52298L7.6967%209.76562C7.40381%2010.0585%207.40381%2010.5334%207.6967%2010.8263C7.98959%2011.1192%208.46447%2011.1192%208.75736%2010.8263L13.5303%206.05331ZM0%205.52298L-6.55671e-08%206.27298L13%206.27298L13%205.52298L13%204.77298L6.55671e-08%204.77298L0%205.52298Z'%2F%3E%3C%2Fsvg%3E");
	        mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'14'%20height%3D'12'%20viewBox%3D'0%200%2014%2012'%3E%3Cpath%20fill%3D'%23283836'%20d%3D'M13.5303%206.05331C13.8232%205.76042%2013.8232%205.28554%2013.5303%204.99265L8.75736%200.21968C8.46447%20-0.0732138%207.98959%20-0.0732138%207.6967%200.21968C7.40381%200.512573%207.40381%200.987446%207.6967%201.28034L11.9393%205.52298L7.6967%209.76562C7.40381%2010.0585%207.40381%2010.5334%207.6967%2010.8263C7.98959%2011.1192%208.46447%2011.1192%208.75736%2010.8263L13.5303%206.05331ZM0%205.52298L-6.55671e-08%206.27298L13%206.27298L13%205.52298L13%204.77298L6.55671e-08%204.77298L0%205.52298Z'%2F%3E%3C%2Fsvg%3E");
	-webkit-mask-repeat: no-repeat;
	        mask-repeat: no-repeat;
	-webkit-mask-position: center;
	        mask-position: center;
	-webkit-mask-size: 0.75rem;
	        mask-size: 0.75rem;
}
a.button.transparent:not(:has(.hover-arrow)):hover::after,
button.button.transparent:not(:has(.hover-arrow)):hover::after {
	width: 1.5rem;
	transform: scaleX(1);
}
/* CF7 submit is an <input> (no ::after) - same arrow via background-image */
input.button.transparent {
	background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'14'%20height%3D'12'%20viewBox%3D'0%200%2014%2012'%3E%3Cpath%20fill%3D'%23283836'%20d%3D'M13.5303%206.05331C13.8232%205.76042%2013.8232%205.28554%2013.5303%204.99265L8.75736%200.21968C8.46447%20-0.0732138%207.98959%20-0.0732138%207.6967%200.21968C7.40381%200.512573%207.40381%200.987446%207.6967%201.28034L11.9393%205.52298L7.6967%209.76562C7.40381%2010.0585%207.40381%2010.5334%207.6967%2010.8263C7.98959%2011.1192%208.46447%2011.1192%208.75736%2010.8263L13.5303%206.05331ZM0%205.52298L-6.55671e-08%206.27298L13%206.27298L13%205.52298L13%204.77298L6.55671e-08%204.77298L0%205.52298Z'%2F%3E%3C%2Fsvg%3E");
	background-repeat: no-repeat;
	background-position: right 1.5rem center;
	background-size: 0 0.75rem;
	transition: background-size 0.35s, padding-right 0.35s, background-color 0.3s 0.2s, color 0.3s, border-color 0.2s;
}
input.button.transparent:hover {
	background-size: 0.8rem 0.65rem;
	padding-right: 3rem;
	/* Recreate the angled orange hover: <input> can't hold the .button-shape SVG,
	   so fill with orange and mask to the chamfered silhouette (Figma 201:2443). */
	background-color: var(--main-color-hover);
	border-color: transparent;
	-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20256.983%2049'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2010C0%204.47715%204.47715%200%2010%200H246.975C253.844%200%20258.667%206.76567%20256.429%2013.2593L246.431%2042.2593C245.04%2046.293%20241.243%2049%20236.977%2049H10C4.47715%2049%200%2044.5228%200%2039V10Z'%20fill%3D'%23000'%2F%3E%3C%2Fsvg%3E") no-repeat center / 100% 100%;
	        mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%20256.983%2049'%20preserveAspectRatio%3D'none'%3E%3Cpath%20d%3D'M0%2010C0%204.47715%204.47715%200%2010%200H246.975C253.844%200%20258.667%206.76567%20256.429%2013.2593L246.431%2042.2593C245.04%2046.293%20241.243%2049%20236.977%2049H10C4.47715%2049%200%2044.5228%200%2039V10Z'%20fill%3D'%23000'%2F%3E%3C%2Fsvg%3E") no-repeat center / 100% 100%;
}
/**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;
}


.social-button a {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: 100%;
    background-color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.6rem;
    border: 1px solid #283836;
}
.social-button a[data-sharer="facebook"] svg {
    width: 1.5rem;
    height: 1.1rem;
}
.social-button a:hover {
	border-color: var(--main-color-hover);
    background-color: var(--main-color-hover);
}
.social-button a svg {
    width: 0.78rem;
    height: 0.78rem;
    color: var(--main-color);
}
.social-button a:hover svg {
    color: #fff;
}
.item-skew .skew-container {
	width: 100%;
	height: 100%;
	overflow: hidden;
	border-radius: var(--border-radius);
	transform: skewX(-8deg);
}
.item-skew .unskew-content {
	width: 100%;
	height: 100%;
	transform: skewX(8deg) scale(1.1);
}
.item-skew.odd .skew-container {
	margin-left: -2rem;
}
body.page-template-newsroom .item-skew.odd .skew-container {
	margin-right: -3rem;
	width: calc(100% + 3rem);
}
.item-skew.even .skew-container {
	margin-left: 2rem;
}
/*****section-our_investors*****/
.section-our_investors .logos-slider .box {
    background-color: var(--white);
    margin: 0 0.5rem;
    border-radius: 1rem;
    padding: 1rem 0.5rem;
    text-align: center;
}
.section-our_investors .logos-slider .box .image-wrap {
	display: flex;
    justify-content: center;
    align-items: center;
    width: 12.8rem;
    height: 6.4rem;
    margin: 0 auto 0.5rem;
}
.section-our_investors .logos-slider .box .text p {
    font-size: var(--font-size-h5);
    font-weight: 600;
}
.section-our_investors .logos-slider .slick-list.draggable {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
}


/**responsive-style****/

@media (min-width: 1023px) {
	.desktop-margin-top-overlay {
		margin-top: -6rem;
	}
}
@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: 991px){
	:root {
		--font-size-h1:2rem;
		--font-size-h2:1.5rem;
		--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; 
		--border-radius-small: 0.45rem; 
	}
	.p-as-h2 p, .h1-as-h2 h1, .h3-as-h2 h3, h2, .h2 {
		font-size: 2.3rem;
	}
	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;
	}
	.item-skew.odd .skew-container {
		margin-left: 0rem;
	}
	.item-skew.even .skew-container {
		margin-left: 0rem;
	}
	.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;
    }
	
	.section-our_investors .logos-slider  {
		width: calc(100% + 3rem)!important;
		margin-left: -1.5rem;
	}
	.section-our_investors .logos-slider .slick-list.draggable {
		padding-right: 0;
		padding-left: 0;
	}
}
@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:1rem;
	}
	.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;
	}
	
}