:root{
  --primaryColor: #FBFF1F;
  --primaryHover: #C7C922;
  --primaryClick: #fbff00;
  --secondaryColor: #102CDB;
  --secondaryHover: #182DB6;
  --secondaryClick: #0c2cf7;
  --greenColor:#38ff9b;
  --greenHover:#1cda7b;
  --redColor:#ff3863;
  --darkColor:#2c2c35;
  --darkBlueColor:#2c304e;
  --greyColor:#526b7d;
  --greyLightColor:#EFF0F3;
  --backgroundColor: #f0f0f3;
  --whiteColor:#ffffff;
  --whiteHover:rgba(255,255,255,0.5);
  --whiteClick:rgba(255,255,255,0.7);
  --blackColor:#000000;
  --gradient-primary: linear-gradient(to bottom, #314CE9 0%, #0F1B56 100%);
  --gradient-secondary: linear-gradient(to bottom, #314CE9 0%, rgba(15,8,52,0.07) 100%);
  --fontTheme: "Roboto", sans-serif;
  --txt-small-xs: 400 10px/normal var(--fontTheme);
  --txt-small-light: 300 16px/24px var(--fontTheme);
  --txt-small-regular: 400 16px/24px var(--fontTheme);
  --txt-small-medium: 500 16px/24px var(--fontTheme);
  --txt-medium-light: 300 18px/26px var(--fontTheme);
  --txt-medium-regular: 400 18px/26px var(--fontTheme);
  --txt-medium-medium: 500 18px/26px var(--fontTheme);
  --txt-large-light: 300 20px/28px var(--fontTheme);
  --txt-large-regular: 400 20px/28px var(--fontTheme);
  --txt-large-medium: 500 20px/28px var(--fontTheme);
  --txt-large-xl: 400 28px/28px var(--fontTheme);
  --transition-default: all .3s ease-in-out;
}

/* Basics */
html{ scrollbar-width: thin; -ms-overflow-style: none; scrollbar-color: var(--primaryColor) transparent;}
body{ padding:0; margin:0; font-family: var(--fontTheme); color:var(--darkColor); font: var(--txt-small-regular); background: var(--backgroundColor); overflow-x: hidden;}
a, button{outline:none !important; text-decoration:none; box-shadow:none; transition: var(--transition-default);}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%; height:auto;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important; color: var(--darkBlueColor);}
h1 a{ color: var(--darkBlueColor);}
h2 a, h3 a, h4 a, h5 a{ color: var(--darkBlueColor);}
input, select, textarea, button{ outline:none !important; box-shadow:none; font-family: var(--fontTheme);}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}

/* Container */
.container{ width:90%; max-width:1300px; margin:0 auto; padding:0;}

/* Paragraph */
p{ font:var(--txt-medium-regular); color: var(--darkColor);}
.info{ font:var(--txt-large-regular);}
p a{ color:var(--secondaryColor);}
p a:hover{ color:var(--secondaryHover);}
p:last-child{ margin-bottom: 0;}

/* Heading */
h1{ font-size: 74px; line-height: 80px; font-weight: 800; margin: 0;}
h2{ font-size: 64px; line-height: 80px; font-weight: 800; margin: 0;}
h3{ font-size: 52px; line-height: 64px; font-weight: 800;}
h4{ font-size: 46px; line-height: 56px; font-weight: 800;}
h5{ font-size: 24px; line-height: 32px; font-weight: 600;}
h6{ font: var(--txt-large-xl);}

.sec-head{ display: flex; flex-direction: column; gap: 16px;}
.sec-head.md{ gap: 14px;}
.sec-head.sm{ gap: 8px;}
.sec-head h1, .sec-head h2, .sec-head h3, .sec-head h4, .sec-head h5{ margin-bottom: 0;}
.content-group{ display: flex; flex-direction: column; gap: 30px;}
.content-group.md{ gap: 24px;}
.sec-head > p, .content-group > p{ margin-bottom: 0;}

/* Button */
.btn-group{ display: flex; gap: 10px 16px; flex-wrap: wrap;}
.btn-theme{ padding: 17px 43px; margin: 0; font: var(--txt-medium-medium); color: var(--darkColor); background: var(--primaryColor); border-radius: 100px; border: 1px solid transparent; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 0 0 rgba(5,13,45,0);}
.btn-theme:hover{ background: var(--primaryHover); color: var(--darkColor); border-color: var(--primaryColor); box-shadow: 0 12px 16px rgba(5,13,45,0.3);}
.btn-theme:active, .btn-theme:focus{ background: var(--primaryClick); color: var(--darkColor); border-color: var(--primaryClick); box-shadow: 0 0 0 rgba(5,13,45,0);}
.btn-theme.secondary{ background: var(--secondaryColor); color: var(--whiteColor); box-shadow: 0 0 0 rgba(65,74,107,0);}
.btn-theme.secondary:hover{ background: var(--secondaryHover); color: var(--whiteColor); border-color: var(--secondaryColor); box-shadow: 0 12px 16px rgba(65,74,107,0.3);}
.btn-theme.secondary:active, .btn-theme.secondary:focus{ background: var(--secondaryClick); color: var(--whiteColor); border-color: var(--secondaryClick); box-shadow: 0 0 0 rgba(65,74,107,0);}
.btn-theme.green{ background: var(--greenColor); color: var(--darkColor); box-shadow: 0 0 0 rgba(65,74,107,0);}
.btn-theme.green:hover{ background: var(--greenHover); color: var(--darkColor); border-color: var(--greenColor); box-shadow: 0 12px 16px rgba(65,74,107,0.3);}
.btn-theme.green:active, .btn-theme.green:focus{ background: var(--greenHover); color: var(--darkColor); border-color: var(--greenHover); box-shadow: 0 0 0 rgba(65,74,107,0);}
.btn-theme.white{ background: var(--whiteColor); color: var(--darkColor);}
.btn-theme.white:hover{ background: var(--whiteHover); color: var(--darkColor); border-color: var(--whiteColor); }
.btn-theme.white:active, .btn-theme.white:focus{ background: var(--whiteClick); color: var(--darkColor); border-color: transparent;}
.btn-theme.md{ padding: 15px 29px; margin: 0; font: var(--txt-small-medium);}

.simple_link{ margin: 0; padding: 0; display: inline-block; font: var(--txt-medium-regular); color: var(--secondaryColor);}
.simple_link:hover{ color: var(--secondaryHover);}

/* Color/BG */
.text-green{ color: var(--greenColor) !important;}
.gradient-primary-bg{ background: var(--gradient-primary);}

/* Section Spacing */
.py-130, .pt-130{ padding-top: 130px;}
.py-130, .pb-130{ padding-bottom: 130px;}
.py-90, .pt-90{ padding-top: 90px;}
.py-90, .pb-90{ padding-bottom: 90px;}
.py-70, .pt-70{ padding-top: 70px;}
.py-70, .pb-70{ padding-bottom: 70px;}
.mb-30{ margin-bottom: 30px;}
.gx-30{ --bs-gutter-x: 30px;}
.gy-30{ --bs-gutter-y: 30px;}

.sticky_button{ margin: 0; padding: 0; position: fixed; top: 50%; right: 0; transform: translateY(-50%); z-index: 99;}
.sticky_button .lgs_btn{ text-transform: uppercase; font-size: 18px; font-weight: 700; padding: 14px 20px; border-radius: 15px 15px 0 0; color: var(--blackColor); background: var(--primaryColor); display: inline-block; transform: rotate(-90deg); margin: 40px -82px 0 0;}
.sticky_button .lgs_btn:hover{ background: var(--primaryHover); color: var(--blackColor);}

#cookiePopup{ position: fixed; width: 100%; box-shadow: 0 0 2em rgba(0, 0, 0, 0.15); background: linear-gradient(263deg, #314CE9 1.2%, #0F1B56 100%); text-align: justify; padding: 20px 0; transition: all 0.5s ease-in; bottom: 0; left: 0; margin: 0; z-index: 55;}
#cookiePopup .container{ display: flex; align-items: center; gap: 30px;}
#cookiePopup p { margin: 0; color: var(--whiteColor);}
#cookiePopup button{ display: block; position: relative; margin: auto;}
#cookiePopup a { color: var(--primaryColor); text-decoration: underline;}
#cookiePopup a:hover { color: var(--whiteColor);}
#cookiePopup.hide { visibility: hidden;}
#cookiePopup.show { visibility: visible;}

/*===================
 		HEADER 
===================*/
.header__sec{ width:100%; position: absolute; top: 0; left: 0; padding: 50px 0 0; z-index: 1002; transition: var(--transition-default);}
.header__sec .navbar-brand{ margin:0; padding:0; width: 182px;}
.header__sec .navbar-brand img{ width: 100%; transition: var(--transition-default);}
.header__sec .navbar-light .navbar-nav{ gap: 40px;}
.header__sec .navbar-light .navbar-nav .nav-item{ margin:0;}
.header__sec .navbar-light .navbar-nav .nav-link{ margin:0; padding:0; font:var(--txt-small-regular); color: var(--whiteColor); position: relative; transition: var(--transition-default);}
.header__sec .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover{ color: var(--greenColor);}
.header__sec .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .nav-link.show{ color: var(--greenColor);}
.header__sec .dropdown-menu{ border-color: var(--whiteColor); border-radius: 0;}
.header__sec .dropdown-item{ padding: 8px 20px; color: var(--darkColor); font: var(--txt-small-regular);}
.header__sec .dropdown-item:hover, .header__sec .dropdown-item:focus{ background: var(--primaryHover); color: var(--darkColor);}
.header__sec .actions{ gap: 10px; display: flex;}

/* HEADER STICKY */
.header__sec.sticky{ padding: 15px 0; background: var(--secondaryColor); position:fixed;}
.header__sec.sticky .navbar-brand{ width: 150px;}

/*===================
 		  FOOTER 
===================*/
.footer__sec{ padding: 100px 0; background: var(--darkBlueColor); color: var(--whiteColor);}
.footer__sec .foot_top{ border-bottom: 1px solid #060C2F; padding: 0 0 40px; margin: 0 0 40px;}
.footer__sec .foot_title{ margin: 0 0 20px; display: block; font: var(--txt-small-medium); color: var(--whiteColor);}
.footer__sec .foot_links{ margin: 0; padding: 0;}
.footer__sec .foot_links li{ margin: 10px 0 0; padding: 0; font: var(--txt-small-regular); color: var(--whiteColor);}
.footer__sec .foot_links li a{ color: var(--whiteColor);}
.footer__sec .foot_links li a:hover{ color: var(--greenColor);}
.foot_social{ gap: 24px; margin: 0; padding: 0; display: inline-flex;}
.foot_social li{ margin: 0; padding: 0;}
.foot_social li a{ display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.255) 0%, rgba(255, 255, 255, 0) 100%); border-radius: 50%; /*border: 2px solid rgba(255, 255, 255, 0.2);*/ position: relative; z-index: 1;}
.foot_social li a::before{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: inset -1.5px -1.5px 0 rgba(255, 255, 255, 0.4), inset 1.5px 1.5px 0 rgba(255, 255, 255, 0.4), inset 2px -2px 0 rgba(255, 255, 255, 0.15), inset -2px 2px 0 rgba(255, 255, 255, 0.15); border-radius: 50%; z-index: 0;}
.foot_social li a::after{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; transition: var(--transition-default); z-index: -1; border-radius: 50%;}
.foot_social li a:hover::after{ background: rgba(255, 255, 255, 0.5);}
.footer__sec .foot_bottom{ max-width: 804px; margin: 0 0 0 294px;}
.app_stores{ display: flex; gap: 12px; margin-top: 20px;}
.app_stores a{ flex: 1; padding: 11px 20px; min-height: 60px; border: 1px solid #FFFFFF; backdrop-filter: blur(10px); border-radius: 100px; display: flex; align-items: center; justify-content: center;}
.app_stores a:hover{ background: rgba(255, 255, 255, 0.5);}


/* Return To Top */
#return-to-top { position:fixed; bottom:22px; right:20px; width:40px; height:40px; border-radius:50%; text-decoration: none; text-align:center; display:none; transition: all 0.3s ease; z-index:9999; line-height: 38px;}
#return-to-top svg{ width: 18px; height: auto;}
#return-to-top svg path{ fill: var(--greenColor);}
#return-to-top:hover { background:var(--secondaryHover); opacity: 1;}


/*=================================
 		SECTION START HERE 
=================================*/
section{ padding:0; margin:0;}

/* Hero */
.hero__sec{ position: relative; background: linear-gradient(to bottom, #314CE9, #0F1B56, #0F1B56); background-size: 300% 300%; background-position: 100% 100%; animation: gradient 3s linear; overflow: hidden;}
.hero_bg{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; z-index: 1;}
.hero_bg img{ width: 100%; object-fit: cover; object-position: top center;}
.hero__sec .caption{ padding: 246px 0 122px; position: relative; z-index: 3; text-align: center;}
.hero__sec .caption .info{ max-width: 752px; margin: 0 auto;}
.hero_gallery{ position: relative; height: 415px; z-index: 3; padding-bottom: 50px;}
.hero_gallery figure{ border: 1px solid rgba(255, 255, 255, 0.6); border-top-color: rgba(255, 255, 255, 0.15); border-bottom-color: rgba(255, 255, 255, 0.1); background: linear-gradient(180deg, rgba(255, 255, 255, 0.255) 0%, rgba(255, 255, 255, 0) 100%); border-radius: 24px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); padding: 7px; border-radius: 24px; display: inline-block; margin: 0;}
.hero_gallery figure img{ border-radius: 18px; transition: var(--transition-default);}
.hero_gallery .hgall-slider{ display: flex; justify-content: space-between; gap: 100px; opacity: 0;}
.hero_gallery .first figure, .hero_gallery .last figure{ margin-top: 180px;}

.hicons_items { position: relative; width: 100%; z-index: 2;}
.hicons_items li { position: absolute; top: 550px; min-height: 171px; min-width: 237px; left: 40%; transform-origin: -220px center; animation: orbit 40s linear infinite; text-align: center; display: inline-flex; align-items: center; justify-content: center;}
.hicons_items li:nth-child(1) { animation-delay: 0s;}
.hicons_items li:nth-child(2) {  animation-delay: -2.5s;}
.hicons_items li:nth-child(3) {  animation-delay: -4.5s;}
.hicons_items li:nth-child(4) {  animation-delay: -6.5s;}
.hicons_items li:nth-child(5) {  animation-delay: -8.5s;}
.hicons_items li:nth-child(6) {  animation-delay: -10.5s;}
.hicons_items li:nth-child(7) {  animation-delay: -12.5s;}
.hicons_items li:nth-child(8) {  animation-delay: -14.5s;}
.hicons_items li:nth-child(9) {  animation-delay: -16.5s;}
.hicons_items li:nth-child(10) {  animation-delay: -18.5s;}
.hicons_items li:nth-child(11) {  animation-delay: -20.5s;}
.hicons_items li:nth-child(12) {  animation-delay: -22.5s;}
.hicons_items li:nth-child(13) {  animation-delay: -24.5s;}

@keyframes orbit {
  from {
    transform: rotate(0deg) translateX(620px) rotate(0deg);
  }
  to {
    transform: rotate(360deg) translateX(620px) rotate(-360deg);
  }
}

@keyframes gradient {
	from {
		background-position: 100% 0%;
	}
	to {
		background-position: 100% 100%;
	}
}

.hero_bg .stars {
    position: absolute;
    background: rgba(255,255,255,0.7);
    border-radius: 50%;
    opacity: 0.8;
}
@keyframes twinkle {
  0% { opacity: 0.2; }
  50% { opacity: 1; }
  100% { opacity: 0.2; }
}

.hero_earth{ height: 350px; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2;}
.planet-container { margin: 0 auto; border-radius: 50%; box-shadow: -100px -3px 150px 3px #04a2e1a2, 5px -3px 50px 10px #04a2e1a2; overflow: hidden; position: relative; z-index: 1;}
.day { animation: rotate-day 80s linear infinite; background-image: url(../images/earth-img1.jpg); background-size: 200%; border-left: solid 10px #04A2E1; border-radius: 50%; box-shadow: 100px 0 50px 10px #04a2e1a2 inset;  margin: 0; position: absolute; z-index: 3;}
.clouds { animation: rotate-day 50s linear infinite, spin-clouds 100s ease infinite; background-image: url(../images/earth-cloud-img.jpg); background-size: 200%; border-radius: 50%; /*box-shadow: 50px 0 50px 10px #04a2e1a2 inset, -9px 0px 50px 10px #04a2e1a2 inset;*/ margin: 0; opacity: 0.45; position: absolute; z-index: 4;
opacity: 0;}
.inner-shadow { background: transparent; border-radius: 50%; box-shadow: -5px 0 50px 1px #04a2e1a2 inset, 5px 0 50px 1px #04a2e1a2 inset, -600px -100px 120px 0 #0000003a inset; z-index: 7;}
.planet-container, .planet-container .day, .planet-container .clouds, .planet-container .inner-shadow{ height: 1900px; width: 1900px; position: absolute; left: 50%; top: 0; transform: translateX(-50%);}

@keyframes rotate-day {
    0% { background-position: 120% 0; }
    100% { background-position: -80% 0; }
}
@keyframes spin-clouds {
    0% { transform: rotate(0deg) translateX(-50%); }
    50% { transform: rotate(20deg) translateX(-50%); }
    100% { transform: rotate(0deg) translateX(-50%); }
}


/* Sharing */
.sharing-img{ margin: 0; height: 100%; display: flex; flex-direction: column; justify-content: center;}
.sharing-img::before{ content: ""; width: 569px; position: absolute; top: 0; bottom: 0; background: url(../images/sharing_curve.png) no-repeat center center; margin-left: 35px; z-index: -1; background-size: 100% 100%;}
.sharing{ display: flex; flex-direction: column; gap: 16px;}
.sharing .item{ display: flex; gap: 16px; align-items: center;}
.sharing .item h5{ margin-bottom: 4px;}
.i-icon{ width: 56px; height: 56px; min-width: 56px; border-radius: 50%; padding: 10px; background: var(--whiteColor); box-shadow: 6px 6px 20px rgba(175, 173, 199, 0.2); position: relative; display: flex; align-items: center; justify-content: center;}
.i-icon::after{ content: ""; width: 46px; height: 46px; border-radius: 50%; background: var(--whiteColor); box-shadow: 2px 2px 2px rgba(175, 173, 199, 0.2); position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.i-icon img{ position: relative; z-index: 2;}
.i-icon.i-icon2::after{ box-shadow: -2px -2px 2px rgba(175, 173, 199, 0.2);}
.i-icon.i-icon3::after{ box-shadow: 2px -2px 2px rgba(175, 173, 199, 0.2);}
.i-icon.i-icon4::after{ box-shadow: -2px 2px 2px rgba(175, 173, 199, 0.2);}

/* Forms and captcha starts here*/

.form-spinner {
    display: inline-block;
    background-color: #056bb7;
    opacity: 0.75;
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 100%;
    padding: 0;
    margin: 0 24px;
    position: relative;
    animation: rotateSpinner 2s infinite linear;

}
.form-spinner::before {
	content: '';
	position: absolute;
	background-color: #fbfbfc; /* Light Gray 100 */
	top: 4px;
	left: 4px;
	width: 6px;
	height: 6px;
	border: none;
	border-radius: 100%;
}
@keyframes rotateSpinner {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.error_msg{ margin: 0; padding: 11px 20px; font-size:14px; color: #ff0000;border: 1px solid #ff0000a3;border-radius: 5px; margin-top: 15px !important; line-height: normal;}
.success_msg{ margin: 0; padding: 11px 20px; font-size:14px; color: #2ecc71;border: 1px solid #2ecc71a3;border-radius: 5px; margin-top: 15px !important; line-height: normal;}


.CaptchaWrap { position: relative; }
.CaptchaTxtField { 
  border-radius: 5px; 
  border: 1px solid #ccc; 
  display: block;  
  box-sizing: border-box;
}
/*
#UserCaptchaCode { 
  padding: 15px 25px; 
  outline: none; 
  font-size: 18px; 
  font-weight: normal; 
  font-family: 'Open Sans', sans-serif;
  width: 343px;
}*/
#CaptchaImageCode { 
  text-align:center;
  margin-top: 15px;
  padding: 0px 0;
  width: 300px;
  overflow: hidden;
}

.capcode { 
  font-size: 46px; 
  display: block; 
  -moz-user-select: none;
  -webkit-user-select: none;
  user-select: none; 
  cursor: default;
  letter-spacing: 1px;
  color: #ccc;
  font-family: 'Roboto Slab', serif;
  font-weight: 100;
  font-style: italic;
}

.ReloadBtn { 
  background:url('../images/captcha-reload.webp') left top no-repeat;   
  background-size : 100%;
  width: 32px; 
  height: 32px;
  border: 0px;
  outline: none;
  position: absolute; 
  bottom: 30px;
  left : 310px;
  outline: none;
  cursor: pointer; 
  filter: brightness(0) invert(1);
}


/* Forms and captcha ends here*/


/* Subscribe */
.subs_form{ width: 100%; max-width: 472px; margin: 0 auto;}
.mx-386{ width: 100%; max-width: 386px;}
.form-floating{ margin: 0; padding: 0;}
.form-floating > .form-control, .form-floating > .form-control-plaintext{ padding: 18px 30px 18px 30px; height: 62px; min-height: 55px; font: var(--txt-small-medium); color: var(--darkColor); border-radius: 100px; transition: var(--transition-default); border:1px solid var(--whiteColor); box-shadow: none;}
.form-floating > textarea.form-control{ height: 100px; border-radius: 24px;}
.form-floating > .form-control-plaintext:focus, .form-floating > .form-control-plaintext:not(:placeholder-shown), .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown){ padding-top: 25px; padding-bottom: 12px;}
.form-floating > .form-control:not(:placeholder-shown){ background: var(--whiteClick); color: var(--darkColor); border-color: var(--whiteColor);}
.form-floating > .form-control:hover, .form-floating > .form-control-plaintext:hover, .form-floating > .form-control:focus, .form-floating > .form-control-plaintext:focus{ background: var(--whiteClick); color: var(--darkColor); border-color: var(--whiteColor); box-shadow: 0px 4px 20px rgba(151, 157, 181, 0.3) !important;}
.form-floating > label{ font: var(--txt-small-regular); color: var(--greyColor); padding: 19px 30px; border: none; transform: none; transition: var(--transition-default);}
.form-floating:not(.form-floating-style2) > label::after{ display: none; transition: var(--transition-default);}
.form-floating > .form-control-plaintext ~ label, .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label{ background: transparent; padding: 12px 30px 0; font: var(--txt-small-xs); transform: none;}

.form-floating.md > .form-control, .form-floating.md > .form-control-plaintext{ padding: 14px 30px 14px 30px; height: 55px; min-height: 55px;}
.form-floating.md > .form-control-plaintext:focus, .form-floating.md > .form-control-plaintext:not(:placeholder-shown), .form-floating.md > .form-control:focus, .form-floating.md > .form-control:not(:placeholder-shown){ padding-top: 20px; padding-bottom: 6px;}
.form-floating.md > label{ padding-top: 16px; padding-bottom: 15px;}
.form-floating.md > .form-control-plaintext ~ label, .form-floating.md > .form-control:focus ~ label, .form-floating.md > .form-control:not(:placeholder-shown) ~ label, .form-floating.md > .form-select ~ label{ padding-top: 10px;}

/* form floating style2 (grey) */
.form-floating-style2 > textarea.form-control-plaintext ~ label::after, .form-floating-style2 > textarea.form-control:focus ~ label::after, .form-floating-style2 > textarea.form-control:not(:placeholder-shown) ~ label::after, .form-floating-style2 > textarea.form-select ~ label::after{ background: #F4F4F7; height: 3em; inset: 1px 1px; border-top-left-radius: 24px;}
.form-floating-style2 > .form-control:not(:placeholder-shown) ~ label::after{ background: #F4F4F7;}
.form-floating-style2 > .form-control:focus ~ label::after, .form-floating-style2 > .form-control:hover ~ label::after{ background: #F4F4F7;}
.form-floating-style2 > .form-control, .form-floating-style2 > .form-control-plaintext{ background: var(--greyLightColor); border:1px solid var(--greyLightColor); box-shadow: none;}
.form-floating-style2 > .form-control:not(:placeholder-shown){ background: var(--greyLightColor); color: var(--darkColor); border-color: var(--greyLightColor);}
.form-floating-style2 > .form-control:hover, .form-floating-style2 > .form-control-plaintext:hover, .form-floating-style2 > .form-control:focus, .form-floating-style2 > .form-control-plaintext:focus{ background: rgba(239,240,243,0.7); color: var(--darkColor); border-color: #E7E9F0; box-shadow: 0px 4px 20px rgba(168, 172, 184, 0.3) !important;}

/* Platforms */
.platforms_slider .splide__track{ margin: 0 -15px;}
.platforms_slider .splide__slide{ padding: 0 15px; display: flex;}
.platform_item{ margin: 30px 0 30px; padding: 44px 40px 28px; background: var(--whiteColor); box-shadow: 0 12px 20px rgba(191, 191, 191, 0.25); border-radius: 24px; position: relative; text-align: center; width: 100%; display: flex; flex-direction: column; justify-content: center;}
.platform_item i{ margin: 0 auto; position: absolute; top: -28px; left: 0; right: 0; z-index: 2;}
.platform_item i::before{ content: ""; width: 100%; height: 100%; box-shadow: 0 0 0 4.5px var(--backgroundColor); border-radius: 50%; position: absolute; top: 0; left: 0; z-index: -1;}
.splide__pagination{ margin: 0; display: flex; gap: 10px; padding: 0; position: relative; bottom: 0;}
.splide__pagination li{ display: flex;}
.splide__pagination .splide__pagination__page{ height: 12px; width: 12px; border-radius: 12px; background: var(--whiteColor); border: none; position: relative; transition: var(--transition-default); transform: inherit; opacity: 1; margin: 0;}
.splide__pagination .splide__pagination__page.is-active{ background: var(--darkBlueColor);}
.platforms_slider .splide__arrows{ display: flex; align-items: center; gap: 30px; justify-content: center;}
.platforms_slider .splide__arrow{ background: var(--whiteColor); border: none; font-size: 0; box-shadow: none; width:70px; height:70px; display:flex; border-radius:50%; transition:var(--transition-default); opacity: 1; color:var(--whiteColor); position: relative; left: 0; right: 0; top: 0; z-index: 1; transform: inherit;}
.platforms_slider .splide__arrow::before{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: inset -1.5px -1.5px 0 rgba(255, 255, 255, 0.4), inset 1.5px 1.5px 0 rgba(255, 255, 255, 0.4), inset 2px -2px 0 rgba(255, 255, 255, 0.15), inset -2px 2px 0 rgba(255, 255, 255, 0.15); border-radius: 50%; z-index: 0;}
.platforms_slider .splide__arrow::after{ content: ""; width: 16px; height: 30px; background: url(../images/arrow-left-green.svg) no-repeat center center; background-size: 100% 100%; transition: var(--transition-default); filter: brightness(0) invert(0); opacity: 0.6;}
.platforms_slider .splide__arrow--next::after{ background: url(../images/arrow-right-green.svg) no-repeat center center; background-size: 100% 100%;}
.platforms_slider .splide__arrow:hover::after{ opacity: 1;}
.platforms_slider .splide__arrow svg{ display: none;}

/* Counter */
.counter__sec{ margin-bottom: 123px; background: url(../images/counter-bg.png) no-repeat center top; background-size: cover;}
.counter__sec .content-group{ padding: 102px 0 110px;}
.counter__sec strong{ margin-bottom: 8px; font-size: 96px; font-weight: 800; display: block; line-height: normal; color: var(--primaryColor);}
.counter__sec figure{ margin: 0 0 -123px; text-align: right;}

/* Features */
.features__sec .sec-body::before{ content: ""; width: 753px; height: 1268px; background: url(../images/feature-curve.png) no-repeat center center; background-size: 100% 100%; position: absolute; top: 285px; left: 50%; transform: translateX(-50%); z-index: -1;}
.features_lists{ gap: 20px;}

/* Testimonials */
.testimonial_slider .splide__pagination .splide__pagination__page{ background: var(--whiteHover); margin-top: 30px;}
.testimonial_slider .splide__pagination .splide__pagination__page.is-active{ background: var(--whiteColor);}
.testimonial_slider .splide__arrows{ display: flex; align-items: center; gap: 30px; justify-content: center;}
.testimonial_slider .splide__arrow{ background: linear-gradient(180deg, rgba(255, 255, 255, 0.255) 0%, rgba(255, 255, 255, 0) 100%); border: none; font-size: 0; box-shadow: none; width:70px; height:70px; display:flex; border-radius:50%; transition:var(--transition-default); opacity: 1; color:var(--whiteColor); position: relative; left: 0; right: 0; top: 0; z-index: 1; transform: inherit;}
.testimonial_slider .splide__arrow::before{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; box-shadow: inset -1.5px -1.5px 0 rgba(255, 255, 255, 0.4), inset 1.5px 1.5px 0 rgba(255, 255, 255, 0.4), inset 2px -2px 0 rgba(255, 255, 255, 0.15), inset -2px 2px 0 rgba(255, 255, 255, 0.15); border-radius: 50%; z-index: 0;}
.testimonial_slider .splide__arrow::after{ content: ""; width: 16px; height: 30px; background: url(../images/arrow-left-green.svg) no-repeat center center; background-size: 100% 100%; transition: var(--transition-default); filter: brightness(0) invert(1); opacity: 0.7;}
.testimonial_slider .splide__arrow--next::after{ background: url(../images/arrow-right-green.svg) no-repeat center center; background-size: 100% 100%;}
.testimonial_slider .splide__arrow:hover::after{ filter: none; opacity: 1;}
.testimonial_slider .splide__arrow svg{ display: none;}
.testimonial_slider .splide__track{ margin: 0 -15px;}
.testimonial_slider .splide__slide{ padding: 2px 15px; display: flex;}
.testimonial_block{ width: 100%; padding: 50px 16px 46px 16px; border: 1px solid rgba(255, 255, 255, 0.6); border-top-color: rgba(255, 255, 255, 0.15); border-bottom-color: rgba(255, 255, 255, 0.1); background: linear-gradient(180deg, rgba(255, 255, 255, 0.255) 0%, rgba(255, 255, 255, 0) 100%); border-radius: 24px; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.3); position: relative; z-index: 2; display: flex; flex-direction: column;}
.testimonial_block::before{ content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0.4); opacity: 0; transition: var(--transition-default); z-index: -1; border-radius: 24px;}
.testimonial_block:hover::before{ opacity: 1;}
.testimonial_block .block_head{ padding: 0 30px 23px; margin-bottom: 23px; border-bottom: 1px solid rgba(255,255,255,0.1); flex-grow: 1;}
.testimonial_block figure{ width: 95px; height: 95px; border-radius: 50%; display: flex; margin: 0 auto 23px;}
.testimonial_block figure img{ width: 100%; object-fit: cover; border-radius: 50%;}
.testimonial_block .author_info{ margin: 4px 0 10px; display: block; font: var(--txt-small-light); color: var(--greenColor);}
.testimonial_block .testi_stars{ display: flex; justify-content: center; gap: 4px;}


/* Pricing */
.pricing_block{ background: var(--whiteColor); box-shadow: 0px 4px 20px rgba(151, 157, 181, 0.3); border-radius: 24px; display: flex; flex-direction: column; height: 100%; transition: var(--transition-default);}
.pricing_block:hover{ border-color: var(--secondaryColor); box-shadow: 0px 4px 20px rgba(151, 157, 181, 0.3), inset 0 0 0 1px var(--secondaryColor);}
.pricing_block .block_head{ padding: 45px 20px 30px; text-align: center; flex-grow: 1;}
.pricing_block .block_head span{ font: var(--txt-small-light); color: var(--darkBlueColor);}
.pricing_block .yr_price{ margin: 16px 0 10px; color: var(--darkBlueColor);}
.pricing_block .yr_price strong{ font-size: 64px; line-height: 56px; font-weight: 800;}
.pricing_block .yr_price small{ font: var(--txt-small-light);}
.pricing_block .mt_price{ color: var(--darkBlueColor);}
.pricing_block .mt_price strong{ font-size: 24px; line-height: 24px; font-weight: 600;}
.pricing_block .mt_price small{ font-size: 14px; font-weight: 300;}
.pricing_block .block_body{ padding: 33px 30px 30px; position: relative;}
.pricing_block .block_body::after{ content: ""; top: 0; left: 0; right: 0; margin: auto; width: 100%; height: 8px; background: var(--backgroundColor); position: absolute; transition: var(--transition-default);}
.pricing_block:hover .block_body::after{ width: calc(100% - 2px);}
.pricing_block ul{ margin: 0 0 24px; padding: 0;}
.pricing_block ul li{ margin: 0 0 16px; padding: 0 0 0 54px; line-height: 30px; font: var(--txt-large-regular); color: var(--darkBlueColor); background: url(../images/check-darkblue.svg) no-repeat left top;}
.pricing_block.active{ background: var(--gradient-primary);}
.pricing_block.active:hover{ border-color: var(--whiteColor); box-shadow: 0px 4px 20px rgba(151, 157, 181, 0.3), inset 0 0 0 1px var(--whiteColor);}
.pricing_block.active .block_head span, .pricing_block.active .yr_price, .pricing_block.active .yr_price small, .pricing_block.active .mt_price{ color: var(--whiteColor);}
.pricing_block.active .yr_price strong{ color: var(--primaryColor);}
.pricing_block.active ul li{ color: var(--whiteColor); background: url(../images/check-green.svg) no-repeat left top;}

/* Home About */
.habout__sec figure{ margin: 0 30px 0 0; padding: 0 35px 0 0; display: flex; position: relative; z-index: 2;}
.habout__sec figure::before{ content: ""; background: #E7E9F0; border-radius: 48px; position: absolute; top: -35px; right: 0; bottom: 64px; left: 53px; z-index: -1;}
.habout__sec figure img{ width: 100%; border-radius: 48px;}
.habout__sec p{ margin: 0;}
.habout__sec .info{ font-weight: 500; color: var(--darkBlueColor);}


/*=================================
 		  Early Access Program Page
=================================*/
.inner_banner_style1{ padding: 171px 0 0; margin-bottom: 136px;}
.inner_banner_style1 .detail{ padding:44px 45px 112px 0;}

.form_area{ padding: 60px 30px; margin: 0 0 -136px; box-shadow: 0px 4px 20px rgba(151, 157, 181, 0.3); border-radius: 40px; background: var(--whiteColor);}
.mx-418{ width: 100%; max-width: 418px;}


/*==================
 		  FAQ Page
==================*/
.inner_banner_style2{ padding: 212px 0 124px; background: linear-gradient(to bottom, #314CE9 0%, #1D2F92 100%);}

.habout_style2.habout__sec figure{ padding-right: 0; margin: 0 0 0 36px;}
.habout_style2.habout__sec figure::before { top: 66px; bottom: -63px; left: 72px; right: -34px;}
.mx-277{ width: 100%; max-width: 277px;}

.faq.accordion{ margin: 0; padding: 0;}
.faq.accordion .accordion-item{ margin: 0 0 24px; padding: 0; border: none; background: none; border-radius: 28px;}
.faq.accordion .accordion-item:last-child{ margin-bottom: 0;}
.faq.accordion .accordion-button{ margin: 0; padding: 11px 30px; min-height: 76px; font: var(--txt-medium-medium); color: var(--darkBlueColor); border: 1px solid var(--whiteColor); background: var(--whiteColor) !important; border-radius: 100px !important; box-shadow: none !important; transition: all .4s; gap: 10px;}
.faq.accordion .accordion-button::after{ background: url(../images/chevron-down-darkblue.svg) no-repeat center center; background-size: 100% 100%;}
.faq.accordion .accordion-button:not(.collapsed){ border-radius: 28px 28px 0 0 !important; font-size: 24px; font-weight: 600; background: var(--whiteClick) !important; border-bottom-color: transparent;}
.faq.accordion .accordion-body{ padding: 0 30px 24px; border: 1px solid var(--whiteColor); border-top: none; background: var(--whiteClick); border-radius: 28px; transition: all .2s;}
.faq.accordion .show .accordion-body{ border-radius: 0 0 28px 28px;}


/*==================
 		Policy Page
==================*/
.habout__sec.bg-white figure::before{ background: #EFF0F3; bottom: -48px; top: 51px;}

.nav-tabs{ display: flex; gap: 16px; flex-wrap: wrap; margin-bottom: 50px; border: none;}
.nav-tabs .nav-link{ margin: 0; padding: 20px 30px; font: var(--txt-medium-regular); color: var(--darkBlueColor); text-decoration: none; border-radius: 100px; background: var(--whiteColor); border: 1px solid var(--whiteColor); box-shadow: none; color: var(--darkBlueColor);}
.nav-tabs .nav-link:hover{ background: var(--whiteClick); border: 1px solid var(--whiteColor); box-shadow: 0px 4px 20px rgba(151, 157, 181, 0.3);}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{ background: #1F33B2; border-color: var(--secondaryColor); box-shadow: none; color: var(--whiteColor);}

.policy__sec figure{ margin: 0; padding-right: 45px;}
.policy__sec figure img{ width: 100%; border-radius: 48px;}

.responsive-tabs { padding: 0;}
.responsive-tabs .nav-tabs { display: none;}
@media (min-width: 768px) {
.responsive-tabs .nav-tabs { display: flex;}
.responsive-tabs .tab-pane { border: none;}
.responsive-tabs .tab-pane .card-header { display: none;}
.responsive-tabs .tab-pane .collapse { display: block;}
}


/*==================
 		Policy Page
==================*/
.habout_style3.habout__sec figure::before{ top: 61px; bottom: -57px; left: 73px;}
.habout_style4.habout__sec figure{ padding: 0 0 0 35px; margin: 0 0 0 30px;}
.habout_style4.habout__sec figure::before{ top: 23px; right: 73px; bottom: -19px; left: 0;}
.habout_style5.habout__sec figure::before{ top: 19px; bottom: -15px; left: 73px;}

.form__sec{ background: var(--whiteColor); padding: 110px 0;}

.typo ul{ margin: 0; padding: 0;}
.typo ul li{ margin: 0 0 16px; padding: 0 0 0 35px; line-height: 30px; font: var(--txt-medium-regular); color: var(--darkColor); background: url(../images/check-darkblue.svg) no-repeat left top; background-size: 24px;}
.typo ul li:last-child{ margin-bottom: 0;}

.captchacode_info #UserCaptchaCode{ padding: 14px 30px; height: 55px; min-height: 55px; font: var(--txt-small-medium); color: var(--darkColor); border-radius: 100px; transition: var(--transition-default); border:1px solid var(--whiteColor); box-shadow: none;}
.captchacode_info #UserCaptchaCode:hover, .captchacode_info #UserCaptchaCode:focus{ background: var(--whiteClick); color: var(--darkColor); border-color: var(--whiteColor); box-shadow: 0px 4px 20px rgba(151, 157, 181, 0.3) !important;}
.captchacode_info #UserCaptchaCode::placeholder{ color: var(--greyColor); font: var(--txt-small-regular);}
.captchacode_info #WrongCaptchaError{ font: var(--txt-small-xs); color: var(--redColor); margin-top: 10px; display: block;}
.captchacode_info #CaptchaImageCode{ margin-top: 0;}
.captchacode_info .CaptchaWrap{ display: flex; width: 100%; align-items: center; justify-content: center; gap: 10px; margin: 10px 0;}
.captchacode_info .CaptchaWrap .ReloadBtn{ position: unset;}
.subs_form #newsletter-form-loader{ margin: -44px 0 30px;}

.error_msg { color: var(--whiteColor); border: 1px solid var(--redColor); border-radius: 100px; background: var(--redColor); text-align: center;}
.success_msg { color: var(--blackColor); border: 1px solid var(--greenColor); border-radius: 100px; background: var(--greenColor); text-align: center;}

.form_area .captchacode_info #UserCaptchaCode,
.form__sec .captchacode_info #UserCaptchaCode{ padding: 18px 30px 18px 30px; height: 62px; min-height: 55px; background: var(--greyLightColor); border:1px solid var(--greyLightColor); box-shadow: none;}
.form_area .captchacode_info #UserCaptchaCode:hover, .form_area .captchacode_info #UserCaptchaCode:focus,
.form__sec .captchacode_info #UserCaptchaCode:hover, .form__sec .captchacode_info #UserCaptchaCode:focus{ background: rgba(239,240,243,0.7); color: var(--darkColor); border-color: #E7E9F0; box-shadow: 0px 4px 20px rgba(168, 172, 184, 0.3) !important;}
.form_area #newsletter-form-loader,
.form__sec #newsletter-form-loader{ margin-top: -43px; width: auto; display: inline-flex;}
.form_area .captchacode_info .CaptchaWrap,
.form__sec .captchacode_info .CaptchaWrap{ justify-content: flex-start; margin:20px 0 0;}
.form_area .ReloadBtn,
.form__sec .ReloadBtn{ filter: none;}