/*
Project: Sheesha Technologies
Author: Sheesha Team, Dmitry Borovitsky
E-mail: dmitry@sheeshafinance.io
*/

@-moz-keyframes spin { 
    100% { -moz-transform: rotate(360deg); } 
}
@-webkit-keyframes spin { 
    100% { -webkit-transform: rotate(360deg); } 
}
@keyframes spin { 
    100% { 
        -webkit-transform: rotate(360deg); 
        transform:rotate(360deg); 
    } 
}

.circle {
	width: 30vw;
	height: 340px;
	opacity: 0.3;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 70px;
	position:absolute;
	left:-150px;
	top:-100px;
	z-index:1;
	-webkit-animation:spin 4s linear infinite;
	-moz-animation:spin 4s linear infinite;
	animation: spin 18s linear infinite;
	background: rgb(22,248,166);
	background: linear-gradient(315deg, rgba(22,248,166,1) 0%, rgba(22,248,166,0.8748541652989321) 22%, rgba(20,66,211,0.19418189639136907) 48%, rgba(20,66,211,0) 62%);
}


.circle2 {
	width: 30vw;
	height: 30vw;
	opacity: 0.5;
	-moz-border-radius: 70px;
	-webkit-border-radius: 70px;
	border-radius: 770px;
	position:absolute;
	right:-150px;
	bottom:-100px;
	z-index:1;
	-webkit-animation:spin 15s linear infinite;
	-moz-animation:spin 15s linear infinite;
	animation: spin 5s linear infinite;
	background: rgb(63,96,175);
	background: linear-gradient(126deg, rgba(63,96,175,1) 0%, rgba(20,66,211,0) 50%);
}



@keyframes breathe {
    0% {
        transform: scale(1.0);
    }
    50% {
        transform: scale(1.4);
    }
	100% {
        transform: scale(1);
    }
}



.purple_arrow {
	background-image: url(png/purple_arrow.png);
    background-repeat: no-repeat;
	background-size:100px;
	width:100px;
	height:100px;
	position:absolute;
	z-index:1;
	
	-webkit-animation:breathe 2s linear infinite;
    -moz-animation:breathe 2s linear infinite;
    animation:breathe 2s linear infinite;

}

.purple_arrow_bottom {
	background-image: url(png/purple_arrow.png);
    background-repeat: no-repeat;
	background-size:100px;
	width:100px;
	height:100px;
	position:absolute;
	z-index:1;
	bottom:-80px;
	left:-100px;
}

.bank_white {
	color:#2740B6;
	background:#ffffff;
	padding:0 100px;
}

.mountain_bank {
	background-image: url(img/bank/mountain.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	height:300px;
}

.title {
	font-size:42px;
	font-weight:500;
}

.my_center {
	position:relative;
	top:50%;
	transform:translateY(-50%);
}

.green_line {
	height:5px;
	background: rgb(26,197,129);
	background: linear-gradient(90deg, rgba(26,197,129,1) 0%, rgba(48,229,152,1) 50%, rgba(73,255,189,1) 100%);
}

.purple_back {
	padding:75px 30px 70px 30px;
	background: rgb(77,101,199);
	background: linear-gradient(-45deg, rgba(77,101,199,1) 0%, rgba(37,61,151,1) 53%);
}

.green_blue_back {
	background: rgb(23,197,134);
	background: linear-gradient(90deg, rgba(23,197,134,1) 0%, rgba(20,66,211,1) 100%);
	padding:50px 0;
}

.white_line_around {
	border:2px solid #fff;
	padding:30px;
	border-radius:30px;
}

.title_purple_block {
	position:absolute;
	left:50%;
	top:0;
	background:#455DBF;
	padding:7px 20px 10px 20px;
	border-radius:15px;	
	transform:translateX(-50%) translateY(-50%);
	
	font-weight:500;
	font-size:150%;
	
	letter-spacing:0.5px;
}

.flex_bank {
	width:calc(50% - 90px);
	font-size:110%;
	z-index:1000;
	transition:1s;
}

.flex_bank .fl_bank_title:before {

	transition:1s;
}

.flex_bank:hover .fl_bank_title:before {
	transform:scale(1.35);
	transition:1s;
}

.flex_line_vertical {
	width:3px;
	background:#2740B6;
	position:absolute;
	top:-30px;
	bottom:-30px;
	left:50%;
}

.flex_line_horizontal, .flex_line_horizontal2 {
	height:3px;
	background:#2740B6;
	position:absolute;
	top:50%;
}


.flex_line_horizontal {	
	left:40px;
	right:calc(50% + 30px);
}

.flex_line_horizontal2 {
	left:calc(50% + 30px);
	right:40px;
}

.flex_bank_v {
	width:100%;
}

.circle_before {
	margin-left:15px;
}

.circle_before:before {
	content:" ";
	width:8px;
	height:8px;
	margin-top:11px;
	margin-left:-15px;
	border-radius:100px;
	background:#2740B6;
	position:absolute;
}

.fl_bank_title {
	font-weight:600;
	font-size:128%;
	margin-left:80px;
	letter-spacing:0.2px;
}

.fl_bank_title:before {
	content:" ";
	background-repeat: no-repeat;
	background-size:80px;
	width:120px;
	height:120px;
	margin-top:-20px;
	margin-left:-90px;
	position:absolute;
}

.t1:before {background-image:url('png/rocket.png');}
.t2:before {background-image:url('png/team.png');}
.t3:before {background-image:url('png/target.png');}
.t4:before {background-image:url('png/flask.png');}


/* custom scrollbar */
::-webkit-scrollbar {
  width: 20px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(255,255,255,0.3);
  border-radius: 40px;
  border: 8px solid transparent;
  background-clip: content-box;
  transition:0.2s;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(255,255,255,0.9);	
}

.social img {
	width:34px;
	height:34px;
	margin:3px 5px;
}

.twitter_timeline {
	overflow-y: scroll;	
	height: 400px;
    overflow-x: hidden;
    padding: 0;
    border: 0px solid cyan;
    border-radius: 8px;
}

.twitter_timeline::-webkit-scrollbar {
  width: 0px;
}

.around_subscribe {
	max-width:500px;
}

.subscribe_heading {
	color:#323C66;
	font-weight:700;
	font-size:28px;
}

.pink_subscribe_text {
	background: linear-gradient(62.33deg, #C947FF 17.2%, #8A5FFF 82.8%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}

.subscribe_content {
	background-color:#E0D9FF;
	margin-top:-5px;
	margin-bottom:-1px;
	padding:0 40px;
	color:#52585B;
}

.subscribe_top, .subscribe_top img, .subscribe_bottom, .subscribe_bottom img {
	width:100%;
	height:auto;
}

.table {
	display:table;
}

.center_cell {
	display:table-cell;
	text-align: center;
    vertical-align: middle;
}

.flexbox img, .triangle_text img {
	max-width:100%;
}

.sh2_card_90 {
	display:none;
}

.flex_spyder {
	display:flex;
	flex-wrap:wrap;
	
	width:calc(100% / 3);
}

.spyder_card {
	
	height:190px;
	
	width:100%;
	background-color:#5113AD;
	padding: 20px;
	border-radius:10px;
	
	margin:10px 0;
	
	font-weight:500;
	
	border:1px solid #79FFF9;
	

}

.flex_pie_img img {
	width:100%!important;
	height:auto;
	margin-left:50px;
}

.pie_card_title {
	color:#AB52FF;
	font-size:28px;
	font-weight:600;
	text-transform:uppercase;
}

.pie_card {
	display:inlien-block;
	background-color:#5113AD;
	padding:20px;
	border-radius:8px;
	
	margin-bottom:10px;
	
	font-weight:500;
}


.circle_spacer{
	display:block;
	height:470px;
}

.circle_title {
	color:#79FFF9;
	font-size:26px;
	font-weight:600;
	margin-bottom:8px;
}

.around_circle_text {
	width:370px;
	height:370px;
	
	max-width:90%;
	border-radius:1000px;
	padding:15px;
	background-color:#354A9E;

	display:table;
	
	position:absolute;
}

.circle_right {
	bottom:-170px;
	right:0;
}

.circle_left {
	bottom:-170px;
	left:0;
}

.circle_center {
	bottom:0;
	
	left:50%;
	transform:translateX(-50%) translateY(calc(100% + 20px));
}

.circle_text {
	padding:15px 30px;
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}





.flexvision {
	width:calc(100% / 4 - 30px);
	background-color:#ff0000;
	position:relative;
	margin-bottom:23px;
	min-height:150px;
	display: table;
}

.flexvision:after {
	content:" ";
	width:calc(100% + 12px);
	background-color:#E3D9FA;
	height:23px;
	left:-6px;
	bottom:-23px;
	position:absolute;
}

.flexvision_inside {
	width:calc(100% - 46px - 12px);
	padding:23px;
	
	font-size:20px;
	font-weight:600;
	
	display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.vision_text {
	
}

.pink_brick {
	background-color:#E3D9FA;
	height:23px;
	position:absolute;
	bottom:0;
	width:100%;
}

.around_approach {
	background-color:#354A9E;
	border-radius:12px;
	padding:38px 42px;
	
	background-image: url(img/index/algo_logo_mini.png);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: right 8px bottom 0;
}

.flexbenefit {
	width:calc(100% / 3);
}

.gap30 {
	gap:30px;
}

.gap60 {
	gap:60px;
}

.gap90 {
	gap:90px;
}

.heading0 {
		font-size:24px;
		font-weight:bold;
}

.staking_block {
	background-color:#1a0c55;
}

.ind_vid_arrow {
	padding-top:50px;
	display:flex;
	align-items:flex-start;
}

.heading2.ind_vid_block {
	padding-top:50px;display:flex;align-items:flex-start;
}

.relative {
	position:relative;
}

.right_hiw {
	position:absolute;
	right:0;
}

.fb_center2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    /* justify-content: center; */
    /* -webkit-box-align: center; */
    /* -webkit-align-items: center; */
    /* -ms-flex-align: center; */
    /* align-items: center; */
}

.hiw_block {
	max-width:340px;
	padding-left:70px;
}

.heading-5 {
    max-width: 340px;
    margin-top: -60px;
    color: #79fff9;
    font-size: 36px;
    line-height: 39px;
    font-weight: 900;
    text-align: left;
	margin-bottom:15px;
}

.numbers {
    color:#564699;
    font-size:134px;
    line-height:147px;
    font-weight:900;
}

.videoWrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  height: 0;
}

.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


.myCenter {
	position: absolute;
	top: 50%; right: 50%;
	transform: translate(50%,-50%);
}

.myCenter2 {
	position: relative;
    top: 50vh;
    right: 50%;
    transform: translate(50%,-50%);
}

#overlayPopup {
	position:fixed;
	top:0;
	right:0;
	bottom:0;
	left:0;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.8);
	-webkit-backdrop-filter: saturate(180%) blur(14px);
    backdrop-filter: saturate(180%) blur(4px);	
	z-index:9500;	
}

.benefit_img {
	display:inline-block;
	float:left;
	padding-right:25px;
}

.flex2 {
	width:calc( ( 100% / 2 ) - 25px );
}

.flex3 {
	width:calc( ( 100% / 3 ) - 10px );
}



.flex50.text {
	max-width:443px;
}

.flex50.img {
	min-width:443px;
}

.paddingleft.paddingright {
  max-width: 1140px;
  margin: 0 auto;
}

.mainblock_1 {
	max-width:560px;
	display:inline-block;	
}

.heading {
    color:#fff;
    font-size:48px;
    line-height:52px;
}

.heading2 {
    color:#fff;
    font-size:38px;
	line-height:41px;
	font-weight:bold;
}

.heading3 {
	font-size:36px;
	line-height:39px;
	font-weight:bold;
}

.asheesha_disclaimer {
	font-size:22px;
	max-width:684px;
}

.upper {text-transform:uppercase;}

.bg_station_around {
	width:calc(100vw - 40px);
}

.logo_back {
	background-image: url(img/index/logo_back.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;	
}

.bg-station {
    background-image: url(img/index/station.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
	border-radius:0 0 60px 60px;
	margin-left:40px;
}

.bg-7-earth {
    background-image: url(img/index/bg-7-earth.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: right 0 bottom calc(-300px);
}

.bg-algorand-top {
	background-image: url(img/index/bg-algorand.jpg);
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: right 0 bottom 0px;
}


.bg-top {
    background-repeat: no-repeat, repeat;
}

.bg-top.right {
    background-position: 100% 0%;
}

.bg-top.left {
    background-position: 0% 100%;
}


.bg-mid {
    background-repeat: no-repeat, repeat;
}

.bg-mid.bottom {
    background-position: 100% -60%;
}

.section_1 {
    background-image: url(img/index/section1.png);
    background-position: 100% 0%;
    background-size: 669px;
    background-repeat: no-repeat, repeat;
}







* {margin:0; padding:0;}

* {-webkit-tap-highlight-color: transparent; outline:none;}

html, body {
	margin:0;
	padding:0;
	text-size-adjust:none;
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	scroll-behavior:smooth;
	background:#281476;
	color:#ffffff;	
	font-family: Barlow;
	font-size:23px;
	font-weight:400;
	
	overflow-x:hidden;
}

a {
	color:#fff;
	text-decoration:none;	
}

a:hover {
	opacity:0.8;
}

h1, h2, h3, h4, h5, h6 {font-weight: bold;}

a:hover img {
	opacity:0.9;
}

.pagecontent img {
	max-width:100%!important;
	height:auto;
}


.hide{
	visibility: hidden;
	opacity: 1;
	transition: visibility 0s, opacity 0.5s linear;
}

.opacityOnHover:hover {
	opacity:0.9;
}

#burger, #burger2 {
	width:36px;
	height:28px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	flex-direction:column;
	cursor:pointer;	
	margin:auto 0;
	transform: scale(0.8, 0.8);
}

#overlaymenu {	
	z-index:8000;    
	position: fixed;
    top: 0;
    bottom:0;
    width: 100vw;
    height: 100vh;
    overflow-y: scroll;
    overflow-x: hidden;
	background-color:#3a2c7d;	
	transition:0.5s;
	transform:translateY(0%);
}
#overlaymenu.hide {
	transform:translateY(-100%);	
}

.burger__item1, .burger__item2, .burger__item3  {
	height:3px;
	width:100%;
	background-color:#fff;
	transition:0.5s;
}

.change .burger__item1 {
	-webkit-transform: rotate(-405deg) translate(-5px, 10px);
  transform: rotate(-45deg) translate(-8px, 10px);
}

.change .burger__item2 {
	opacity:0;
	width:0%;
}

.change .burger__item3 {
	-webkit-transform: rotate(405deg) translate(-5px, 10px);
  transform: rotate(45deg) translate(-8px, -10px);
}

#header, #header__mob {	
	background-color:rgba(60,46,126,0.7);
	height:90px;
	width:100%;
	
	position:fixed;
	
	box-shadow: 200px -30px 40px #000;
    -webkit-backdrop-filter: saturate(180%) blur(14px);
    backdrop-filter: saturate(180%) blur(4px);
	
	z-index:9000;
	
	transition:0.5s;
}

#sroll_up_btn {
	position:absolute;
	bottom:30px;
	right:30px;
}

#sroll_up_btn img {
	width:42px;
	height:42px;
	border-radius:8px;
}

#underfooter {
    min-height:100px;
    background-color: #0c042c;
	font-size:14px;
}

.ufooter-link {
    padding-right: 5px;
    padding-left: 5px;
    border-right: 1px solid #4cc9e0;
    color: #fff;
    text-decoration: none;
}

#footer {
	background-color:#0f0633;
	padding:50px 0;
	font-size:16px;
}

#footer a {
	color:#fff;
}

#footer a:hover {
	opacity:0.7;
}

.footer-headings {
    margin-top: 0px;
    margin-bottom: 26px;
    color: #fff;
    font-size: 28px;
    line-height: 30px;
	font-weight:bold;
}

.footer-headings-mini {
    display:inline-block;
	margin-left:10px;
	font-size:18px;
}

.footer-articles {
	font-weight:700;
	margin-bottom:5px;
}

.footer-articles-date {
	color: #79fff9;
	margin-bottom:8px;
}

.flexbox {display:flex;}

.fb_wrap {
	flex-wrap:wrap;
}

.fb_stretch {
	align-items:stretch;
}

.fb_middle {
	align-items:center;
}

.fb_center {
	justify-content:center;
}

.fb_between {
    justify-content: space-between;
}

.fb_right {
    justify-content: right;
}

.flexboxfooter {
	display:flex;
	flex-wrap:wrap;
	column-gap:30px;
}

.flexfooter {
	width:calc(100% / 3 - 35px);
	box-sizing: border-box;	
	
}


.mountain1 {
	background-image: url(https://uploads-ssl.webflow.com/6113e8d�/611e169�_bg-0.svg), none;
    background-position: 100% 0%, 50% 27%;
    background-size: contain, cover;
    background-repeat: no-repeat, repeat;
}

.aroundbtn {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	max-width:100%;
	height: 45px;
	padding: 2px;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	border-radius: 26px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#c947ff), to(#8a5fff));
	background-image: linear-gradient(180deg, #c947ff, #8a5fff);
	text-decoration: none;
	cursor: pointer;
}

.aroundbtn.blue-gradient {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#028bfd), to(#25d5d6));
	background-image: linear-gradient(180deg, #028bfd, #25d5d6);	
}

.aroundbtn.pink-gradient {
	background-image: linear-gradient(62.33deg, #C947FF 17.2%, #8A5FFF 82.8%);	
}

.aroundbtn.pink-gradient:hover {
	background-image: linear-gradient(62.33deg, #8A5FFF 17.2%, #C947FF 82.8%);	
}



.btn {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    border-radius: 26px;
    background-color: #291672;
    text-transform: uppercase;
}

.aroundbtn.bl__btn {
	display:inline-block;
	padding:3px 60px;
}

.btn.bl__btn {
	background-color:transparent;
	
}

.aroundbtn.bl__btn {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#028bfd), to(#25d5d6));
	background-image: linear-gradient(242deg, #028bfd, #25d5d6);	
}

.aroundbtn.bl__btn:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#028bfd), to(#25d5d6));
	background-image: linear-gradient(180deg, #028bfd, #25d5d6);	
}


#buydrop .aroundbtn, #overlaymenu .aroundbtn, #header .aroundbtn {
	height: 40px;
}


#buydrop .aroundbtn.blue-gradient {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#028bfd), to(#25d5d6));
	background-image: linear-gradient(242deg, #028bfd, #25d5d6);	
}

#buydrop .aroundbtn.blue-gradient:hover {
	background-image: -webkit-gradient(linear, left top, left bottom, from(#028bfd), to(#25d5d6));
	background-image: linear-gradient(170deg, #028bfd, #25d5d6);	
}

.btnwithicon_border {
	max-width:100%!important;
}

.btn_asheesha_around {
	max-width:300px;
}

.btn:hover, .btnwithicon {
	background-color:transparent;
	max-width:100%;
}

.btniconleft.btnwithicon, .btniconleft.btnwithicon_border {
	justify-content:left;
	padding-left:7px;
}

.maxwidth {
	max-width:100%!important;
}

.btn img {
	max-width: 100%;
    vertical-align: middle;
    display: inline-block;
    padding:0 8px!important;
    margin:0 0px 0 0!important;
    float:left;
    height:calc(100% - 12px);
	max-height:20px;
    width:auto;
}

#buydrop {
    position:absolute;
    width:calc(100% - 30px);
	padding:0 15px;
    background-color:#ff0000;
    border-radius:21px;
	background-color:rgba(60,46,126,0.8);
	
    -webkit-backdrop-filter: saturate(180%) blur(24px);
    backdrop-filter: saturate(180%) blur(20px);	
}

.text16 {
	font-size:16px;
}

.whitetext {
	color: #fff;
	font-size:16px;
	letter-spacing:0.5px;
	line-height: 15px;
	font-weight: 700;
}

#buydrop .whitetext, #overlaymenu .whitetext, #header .whitetext {
	font-size:13px;
	letter-spacing:0;
}

.logo img {
	width:116px;
	height:auto;	
}

.logofooter img {
	width:150px;
	height:auto;
}

.paddingleft {
	padding-left:25px;
}

.paddingright {
	padding-right:25px;
}




#cssmenu ul {
  list-style:none;
  margin:0;
  padding-left:0;
  text-align:center;
  font-size:16px;
}

#cssmenu li {
  color: #fff;
  display: block;
  float: left;
  padding: 4px 15px 14px 15px;
  position: relative;
  text-decoration: none;
  transition-duration: 0.5s;
}
  
#cssmenu li a {
  color: #fff;
}

#cssmenu li a:hover,
#cssmenu li a:focus-within {
  color:#CAFFFD;
  cursor: pointer;
}

#cssmenu li:hover {
  /* background: green; */
  cursor: pointer;
}

#cssmenu li:after{
		margin-top:5px;
		content:"";
		display:block;
		background-color:transparent;
		height:2px;
		border-radius:6px;	
}

#cssmenu li:hover:after{
		margin-top:5px;
		content:"";
		display:block;
		background-color:#79FFF9;
		height:2px;
		border-radius:6px;	
}

#cssmenu li:focus-within a {
  outline: none;
}

#cssmenu ul li ul {
  background:rgba(82, 65, 158, 0.9);
  visibility:hidden;
  opacity:0;
  
  position:absolute;
  transition:0.1s;
  
  margin-top:17px;
  padding: 5px 0;
  
  left:0;
  display: none;
}

#cssmenu ul li:hover > ul
 {
  background:rgba(82, 65, 158, 0.9);
  visibility: visible;
  opacity: 1;
  display: block;
  padding-right:30px;
  
}

#cssmenu ul li ul li {
  clear: both;
  width: 100%;
}

#cssmenu ul li ul li:hover a {
	background: transparent!important;
	color:#CAFFFD!important;	
}

#cssmenu ul li ul li:after {
	background: transparent!important;
	height:0!important;	
}

#cssmenu ul li:hover > ul:last-child {
  border-radius:0 0 16px 16px;
}



/* CSS MOBILE MENU*/

#cssmenumob .menu-item-has-children, #cssmenumob .menu-item {
	display:block;
	width:100%;
	position:relative;
	box-sizing: border-box;
}


#cssmenumob .menu-item-has-children li a:after {
	content:"";
	width:0px;
	height:0px;
	margin-left:0px;
}

#cssmenumob .menu-item-type-custom  {
	display:none;
	transition:1s;
	opacity:0.3;	
}

#cssmenumob .activen .menu-item-type-custom {
	display:block;	
	opacity:1;
	transition:1s;
}

#cssmenumob .menu-item-type-custom a {
	color:#bbadff;	
	transition:1s;
}



#cssmenumob ul {
  list-style:none;
  margin:0;
  padding-left:0;
  text-align:center;
  font-size:16px;
}

#cssmenumob li a {
    color: #fff;
    display: block;
    position: relative;
    text-decoration: none;
    transition-duration: 0.5s;
	padding:15px;
}
  
#cssmenumob li a {
  color: #fff;
}

#cssmenumob li a:hover,
#cssmenumob li a:focus-within {
  color:#CAFFFD;
  cursor: pointer;
}

#cssmenumob li:hover {
  /* background: green; */
  cursor: pointer;
}


.mmarrow {
  z-index: 9000;
  display: inline-block;
  position: absolute;
  right: 30px;
  
  cursor: pointer;
  height: 15px;
  width: 15px;
  cursor: pointer;
  
  margin-top:15px;
}

.mmarrow img {
	width:100%;
	height:100%; 
	transition: 0.5s;	
}

.mmarrow.active img{
  transform: rotate(180deg);
}


@-webkit-keyframes rotate {
    from {-webkit-transform: rotate(0deg);}
    to {-webkit-transform: rotate(180deg);}
}




.topmenuwrap {
	height:90px;
}

.topbanner a {
	color: #323c66;
	transition:0.3s;
}

.topbanner a:hover {
	color: #fff;
	opacity:0.9;
}

.topbanner {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding-top: 9px;
    padding-bottom: 9px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-image: -webkit-gradient(linear, left top, right top, from(#21d57e), color-stop(94%, #2582d9));
    background-image: linear-gradient(90deg, #21d57e, #2582d9 94%);
    text-decoration: none;
	
	
    font-size: 20px;
    line-height: 22px;
    font-weight: 500;
	
}


.box {display:flex;align-items:center;}

.wrap1, .wrap2, .wrap3 {display:block;clear:both;}
.wrap1 {height:10px;}
.wrap2 {height:30px;}
.wrap3 {height:60px;}

.desktoponly {display:initial;}
.mobileonly {display:none;}

.moball {display:none;}




@media screen and (max-width: 1100px) {
	.flexvision {
		width:calc(100% / 2 - 15px);
	}
	
	.flex_pie_img {
		position:relative;
		height:calc(100vw / 1.26 );
	}
	
	.flex_pie_img img {
		margin-left:0px;
	}
	
	.flex_pie_text {
		display:block;
		clear:both;
		
	}
	
	.fb_mob_reverse {
		flex-direction:column-reverse;
	}
	
	.circle_spacer{
		height:20px;
	}
	
	.around_circle_text {
		position:relative;
		margin:20px 0;
	}	
	
	.circle_right, .circle_left, .circle_center {
		bottom:initial;
		left:initial;
		right:initial;
		top:initial;
		
		transform:translateX(0) translateY(0);
	} 
}





/* PRE MOB 1 */
@media screen and (max-width: 991px) {
	.flex_line_vertical, .flex_line_horizontal, .flex_line_horizontal2 {display:none;}
	
	.gap90 {
		gap:50px;
	}
	
	.flex_bank {
		font-size:120%;
		text-align:center;
	}
	
	.white_line_around {
    padding: 60px 30px 30px 30px;
	}
	
	.flex_bank .purple_arrow {
		display:none;
	}
	
	.bank_white {padding:0;}
	
	.flex_bank {
		width:100%;
	}
	
	.flex3 {
		width:100%;
		padding:15px 0;
	}
	
	.sh2_card {
		display:none;
	}
	
	.sh2_card_90 {
		display:block;
		margin: -10px auto;
	}
	
	.sh2_card_90 img {
		max-height:350px;
	}
	
	.flex_spyder {
		width:100%;
	}
	
	.flexbenefit {
		width:100%;
	}
	
		
	.moball {display:block;}
	
	.bg-top {
		background-size: contain;
	}
	
	.section_1 {
		background:none;
	}
	
	
	
	.heading {
		font-size:30px;
		line-height: 33px;
	}
	
	.heading2 {
		font-size:30px;
		line-height: 33px;
	}
	
	.heading3 {
		font-size:30px;
		line-height: 33px;
	}
	
}

/* PRE MOB 2 */
@media screen and (max-width: 760px) {
	.flexvision {
		width:calc(100% / 1 - 0px);
	}
	
	
	.ind_vid_block {
		width:100%;
	}
	
	.heading2.ind_vid_block {
		text-align:center;
		font-size:38px;
		line-height:41px;
		
		padding:10px 0 0 0;
		display:block!important;
	}
	
	.center760 {
		text-align:center;
	}
	
	.relative760 {
		position:relative;
	}
	
	.flex2.imgcent {
		text-align:center;
	}
	
	.reverse {
		flex-direction:column-reverse;
	}
	
	.right_hiw {
		position: relative;
	}
	
	.flex2 {
		width:100%;
		align-items:center;
	}
	
	.mob2only {display:block!important;}
	
	.flex50.img {
		min-width:0;
	}
	
	.flexbox {
		flex-wrap:wrap;
		justify-content:center;
	}
	
	.flexbox.between {
		justify-content:center;
	}

	
	.flex50.text {
		max-width:100%;
	}
	
	.btniconleft {
		justify-content:center!important;	
	}
	
	.heading {
		font-size:30px;
		line-height: 33px;
	}
	
}


/* MOB 1 */
@media screen and  (min-width: 760px) and (max-width: 991px) {
.mobileonly {display:block!important;}
.desktoponly {display:none!important;}
.mob1only {display:block!important;}

	
	.mainblock_1{
		max-width:100%;
	}	
	
}

/* MOB 2 */
@media screen and (min-width: 479px) and (max-width: 760px) {
	.mobileonly {display:block!important;}
	.desktoponly {display:none!important;}
	.mob2only {display:block!important;}
}


/* MOB 3 */
@media screen and (max-width: 500px) {
	.mobileonly {display:block!important;}
	.desktoponly {display:none!important;}
	.mob3only {display:block!important;}
	.white_line_around {
    padding: 80px 30px 30px 30px;
	}
}







@media (max-width: 1080px) {


.flexboxfooter {
	row-gap: 60px;	
}
	
.flexfooter {
	width:calc(100% / 1);	
}


}



@media (max-width: 550px) {
	
.flexfooter {
	width:calc(100% / 1);
	padding:0;	
}


}