:root {
  --orange: #FF5B05;
  --dark: #18191b;
  --fontsize: 16px;
  
}
body{
	font-family: "Open Sans", serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%; /* 24px */
}
h5{
	font-size: 20px;
	font-weight: 700;
}
.small{
	font-size: 14px;
}
.color-grey{
	color: #D5D5E1;
}
.nav-main__top{
	background: linear-gradient(91deg, #2A42CB -39.66%, #000167 155.72%);
	padding: 0 40px;
}
.nav-social{
	list-style: none;
	display: flex;
	column-gap: 18px;
	justify-content: flex-end;
	height: 30px;
	align-items: center;
	margin-bottom: 0;
	line-height: 1px;
}
.nav-social img{
	width: 18px;
}
.nav-main-wrapper{
	position: fixed;
	top: 0;
	width: 100%;
	/* height: 110px; */
	transition: all .35s;
	z-index: 98;
}
.nav-main-wrapper.open{
	filter: blur(5px);
    backdrop-filter: blur(5px);
}
.nav-main-wrapper.active{
	top: -30px;
	background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.60) 63.02%, rgba(255, 255, 255, 0.30) 100%);
    backdrop-filter: blur(10px);
}
.nav-main{
	/* position: sticky; */
    /* top: 30px; */
    /* z-index: 1; */
	padding:8px 105px 8px 40px;
	height: 80px;
}
.navbar-logo img{
	height: 64px;
	transition: all .35s;
}
.nav-main-wrapper.active .navbar-logo img{
	height: 54px;
}
.nav-main-wrapper.active .nav-main{
	/* height: 65px; */
	padding-left: 25px;
}
.nav-main_left{
	column-gap: 40px;
	display: flex;
	align-items: center;
}
.menu-top{
	list-style: none;
    column-gap: 32px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    margin-top: 8px;
	
}
.menu-top a{
	color: #fff;
	text-transform: uppercase;
	position: relative;
	line-height: 1;
	
}
.menu-top .current_page_item a:before{
	content: '';
	position: absolute;
	top: -17px;
	width: 100%;
	height: 3px;
	border-top: 3px solid #FF0388;
}
.nav-main_right > .row{
	column-gap: 40px;
}
.button-theme{
	display: flex;
	padding: 12px 20px;
	justify-content: center;
	align-items: center;
	gap: 8px;
	border-radius: 8px;
	background:#02039D ;
	color: #fff;
}

  /* Menu Button 5 */
.togglemenu {
	/* height: 18px; */
    /* width: 40px; */
    /* width: 22px; */
    /* cursor: pointer; */
    /* /* transform: scale(0.6); */ 
    /* position: fixed; */
    /* right: 35px; */
    /* top: 61px; */
    /* z-index: 100; */
	height: 45px;
    width: 40px;
    width: 45px;
    cursor: pointer;
    /* transform: scale(0.6); */
    position: fixed;
    right: 27px;
    top: 48px;
    z-index: 100;
    transition: all .35s;
    padding: 14px 11px;
    border-radius: 50%;
	
}
.togglemenu.scrolled{
	top: 18px;
}
.togglemenu:hover{
	background: rgb(255 255 255 / 20%);
}
.togglemenu span:nth-child(1),
.togglemenu span:nth-child(1)::before,
.togglemenu span:nth-child(1)::after {
	background: #fff;
	content: '';
	position: absolute;
	width: 22px;
	height: 2px;
	margin-top: 8px;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.togglemenu span:nth-child(1)::before {
	margin-top: -8px;
	-webkit-transition: .3s ease-in-out .3s;
	-moz-transition: .3s ease-in-out .3s;
	-o-transition: .3s ease-in-out .3s;
	transition: .3s ease-in-out .3s;
}

.togglemenu span:nth-child(1)::after {
	margin-top: 8px;
	-webkit-transition: .3s ease-in-out .3s;
	-moz-transition: .3s ease-in-out .3s;
	-o-transition: .3s ease-in-out .3s;
	transition: .3s ease-in-out .3s;
}

.togglemenu span:nth-child(2) {
	background: #fff;
	content: '';
	position: absolute;
	width: 0px;
	height: 2px;
	margin-top: 8px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.togglemenu.active span:nth-child(1)::before,
.togglemenu.active span:nth-child(1)::after {
	margin-top:0;
}

.togglemenu.active span:nth-child(1) {
	-webkit-transition: .5s ease-in-out .6s;
	-moz-transition: .5s ease-in-out .6s;
	-o-transition: .5s ease-in-out .6s;
	transition: .5s ease-in-out .5s;

	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
}

.togglemenu.active span:nth-child(2) {
	width: 22px;
	-webkit-transition: .3s ease-in-out .8s;
	-moz-transition: .3s ease-in-out .8s;
	-o-transition: .3s ease-in-out .8s;
	transition: .3s ease-in-out .8s;
}    

.togglemenu span:nth-child(1){
	width: 14px;
}
.togglemenu.active span:nth-child(1){
	width: 22px;
}

/* footer */
footer{
	padding-top: 80px;
	padding-bottom: 60px;
	background: radial-gradient(86.61% 111.62% at 50% 146.49%, #02039D 0%, rgba(2, 3, 157, 0.00) 100%), #02039D;
	background-blend-mode: multiply, normal;
	color: #fff;
}
.footerinfo{
	max-width: 340px;
}
footer .nav-social{
    justify-content: flex-start;
    line-height: 1px;
    padding-left: 0;
	padding-top: 40px;
}
footer .nav-social img {
    width: 32px;
}
.rowfootermenu{
	justify-content: flex-end;
}
.colfootermenu{
	margin: 0 -5.5px;
	width: 180px;
}
footer label{
	color: #D5D5E1;
	margin-bottom: 24px;
	text-transform: uppercase;
}
.nav-footermenu{
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
}
.nav-footermenu a{
	font-weight: 500;
	color: #fff;
}
.nav-footermenu li:not(:last-child){
	margin-bottom: 24px;
}
.footertop{
	padding-bottom: 60px;
	border-bottom: 1px solid #D5D5E1;
}
.footerbottom{
	padding-top: 24px;
	line-height: 1;
}
.list-footermenu{
    padding: 0;
    list-style: none;
    font-size: 14px;
    display: flex;
    column-gap: 25px;
    justify-content: flex-end;
    margin: 0;
}
.list-footermenu a{
	color: #93D9F8;
	text-transform: uppercase;
	font-size: 14px;
}
.sidemenu{
	position: fixed;
	width: 400px;
	height: 100vh;
	right: -100%;
	background: linear-gradient(167deg, #5AB4E2 -35.76%, #00017B 39.99%, #FF0288 162.53%);
	transition: all .35s;
	z-index: 99;
	padding-top: 100px;
}
.sidemenu.active{
	right: 0;
}
body.active{
	/* overflow-y: hidden; */
}
#content.active{
	/* transform: translateX(-20px); */
	filter: blur(5px);
	backdrop-filter: blur(5px);
	opacity: .8;
}

#content{
	/* transition: all 1s; */
	position: relative;
	
}

#content:before{
	/* content: ''; */
	/* position: absolute; */
	/* width: 100%; */
	/* height: 100%; */
	/* top: 0; */
	/* left: 0; */
	/* background: red; */
	
}
#wrapper{
	background:#000;
	
}
/*
body{
  position: relative;
}
.scroll-box{
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
}
.scroll-box::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #F5F5F5;
}

.scroll-box::-webkit-scrollbar {
  width: .4em; 
}
.scroll-box::-webkit-scrollbar,
.scroll-box::-webkit-scrollbar-thumb {
  overflow:visible;
  border-radius: 4px;
}
.scroll-box::-webkit-scrollbar-thumb {
  background: rgba(0,0,0,.2); 
}
.cover-bar {
  position: absolute;
  background: #fff;
  height: 100%;  
  top: 0;
  right: 0;
  width: .4em;
  -webkit-transition: all .5s;
  opacity: 1;
}
/* MAGIC HAPPENS HERE *
body:hover .cover-bar {
   opacity: 0;
  -webkit-transition: all .5s;
}
*/
.button-measat {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0 1.2rem;
    padding: 0 calc( var(--fontsize) * 1.2);
    height: 50px;
    height: calc( var(--fontsize) * 3);
    overflow: hidden;
    color: currentColor;
    border-radius: 8px;
    background: currentColor;
    text-align: center;
    text-decoration: none;
    transform: translateZ(0);
    font-weight: 500;
    border: 0px solid #fff;
}
.ripple {
    display: block;
    position: absolute;
    top: -.2px;
    left: -.2px;
    right: -.2px;
    bottom: -.2px;
    z-index: 1;
    border-radius: inherit;
}
.ripple span {
	display: block;
	width: 100%;
	height: 100%;
	transform: translateY(101%);
	background: #171768;
	background: linear-gradient(to bottom, #ff0388 0%, #ff0388 100%);
	border-radius: 50% 50% 0 0;
	transition: transform .5s cubic-bezier(.4,0,0,1), border-radius .5s cubic-bezier(.4,0,0,1);
}
.button-title {
    position: relative;
    z-index: 2;
    overflow: hidden;
}
.button-title span {
    display: block;
    transition: transform .8s cubic-bezier(.16,1,.3,1);
}
.button-title span:after {
    content: attr(data-text);
    display: block;
    position: absolute;
    top: 120%;
    left: 0;
    color: #fff;
}
.button-measat:hover .ripple span {
	border-radius: 0;
	transform: translateY(0);
	transition-duration: .5s, .9s;
}
.button-measat:hover .button-title span {
        transform: translateY(-120%);
}
.button-measat.-tertiary {
    color: #ffffff;
    background: #02039d;
}
.button-measat.-blue {
	color: #ffffff;
    background: #02039d;
}
.button-measat.-orange .ripple span {
    background: #e34e00;
}