@font-face
{
	font-family:Poppins-Light;
	src: local('Poppins-Light'), url('../fonts/Poppins/Poppins-Light.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family:Poppins-Regular;
	src: local('Poppins-Regular'), url('../fonts/Poppins/Poppins-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family:Poppins-Medium;
	src: local('Poppins-Medium'), url('../fonts/Poppins/Poppins-Medium.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family:Poppins-Bold;
	src: local('Poppins-Bold'), url('../fonts/Poppins/Poppins-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face
{
	font-family:Poppins-ExtraBold;
	src: local('Poppins-ExtraBold'), url('../fonts/Poppins/Poppins-ExtraBold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

html, body
{
	height: 100%;
	scroll-behavior: smooth;
}
body
{
	font-family: Poppins-Regular;
	overflow-x: hidden;
}
body::-webkit-scrollbar
{
	width:5px;
}
body::-webkit-scrollbar-track
{
	background:#fff;
}
body::-webkit-scrollbar-thumb
{
	background:#076c7f;
}
a,button,.btn
{
	text-decoration: none;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
a:hover,a:focus, button:hover,button:focus,.btn:hover,.btn:focus
{
	text-decoration: none;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.container
{
	max-width: 1400px;
}
p
{
	font-size: 18px;
	color:#221E1F;
}
.bg-blue-gradient
{
	background-image: radial-gradient(circle, #11183b, #101737, #101634, #0f1430, #0f132d);
}
.blue-gradient
{
	background: linear-gradient(to bottom, #00d1fc, #009bcf, #00679e, #02386a, #030d37);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.gradient-yellow-purple
{
	display: initial;
	background: #FFC855;
	background: -webkit-linear-gradient(to right, #FFC855 0%, #221284 100%);
	background: -moz-linear-gradient(to right, #FFC855 0%, #221284 100%);
	background: linear-gradient(to right, #FFC855 0%, #221284 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.w-20
{
	width: 20%;
}
.color-grey
{
	color:#2E2E2E;
}
.color-bondi-blue
{
	color: #0097c4;
}
.bg-dark-blue
{
	background-color: #0a1628;
}
.bg-metallic-blue
{
	background-color: #305872;
}
.bg-orange
{
	background-color: #316f93;
}
.bg-orange-gradient
{
	background-image: linear-gradient(to right top, #fa8825, #f98022, #f87820, #f66f1f, #f5661e);
}
.font-14
{
	font-size: 14px;
	line-height: 1.3;
}
.font-15
{
	font-size: 15px;
	line-height: 1.3;
}
.font-16
{
	font-size: 16px;
	line-height: 1.3;
}
.font-18
{
	font-size: 18px;
	line-height: 1.3;
}
.font-20
{
	font-size: 20px;
	line-height: 1.3;
}
.font-22
{
	font-size: 22px;
	line-height: 1.3;
}
.font-24
{
	font-size: 24px;
	line-height: 1.3;
}
.font-25
{
	font-size: 25px;
	line-height: 1.4;
}
.font-30
{
	font-size: 30px;
	line-height: 1.3;
}
.font-35
{
	font-size: 35px;
	line-height: 1.3;
}
.font-40
{
	font-size: 40px;
	line-height: 1;
}
.font-46
{
	font-size: 46px;
	line-height: 1;
}
.font-50
{
	font-size: 50px;
	line-height: 1.2;
	letter-spacing: -2px;
}
.font-60
{
	font-size: 60px;
	line-height: 1.1;
}
.font-100
{
	font-size: 100px;
	letter-spacing: -2px;
	line-height: 1;
}
.font-130
{
	font-size: 140px;
	line-height: 0.9;
	letter-spacing: -4px;
}
.font-light
{
	font-family:Poppins-Light !important;
}
.font-regular
{
	font-family:Poppins-Regular !important;
}
.font-medium
{
	font-family:Poppins-Medium !important;
}
.font-bold
{
	font-family:Poppins-Bold !important;
}
.font-extra-bold
{
	font-family:Poppins-ExtraBold !important;
}
.font-light b, .font-light strong
{
	font-family:Poppins-Bold !important;
}
.bg-grey
{
	background-color: #e9eaf2;
}
.bg-blue-tint
{
	background: linear-gradient(160deg, #f0f7fb 0%, #e4f1f8 50%, #f0f7fb 100%);
}
.btn-red
{
	font-size: 12px;
	background-image: linear-gradient(to bottom, #f2001e, #e3001c, #d4001b, #c50019, #b70017);
	color: #ffffff;
	padding: 13px 30px;
	border-radius: 25px;
	border: none;
	-webkit-transition:all .9s ease-in-out;
	-o-transition:all .9s ease-in-out;
	transition:all .9s ease-in-out;
}
.btn-red:hover, .btn-red:focus
{
	background-image: linear-gradient(to bottom, #b70017, #c50019, #d4001b, #e3001c, #f2001e);
	color: #ffffff;
	-webkit-transition:all .9s ease-in-out;
	-o-transition:all .9s ease-in-out;
	transition:all .9s ease-in-out;
}
.btn-apply
{
	font-family:Poppins-bold;
	font-size: 14px;
	color: #000000;
	background-color: transparent;
	padding: 10px 50px;
	border-radius: 25px;
	border: 2px solid #000000;
	margin-bottom: 0;
}
.btn-apply:hover, .btn-apply:focus
{
	background-color: #000000;
	color: #ffffff;
	border: 2px solid #000000;
}
.btn-white-border
{
	font-size: 12px;
	background-color: transparent;
	color: #ffffff;
	padding: 10px 40px;
	border-radius: 25px;
	border: 2px solid #ffffff;
	-webkit-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}
.btn-white-border:hover, .btn-white-border:focus
{
	background-color: #FFFFFF;
	color: #305872;
	border: 2px solid #FFFFFF;
	-webkit-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
}
/* Note: Named ptb-80 but uses 100px values for legacy compatibility */
.ptb-80
{
	padding-top: 100px;
	padding-bottom: 100px;
}
.ptb-50
{
	padding-top: 50px;
	padding-bottom: 50px;
}
.vertical-line
{
	width: 1px;
	height: 40px;
	background-color: #ffa82e;
	text-align: center;
	margin: 10px auto 0;
}
.circle-section
{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	
}
.circle
{
	position: absolute;
	border-radius: 50%;
	background-size: 400% 400%;
	/* animation: gradient 5s ease infinite; */
	transform: translateZ(20px);
}
.circle-blue
{
	background-image: linear-gradient(-45deg, #0093f8, #097edd, #0a6bc2, #0657a8, #00458f);
}
.circle-yellow
{
	background-image: linear-gradient(-45deg, #ffc634, #ffb92e, #ffab2a, #ff9e28, #ff9028);
}
.circle-blue.circle-bottom-left
{
	background-image: linear-gradient(to bottom, #00a9f5, #008bd7, #006eb8, #00529a, #00387b);
}
.circle-20
{
	width: 20px;
	height: 20px;
}
.circle-30
{
	width: 30px;
	height: 30px;
}
.circle-60
{
	width: 60px;
	height: 60px;
}
.circle-80
{
	width: 80px;
	height: 80px;
}
.circle-150
{
	width: 150px;
	height: 150px;
}
.circle-200
{
	width: 200px;
	height: 200px;
}
.circle-300
{
	width: 300px;
	height: 300px;
}
.circle-center
{
	left: 0;
	right: 0;
	margin: 0 auto;
	animation: float 2s ease-in-out infinite;
}
.circle-top-left
{
	top: 4%;
	left: 30%;
	animation: float 4s ease-in-out infinite;
}
.circle-top-right
{
	top: 0;
    right: 20%;
	animation: float 6s ease-in-out infinite;
}
.circle-bottom-left
{
	bottom: 20%;
	left: 14%;
	animation: float 8s ease-in-out infinite;
}
.circle-bottom-right
{
	bottom: 5%;
	right: 8%;
	background-image: linear-gradient(-45deg,  #0e507d, #025286, #00538f, #005498, #0055a0);
	transform-origin: top center;
	animation: float 5s ease-in-out infinite;
}
.circle-bottom-center
{
	bottom: 17%;
	left: 0;
	right: 0;
	margin: 0 auto;
	transform-origin: top center;
	/* animation: swing 2s ease infinite; */
	animation: float 3s ease-in-out infinite;
}
@keyframes gradient
{
	0%
	{
		background-position: 0% 50%;
	}
	50%
	{
		background-position: 100% 50%;
	}
	100%
	{
		background-position: 0% 50%;
	}
}
.floatDiv
{
	animation: float 6s ease-in-out infinite;
}
@keyframes float
{
	0%
	{
		box-shadow: 0 1px 6px 0px rgba(0, 84, 148, 0.4);
		transform: translatey(0px);
	}
	50%
	{
		box-shadow: 0 10px 6px 0px rgba(0, 84, 148, 0.2);
		transform: translatey(-20px);
	}
	100%
	{
		box-shadow: 0 1px 6px 0px rgba(0, 84, 148, 0.4);
		transform: translatey(0px);
	}
}
.ls-11
{
	letter-spacing: 11px;
}
.orangeGradientTextColor
{
	background: linear-gradient(to right, #ffc634, #ffb92e, #ffab2a, #ff9e28, #ff9028);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.px-6
{
    padding-right: 3rem;
    padding-left: 2rem;
}
/**************** PAGES *****************/
body.scrolled nav.navbar
{
	height: 70px;
	background-color: rgba(255,255,255,0.95) !important;
	box-shadow: 0 2px 16px rgba(0, 0, 0, .08);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
	backdrop-filter: blur(8px);
}
body.scrolled nav.navbar ul.navbar-nav .nav-item .nav-link
{
	color: #0a1628;
	/* background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 100%);
	background-repeat: no-repeat;
	background-position: left 100%;
	transition-duration: .2s;
	background-size: 0 6%; */
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
/* body.scrolled nav.navbar ul.navbar-nav .nav-item .nav-link:hover, body.scrolled nav.navbar ul.navbar-nav .nav-item .nav-link:focus, body.scrolled nav.navbar ul.navbar-nav .nav-item .nav-link.active
{
	background-size: 100% 2%;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
} */
.offcanvas .offcanvas-body
{
	justify-content: flex-end;
}
@media (max-width: 991px) {
	.offcanvas.offcanvas-end {
		z-index: 10050;
		position: fixed;
		top: 0;
		right: 0;
		height: 100vh;
		width: 300px;
	}
	.offcanvas-backdrop {
		z-index: 10040;
	}
	.offcanvas .navbar-nav .nav-link {
		color: #fff !important;
	}
	.offcanvas .navbar-nav .nav-link:hover,
	.offcanvas .navbar-nav .nav-link.active {
		color: #3ec8e8 !important;
	}
}
nav.navbar
{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	height: 70px;
	background-color: transparent;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
nav.navbar .navbar-brand
{
	width:14%
}
nav.navbar ul.navbar-nav
{
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap: 8px;
}
nav.navbar ul.navbar-nav .nav-item .nav-link
{
	position: relative;
	font-family:Poppins-Light;
	font-size: 12px;
	color: #0a1628;
	/* background: linear-gradient(to right, #FFFFFF 0%, #FFFFFF 100%);
	background-repeat: no-repeat;
	background-position: left 100%;
	transition-duration: .2s;
	background-size: 0 6%; */
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
/* nav.navbar ul.navbar-nav .nav-item .nav-link:hover, nav.navbar ul.navbar-nav .nav-item .nav-link:focus, nav.navbar ul.navbar-nav .nav-item .nav-link.active
{
	background-size: 100% 2%;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
} */
nav.navbar ul.navbar-nav .nav-item .nav-link:before, nav.navbar ul.navbar-nav .nav-item .nav-link:after
{
	content: '';
	position: absolute;
	transition: transform .5s ease;
}
nav.navbar ul.navbar-nav .nav-item .nav-link:before
{
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	background: #0a1628;
	transform: scaleX(0);
}
nav.navbar ul.navbar-nav .nav-item .nav-link:hover:before, nav.navbar ul.navbar-nav .nav-item .nav-link.active:before
{
	transform: scaleX(1);
}
.mainCarousel, .mainCarousel .carousel-inner, .mainCarousel .carousel-item
{
	height: auto;
}
.mainCarousel .carousel-item
{
	height: 100vh;
	padding-top: 200px;
	padding-bottom: 200px;
}
.carousel-indicators [data-bs-target]
{
	width: 10px;
}
.mainCarousel .carousel-inner .carousel-item:nth-child(1)
{
	background-image: radial-gradient(circle, #11183b, #101737, #101634, #0f1430, #0f132d);
}
.mainCarousel .carousel-inner .carousel-item .carousel-data
{
	height: 100%;
	display: grid;
	align-content: center;
	align-items: center;
}
.mainCarousel .carousel-inner .carousel-item .carousel-data h3
{
	font-family:Poppins-Bold;
	font-size: 32px;
	color: #FFFFFF;
	margin-bottom: 0;
}
.mainCarousel .carousel-inner .carousel-item .carousel-data h1
{
	font-family: Poppins-Bold;
	font-size: 200px;
	/* background: linear-gradient(to bottom, #f2001e, #d4001b, #b70017, #9b0013, #7f000f); */
	/* -webkit-background-clip: text;
	-webkit-text-fill-color: transparent; */
	line-height: 1;
	margin-bottom: 0;
	letter-spacing: -18px;
}
/* .mainCarousel .carousel-inner .carousel-item .carousel-data h1 .shadow-child
{
	background: linear-gradient(to bottom, #F2001E, #7F000F);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
	transform: scale(calc( 1/5 ), 44);
} */
.mainCarousel .carousel-inner .carousel-item .carousel-data .image-1
{
	position: absolute;
	margin: 0 auto;
	text-align: center;
	left: 0;
	right: 0;
}
.mainCarousel .carousel-inner .carousel-item .carousel-data .image-2
{
	position: absolute;
	margin: 0 auto;
	text-align: center;
	left: 18%;
	right: 0px;
	bottom: 0;
}
.mainCarousel .carousel-inner .carousel-item .carousel-data .footer-image
{
	position: absolute;
	margin: 0 auto;
	text-align: center;
	left: 0;
	right: 0;
	bottom: 0;
}

.mainCarousel .carousel-inner .carousel-item.secondBanner
{
	background-image: linear-gradient(to bottom, #233144, #24364b, #243b53, #23405a, #224562);
}
.mainCarousel .carousel-inner .carousel-item.secondBanner h3
{
	font-size: 22px;
	margin-bottom: 30px;
}
.mainCarousel .carousel-inner .carousel-item.secondBanner h2
{
	font-family: Poppins-Bold;
	font-size: 100px;
	color: #ffffff;
	line-height: 75px;
}
.mainCarousel .carousel-inner .carousel-item.secondBanner h1
{
	font-family:Poppins-ExtraBold;
	font-size: 200px;
	line-height: 0.8;
	color: #ffffff !important;
	letter-spacing: -10px;
}
.mainCarousel .carousel-inner .carousel-item.secondBanner p
{
	font-family: Poppins-Light;
	font-size: 10px;
	color: #ffffff;
	letter-spacing: 16px;
	text-align: center;
}
.mainCarousel .carousel-inner .carousel-item.secondBanner img
{
	position: absolute;
	right: 0;
	width: 52%;
	top: -30%;
}
.carousel-indicators
{
	z-index: 9999;
}
.afterBannerSection .d3-section
{
	transform-style: preserve-3d;
}
.afterBannerSection .d3-section h4 span
{
	background: linear-gradient(to right, #ffc634, #ffb92e, #ffab2a, #ff9e28, #ff9028);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.afterBannerSection .d3-section .img-on-top
{
	position: relative;
	z-index: 99;
}
.interactiveSection .leftSide
{
	position: absolute;
	top: 0;
	left: -2%;
	width: 22%;
}
.interactiveSection .rightSide
{
	position: absolute;
	bottom: 150px;
	right: -11%;
	width: 22%;
}
.interactiveSection .leftSide .interact-left-image
{
    z-index: 9;
    position: relative;
	top: -60px;
}
.interactiveSection .rightSide .interact-left-image
{
	z-index: 9;
	position: relative;
	top: 0px;
	left: -90px;
}
.torchLightSection
{
	padding-top: 200px;
	padding-bottom: 200px;
}
.torchLightSection .tourchlightTitle
{
	font-family:Poppins-ExtraBold;
	font-size: 300px;
	background: linear-gradient(to bottom, #ffc535, #ffb92f, #ffac2b, #ffa029, #ff9329);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	line-height: 0.9;
	margin-bottom: 0;
	letter-spacing: -18px;
}
.torchLightSection h3.font-50
{
	letter-spacing: -3px;
}
.torchLightSection h4.font-24
{
	letter-spacing: -1px;
}
.torchLightSection .ml-for-3d
{
	margin-left: 180px;
}
.torchLightSection .torchTail
{
	position: absolute;
	width: 67%;
	top: 6.5%;
	right: -15px;
}
.torchLightSection .torchTail object
{
	width: 100%;
}
.circle3DSec
{
	position: absolute;
	width: 150px;
	height: 130px;
	top: 42%;
	left: 22%;
}
.circle3DSec .circles-3d
{
	border-radius: 50%;
	position: absolute;
}
.circle3DSec .circle-1
{
	background-image: linear-gradient(-45deg, #0093f8, #097edd, #0a6bc2, #0657a8, #00458f);
	width: 10px;
	height: 10px;
	top: 0px;
	left: 0px;
}
.circle3DSec .circle-2
{
	background-image: linear-gradient(to right, #ff8024, #fc6c1a, #f95613, #f63a11, #f20012);
	width: 80px;
	height: 80px;
	left: 10px;
	top: 5px;
}
.circle3DSec .circle-3
{
	background-image: linear-gradient(-45deg, #0093f8, #097edd, #0a6bc2, #0657a8, #00458f);
	width: 30px;
	height: 30px;
	left: 94px;
	top: 15px;
}
.circle3DSec .circle-4
{
	background-color: #ffffff;
	width: 20px;
	height: 20px;
	bottom: 0;
}
.circle3DSec .circle-5
{
	background-image: linear-gradient(-45deg, #0093f8, #097edd, #0a6bc2, #0657a8, #00458f);
	width: 50px;
	height: 50px;
	right: 35px;
	bottom: 20px;
}
.torchLightSection .torchGlobe
{
	position: absolute;
	right: 10%;
	top: 30%;
	left: auto;
	margin-left: auto;
	width: 45%;
}
.laboratorySection .circle-section
{
	width: 50%;
	top: -50%;
	right: 0;
	bottom: auto;
	height: 100%;
	margin-left: auto;
	margin-right: 0;
	z-index: 0;
}
.laboratorySection .circle-section .circle-top-left
{
	top: 1%;
	left: 14%;
}
.laboratorySection .circle-section .circle-bottom-left
{
	bottom: 46%;
	left: 20px;
}
.laboratorySection .circle-section .circle-bottom-right
{
	bottom: 35%;
	right: 0;
}
.laboratorySection .lab-monitor-image
{
	position: relative;
	z-index: 9;
}
.laboratorySection .lab-heart-image
{
	position: absolute;
	left: 0;
	width: 45%;
	z-index: 99;
	right: 0;
	margin: 0 auto;
	top: -14%;
}
.homeMobileSection .circle-section
{
	width: 50%;
    top: 0;
    right: auto;
    bottom: auto;
    height: 100%;
    margin-left: auto;
    margin-right: 0;
    z-index: 0;
}
.homeMobileSection .circle-section .circle-top-left
{
	top: 1%;
	left: 14%;
}
.homeMobileSection .circle-section .circle-bottom-left
{
	bottom: 46%;
	left: 20px;
}
.homeMobileSection .circle-section .circle-bottom-right
{
	bottom: 35%;
	right: 0;
}

.evaluateSection
{
	padding-bottom: 160px;
}
.evaluateSection form .form-control
{
	background-color: #eaeaf2;
	border: 1px solid transparent;
	border-radius: 25px;
	font-size: 13px;
	min-height: 44px;
	padding: 8px 20px;
}
.evaluateSection form .form-control:focus
{
	box-shadow: inset 0 0 0 0.25rem rgb(197 206 223);
}
.evaluateSection .evaluate-image
{
	position: relative;
}

.evaluateSection .circle-section .circle-bottom-left
{
	bottom: -2%;
	left: 7%;
}
.evaluateSection .circle-section .another-left
{
	left: 3%;
	bottom: -4%;
}
.evaluateSection .circle-section .circle-bottom-center
{
	bottom: -30px;
	left: 22%;
	right: auto;
	margin: 0 auto;
}
.evaluateSection .circle-section .circle-bottom-right
{
	bottom: -75px;
	right: auto;
	left: 29%;
}
.evaluateSection .circle-section .circle-top-left
{
    top: auto;
    left: 6%;
    bottom: 35%;
}
.evaluateSection .circle-section .circle-top-right
{
	top: -35px;
	right: -20px;
}
footer .logoimage
{
	width: 150px;
}
footer ul.nav .nav-item .nav-link
{
	color: #ffffff;
    padding: 8px 40px;
    font-size: 12px;
}
.footer-section
{
	background-color: #0a1628;
	padding-top: 15px;
	padding-bottom: 15px;
}
.footer-section p
{
	font-family:Poppins-Light;
	font-size: 12px;
	color: #ffffff;
	margin-bottom: 0;
}
.footer-section ul.nav .nav-item .nav-link
{
	color: #ffffff;
	padding: 0px 20px;
	font-size: 12px;
}
.smartBoardImage
{
	position: relative;
	left: -25%;
}

.inner-banner
{
	padding-top: 200px;
	padding-bottom: 100px;
}
.contactPageForm
{
	width: 95%;
	margin: 0 auto;
}
.contactPageForm form .form-item-parent
{
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	justify-content: center;
}
.contactPageForm form .form-item
{
	width: 25%;
	display: inline-block;
	position: relative;
	margin-bottom: 10px;
}
.contactPageForm form .form-item:last-child
{
	width: 50%;
}
.contactPageForm form .form-control
{
	background-color: #ffffff;
    border: 1px solid transparent;
    border-radius: 25px;
    font-size: 13px;
    min-height: 48px;
    padding: 12px 20px;
    width: 97%;
    display: inline-block;
	margin-bottom: 0px;
}
.contactPageForm form textarea
{
	width: 100% !important;
	min-height: 120px !important;
}
.reachUsSection a
{
	color: #ffffff;
	text-decoration: none;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.reachUsSection a:hover, .reachUsSection a:focus
{
	color: #e9d4d4;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.locationSection .countryFlag
{
	width: 50px;
}
.locationSection .locationData
{
	margin-bottom: 40px;
}
.locationSection .locationData:nth-child(4)
{
	min-height: 130px;
}
.locationSection .locationData:last-child
{
	margin-bottom: 0px;
}
.locationSection .locationData h5
{
	font-family:Poppins-Bold;
	font-size: 18px;
	margin-bottom: 5px;
}
.locationSection .locationData a
{
	font-family:Poppins-Light;
	font-size: 16px;
	color: #000000;
}
.locationSection .locationData a:hover, .locationSection .locationData a:focus
{
    background: linear-gradient(to bottom, #f2001e, #d4001b, #b70017, #9b0013, #7f000f);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.locationSection .locationData p
{
	font-family:Poppins-Light;
	margin-bottom: 0;
	font-size: 16px;
}
.product-banner-section
{
	padding-top: 150px;
	position: relative;
    z-index: 10;
    border-radius: 0% 0% 200vh 200vh/0% 0% 50vh 50vh;
    -moz-border-radius: 0% 0% 200vh 200vh/0% 0% 50vh 50vh;
    -webkit-border-radius: 0% 0% 200vh 200vh/0% 0% 50vh 50vh;
}
.product-banner-section h1
{
	font-family: Poppins-Bold;
	font-size: 250px;
	color : #ffffff;
	line-height: 1;
	margin-bottom: 0;
	letter-spacing: -5px;	
}
.spinner-wrap
{
	position: absolute;
	margin-top: 0;
	height: 100%;
	z-index: -1;
}
.spinner-item
{
	border: 1px solid #ffffff;
	border-radius: 50%;
	height: 700px;
	width: 700px;
	position: absolute;
	left: 36%;
	top: 30%;
	transform: translate(-50%, -50%);
	opacity: 0;
	-webkit-animation: zoom 6.25s linear 0.75s infinite;
	animation: zoom 6.25s linear 0.75s infinite;
}
.spinner-item--2
{
	-webkit-animation-delay: 1.25s;
	animation-delay: 1.25s;
}
.spinner-item--3
{
	-webkit-animation-delay: 1.75s;
	animation-delay: 1.75s;
}
.spinner-item--4
{
	-webkit-animation-delay: 2.25s;
	animation-delay: 2.25s;
}
.spinner-item--5
{
	-webkit-animation-delay: 2.75s;
	animation-delay: 2.75s;
}
.spinner-item--6
{
	-webkit-animation-delay: 3.25s;
	animation-delay: 3.25s;
}
.spinner-item--7
{
	-webkit-animation-delay: 3.75s;
	animation-delay: 3.75s;
}
.spinner-item--8
{
	-webkit-animation-delay: 4.25s;
	animation-delay: 4.25s;
}
.spinner-item--9
{
	-webkit-animation-delay: 4.75s;
	animation-delay: 4.75s;
}
.spinner-item--10
{
	-webkit-animation-delay: 5.25s;
	animation-delay: 5.25s;
}
.spinner-item--11
{
	-webkit-animation-delay: 5.75s;
	animation-delay: 5.75s;
}
.spinner-item--12
{
	-webkit-animation-delay: 6.25s;
	animation-delay: 6.25s;
}

@-webkit-keyframes zoom
{
	0%
	{
		transform: translate(-50%, -50%) scale(0.2);
		opacity: 0;
	}
	50%
	{
		opacity: 1;
	}
	100%
	{
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
}
@keyframes zoom
{
	0%
	{
		transform: translate(-50%, -50%) scale(0.2);
		opacity: 0;
	}
	50%
	{
		opacity: 1;
	}
	100%
	{
		transform: translate(-50%, -50%) scale(1);
		opacity: 0;
	}
}
.product-banner-section .tabIconSec
{
	justify-content: center;
}
.product-banner-section .tabIconSec object
{
	margin-bottom: 20px;
}
.product-banner-section .tabIconSec .tabIconsText
{
	font-size: 12px;
	color: #ffffff;
}

.ripple-Box
{
	position: absolute;
	bottom: -10%;
	left: auto;
	right: auto;
	margin: 0 auto;
	text-align: center;
	width: 100%;
	z-index: -1;
}
.ripple-Box .ripple-wave
{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: transparent;
	position: relative;
	width: 200px;
	height: 200px;
	margin: 0 auto;
}
.ripple-Box .ripple-wave div {
	position: absolute;
	border-radius: 50%;
	color: transparent;
	transform-origin: center;
}

.ripple-Box .ripple-wave div:nth-child(6) {
	width: 20%;
	height: 20%;
	-webkit-animation: ripple6 3s infinite ease-in-out;
	animation: ripple6 3s infinite ease-in-out;
	-webkit-animation-delay: 100ms;
	animation-delay: 100ms;
}

.ripple-Box .ripple-wave div:nth-child(5) {
	width: 30%;
	height: 30%;
	-webkit-animation: ripple5 3s infinite ease-in-out;
	animation: ripple5 3s infinite ease-in-out;
	-webkit-animation-delay: 250ms;
	animation-delay: 250ms;
}

.ripple-Box .ripple-wave div:nth-child(4) {
	width: 40%;
	height: 40%;
	-webkit-animation: ripple4 3s infinite ease-in-out;
	animation: ripple4 3s infinite ease-in-out;
	-webkit-animation-delay: 400ms;
	animation-delay: 400ms;
}

.ripple-Box .ripple-wave div:nth-child(3) {
	width: 50%;
	height: 50%;
	-webkit-animation: ripple3 3s infinite ease-in-out;
	animation: ripple3 3s infinite ease-in-out;
	-webkit-animation-delay: 550ms;
	animation-delay: 550ms;
}

.ripple-Box .ripple-wave div:nth-child(2) {
	width: 60%;
	height: 60%;
	-webkit-animation: ripple2 3s infinite ease-in-out;
	animation: ripple2 3s infinite ease-in-out;
	-webkit-animation-delay: 700ms;
	animation-delay: 700ms;
}

.ripple-Box .ripple-wave div:nth-child(1) {
	width: 70%;
	height: 70%;
	-webkit-animation: ripple1 3s infinite ease-in-out;
	animation: ripple1 3s infinite ease-in-out;
	-webkit-animation-delay: 850ms;
	animation-delay: 850ms;
}

#one {
	background-color: rgb(255 176 47);
	
}

#two {
	background-color: rgb(255 176 47 / 80%);
}

#three {
	background-color: rgb(255 176 47 / 70%);
}

#four {
	background-color: rgb(255 176 47 / 60%);
}

#five {
	background-color: rgb(255 176 47 / 50%);
}

#six {
	background-color: rgb(255 176 47 / 40%);
}

@-webkit-keyframes ripple6 {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.25);
	}

	50% {
		transform: scale(0.6);
	}

	75% {
		transform: scale(1.25);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes ripple6 {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.25);
	}

	50% {
		transform: scale(0.6);
	}

	75% {
		transform: scale(1.25);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes ripple5 {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.225);
	}

	50% {
		transform: scale(0.65);
	}

	75% {
		transform: scale(1.225);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes ripple5 {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.225);
	}

	50% {
		transform: scale(0.65);
	}

	75% {
		transform: scale(1.225);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes ripple4 {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.2);
	}

	50% {
		transform: scale(0.7);
	}

	75% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes ripple4 {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.2);
	}

	50% {
		transform: scale(0.7);
	}

	75% {
		transform: scale(1.2);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes ripple3 {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.175);
	}

	50% {
		transform: scale(0.75);
	}

	75% {
		transform: scale(1.175);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes ripple3 {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.175);
	}

	50% {
		transform: scale(0.75);
	}

	75% {
		transform: scale(1.175);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes ripple2 {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.15);
	}

	50% {
		transform: scale(0.8);
	}

	75% {
		transform: scale(1.15);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes ripple2 {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.15);
	}

	50% {
		transform: scale(0.8);
	}

	75% {
		transform: scale(1.15);
	}

	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes ripple1 {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.125);
	}

	50% {
		transform: scale(0.85);
	}

	75% {
		transform: scale(1.125);
	}

	100% {
		transform: scale(1);
	}
}

@keyframes ripple1 {
	0% {
		transform: scale(1);
	}

	25% {
		transform: scale(1.125);
	}

	50% {
		transform: scale(0.85);
	}

	75% {
		transform: scale(1.125);
	}

	100% {
		transform: scale(1);
	}
}
.ripple-Box object
{
	position: absolute;
	top: -130px;
	margin: auto;
	bottom: 0;
	left: 0;
	right: 0;
}
.productAfterBanner
{
	padding-top: 100px;
}
.productAfterBanner .circle-section
{
	top: -126px;
    right: 120px;
}
.productAfterBanner img
{
	position: relative;
	top: -24px;
}
.productAfterBanner img.left-20
{
	left:-20%;
}
hr
{
	margin: 1rem 0;
	color: #eeeff0;
	border: 0;
	border-top: 2px solid;
	opacity: 0.5;
}
.mindSestion
{
	padding-bottom: 150px;
}
.mindSestion .font-130, .mindSestion .font-100
{
	line-height: 0.8;
}
.mindSestion .mindBrainImage
{
	position: absolute;
	right: -25%;
}
.mindSestion .circle-section
{
	width: 50%;
	right: 0;
	left: auto;
	top: -15%;
	height: 250px;
}
.mindSestion .circle-section .circle-top-left
{
	left: 20%;
	top: 10%;
}
.mindSestion .circle-section .circle-top-right
{
	right: 10%;
}
.mindSestion .circle-section .circle-bottom-left
{
	bottom: 42%;
}
object.w-20
{
	width: 70px;
}
.classroomSection .classroomImage
{
	position: relative;
}
.classroomSection .circle-section
{
	width: 50%;
	right: 12%;
	left: auto;
	top: -20%;
	height: 250px;
}
.classroomSection .circle-section .circle-top-left
{
	top: 4%;
	left: 10%;
}
.classroomSection .circle-section .circle-bottom-left
{
	bottom: 35%;
	left: -10%;
}
.classroomSection .circle-section .circle-bottom-right
{
	bottom: 5%;
	right: -23px;
}
.heartHandSection
{
	background-size: cover;
	background-position: top right;
	background-repeat: no-repeat;
	padding-top: 150px;
	padding-bottom: 150px;
}
.heartHandSection object
{
	width: 70%;
}
.productBookSection .BookData
{
	background-color: transparent;
	border: 2px solid #deefef;
	padding: 20px;
	min-height: 160px;
	text-align: center;
}
.productBookSection .BookData object
{
	margin-bottom: 20px;
}
.productBookSection .BookData p
{
	font-family:Poppins-Medium;
	font-size: 12px;
	margin-bottom: 0;
}
.productAfterBanner .soloImage
{
	position: relative;
}
.soloProductSection .circle-section
{
	top: -20%;
}
.soloProductSection .circle-section .circle-bottom-left
{
    bottom: 52px;
    left: -66%;
}
.soloProductSection .circle-section .circle-bottom-right.afterRight
{
    bottom: 0;
    right: 0;
}
.proBenefitsSection .font-100
{
	line-height: 0;
}
.proBenefitsSection ul
{
	padding-left: 17px;
}
.proBenefitsSection ul li
{
	font-family:Poppins-Light;
	font-size: 14px;
	margin-bottom: 20px;
}
.aboutPageBanner
{
	position: relative;
	padding-top: 300px;
	padding-bottom: 150px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.aboutPageBanner .font-130
{
	font-size: 110px;
}
.aboutPageBanner .aboutPageBrain
{
	position: absolute;
	top: -65%;
	width: auto;
	margin: 0 auto;
	left: 0;
	right: 0;
}
.aboutPageBanner .aboutPageHand
{
	position: absolute;
	width: auto;
	left: auto;
	right: 10%;
	bottom: -50%;
}
.aboutPageBanner .ripple-Box
{
	z-index: 1;
    bottom: -12%;
}
.aboutScrollingSec
{
	position: relative;
	overflow: hidden;
}
.aboutScrollingSec .m-scroll__title
{
	display: flex;
	position: absolute;
	top: 0;
	left: 0;
	align-items: center;
	justify-content: flex-start;
	height: 100%;
	width: max-content;
	white-space: nowrap;
	transform: scale(1);
	transition: all 1s ease;
}
.aboutScrollingSec .m-scroll__title>div
{
	display: flex;
	-webkit-animation: scrollText 30s infinite linear;
	animation: scrollText 30s infinite linear;
}
.aboutScrollingSec .m-scroll__title h1
{
	font-family:Poppins-ExtraBold;
	font-size: 100px;
	letter-spacing: -6px;
    line-height: 1;
	display: initial;
	margin-right: 20px;
    background: #FFC855;
    background: -webkit-linear-gradient(to right, #FFC855 0%, #221284 100%);
    background: -moz-linear-gradient(to right, #FFC855 0%, #221284 100%);
    background: linear-gradient(to right, #FFC855 0%, #221284 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
	transition: all 2s ease;
}
.aboutScrollingSec .m-scroll__title img
{
	width: auto;
}
@-webkit-keyframes scrollText
{
	from
	{
		transform: translateX(0%);
	}
	to
	{
		transform: translateX(-50%);
	}
}
@keyframes scrollText
{
	from
	{
		transform: translateX(0%);
	}
	to
	{
		transform: translateX(-50%);
	}
}

.aboutCircularSes
{

}
.hand-second
{
	width: 5px;
	height: 280px;
	border-radius: 10px;
	position: absolute;
	transform: translate(0, -50%) rotate(60deg);
	transform-origin: bottom;
	background-color: red;
	box-shadow: 0 0 5px red, 0 0 10px red, 0 0 20px red, 0 0 40px red, 0 0 80px red,
}
.hand-minute
{
	width: 8px;
	height: 250px;
	border-radius: 10px;
	position: absolute;
	transform: translate(0, -50%) rotate(30deg);
	transform-origin: bottom;
	background-color: red;
	box-shadow: 0 0 5px red, 0 0 10px red, 0 0 20px red, 0 0 40px red, 0 0 80px red,
}
  
.hand-hour
{
	width: 10px;
	height: 220px;
	border-radius: 10px;
	position: absolute;
	transform: translate(0, -50%) rotate(0deg);
	transform-origin: bottom;
	background-color: white;
	box-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white, 0 0 40px white, 0 0 80px white;
}
.hand-center
{
	width: 20px;
	height: 20px;
	border-radius: 100%;
	position: absolute; 
	background-color: #fff;
	box-shadow: 0 0 5px #fff, 0 0 10px #fff, 0 0 20px #fff, 0 0 40px #0ff, 0 0 80px #0ff;
}
.clock
{
	min-width: 700px;
	min-height: 1200px;
	background-color: #06273e;
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	border-width: 10px;
	border-color: white;
	border: none;
	padding: 1rem;
	border-style: double;
}
.border-clock
{
	position: absolute;
	min-width: 750px;
	min-height: 750px; 
	border: 5px dotted red;
	border-radius: 100%;
}
.border-clock-2
{
	position: absolute;
	min-width: 670px;
	min-height: 670px;  
	border-radius: 100%;
	box-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white, 
}
.number
{
	position: absolute;
	font-size: 20px;
	font-weight: 600;
	width: 100%;
	height: 100%;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white, 0 0 40px white;
	
}

.number[number="1"]
{
	transform: rotate(30deg);
}
.number[number="2"]
{
	transform: rotate(60deg);
}
.number[number="3"]
{
	transform: rotate(90deg);
}
.number[number="4"]
{
	transform: rotate(120deg);
}
.number[number="5"]
{
	transform: rotate(150deg);
}
.number[number="6"]
{
	transform: rotate(180deg);
}
.number[number="7"]
{
	transform: rotate(210deg);
}
.number[number="8"]
{
	transform: rotate(240deg);
}
.number[number="9"]
{
	transform: rotate(270deg);
}
.number[number="10"]
{
	transform: rotate(300deg);
}
.number[number="11"]
{
	transform: rotate(330deg);
	/* animation: rotating-2 5s linear infinite; */
}
.number[number="12"]
{
	transform: rotate(0deg);
	/* animation: rotating-1 5s linear infinite; */
}

.number[number="1"] img
{
	transform: rotate(0);
	
}
.number[number="2"] img
{
	transform: rotate(60deg);
}
.number[number="3"] img
{
	transform: rotate(270deg);
}
.number[number="4"] img
{
	transform: rotate(240deg);
}
.number[number="5"] img
{
	transform: rotate(208deg);
}
.number[number="6"] img
{
	transform: rotate(180deg);
}
.number[number="7"] img
{
	transform: rotate(173deg);
}
.number[number="8"] img
{
	transform: rotate(118deg);
}
.number[number="9"] img
{
	transform: rotate(90deg);
}
.number[number="10"] img
{
	transform: rotate(60deg);
}
.number[number="11"] img
{
	transform: rotate(28deg);
}
.number[number="12"] img
{
	transform: rotate(0deg);
}

/* @keyframes rotating-1
{
	100%
	{
		transform: rotate(1turn);
	}
}
@keyframes rotating-2
{
	0%
	{
		transform: rotate(330deg);
	}
	100%
	{
		transform: rotate(-330deg);
	}
} */
/* @keyframes rotating-3
{
	0%
	{
		transform: rotate(90deg);
	}
	100%
	{
		transform: rotate(90deg);
	}
}
@keyframes rotating-4
{
	0%
	{
		transform: rotate(0);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
@keyframes rotating-5
{
	0%
	{
		transform: rotate(0);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
@keyframes rotating-6
{
	0%
	{
		transform: rotate(0);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
@keyframes rotating-7
{
	0%
	{
		transform: rotate(0);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
@keyframes rotating-8
{
	0%
	{
		transform: rotate(0);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
@keyframes rotating-9
{
	0%
	{
		transform: rotate(0);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
@keyframes rotating-10
{
	0%
	{
		transform: rotate(0);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
@keyframes rotating-11
{
	0%
	{
		transform: rotate(0);
	}
	100%
	{
		transform: rotate(360deg);
	}
}
@keyframes rotating-12
{
	0%
	{
		transform: rotate(0);
	}
	100%
	{
		transform: rotate(360deg);
	}
} */

.clock .clockText
{
	position: absolute;
	top: 15%;
	text-align: left;
}
.clock .clockText h4
{
	font-family: Poppins-ExtraBold;
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 0;
	line-height: 25px;
	display: block;
	background: #FFC855;
	background: -webkit-linear-gradient(to right, #004384 0%, #ff962b 100%);
	background: -moz-linear-gradient(to right, #004384 0%, #ff962b 100%);
	background: linear-gradient(to right, #004384 0%, #ff962b 100%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.outer-ring
{
	position: relative;
	border-radius: 100%;
	padding: 20px;
	z-index: 9;
}

.outer-ring-1
{
	background-color: #0091e0;
}
.outer-ring-2
{
	background-color: #0176b5;
}
.outer-ring-3
{
	background-color: #00619c;
}
.outer-ring-4
{
	background-color: #00456d;
}
.aboutCircularSes .clock .number img
{
	margin-top: 15px;
}
.aboutCircularSes .clock object
{
	width: 80%;
}
.aboutCircularSes .clock .clockHeartImg
{
	position: absolute;
}
.afterClockSection
{
	padding-top: 800px;
	padding-bottom: 470px;
	background-color: #008ad4;
	position: relative;
	margin-top: -750px;
	z-index: 1;
	border-radius: 0% 0% 200vh 200vh/0% 0% 100vh 100vh;
    -moz-border-radius: 0% 0% 200vh 200vh/0% 0% 100vh 100vh;
    -webkit-border-radius: 0% 0% 200vh 200vh/0% 0% 100vh 100vh;
}
.afterClockSection .graphsec object
{
	position: absolute;
	z-index: 9;
	left: 0;
	margin-left: 90px;
	width: 100%;
}
.afterClockSection .graphsec object.secondGraph
{
	left: -70px;
	right: 0;
	bottom: auto;
	top: 315px;
	margin-left: 0;
}
.aboutTheorySection
{
	background-color: #ffc140;
	position: relative;
	padding-top: 850px;
	padding-bottom: 100px;
	margin-top: -360px;
	border-radius: 0% 0% 200vh 200vh/0% 0% 100vh 100vh;
    -moz-border-radius: 0% 0% 200vh 200vh/0% 0% 100vh 100vh;
    -webkit-border-radius: 0% 0% 200vh 200vh/0% 0% 100vh 100vh;
}
.aboutTheorySection .about-theory-image
{
	position: relative;
}
.aboutTheorySection .circle-section
{
	width: 50%;
	bottom: auto;
	height: 100%;
	margin-left: auto;
	margin-right: 0;
	z-index: 0;
	top: -120px;
	right: 60px;
}
.aboutTheorySection .circle-section .circle-center
{
	left: auto;
	right: -70px;
	margin: 0 auto;
	top: 50px;
}
.aboutTheorySection .circle-section .circle-top-left
{
	top: 3%;
	left: auto;
	right: 18px;
}
.aboutTheorySection .circle-section .circle-bottom-left
{
	bottom: auto;
	left: auto;
	right: 100px;
	top: 60px;
}
.aboutTheorySection .circle-section .circle-bottom-right
{
	bottom: auto;
	right: -70px;
	top: 200px;
}
.teamSliderCard
{
	background-color: #e7f3f5;
	padding: 80px 40px;
	border-radius: 20px;
	border: none;
}
.teamSliderCard img
{
	height: 180px;
	width: auto !important;
	border-radius: 50%;
	margin: 0 auto;
}
.teamSliderCard .card-body .card-title
{
	font-family:Poppins-Bold;
	font-size: 20px;
}
.teamSliderCard .card-body .position
{
	font-family:Poppins-Light;
	font-size: 16px;
}
.teamSliderCard .card-body .card-text
{
	font-family:Poppins-Medium;
	font-size: 16px;
}
.teamSliderCard .row
{
	display: flex;
	align-items: center;
}
.card-body p.position {
    margin-top: 0;  /* Adjusts the top margin */
    margin-bottom: 0;  /* Adjusts the bottom margin */
  }

  .card-body p.card-text {
    margin-top: 10px;  /* Adjusts the top margin for the last paragraph */
  }
.ourTeamSlider .owl-dots
{
	display: flex;
	justify-content: center;
	align-items: center;
}
.ourTeamSlider .owl-dots button.owl-dot span
{
	width: 10px;
    height: 10px;
	background-color: #e7f3f5;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.ourTeamSlider .owl-dots button.owl-dot.active span
{
	background-color: #ffba4f;
	width: 15px;
	height: 15px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.owl-theme .owl-nav.disabled+.owl-dots
{
	margin-top: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}
label.error
{
	width: 100%;
	margin-top: .25rem;
	margin-bottom: 0;
	font-size: 80%;
	color: #dc3545;
	text-align: left;
}
.above3DSec img
{
	position: absolute;
	bottom: -30px;
}
.ls-m2
{
	letter-spacing: -2px;
}
.ls-m1
{
	letter-spacing: -1px;
}

.bg-career-page
{
	background-image: linear-gradient(to bottom, #192932, #182e3a, #183242, #16374a, #153c53);
}
.career-inner-banner
{
	padding-top: 150px;
}
.career-inner-banner object
{
	width: 160px
}
.careerWorkSection .careerWorkBox
{
	height: 160px;
	background-color: #dde7e6;
}
.careerWelcomeSection
{
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom;
}
.careerWelcomeSection .careerChairText
{
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
}
.careerWelcomeSection .font-100
{
	font-size: 65px;
}
.careerWelcomeSection .font-130
{
	font-size: 120px;
	letter-spacing: -4px;
}
.careerOpeningSection .accordion .accordion-item
{
	border-radius: 25px;
	background-color: #e9eaf2;
	overflow: hidden;
	margin-bottom: 10px;
	border-color: transparent;
}
.careerOpeningSection .accordion .accordion-item .accordion-header button
{
	font-family:Poppins-Medium;
	font-size: 16px;
	background-color: #e9eaf2;
	color: #000000;
	padding: 18px 40px;
	box-shadow: none;
}
.careerOpeningSection .accordion .accordion-item .accordion-collapse .accordion-body
{
	padding: 0px 40px 40px 40px;
}
.careerOpeningSection .accordion .accordion-item .accordion-collapse .accordion-body li, .careerOpeningSection .accordion .accordion-item .accordion-collapse .accordion-body p
{
	font-family:Poppins-Light;
	font-size: 14px;
	margin-bottom: 5px;
}
.careerOpeningSection .accordion .accordion-item .accordion-collapse .accordion-body ul, .careerOpeningSection .accordion .accordion-item .accordion-collapse .accordion-body ol
{
	padding: 0;
	list-style-type: none;
	margin-bottom: 20px;
}
.careerOpeningSection .accordion .accordion-item .accordion-header button::after
{
	content: "\f067";
	font-family: "Font Awesome 6 Free";
	font-weight: 700;
	font-size: 20px;
	line-height: 1.5;
	background-image: none;
	position: absolute;
	right: 40px;
	top: 24%;
	width: 25px;
	height: 25px;
	background-color: transparent;
	color: #3f3f41;
	text-align: center;
	line-height: 1.3;
}
.careerOpeningSection .accordion .accordion-item .accordion-header button:not(.collapsed)::after
{
	content: "\f068";
	font-family: "Font Awesome 6 Free";
	font-weight: 700;
	background-image: none;
	position: absolute;
	right: 40px;
	line-height: 1.3;
	background-color: transparent;
	color: #3f3f41;
}
.careerOpeningSection h5.orangeGradient
{
    background: linear-gradient(to right, #ffc634, #ffb92e, #ffab2a, #ff9e28, #ff9028);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ourTeamSlider .owl-nav
{
	position: absolute;
    top: 41%;
    width: 100%;
    z-index: 0;
}
.ourTeamSlider .owl-nav button.owl-prev
{
	float: left;
	position: relative;
	left: -25px;
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	border-radius: 50%;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	overflow: hidden;
}
.ourTeamSlider .owl-nav button.owl-next
{
    float: right;
    position: relative;
    right: -25px;
	width: 40px;
	height: 40px;
	background-color: #ffffff;
	border-radius: 50%;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
	overflow: hidden;
}
.left-arrow
{
	background: url("../images/arrow-left-long-solid.svg") right center no-repeat;
	fill: red;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: 100% 50%;
}
.right-arrow
{
	background: url("../images/arrow-right-long-solid.svg") right center no-repeat;
	color: green;
	display: inline-block;
	width: 100%;
	height: 100%;
	background-size: 100% 50%;
}
.clockFooterText
{
	font-family: 'Poppins-Bold';
	font-size: 22px;
	position: absolute;
	bottom: 18%;
	width: 45%;
	color: #ffffff;
}


.blandLearnBanner
{
	background-image: linear-gradient(to bottom, #312b0a, #4f4c0b, #6b7206, #829a00, #94c601);
}
.blandLearnBanner h1
{
	font-family: Poppins-ExtraBold;
	font-size: 230px;
	line-height: 0.8;
	color: #ffffff !important;
	letter-spacing: -8px;
}
.blandLearnBanner img.big-eye
{
	position: absolute;
	top: -100px;
	right: 0;
	/* box-shadow: none !important;
	animation: float 5s ease-in-out infinite; */
}
.blandLearnBanner img.big-eye.hover
{
	box-shadow: none !important;
	animation: float 5s ease-in-out infinite;
}
.blandLearnBanner .font-16
{
	line-height: 1.5;
}
.changeFonts
{
	position: relative;
	display: block;
	height: 150px;
}
.blandLearnBanner .change
{
	position: absolute;
	left: 0;
	right: 0;
	opacity: 0;
	-webkit-animation: changeword 6s linear infinite;
	animation: changeword 6s linear infinite;
}
.blandLearnBanner .change:nth-child(1)
{
	-webkit-animation-delay: 0s;
	animation-delay: 0s;
}
.blandLearnBanner .change:nth-child(2)
{
	-webkit-animation-delay: 3s;
	animation-delay: 3s;
}
/* .blandLearnBanner .change:nth-child(3)
{
	-webkit-animation-delay: 8s;
	animation-delay: 8s;
} */

@-webkit-keyframes changeword
{
	0%
	{
		transform: translateY(-50px);
		opacity: 0;
	}
	5%
	{
		opacity: 1;
		transform: translateY(0);
	}
	20%
	{
		opacity: 1;
		transform: translateY(0);
	}
	30%
	{
		opacity: 0;
		transform: translateY(50px);
	}
	80% {
		opacity: 0;
		transform: translateY(50px);
	}
}

@keyframes changeword
{
	0%
	{
		transform: translateY(-50px);
		opacity: 0;
	}
	5%
	{
		opacity: 1;
		transform: translateY(0);
	}
	20%
	{
		opacity: 1;
		transform: translateY(0);
	}
	30%
	{
		opacity: 0;
		transform: translateY(50px);
	}
	80%
	{
		opacity: 0;
		transform: translateY(50px);
	}
}
.overlapClass
{
	background-image: linear-gradient(to bottom, transparent, #FFFFFF);
	height: 200px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.afterBlandLearnBanner
{
	padding-top: 200px;
	padding-bottom: 200px;
}

.afterBlandLearnBanner .circle-section
{
	width: 50%;
	bottom: auto;
	height: 100%;
	margin-left: auto;
	margin-right: 0;
	z-index: 0;
	top: -120px;
	right: 60px;
}
.afterBlandLearnBanner .circle-section .circle-center
{
	left: auto;
	right: -70px;
	margin: 0 auto;
	top: 50px;
}
.afterBlandLearnBanner .circle-section .circle-top-left
{
	top: 3%;
	left: auto;
	right: 18px;
}
.afterBlandLearnBanner .circle-section .circle-bottom-left
{
	bottom: auto;
	left: auto;
	right: 100px;
	top: 60px;
}
.afterBlandLearnBanner .circle-section .circle-bottom-right
{
	bottom: auto;
	right: -70px;
	top: 200px;
}
.bldLernVid .videoBox
{
	height: 400px;
    border-radius: 230px;
    border: 20px solid transparent;
    background: linear-gradient(90deg,#ffc855 43%,#221284 100%) border-box;
}
.bldLernAngleDiv
{
	background: #161637;
	color: white;
	clip-path: polygon(0 20%, 100% 0, 100% 100%, 0 80%);
	padding-top: 200px;
	padding-bottom: 200px;
}
.bldLernAngleDiv .left-image
{
	position: absolute;
	left: 0;
	top: 20%;
}
.bldLernAngleDiv .right-image
{
	position: absolute;
	right: 0;
	top: 23%;
}
.bldLernAngleDiv .right-top-image
{
	position: absolute;
	right: 135px;
	top: 13%;
	width: 7%;
}
.bldLernAssess .circle-section
{
	width: 50%;
	right: 12%;
	left: auto;
	top: -20%;
	height: 250px;
}
.bldLernAssess .circle-section .circle-top-left
{
	top: 4%;
	left: 10%;
}
.bldLernAssess .circle-section .circle-bottom-left
{
	bottom: 35%;
	left: -10%;
}
.bldLernAssess .circle-section .circle-bottom-right
{
	bottom: 5%;
	right: -23px;
}
.bldLernReport::before
{
	content: '';
	position: absolute;
	height: 900px;
	width: 900px;
	border-radius: 50%;
	background-color: #e7f3f5;
	z-index: -1;
	left: -75px;
	top: 135px;
}
.bldLernReport 
{
	padding-bottom: 175px;
	margin-bottom: 100px;
}
.bldLernReport .left-side
{
	position: absolute;
    left: -15px;
    bottom: 0;
    display: inline-flex;
    align-items: flex-end;
}
.bldLernReport .right-side
{
	position: absolute;
    right: -40px;
    display: inline-flex;
    bottom: 0;
    align-items: center;
}
.bldLernReport .pipe
{
	padding: 40px;
	border-radius: 50px;
}
.bldLernReport .pipe.full-height
{
	height: 750px;
}
.bldLernReport .right-side .pipe.full-height
{
	height: 550px;	
}
.bldLernReport .pipe.half-height
{
	height: 400px;
}
.bldLernReport .pipe-purple
{
	background-color: #532993;
}
.bldLernReport .pipe-blue
{
	background-color: #0090f1;
}
.bldLernReport .pipe-yellow
{
	background-color: #ffa32c;
}
.bldLernReport .pipe-red
{
	background-color: #f7001e;
}
.bldLernReport .left-side .pipe:last-child
{
	margin-left: 10px;
    position: absolute;
    left: 80px;
    bottom: -100px;
    z-index: 99;
}
.bldLernReport .right-side .pipe:first-child
{
	margin-right: 10px;
	position: absolute;
	right: 80px;
	z-index: 99;
}

.bldLernReport .circle-section
{
	position: absolute;
	width: 11%;
	bottom: auto;
	height: 200px;
	margin-right: 0;
	z-index: 0;
	top: 30%;
	right: 8%;
	left: auto;
}
.bldLernReport .circle-section .circle-center
{
	left: auto;
	right: -70px;
	margin: 0 auto;
	top: 50px;
	width: 100px;
    height: 100px;
}
.bldLernReport .circle-section .circle-top-left
{
	top: 15%;
    left: auto;
    right: -20px;
    width: 10px;
    height: 10px;
}
.bldLernReport .circle-section .circle-bottom-left
{
	bottom: auto;
    left: auto;
    right: 13px;
    top: 60px;
    width: 40px;
    height: 40px;
}
.bldLernReport .circle-section .circle-bottom-right
{
	bottom: auto;
    right: -70px;
    top: 120px;
    width: 70px;
    height: 70px;
}
.table-pricing-div
{
	overflow: auto;
	border-radius: 10px;
	border: 1px solid #ccd6d8;
	margin-bottom: 20px;
	box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
}
.table-pricing
{
	border-spacing: 0;
	border-collapse: collapse;
	border-style: hidden;
	width:100%;
	max-width: 100%;
	margin-bottom: 0;
}
.table-pricing thead tr th
{
	background-color: #0053ad;
	color: #ffffff;
	font-size: 13px;
	padding: 12px 10px;
	border-bottom: 1px solid #0055a9;
	vertical-align: middle;
}
/* .table-pricing thead tr th:first-child
{
	width: 215px;
} */
.table-pricing thead tr th:not(:first-child)
{
	min-width: 130px;
}
.table-pricing tbody tr td
{
	font-size: 12px;
}
.animationLogoSec
{
	width: 30%;
	height: 100px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.animationLogoSec object, .animationLogoSec img
{
	position: absolute;
}
.animationLogoSec object
{
	display: block;
	opacity: 1;
	transition: opacity 0.2s ease-in-out;
}
.animationLogoSec:hover object
{
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}
.animationLogoSec img.flying-bird
{
	height: 66px;
	display: none;
	opacity: 0;
	transition: opacity 0.2s ease-in-out;
}
.animationLogoSec:hover img.flying-bird
{
	display: block;
	opacity: 1;
	transition: opacity 0.2s ease-in-out;
}
.homeBldLernReport.bldLernReport
{
	padding-bottom: 100px;
}
.homeBldLernReport.bldLernReport::before
{
	display: none;
}
.section-image
{
	position: relative;
}
.section-image .section-image
{
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	animation: float 4s ease-in-out infinite;
	box-shadow: none !important;
}
.section-image.section-tablet .section-image
{
    top: -70px;
    bottom: 0;
    margin: auto;
    left: 60px;
    right: 0;
} 

.evaluateLeft .circle-section
{
	bottom: 30%;
}
.evaluateLeft .section-image
{
    display: flex;
    align-items: center;
    justify-content: center;
}
.evaluateLeft .section-image .section-image
{
	left: 58px;
	right: 0;
	top: 70px;
}
.circle-section.fullWidth
{
	width: 75%;
	height: 350px;
}
.circle-section.fullWidth .circle-center
{
	left: 0;
	right: auto;
}
.circle-section.fullWidth .circle-bottom-left
{
	left: -10%;
	right: auto;
	top: 50%;
	bottom: auto;

}
.circle-section.fullWidth .circle-bottom
{
	left: 7%;
	right: auto;
	bottom: 0;
	animation: float 4s ease-in-out infinite;
}
.circle-section.fullWidth .circle-right
{
	left: auto;
	right: 20px;
	top: 20px;
	animation: float 5s ease-in-out infinite;
}
.circle-section.fullWidth .circle-right-center-bottom
{
	left: auto;
	right: -11%;
	top: 25%;
	background-image: linear-gradient(to bottom, #00a9f5, #008bd7, #006eb8, #00529a, #00387b);
	animation: float 6s ease-in-out infinite;
}
.circle-section.fullWidth.leftSide
{
	right: 70px;
	height: 400px;
}



/* Vikram Lander CSS */
.demo-main-section .demo-main-content
{
	margin-bottom: 100px;
}
.advertisementSection .advertisementContent
{
	background-size: cover;
	background-position: center;
	position: relative;
	height: auto;
	border-radius: 20px;
	padding: 50px;
	text-align: center;
	display: flex;
	justify-content: center;
}
.advertisementSection .advertisementContent .btn-sponsorship
{
	position: absolute;
	background-color: #ffffff;
	color: #000000;
	padding: 12px 50px;
	font-size: 20px;
	border-radius: 50px;
	bottom: 10px;
	margin: 0 auto;
}
.advertisementSection .advertisementContent .btn-sponsorship:hover, .advertisementSection .advertisementContent .btn-sponsorship:focus
{
	background-color: #000000;
	color: #ffffff;
}


.soloProductSection .btn-adv-download
{
	background-color: transparent;
	border: 2px solid #000000;
	border-radius: 40px;
	padding: 6px 30px;
	text-align: left;
	display: inline-block;
	justify-content: space-between;
	align-items: center;
	width: auto;
	line-height: 1;
	margin: 0 auto;
}
.soloProductSection .btn-adv-download .link-content
{
	display: flex;
    justify-content: space-between;
    align-items: center;
}
.soloProductSection .btn-adv-download:not(:last-child)
{
	margin-bottom: 10px;
}
.soloProductSection .btn-adv-download .textpart
{
	margin-right: 10px;
}
.soloProductSection .btn-adv-download object
{
	width:28px;
	filter: invert(0%) sepia(4%) saturate(0%) hue-rotate(293deg) brightness(102%) contrast(105%);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.soloProductSection .btn-adv-download small
{
	font-family:Poppins-Medium;
	font-size: 12px;
	letter-spacing: 1px;
}
.soloProductSection .btn-adv-download h5
{
	font-family:Poppins-Bold;
	font-size: 20px;
	margin-bottom: 0;
	line-height: 1;
	letter-spacing: 1px;
}
.soloProductSection .btn-adv-download:hover, .soloProductSection .btn-adv-download:focus
{
	color: #ffffff;
	background-color: #000000;
}
.soloProductSection .btn-adv-download:hover object, .soloProductSection .btn-adv-download:focus object
{
	filter: invert(100%) sepia(1%) saturate(6%) hue-rotate(5deg) brightness(103%) contrast(105%);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.text-extra-muted
{
	color: #ede2e3;
}
.vertical-line
{
	border-left: 2px solid #ede2e3;
	height: 100px;
	margin: 0 auto;
}


.downloadBoxes .downloadBox
{
	padding: 10px;
	border-radius: 10px;
	display: flex;
	align-items: center;
	min-height: 180px;
}
.downloadBoxes .downloadBox h1
{
	font-family:Poppins-ExtraBold;
    font-size: 80px;
    margin-bottom: 0;
    color: #ffffff;
    padding: 10px 20px;
}
.downloadBoxes .downloadBox p
{
	margin-bottom: 0;
	color: #ffffff;
	padding: 10px 20px 10px 0;
	font-size: 16px;
}
.downloadBoxDiv
{
	margin-bottom: 30px;
	position: relative;
}
.downloadBoxes .downloadBox.color-1
{
	background-color:#37c9f0;
}
.downloadBoxes .downloadBox.color-2
{
	background-color:#22b5de;
}
.downloadBoxes .downloadBox.color-3
{
	background-color:#11a3ca;
}
.downloadBoxes .downloadBox.color-4
{
	background-color:#0c7fb5;
}
.downloadBoxes .downloadBox.color-5
{
	background-color:#0b709c;
}
.downloadBoxes .downloadBox.color-6
{
	background-color:#054f7e;
}


.pointer-color-1
{
	background: #37c9f0;
}
.pointer-color-1:before
{
    border-left: 20px solid #37c9f0;
}

.pointer-color-2
{
	background: #22b5de;
}
.pointer-color-2:before
{
	border-left: 20px solid #22b5de;
}

.pointer-color-3
{
	display: none;
	background: #11a3ca;
}
.pointer-color-3:before
{
	border-left: 20px solid #11a3ca;
}

.pointer-color-4
{
	background: #0c7fb5;
}
.pointer-color-4:before
{
	border-left: 20px solid #0c7fb5;
}

.pointer-color-5
{
	background: #0b709c;
}
.pointer-color-5:before
{
	border-left: 20px solid #0b709c;
}

.pointer-color-6
{
	display: none;
	background: #054f7e;
}
.pointer-color-6:before
{
	border-left: 20px solid #054f7e;
}


#pointer
{
	width: 50px;
	height: 40px;
	position: absolute;
	top: 40%;
	right: -20px;
	z-index: 99;
}
#pointer:after
{
	content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 0px solid white;
    border-top: 0px solid transparent;
    border-bottom: 0px solid transparent;
}
#pointer:before
{
	content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-top: 20px solid transparent;
    border-bottom: 20px solid transparent;
}
.mt--40px
{
	margin-top: -40px;
}


.bg-download-page
{
	background-image: linear-gradient(to bottom, #192932, #182e3a, #183242, #16374a, #153c53);
}
.download-inner-banner
{
	padding-top: 100px;
}
.download-inner-banner object.tablet-object
{
	width: 53%;
}
.download-inner-banner object.curv-object
{
	width: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 31%;
}
.download-inner-banner object.download-saras360
{
	position: absolute;
	bottom: -13%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 35%;
	z-index: 1;
}

.download-clock
{
	position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: auto;
    right: auto;
    margin: 0 auto;
}
.download-clock .number
{
	position: absolute;
	font-size: 20px;
	font-weight: 600;
	width: auto;
	height: auto;
	text-align: center;
	color: #fff;
	text-shadow: 0 0 5px white, 0 0 10px white, 0 0 20px white, 0 0 40px white;
	
}
.download-clock .number[number="0"]
{
	left: 20%;
	margin: 0 auto;
	bottom: 2%;
	z-index: 99;
}
.download-clock .number[number="0"] img
{
	width: 80%;
}
.download-clock .number[number="1"]
{
	transform: rotate(0);
    bottom: 32%;
    left: 12%;
}
.download-clock .number[number="2"]
{
	transform: rotate(312deg);
	bottom: 37%;
	left: -18px;
}
.download-clock .number[number="3"]
{
	transform: rotate(88deg);
	bottom: 55%;
	left: 0%;
}
.download-clock .number[number="4"]
{
	transform: rotate(0);
    bottom: 55%;
    left: 10%;
}
.download-clock .number[number="5"]
{
	transform: rotate(155deg);
    bottom: 62%;
    left: 12%;
}
.download-clock .number[number="6"]
{
	transform: rotate(180deg);
	bottom: 60%;
	right: 14%;
}
.download-clock .number[number="7"]
{
	transform: rotate(187deg);
	right: 3%;
	bottom: 56%;
}
.download-clock .number[number="8"]
{
	transform: rotate(240deg);
	bottom: 38%;
	right: 0;
}
.download-clock .number[number="9"]
{
	transform: rotate(270deg);
    bottom: 31%;
    right: 14%;
}
.download-clock .number[number="10"]
{
	transform: rotate(300deg);
}
.download-clock .number[number="11"]
{
	transform: rotate(330deg);
	/* animation: rotating-2 5s linear infinite; */
}
.download-clock .number[number="12"]
{
	transform: rotate(0deg);
	/* animation: rotating-1 5s linear infinite; */
}

.download-clock .number[number="1"] img
{
	transform: rotate(0);
	
}
.download-clock .number[number="2"] img
{
	transform: rotate(60deg);
}
.download-clock .number[number="3"] img
{
	transform: rotate(270deg);
}
.download-clock .number[number="4"] img
{
	transform: rotate(240deg);
}
.download-clock .number[number="5"] img
{
	transform: rotate(208deg);
}
.download-clock .number[number="6"] img
{
	transform: rotate(180deg);
}
.download-clock .number[number="7"] img
{
	transform: rotate(173deg);
}
.download-clock .number[number="8"] img
{
	transform: rotate(118deg);
}
.download-clock .number[number="9"] img
{
	transform: rotate(90deg);
}
.download-clock .number[number="10"] img
{
	transform: rotate(60deg);
}
.download-clock .number[number="11"] img
{
	transform: rotate(28deg);
}
.download-clock .number[number="12"] img
{
	transform: rotate(0deg);
}
.download-clock .number img
{
	width: 70%;
}


.download-inner-banner img.daynemoImage
{
    position: absolute;
    inset: auto 0px 13%;
    margin-left: auto;
    width: 41%;
    margin-right: auto;
}
.lh-1-2
{
	line-height: 1.4;
}

.downloadSection
{
	position: absolute;
	top: 40%;
	right: 15px;
}
.downloadSection .btn-adv-download
{
	background-color: transparent;
	border: 2px solid #000000;
	border-radius: 40px;
	padding: 3px 30px;
	text-align: left;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.downloadSection .btn-adv-download:not(:last-child)
{
	margin-bottom: 10px;
}
.downloadSection .btn-adv-download .textpart
{
	margin-right: 10px;
}
.downloadSection .btn-adv-download object
{
	width:40px;
	filter: invert(0%) sepia(4%) saturate(0%) hue-rotate(293deg) brightness(102%) contrast(105%);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}
.downloadSection .btn-adv-download small
{
	font-size: 12px;
	letter-spacing: 1px;
}
.downloadSection .btn-adv-download h5
{
	font-size: 20px;
	margin-bottom: 0;
	line-height: 1;
	letter-spacing: 1px;
}
.downloadSection .btn-adv-download:hover, .downloadSection .btn-adv-download:focus
{
	color: #ffffff;
	background-color: #000000;
}
.downloadSection .btn-adv-download:hover object, .downloadSection .btn-adv-download:focus object
{
	filter: invert(100%) sepia(1%) saturate(6%) hue-rotate(5deg) brightness(103%) contrast(105%);
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out;
}


.advertisementContent .cesLogoSes
{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 40px;
}
.advertisementContent .cesLogoSes img
{
	width: 15%;
	margin-right: 20px;
}
.advertisementContent .cesLogoSes h3
{
	color: #ffffff;
	text-align: left;
}
.advertisementContent .mainTitle
{
	font-family:Poppins-Bold;
	font-size: 50px;
	color: #ffffff;
	line-height: 1.1;
	margin-bottom: 20px;
}
.advertisementContent .mainTitle span
{
	color: #ffb533;
}
.advertisementContent .subTitle
{
	font-family:Poppins-Medium;
	font-size: 30px;
	color: #ffffff;
	line-height: 1.1;
	margin-bottom: 20px;
}
.advertisementContent .subTitle span
{
	color: #ffb533;
}
.advertisementContent .fa
{
	font-size: 40px;
	color: #ffb533;
	margin-bottom: 20px;
}
.advertisementContent .addressTitle
{
	font-family:Poppins-Medium;
	font-size: 25px;
	color: #ffb533;
	line-height: 1.1;
	margin-bottom: 20px;
}
.advertisementContent .btn-sponsorship-learn
{
	font-family:Poppins-Medium;
	font-size: 20px;
	background-color: #ffffff;
	color: #132b50;
	border: 1px solid #ffffff;
	border-radius: 10px;
	padding: 6px 40px;
	margin-top: 24px;
}
.advertisementContent .btn-sponsorship-learn:hover, .advertisementContent .btn-sponsorship-learn:focus
{
	background-color: #132b50;
	color: #FFFFFF;
}

nav.navbar ul.navbar-nav .nav-item .nav-link.switchBtn
{
	background-color: #f50022;
	color: #ffffff;
	margin-left: 15px;
	padding-right: 15px;
	border-radius: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.resSwitchBtn
{
	display: none;
}
nav.navbar ul.navbar-nav .nav-item .nav-link.switchBtn::after, nav.navbar ul.navbar-nav .nav-item .nav-link.switchBtn::before
{
	display: none;
}
nav.navbar ul.navbar-nav .nav-item .nav-link.switchBtn:hover, nav.navbar ul.navbar-nav .nav-item .nav-link.switchBtn:focus
{
	background-color: #f50022;
	color: #ffffff;
}
nav.navbar ul.navbar-nav .nav-item .nav-link.switchBtn img
{
	width: 20px;
	border-radius: 50%;
	border: 1px solid rgba(10,22,40,0.2);
	margin-left: 5px;
}
.switchLi .dropdown-toggle {
    padding: 8px 36px 8px 14px;
    border-radius: 20px;
    gap: 8px;
    position: relative;
    white-space: nowrap;
}

.switchLi .dropdown-toggle::after {
    position: absolute;
    right: 14px;
    margin-left: 0;
    border-top: 6px solid;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
}
.switchLi .dropdown-menu {
    margin-top: 4px;
}

/* Label */
.site-label {
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.5px;
    color: #0a1628;
    margin-right: 8px;
}

/* Flags */
.country-flag,
.country-flag-sm {
    width: 28px;
    height: 20px;
    border-radius: 4px;
	margin-right: 25px;
}

/* Dropdown */
.country-dropdown {
    min-width: auto;
    width: auto;
    padding: 6px;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

/* Dropdown item */
.country-dropdown .dropdown-item {
    padding: 6px;
}

.country-dropdown .dropdown-item:hover {
    background-color: #f4f6f8;
}
@media (min-width: 992px) {

    .switchLi {
        position: relative;
    }

    .switchLi > .dropdown-menu {
        position: absolute !important;   /* 🔑 kills Popper */
        top: 100%;
        left: 50%;
        margin-top: 6px;

        display: block;
        opacity: 0;
        visibility: hidden;
        transform: translateY(8px);
        transition: opacity 0.2s ease, transform 0.2s ease;
    }

    .switchLi:hover > .dropdown-menu {
        opacity: 1;
        visibility: visible;
        transform: translateY(0);
        pointer-events: auto;
    }

    .switchLi:hover .dropdown-toggle::after {
        transform: rotate(180deg);
    }
}


/* Smooth caret rotation */
.switchLi .dropdown-toggle::after {
    transition: transform 0.2s ease;
}

/* Rotate when dropdown is open (keyboard / click) */
.switchLi .dropdown-toggle[aria-expanded="true"]::after {
    transform: rotate(180deg);
}
.logo-wrap {
    display: inline-flex;
    align-items: flex-end;
    gap: 0;
    text-decoration: none !important;
}
.logo-bird-icon {
    height: 90px;
    object-fit: contain;
}
.logo-text {
    font-family: 'Quicksand', sans-serif;
    font-size: 15px;
    font-weight: 50;
    color: #69d7ff;
    letter-spacing: 2px;
    line-height: 1;
    margin-bottom: 10px;
}
.logo-3d {
    font-weight: 500;
    font-size: 12px;
    color: #69d7ff;
}

/* btn-red-lg used across home page */
.btn-red-lg
{
	padding: 16px 48px;
	font-size: 16px;
	font-family: Poppins-Bold;
	letter-spacing: 1px;
}

/* ═══════════════════════════════════════
   HOME — Hero
   ═══════════════════════════════════════ */
.hero-section {
	background: linear-gradient(135deg, #fafbff 0%, #f0f4f8 50%, #fafbff 100%);
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	display: flex;
	align-items: center;
	padding: 100px 0 60px;
}
.hero-orb {
	position: absolute;
	border-radius: 50%;
	filter: blur(80px);
	pointer-events: none;
	animation: orbFloat 8s ease-in-out infinite;
}
.hero-orb--1 {
	width: 500px; height: 500px;
	background: radial-gradient(circle, rgba(6,168,202,0.08) 0%, transparent 70%);
	top: -10%; right: 10%;
	animation-delay: 0s;
}
.hero-orb--2 {
	width: 400px; height: 400px;
	background: radial-gradient(circle, rgba(255,200,85,0.06) 0%, transparent 70%);
	bottom: -5%; left: -5%;
	animation-delay: -3s;
}
.hero-orb--3 {
	width: 300px; height: 300px;
	background: radial-gradient(circle, rgba(46,134,193,0.06) 0%, transparent 70%);
	top: 40%; left: 30%;
	animation-delay: -5s;
}
@keyframes orbFloat {
	0%, 100% { transform: translate(0, 0) scale(1); }
	33% { transform: translate(20px, -15px) scale(1.05); }
	66% { transform: translate(-15px, 10px) scale(0.95); }
}
.hero-grid {
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(6,168,202,0.025) 1px, transparent 1px),
		linear-gradient(90deg, rgba(6,168,202,0.025) 1px, transparent 1px);
	background-size: 80px 80px;
	pointer-events: none;
	mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 70%);
	-webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, black 20%, transparent 70%);
}
.hero-bird-wrap {
	position: absolute;
	right: 2%;
	top: 50%;
	transform: translateY(-55%);
	width: 44%;
	max-width: 620px;
	pointer-events: none;
	z-index: 1;
}
.hero-bird-img {
	width: 100%;
	opacity: 0.12;
	filter: drop-shadow(0 0 60px rgba(6,168,202,0.25));
	animation: birdGlide 6s ease-in-out infinite;
}
@keyframes birdGlide {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-12px); }
}
.hero-content {
	position: relative;
	z-index: 2;
}
.hero-badge {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	background: rgba(6,168,202,0.08);
	border: 1px solid rgba(6,168,202,0.2);
	margin-top: 20px;
	color: #06a8ca;
	font-size: 14px;
	padding: 8px 20px;
	border-radius: 50px;
	letter-spacing: 0.8px;
	margin-bottom: 28px;
	animation: fadeSlideUp 0.8s ease-out both;
}
.hero-badge i {
	font-size: 10px;
	animation: badgePulse 2s ease-in-out infinite;
}
@keyframes badgePulse {
	0%, 100% { opacity: 1; }
	50% { opacity: 0.4; }
}
.hero-title {
	font-size: clamp(32px, 3.5vw, 52px);
	line-height: 1.15;
	color: #0a1628;
	letter-spacing: -1.5px;
	margin-bottom: 20px;
	animation: fadeSlideUp 0.8s ease-out 0.15s both;
	white-space: nowrap;
}
.hero-title-line1 {
	display: block;
	font-family: 'Poppins-Light', sans-serif;
	font-size: 0.7em;
	color: #5a6a7e;
	letter-spacing: -0.5px;
	margin-bottom: 6px;
}
.hero-title-line2 {
	display: block;
	font-family: 'Poppins-ExtraBold', sans-serif;
	color: #0a1628;
}
.hero-title .em {
	position: relative;
	color: transparent;
	background: linear-gradient(135deg, #06a8ca 0%, #3ec8e8 50%, #06a8ca 100%);
	background-size: 200% 200%;
	-webkit-background-clip: text;
	background-clip: text;
	animation: fadeSlideUp 0.8s ease-out 0.15s both, shimmer 4s ease-in-out infinite;
}
.hero-title-accent {
	position: relative;
	color: #0a1628;
}
.hero-title-accent::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 2px;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #06a8ca, #3ec8e8);
	border-radius: 2px;
}
@keyframes shimmer {
	0%, 100% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
}
.hero-sub {
	font-size: 20px;
	color: #3a4a5e;
	line-height: 1.7;
	max-width: 520px;
	margin-bottom: 24px;
	animation: fadeSlideUp 0.8s ease-out 0.3s both;
}
.hero-sub strong {
	color: #06a8ca;
	font-family: 'Poppins-Bold', sans-serif;
}
.hero-cta-row {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 16px;
	margin-bottom: 0;
	animation: fadeSlideUp 0.8s ease-out 0.45s both;
}
.hero-cta-primary {
	display: inline-flex;
	align-items: center;
	gap: 10px;
	background: linear-gradient(135deg, #1a5276 0%, #2e86c1 50%, #3498db 100%);
	background-size: 200% 200%;
	color: #fff;
	font-size: 15px;
	padding: 16px 40px;
	border-radius: 50px;
	border: none;
	text-decoration: none;
	transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
	box-shadow: 0 6px 24px rgba(46,134,193,0.35), inset 0 1px 0 rgba(255,255,255,0.15);
	position: relative;
	overflow: hidden;
	letter-spacing: 0.3px;
}
.hero-cta-primary::before {
	content: '';
	position: absolute;
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg, transparent, rgba(255,255,255,0.15), transparent);
	transition: left 0.5s ease;
}
.hero-cta-primary:hover {
	transform: translateY(-3px);
	background-position: 100% 0%;
	box-shadow: 0 12px 36px rgba(46,134,193,0.45), inset 0 1px 0 rgba(255,255,255,0.2);
	color: #fff;
	text-decoration: none;
}
.hero-cta-primary:hover::before {
	left: 100%;
}
.hero-cta-primary i {
	transition: transform 0.3s ease;
}
.hero-cta-primary:hover i {
	transform: translateX(4px);
}
.hero-cta-secondary {
	display: inline-flex;
	align-items: center;
	color: #0a1628;
	font-size: 15px;
	padding: 15px 32px;
	border-radius: 50px;
	border: 1.5px solid rgba(10,22,40,0.2);
	text-decoration: none;
	transition: all 0.3s;
	background: transparent;
}
.hero-cta-secondary:hover {
	border-color: rgba(6,168,202,0.5);
	color: #06a8ca;
	background: rgba(6,168,202,0.06);
	text-decoration: none;
}
.hero-play-btn {
	display: inline-flex;
	align-items: center;
	gap: 12px;
	cursor: pointer;
	color: #3a4a5e;
	font-size: 15px;
	transition: color 0.3s;
	text-decoration: none;
}
.hero-play-btn:hover {
	color: #0a1628;
	text-decoration: none;
}
.hero-play-ring {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border: 2px solid rgba(10,22,40,0.15);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s;
	position: relative;
}
.hero-play-ring::before {
	content: '';
	position: absolute;
	inset: -4px;
	border-radius: 50%;
	border: 1px solid rgba(6,168,202,0.15);
	transition: all 0.3s;
}
.hero-play-btn:hover .hero-play-ring {
	border-color: #06a8ca;
	background: rgba(6,168,202,0.08);
}
.hero-play-btn:hover .hero-play-ring::before {
	border-color: rgba(6,168,202,0.4);
	inset: -7px;
}
.hero-play-ring i {
	font-size: 14px;
	margin-left: 3px;
	color: #0a1628;
}
.hero-stats-bar {
	margin-top: 56px;
	padding-top: 40px;
	border-top: 1px solid rgba(0,0,0,0.06);
	animation: fadeSlideUp 0.8s ease-out 0.6s both;
}
.hero-stat {
	text-align: center;
	padding: 0 10px;
	position: relative;
}
.hero-stat + .hero-stat::before {
	content: '';
	position: absolute;
	left: 0;
	top: 10%;
	height: 80%;
	width: 1px;
	background: linear-gradient(to bottom, transparent, rgba(6,168,202,0.15), transparent);
}
.hero-stat-num {
	font-size: 42px;
	letter-spacing: -1px;
	line-height: 1.1;
	color: #0a1628;
}
.hero-stat-num span {
	color: #06a8ca;
}
.hero-stat-lbl {
	font-size: 13px;
	color: #5a6a7e;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	margin-top: 4px;
}
.hero-particles {
	position: absolute;
	inset: 0;
	pointer-events: none;
	z-index: 0;
}
.hero-particle {
	position: absolute;
	width: 3px;
	height: 3px;
	border-radius: 50%;
	background: rgba(6,168,202,0.25);
	animation: particleDrift linear infinite;
}
.hero-particle:nth-child(1) { left: 12%; top: 20%; animation-duration: 12s; animation-delay: 0s; width: 2px; height: 2px; }
.hero-particle:nth-child(2) { left: 25%; top: 65%; animation-duration: 16s; animation-delay: -4s; background: rgba(255,200,85,0.2); }
.hero-particle:nth-child(3) { left: 70%; top: 30%; animation-duration: 14s; animation-delay: -2s; }
.hero-particle:nth-child(4) { left: 85%; top: 70%; animation-duration: 18s; animation-delay: -6s; width: 4px; height: 4px; background: rgba(6,168,202,0.15); }
.hero-particle:nth-child(5) { left: 45%; top: 15%; animation-duration: 13s; animation-delay: -8s; background: rgba(255,200,85,0.15); width: 2px; height: 2px; }
.hero-particle:nth-child(6) { left: 60%; top: 80%; animation-duration: 15s; animation-delay: -3s; }
.hero-particle:nth-child(7) { left: 8%; top: 50%; animation-duration: 17s; animation-delay: -10s; width: 2px; height: 2px; background: rgba(255,200,85,0.15); }
.hero-particle:nth-child(8) { left: 92%; top: 45%; animation-duration: 11s; animation-delay: -7s; }
@keyframes particleDrift {
	0% { transform: translate(0, 0) scale(1); opacity: 0; }
	10% { opacity: 1; }
	90% { opacity: 1; }
	100% { transform: translate(-30px, -60px) scale(0.5); opacity: 0; }
}
@keyframes fadeSlideUp {
	from { opacity: 0; transform: translateY(30px); }
	to { opacity: 1; transform: translateY(0); }
}
.hero-proof-list {
	list-style: none;
	padding: 0;
	margin: 0 0 28px 0;
	animation: fadeSlideUp 0.8s ease-out 0.35s both;
}
.hero-proof-list li {
	display: flex;
	align-items: flex-start;
	gap: 10px;
	font-size: 15px;
	font-family: 'Poppins-Light', sans-serif;
	color: #3a4a5e;
	line-height: 1.5;
	margin-bottom: 10px;
}
.hero-proof-list li:last-child {
	margin-bottom: 0;
}
.hero-proof-list li i {
	color: #10b981;
	font-size: 14px;
	margin-top: 4px;
	flex-shrink: 0;
}
@media (max-width: 767px) {
	.hero-proof-list li { font-size: 13px; gap: 8px; }
	.hero-proof-list li i { font-size: 12px; margin-top: 3px; }
}
.hero-video-float {
	cursor: pointer;
	position: relative;
	z-index: 2;
	animation: fadeSlideUp 0.8s ease-out 0.5s both;
}
.hero-video-frame {
	aspect-ratio: 16 / 9;
	background: #ffffff;
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: 16px;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	gap: 14px;
	position: relative;
	overflow: hidden;
	box-shadow: 0 4px 32px rgba(0,0,0,0.08);
	transition: all 0.4s ease;
	cursor: pointer;
}
.hero-video-frame::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(6,168,202,0.02) 1px, transparent 1px),
		linear-gradient(90deg, rgba(6,168,202,0.02) 1px, transparent 1px);
	background-size: 40px 40px;
	pointer-events: none;
}
.hero-video-float:hover .hero-video-frame {
	border-color: rgba(6,168,202,0.2);
	box-shadow: 0 16px 48px rgba(6,168,202,0.12);
}
.hero-video-play-btn {
	width: 68px;
	height: 68px;
	border-radius: 50%;
	background: rgba(255,255,255,0.85);
	border: 2px solid rgba(0,0,0,0.1);
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	box-shadow: 0 4px 20px rgba(0,0,0,0.1);
	cursor: pointer;
}
.hero-video-play-btn i {
	font-size: 20px;
	color: #0a1628;
	margin-left: 4px;
}
.hero-video-play-btn::before {
	content: '';
	position: absolute;
	inset: -6px;
	border-radius: 50%;
	border: 1px solid rgba(0,0,0,0.06);
	transition: all 0.3s ease;
}
.hero-video-float:hover .hero-video-play-btn {
	background: rgba(6,168,202,0.1);
	border-color: rgba(6,168,202,0.4);
	transform: translate(-50%, -50%) scale(1.06);
}
.hero-video-float:hover .hero-video-play-btn::before {
	inset: -10px;
	border-color: rgba(6,168,202,0.15);
}
.hero-video-label {
	color: #5a6a7e;
	font-size: 14px;
	letter-spacing: 0.5px;
	margin: 0;
	position: relative;
	z-index: 1;
}
.hero-video-thumb {
	position: absolute;
	inset: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
	z-index: 0;
}
.hero-video-frame video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	border-radius: 16px;
}
.hero-video-responsive video {
	width: 100%;
	border-radius: 16px;
}
.hero-video-frame.playing {
	aspect-ratio: auto;
	display: block;
	padding: 0;
	background: #000;
}
.hero-video-responsive {
	position: relative;
	width: 100%;
	padding-top: 56.25%; /* 16:9 */
	overflow: hidden;
	border-radius: 16px;
}
.hero-video-responsive iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
	border-radius: 16px;
}

/* Hero Video Carousel */
.hero-video-carousel {
	margin-top: 32px;
	animation: fadeSlideUp 0.8s ease-out 0.3s both;
}
.hero-video-frame--carousel {
	aspect-ratio: 16 / 9;
	background: #000;
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 8px 48px rgba(0,0,0,0.12);
	position: relative;
}
.hero-video-frame--carousel video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	border-radius: 16px;
	background: #000;
}
.hero-video-unmute {
	position: absolute;
	bottom: 16px;
	right: 16px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: rgba(0,0,0,0.5);
	border: none;
	color: #fff;
	font-size: 16px;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	z-index: 5;
	transition: background 0.2s;
	backdrop-filter: blur(4px);
}
.hero-video-unmute:hover {
	background: rgba(0,0,0,0.7);
}
.hero-video-dots {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 20px;
}
.hero-video-dot {
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 2px solid rgba(10,22,40,0.2);
	background: transparent;
	cursor: pointer;
	padding: 0;
	transition: all 0.3s ease;
}
.hero-video-dot:hover {
	border-color: #06a8ca;
	background: rgba(6,168,202,0.15);
}
.hero-video-dot.active {
	background: #06a8ca;
	border-color: #06a8ca;
	transform: scale(1.15);
}

/* ═══════════════════════════════════════
   Hero Split Layout (two-column)
   ═══════════════════════════════════════ */
.hero-split {
	display: grid;
	grid-template-columns: 1fr 1.15fr;
	gap: 56px;
	align-items: center;
}
.hero-copy-col { animation: fadeSlideUp 0.8s ease-out both; }
.hero-h1 {
	font-size: clamp(24px, 2.2vw, 34px);
	line-height: 1.2;
	color: #8a9bae;
	letter-spacing: -0.8px;
	margin-bottom: 8px;
	white-space: nowrap;
}
.hero-h2 {
	font-size: clamp(26px, 2.4vw, 36px);
	line-height: 1.2;
	letter-spacing: -1px;
	margin-bottom: 24px;
	color: #0a1628;
	white-space: nowrap;
}
.hero-h2 .em {
	color: transparent;
	background: linear-gradient(135deg, #06a8ca 0%, #3ec8e8 50%, #06a8ca 100%);
	background-size: 200% 200%;
	-webkit-background-clip: text;
	background-clip: text;
	animation: shimmer 4s ease-in-out infinite;
}
.hero-h2-tail {
	color: #0a1628;
	position: relative;
	display: inline;
}
.hero-h2-tail::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 4px;
	background: linear-gradient(90deg, #06a8ca, #3ec8e8);
	border-radius: 2px;
}
.hero-body {
	font-size: 16px;
	line-height: 1.75;
	color: #5a6a7e;
}
.hero-demo-col {
	animation: fadeSlideUp 0.8s ease-out 0.2s both;
	perspective: 1200px;
	min-width: 0;
}

/* Browser shell */
.hero-browser-shell {
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0 8px 40px rgba(10,22,40,0.12), 0 2px 12px rgba(10,22,40,0.06), 0 40px 80px rgba(6,168,202,0.07);
	transform: rotateY(-1.5deg) rotateX(1deg);
	transition: transform 0.5s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.5s;
}
.hero-browser-shell:hover {
	transform: rotateY(0) rotateX(0) translateY(-4px);
	box-shadow: 0 12px 56px rgba(10,22,40,0.15), 0 2px 12px rgba(10,22,40,0.06), 0 56px 100px rgba(6,168,202,0.09);
}
.hb-chrome {
	background: #1e2d42;
	padding: 12px 16px;
	display: flex;
	align-items: center;
	gap: 12px;
}
.hb-dots { display: flex; gap: 6px; }
.hb-dots span { width: 10px; height: 10px; border-radius: 50%; }
.hb-dots span:nth-child(1) { background: #ff5f57; }
.hb-dots span:nth-child(2) { background: #febc2e; }
.hb-dots span:nth-child(3) { background: #28c840; }
.hb-url {
	flex: 1;
	background: rgba(255,255,255,0.07);
	border-radius: 6px;
	padding: 6px 14px;
	font-size: 11.5px;
	color: rgba(255,255,255,0.45);
}
.hb-toolbar {
	background: #162234;
	padding: 8px 16px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	border-bottom: 1px solid rgba(255,255,255,0.04);
}
.hb-tabs { display: flex; gap: 4px; }
.hb-tab {
	font-size: 11px;
	color: rgba(255,255,255,0.35);
	padding: 5px 14px;
	border-radius: 6px;
}
.hb-tab.active {
	background: rgba(6,168,202,0.15);
	color: #3ec8e8;
}
.hb-brand {
	font-weight: 600;
	font-size: 12px;
	color: rgba(255,255,255,0.5);
	display: flex;
	align-items: center;
	gap: 6px;
}
.hb-brand-icon { color: #3ec8e8; }

/* Chat area */
.hb-chat {
	background: #0f1a28;
	padding: 20px;
	display: flex;
	flex-direction: column;
	gap: 16px;
	min-height: 80px;
}
.hb-chat-input-row { display: flex; align-items: center; gap: 10px; }
.hb-chat-avatar {
	width: 28px; height: 28px; border-radius: 50%;
	background: linear-gradient(135deg, #06a8ca, #3ec8e8);
	display: flex; align-items: center; justify-content: center;
	font-size: 12px; color: #fff; flex-shrink: 0;
}
.hb-chat-input-box {
	flex: 1;
	background: rgba(255,255,255,0.06);
	border: 1px solid rgba(255,255,255,0.08);
	border-radius: 10px;
	padding: 12px 16px;
	display: flex;
	align-items: center;
	min-height: 44px;
}
.hb-typed-text { font-size: 13px; color: rgba(255,255,255,0.85); }
.hb-cursor {
	display: inline-block; width: 2px; height: 16px;
	background: #06a8ca; margin-left: 1px;
	animation: heroBlink 1s step-end infinite;
	vertical-align: middle;
}
@keyframes heroBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }
.hb-chat-response { opacity: 0; transition: opacity 0.5s ease; }
.hb-chat-response.visible { opacity: 1; }
.hb-chat-response-row { display: flex; gap: 10px; }
.hb-chat-ai-avatar {
	width: 28px; height: 28px; border-radius: 50%;
	background: rgba(6,168,202,0.15); border: 1px solid rgba(6,168,202,0.3);
	display: flex; align-items: center; justify-content: center;
	font-size: 11px; color: #3ec8e8; flex-shrink: 0;
}
.hb-chat-ai-text {
	font-size: 12px; font-weight: 300;
	color: rgba(255,255,255,0.6); line-height: 1.7; max-width: 420px;
}
.hb-chat-ai-text strong { color: rgba(255,255,255,0.85); font-weight: 500; }

/* Body split */
.hb-body {
	display: grid;
	grid-template-columns: 0.8fr 1.2fr;
	background: #0f1a28;
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.6s ease, opacity 0.5s ease;
}
.hb-body--visible {
	max-height: 600px;
	opacity: 1;
}
.hb-canvas-wrap {
	min-height: 280px;
}
.hb-body-text {
	padding: 20px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.hb-question {
	font-size: 13px;
	color: #fff;
	margin-bottom: 14px;
	line-height: 1.4;
}
.hb-bullets { list-style: none; padding: 0; margin: 0 0 16px 0; }
.hb-bullets li {
	font-size: 10.5px; font-weight: 300;
	color: rgba(255,255,255,0.5);
	line-height: 1.7; padding-left: 12px;
	position: relative; margin-bottom: 3px;
}
.hb-bullets li::before {
	content: ''; position: absolute; left: 0; top: 7px;
	width: 4px; height: 4px; border-radius: 50%; background: #06a8ca;
}
.hb-legend { display: flex; flex-direction: column; gap: 5px; }
.hb-legend-item {
	display: flex; align-items: center; gap: 8px;
	font-size: 10px; color: rgba(255,255,255,0.45);
}
.hb-legend-dot { width: 7px; height: 7px; border-radius: 50%; }
.hb-dot-red { background: #e74c3c; }
.hb-dot-blue { background: #3498db; }
.hb-canvas-wrap {
	position: relative;
	display: flex; align-items: center; justify-content: center;
	background: radial-gradient(ellipse at 60% 40%, rgba(6,168,202,0.06) 0%, transparent 70%);
	max-width: 100%;
	overflow: hidden;
}
#heroHeartCanvas { width: 100%; height: 100%; display: block; cursor: grab; }
#heroHeartCanvas:active { cursor: grabbing; }
.hb-drag-hint {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	z-index: 10;
	pointer-events: none;
}
.hb-drag-hint span {
	font-size: 11px;
	font-weight: 500;
	color: rgba(255,255,255,0.7);
	background: rgba(6,168,202,0.2);
	padding: 4px 14px;
	border-radius: 50px;
	backdrop-filter: blur(4px);
}
.hb-drag-cursor {
	width: 32px;
	height: 32px;
	border: 2px solid rgba(255,255,255,0.5);
	border-radius: 50%;
	position: relative;
	animation: dragSwipe 2s ease-in-out infinite;
}
.hb-drag-cursor::after {
	content: '';
	position: absolute;
	top: 50%; left: 50%;
	width: 8px; height: 8px;
	background: #fff;
	border-radius: 50%;
	transform: translate(-50%, -50%);
}
@keyframes dragSwipe {
	0%, 100% { transform: translateX(-20px); }
	50% { transform: translateX(20px); }
}
.hb-footer {
	background: #162234;
	padding: 10px 16px;
	display: flex; align-items: center; justify-content: center;
	border-top: 1px solid rgba(255,255,255,0.04);
}
.hb-footer-pill {
	font-size: 11px; font-weight: 500;
	color: #fff; background: #06a8ca;
	padding: 5px 18px; border-radius: 50px;
}

/* Hero split responsive */
@media (max-width: 991px) {
	.hero-split { grid-template-columns: 1fr; gap: 40px; padding: 0 20px; }
	.hero-h1 { font-size: 28px; white-space: normal; }
	.hero-h2 { font-size: 30px; white-space: normal; }
	.hb-body { grid-template-columns: 1fr; }
	.hb-body-text { display: none; }
}
@media (max-width: 767px) {
	.hero-split { padding: 0 16px; }
	.hero-h1 { font-size: 24px; }
	.hero-h2 { font-size: 26px; }
	.hero-body { font-size: 14px; }
}

@media (max-width: 1199px) {
	.hero-bird-wrap { width: 45%; right: -2%; }
}
@media (max-width: 991px) {
	.hero-title { font-size: 42px; letter-spacing: -1px; }
	.hero-bird-wrap { width: 40%; opacity: 0.7; }
	.hero-stat-num { font-size: 32px; }
}
@media (max-width: 767px) {
	.logo-bird-icon { height: 50px; }
	.hero-section { padding: 80px 0 50px; }
	.hero-title { font-size: 24px; letter-spacing: -0.5px; white-space: normal; }
	.hero-title-line1 { font-size: 0.65em; }
	.hero-title-accent::after { height: 3px; bottom: 1px; }
	.hero-sub { font-size: 17px; }
	.hero-bird-wrap { display: none; }
	.hero-cta-row { flex-direction: column; align-items: flex-start; }
	.hero-stats-bar { margin-top: 36px; padding-top: 28px; }
	.hero-stat-num { font-size: 28px; }
	.hero-stat + .hero-stat::before { display: none; }
	.hero-video-carousel { margin-top: 20px; }
	.hero-video-frame--carousel { border-radius: 10px; }
	.hero-video-frame--carousel video { border-radius: 10px; }
}

/* ═══════════════════════════════════════
   Shared page styles
   ═══════════════════════════════════════ */
.dark-page {
	background: #fafbff;
	position: relative;
	overflow: hidden;
	min-height: 100vh;
	padding: 100px 0 80px;
}
.dark-page:nth-child(even) {
	background: #f0f4f8;
}
.dark-page > .container:only-child {
	min-height: calc(100vh - 100px);
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.dark-page.ptb-80 {
	padding-top: 100px;
	padding-bottom: 80px;
}
.dark-page::before {
	content: '';
	position: absolute;
	inset: 0;
	background-image:
		linear-gradient(rgba(6,168,202,0.015) 1px, transparent 1px),
		linear-gradient(90deg, rgba(6,168,202,0.015) 1px, transparent 1px);
	background-size: 80px 80px;
	pointer-events: none;
	mask-image: radial-gradient(ellipse 80% 60% at 50% 30%, black 10%, transparent 70%);
	-webkit-mask-image: radial-gradient(ellipse 80% 60% at 50% 30%, black 10%, transparent 70%);
}
.dark-page .section-heading { color: #0a1628; font-size: 42px; }
.dark-page .sub-heading { color: #5a6a7e; font-size: 22px; }
.dark-page .color-grey { color: #5a6a7e; }
.dark-page p { color: #3a4a5e; }
@media (max-width: 991px) {
	.dark-page .section-heading { font-size: 32px; }
	.dark-page .sub-heading { font-size: 18px; }
}
@media (max-width: 767px) {
	.dark-page .section-heading { font-size: 26px; }
	.dark-page .sub-heading { font-size: 16px; }
}
.section-heading { color: #0a1628; }
.num-highlight { color: #06a8ca; }
.screenshot-placeholder {
	border: 2px dashed rgba(6,168,202,0.2);
	border-radius: 16px;
	padding: 60px 30px;
	text-align: center;
	color: #5a6a7e;
	font-size: 16px;
	background: rgba(6,168,202,0.03);
}

/* ═══════════════════════════════════════
   WHY AI TUTOR — Feature cards
   ═══════════════════════════════════════ */
.feature-grid-card {
	background: #ffffff;
	border-radius: 16px;
	padding: 32px 30px;
	height: 100%;
	border: 1px solid rgba(0,0,0,0.06);
	transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s, background 0.3s;
	position: relative;
	overflow: hidden;
	box-shadow: 0 2px 20px rgba(0,0,0,0.06);
	display: flex;
	flex-direction: column;
}
.feature-grid-card::after {
	content: '';
	position: absolute;
	top: 0; left: 0; right: 0;
	height: 3px;
	background: linear-gradient(to right, #FFC855, #06a8ca);
	opacity: 0;
	transition: opacity 0.3s;
}
.feature-grid-card:hover {
	transform: translateY(-4px);
	border-color: rgba(6,168,202,0.2);
	background: #ffffff;
	box-shadow: 0 12px 40px rgba(0,0,0,0.08);
}
.feature-grid-card:hover::after { opacity: 1; }
.feature-grid-card h5 { color: #0a1628; }
.feature-grid-card p { color: #3a4a5e; }
.feature-grid-icon {
	width: 52px;
	height: 52px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 18px;
	font-size: 24px;
	flex-shrink: 0;
}
.feature-grid-card h5 { margin-bottom: 10px !important; }
.feature-grid-card p { font-size: 15px; line-height: 1.6; }
.fg-icon-ai { background: rgba(6,168,202,0.12); color: #06a8ca; }
.fg-icon-3d { background: rgba(255,180,50,0.12); color: #e6a820; }
.fg-icon-quiz { background: rgba(130,80,230,0.1); color: #8b5cf6; }
.fg-icon-secure { background: rgba(6,168,202,0.12); color: #06a8ca; }
.fg-icon-collab { background: rgba(6,168,202,0.12); color: #06a8ca; }
.fg-icon-global { background: rgba(255,160,50,0.12); color: #e6a820; }
.fg-icon-assess { background: rgba(220,60,60,0.1); color: #ef4444; }
.fg-icon-mastery { background: rgba(16,185,129,0.12); color: #10b981; }

/* ═══════════════════════════════════════
   WHY AI TUTOR — Section spacing
   ═══════════════════════════════════════ */
.why-section-gap {
	padding-top: 80px;
}
.why-comparison-section {
	padding-top: 80px;
	padding-bottom: 60px;
	margin-top: 80px;
	border-top: 1px solid rgba(0,0,0,0.06);
	position: relative;
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	scroll-margin-top: 60px;
}
.why-comparison-section::before {
	content: '';
	position: absolute;
	top: -1px;
	left: 50%;
	transform: translateX(-50%);
	width: 120px;
	height: 3px;
	background: linear-gradient(to right, #FFC855, #3ec8e8);
	border-radius: 2px;
}
@media (max-width: 767px) {
	.why-comparison-section { padding-top: 48px; }
	.ps-section { padding-top: 48px; }
	.feature-grid-card { padding: 24px 22px; }
}

/* ═══════════════════════════════════════
   WHY AI TUTOR — Problem / Solution
   ═══════════════════════════════════════ */
.ps-section {
	position: relative;
	overflow: hidden;
	padding-top: 80px;
	padding-bottom: 60px;
	border-top: 1px solid rgba(0,0,0,0.06);
	min-height: 100vh;
	display: flex;
	flex-direction: column;
	justify-content: center;
	scroll-margin-top: 60px;
}
.ps-section::before {
	content: '';
	position: absolute;
	top: -30%;
	right: -8%;
	width: 500px;
	height: 500px;
	background: radial-gradient(circle, rgba(6,168,202,0.04) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}
.ps-card {
	border-radius: 20px;
	padding: 44px 40px;
	height: 100%;
	position: relative;
	overflow: hidden;
}
.ps-card-problem {
	background: #ffffff;
	border: 1px solid rgba(0,0,0,0.06);
	border-left: 4px solid #ef4444;
	box-shadow: 0 2px 20px rgba(0,0,0,0.06);
}
.ps-card-solution {
	background: #ffffff;
	border: 1px solid rgba(0,0,0,0.06);
	border-left: 4px solid #22c55e;
	box-shadow: 0 2px 20px rgba(0,0,0,0.06);
}
.ps-card-solution .ps-label { background: rgba(34,197,94,0.1); color: #16a34a; }
.ps-card-solution .ps-list li { color: #3a4a5e; }
.ps-card-solution .ps-list li::before { color: #22c55e; }
.ps-card-solution::after {
	content: '';
	position: absolute;
	bottom: -40%;
	right: -20%;
	width: 300px;
	height: 300px;
	background: radial-gradient(circle, rgba(34,197,94,0.04) 0%, transparent 70%);
	border-radius: 50%;
	pointer-events: none;
}
.ps-label {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding: 8px 18px;
	border-radius: 50px;
	margin-bottom: 28px;
}
.ps-label-problem { background: rgba(220,38,38,0.08); color: #dc2626; }
.ps-label-solution { background: rgba(34,197,94,0.1); color: #16a34a; }
.ps-list { list-style: none; padding: 0; margin: 0; }
.ps-list li {
	position: relative;
	padding: 14px 0 14px 36px;
	font-size: 16px;
	color: #3a4a5e;
	line-height: 1.6;
	border-bottom: 1px solid rgba(0,0,0,0.04);
}
.ps-list li:last-child { border-bottom: none; }
.ps-list li::before {
	position: absolute;
	left: 0;
	top: 16px;
	font-size: 13px;
	font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome;
	font-weight: 900;
}
.ps-list.problems li::before { content: '\f00d'; color: #ef4444; }
.ps-list.solutions li::before { content: '\f00c'; color: #22c55e; }
.ps-card-problem .ps-icon-top {
	position: absolute;
	top: 20px;
	right: 24px;
	font-size: 48px;
	color: rgba(220,38,38,0.08);
}
.ps-card-solution .ps-icon-top {
	position: absolute;
	top: 20px;
	right: 24px;
	font-size: 48px;
	color: rgba(34,197,94,0.08);
}
@media (max-width: 767px) {
	.ps-card { padding: 32px 28px; }
}

/* ═══════════════════════════════════════
   HOW IT WORKS
   ═══════════════════════════════════════ */
.hiw-step {
	text-align: center;
	position: relative;
	top: 0;
	padding: 28px 20px 32px;
	background: #ffffff;
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: 16px;
	box-shadow: 0 2px 20px rgba(0,0,0,0.06);
	transition: top 0.3s, border-color 0.3s, box-shadow 0.3s, background 0.3s;
	height: 100%;
}
.hiw-step:hover {
	top: -4px;
	border-color: rgba(6,168,202,0.2);
	background: #ffffff;
	box-shadow: 0 12px 40px rgba(0,0,0,0.08);
}
.hiw-step h5 { color: #0a1628; }
.hiw-step p { color: #3a4a5e; }
.hiw-number {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	background: linear-gradient(135deg, #FFC855, #06a8ca);
	color: #ffffff;
	font-size: 26px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto 20px;
	position: relative;
	z-index: 4;
	box-shadow: 0 4px 20px rgba(6,168,202,0.3);
}
.hiw-steps > [class*="col-"] {
	animation-fill-mode: backwards !important;
}
.hiw-connector {
	position: absolute;
	top: 60px;
	left: calc(50% + 32px);
	width: calc(100% - 32px);
	height: 3px;
	background: linear-gradient(to right, rgba(255,200,85,0.5), rgba(6,168,202,0.5));
	z-index: 3;
	border-radius: 2px;
}
@media (max-width: 991px) {
	.hiw-connector { display: none; }
	.hiw-step { padding: 24px 16px 28px; }
}

/* ═══════════════════════════════════════
   ABOUT US
   ═══════════════════════════════════════ */
.about-tagline-strip {
	background: #ffffff;
	border: 1px solid rgba(255,200,85,0.2);
	border-radius: 14px;
	padding: 24px 36px;
	box-shadow: 0 2px 20px rgba(0,0,0,0.04);
	position: relative;
	overflow: hidden;
}
.about-tagline-strip::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 100%;
	background: linear-gradient(to bottom, #FFC855, rgba(255,200,85,0.2));
	border-radius: 4px 0 0 4px;
}
.about-value-card {
	background: #ffffff;
	border-radius: 16px;
	padding: 40px;
	border: 1px solid rgba(0,0,0,0.06);
	height: 100%;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s, box-shadow 0.3s, border-color 0.3s, background 0.3s;
	box-shadow: 0 2px 20px rgba(0,0,0,0.06);
}
.about-value-card:hover {
	transform: translateY(-4px);
	border-color: rgba(6,168,202,0.2);
	background: #ffffff;
	box-shadow: 0 12px 40px rgba(0,0,0,0.08);
}
.about-value-card h4 { color: #06a8ca; }
.about-value-card p { color: #3a4a5e; }
.about-value-card li { color: #3a4a5e !important; }
.about-value-card .color-bondi-blue { color: #3ec8e8; }
.about-card-icon {
	width: 52px;
	height: 52px;
	border-radius: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	margin-bottom: 18px;
	background: rgba(6,168,202,0.12);
	color: #06a8ca;
}
.about-card-icon.icon-gold {
	background: rgba(255,180,50,0.12);
	color: #e6a820;
}
.about-card-icon.icon-purple {
	background: rgba(130,80,230,0.1);
	color: #8b5cf6;
}
.about-value-card .card-spacer {
	flex-grow: 1;
}

/* ═══════════════════════════════════════
   FOR YOU — Audience cards
   ═══════════════════════════════════════ */
.aud-card {
	background: #ffffff;
	border: 1px solid rgba(0,0,0,0.06);
	border-radius: 14px;
	padding: 28px 24px;
	height: 100%;
	transition: transform 0.3s, border-color 0.3s, box-shadow 0.3s, background 0.3s;
	box-shadow: 0 2px 20px rgba(0,0,0,0.06);
}
.aud-card:hover {
	transform: translateY(-4px);
	border-color: rgba(6,168,202,0.2);
	background: #ffffff;
	box-shadow: 0 12px 40px rgba(0,0,0,0.08);
}
.aud-card h4 { color: #06a8ca !important; font-size: 20px !important; }
.aud-card-icon {
	width: 42px;
	height: 42px;
	border-radius: 11px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	margin-bottom: 14px;
	background: rgba(6,168,202,0.12);
	color: #06a8ca;
}
.aud-list { list-style: none; padding: 0; margin: 0; }
.aud-list li {
	position: relative;
	padding: 5px 0 5px 24px;
	font-size: 14px;
	color: #3a4a5e;
	line-height: 1.5;
}
.aud-list li::before {
	content: '\f00c';
	font-family: 'Font Awesome 6 Free', 'Font Awesome 5 Free', FontAwesome;
	font-weight: 900;
	position: absolute;
	left: 0;
	top: 10px;
	font-size: 13px;
	color: #3ec8e8;
}

/* ═══════════════════════════════════════
   WHY AI TUTOR — Comparison cards
   ═══════════════════════════════════════ */
.compare-card {
	border-radius: 16px;
	padding: 32px 28px;
	background: #ffffff;
	border: 1px solid rgba(0,0,0,0.06);
	box-shadow: 0 2px 20px rgba(0,0,0,0.06);
}
.compare-card__title {
	font-size: 18px;
	margin-bottom: 20px;
	padding-bottom: 16px;
	border-bottom: 2px solid rgba(0,0,0,0.06);
}
.compare-card--others .compare-card__title {
	color: #8896a6;
}
.compare-card--saras {
	background: linear-gradient(135deg, #f0fbff 0%, #e6f9ff 100%);
	border-color: rgba(6,168,202,0.2);
}
.compare-card--saras .compare-card__title {
	color: #06a8ca;
	border-bottom-color: rgba(6,168,202,0.15);
}
.compare-card__list {
	list-style: none;
	padding: 0;
	margin: 0;
}
.compare-card__list li {
	padding: 10px 0;
	font-size: 15px;
	color: #3a4a5e;
	border-bottom: 1px solid rgba(0,0,0,0.04);
	display: flex;
	align-items: center;
	gap: 10px;
}
.compare-card__list li:last-child {
	border-bottom: none;
}
.compare-card--others .compare-card__list li {
	color: #8896a6;
}
.compare-no {
	color: #e2e8f0;
	font-size: 14px;
	flex-shrink: 0;
}
.compare-yes {
	color: #10b981;
	font-size: 14px;
	flex-shrink: 0;
}

/* ======================================
   Comparison Table
   ====================================== */
.comparison-table-wrap {
	background: #ffffff;
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 4px 32px rgba(0,0,0,0.08);
	border: 1px solid rgba(0,0,0,0.06);
}
.comparison-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}
.comparison-table thead tr {
	background: linear-gradient(135deg, #0a1628 0%, #162a44 100%);
}
.comparison-table th {
	padding: 20px 24px;
	font-size: 15px;
	font-family: Poppins-Bold;
	color: #ffffff;
	text-align: center;
	letter-spacing: 0.3px;
}
.comparison-table th.ct-feature-col {
	text-align: left;
	width: 40%;
}
.comparison-table th.ct-col {
	width: 20%;
}
.comparison-table th.ct-saras-col {
	background: rgba(6,168,202,0.25);
	color: #7de8ff;
}
.comparison-table .ct-feature {
	padding: 16px 24px;
	font-size: 15px;
	font-family: Poppins-Medium;
	color: #0a1628;
	text-align: left;
	border-bottom: 1px solid #edf2f7;
}
.comparison-table .ct-cell {
	padding: 16px 24px;
	text-align: center;
	border-bottom: 1px solid #edf2f7;
}
.comparison-table .ct-saras-cell {
	background: rgba(6,168,202,0.04);
}
.comparison-table tbody tr:last-child td {
	border-bottom: none;
}
.comparison-table tbody tr:hover {
	background: rgba(6,168,202,0.04);
}
.comparison-table tbody tr:hover .ct-saras-cell {
	background: rgba(6,168,202,0.08);
}
.comparison-table tbody tr:nth-child(even) {
	background: #f9fbfc;
}
.comparison-table tbody tr:nth-child(even) .ct-saras-cell {
	background: rgba(6,168,202,0.06);
}
.ct-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	font-size: 14px;
}
.ct-badge.ct-yes {
	background: rgba(16,185,129,0.12);
	color: #059669;
}
.ct-badge.ct-no {
	background: rgba(239,68,68,0.08);
	color: #dc2626;
}
.ct-badge.ct-partial {
	background: rgba(245,158,11,0.12);
	color: #d97706;
}
@media (max-width: 767px) {
	.comparison-table-wrap { overflow-x: auto; }
	.comparison-table { min-width: 600px; }
	.comparison-table th { padding: 14px 12px; font-size: 13px; }
	.comparison-table .ct-feature { padding: 12px; font-size: 13px; }
	.comparison-table .ct-cell { padding: 12px; }
	.ct-badge { width: 28px; height: 28px; font-size: 12px; }
}

/* ======================================
   Team Cards
   ====================================== */
.team-card {
	background: #ffffff;
	border-radius: 16px;
	padding: 32px 24px;
	text-align: center;
	border: 1px solid rgba(0,0,0,0.06);
	box-shadow: 0 2px 20px rgba(0,0,0,0.06);
	height: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
}
.team-avatar {
	width: 100px;
	height: 100px;
	border-radius: 50%;
	background: linear-gradient(135deg, #e6f9ff 0%, #d0f0ff 100%);
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 16px;
	font-size: 32px;
	color: #06a8ca;
	overflow: hidden;
	flex-shrink: 0;
}
.team-avatar img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.team-role {
	display: block;
	font-size: 14px;
	color: #06a8ca;
}
.team-location {
	display: block;
	font-size: 13px;
	color: #8896a6;
	margin-bottom: 4px;
}

/* ======================================
   Page-Load Transition Animations
   ====================================== */

/* Keyframes */
@keyframes fadeUp {
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: none;
	}
}

@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

@keyframes scaleIn {
	from {
		opacity: 0;
		transform: scale(0.95);
	}
	to {
		opacity: 1;
		transform: scale(1);
	}
}

/* Animation classes */
.anim-fade-up {
	animation: fadeUp 0.7s ease-out both;
}

.anim-fade-in {
	animation: fadeIn 0.6s ease-out both;
}

.anim-scale-in {
	animation: scaleIn 0.5s ease-out both;
}

/* Stagger delay classes */
.anim-delay-1 { animation-delay: 0.05s; }
.anim-delay-2 { animation-delay: 0.1s; }
.anim-delay-3 { animation-delay: 0.15s; }
.anim-delay-4 { animation-delay: 0.2s; }
.anim-delay-5 { animation-delay: 0.25s; }
.anim-delay-6 { animation-delay: 0.3s; }
.anim-delay-7 { animation-delay: 0.35s; }
.anim-delay-8 { animation-delay: 0.4s; }

/* ═══════════════════════════════════════
   SCROLL-DOWN ARROW BUTTON
   ═══════════════════════════════════════ */
.scroll-next-btn {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 48px;
	height: 48px;
	margin: 60px auto 0;
	border-radius: 50%;
	border: 1px solid rgba(10,22,40,0.12);
	background: rgba(255,255,255,0.6);
	color: #0a1628;
	font-size: 20px;
	cursor: pointer;
	transition: all 0.3s;
	animation: arrowBounce 2s ease-in-out infinite;
	text-decoration: none;
}
.scroll-next-btn:hover {
	border-color: rgba(6,168,202,0.4);
	background: rgba(6,168,202,0.08);
	color: #06a8ca;
	transform: scale(1.1);
	animation: none;
}
@keyframes arrowBounce {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(4px); }
}
.scroll-top-btn {
	animation: arrowBounceUp 2s ease-in-out infinite;
}
@keyframes arrowBounceUp {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(-4px); }
}


.nav-cta-btn {
    display: inline-block;
    padding: 8px 20px;
    background: linear-gradient(135deg, #FFC855 0%, #f0a030 100%);
    color: #020a2e !important;
    border-radius: 50px;
    font-family: Poppins-Medium;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition: all 0.3s;
    white-space: nowrap;
}
.nav-cta-btn-login {
    display: inline-block;
    padding: 8px 20px;
    background: #06a8ca;
    color: white;
    border-radius: 50px;
    font-family: Poppins-Medium;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.3px;
    transition: all 0.3s;
    white-space: nowrap;
}
.nav-cta-btn-login:hover {
    background: #06a8ca;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(255,200,85,0.3);
}
.nav-cta-btn:hover {
    background: linear-gradient(135deg, #ffe08a 0%, #FFC855 100%);
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(255,200,85,0.3);
    color: #020a2e !important;
}

.next-page-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #5a6a7e;
    font-family: Poppins-Medium;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s;
    padding: 10px 0;
    margin-top: 40px;
}
.next-page-link:hover {
    color: #06a8ca;
}
.next-page-link i {
    transition: transform 0.3s;
}
.next-page-link:hover i {
    transform: translateX(4px);
}

.testimonial-card {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 16px;
    padding: 32px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.06);
    height: 100%;
}
.testimonial-card .testimonial-author {
    margin-top: 16px;
}
.testimonial-card .testimonial-quote {
    color: #3a4a5e;
    font-style: italic;
}
.testimonial-card .testimonial-name {
    color: #0a1628;
}
.testimonial-card .testimonial-role {
    color: #5a6a7e;
    font-size: 14px;
}

.about-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.about-list li {
    padding: 7px 0;
    font-size: 15px;
    color: #3a4a5e;
}

/* Scroll anchors — offset for fixed navbar */
#features, #how-it-works, #social-proof, #final-cta,
#comparison, #problem-solution {
    scroll-margin-top: 60px;
}

/* ═══════════════════════════════════════
   CONTACT PAGE
   ═══════════════════════════════════════ */
.contact-form-card {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 20px;
    padding: 48px 40px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.06);
}
.contact-input {
    width: 100%;
    background: #f8f9fc;
    border: 1px solid rgba(0,0,0,0.1);
    border-radius: 12px;
    padding: 14px 20px;
    font-family: Poppins-Light;
    font-size: 15px;
    color: #0a1628;
    transition: all 0.3s;
    outline: none;
}
.contact-input::placeholder {
    color: #8a95a5;
}
.contact-input:focus {
    border-color: #3ec8e8;
    background: #ffffff;
    box-shadow: 0 0 0 3px rgba(62,200,232,0.1);
}
.contact-select {
    appearance: none;
    cursor: pointer;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='rgba(10,22,40,0.4)' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 16px center;
}
.contact-select option {
    background: #ffffff;
    color: #0a1628;
}
.contact-textarea {
    min-height: 140px;
    resize: vertical;
}

/* Reach Us */
.reach-us-card {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 20px;
    padding: 48px 40px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.06);
    margin-bottom: 40px;
}
.reach-us-link {
    color: #3ec8e8;
    text-decoration: none;
    transition: color 0.3s;
}
.reach-us-link:hover {
    color: #FFC855;
}

/* Location Cards */
.location-card {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 20px;
    padding: 36px 32px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.06);
    height: 100%;
}
.location-flag {
    width: 36px;
    margin-right: 8px;
    vertical-align: middle;
}
.location-country {
    color: #0a1628;
    font-size: 24px;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px solid rgba(0,0,0,0.06);
}
.location-detail {
    margin-bottom: 20px;
}
.location-label {
    display: block;
    font-family: Poppins-Bold;
    font-size: 13px;
    color: #3ec8e8;
    text-transform: uppercase;
    letter-spacing: 1px;
    margin-bottom: 4px;
}
.location-value {
    font-family: Poppins-Light;
    font-size: 15px;
    color: #3a4a5e;
    text-decoration: none;
    transition: color 0.3s;
}
a.location-value:hover {
    color: #FFC855;
}
.location-map {
    margin-top: 24px;
    border-radius: 12px;
    overflow: hidden;
    border: 1px solid rgba(0,0,0,0.06);
}
.location-map iframe {
    display: block;
    border: 0;
}

@media (max-width: 767px) {
    .contact-form-card {
        padding: 32px 20px;
    }
    .reach-us-card {
        padding: 32px 20px;
    }
    .reach-us-card h3 {
        font-size: 22px !important;
    }
}

/* ═══════════════════════════════════════
   LEGAL PAGES (Privacy Policy, Terms, etc.)
   ═══════════════════════════════════════ */
.legal-card {
    background: #ffffff;
    border: 1px solid rgba(0,0,0,0.06);
    border-radius: 20px;
    padding: 56px 56px;
    box-shadow: 0 2px 20px rgba(0,0,0,0.06);
}
.legal-card p {
    color: #3a4a5e;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 18px;
}
.legal-card .legal-intro {
    font-size: 17px;
    color: #0a1628;
    padding: 20px 24px;
    background: rgba(6,168,202,0.06);
    border-left: 4px solid #06a8ca;
    border-radius: 8px;
    margin-bottom: 32px;
}
.legal-heading {
    color: #0a1628;
    font-size: 22px;
    padding-bottom: 12px;
    border-bottom: 2px solid rgba(6,168,202,0.2);
    position: relative;
}
.legal-heading::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 60px;
    height: 2px;
    background: #06a8ca;
}
.legal-link {
    color: #06a8ca;
    text-decoration: none;
    border-bottom: 1px solid rgba(6,168,202,0.3);
    transition: all 0.3s;
}
.legal-link:hover {
    color: #f0a030;
    border-bottom-color: #f0a030;
}
.legal-card .legal-list {
    list-style: none;
    padding-left: 0;
    margin: 0 0 24px 0;
}
.legal-card .legal-list li {
    position: relative;
    padding: 8px 0 8px 28px;
    color: #3a4a5e;
    font-family: Poppins-Light;
    font-size: 16px;
    line-height: 1.7;
}
.legal-card .legal-list li::before {
    content: '';
    position: absolute;
    left: 4px;
    top: 18px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #06a8ca;
}
.legal-card .legal-list-nested {
    margin-left: 28px;
    border-left: 2px solid rgba(6,168,202,0.15);
    padding-left: 20px;
}
.legal-card .legal-list-nested li::before {
    background: #FFC855;
}
.legal-divider {
    border: none;
    height: 1px;
    background: linear-gradient(to right, transparent, rgba(6,168,202,0.3), transparent);
    margin: 56px 0 32px;
}
.legal-section-title {
    color: #0a1628;
    font-size: 28px;
    text-align: center;
    position: relative;
    padding-bottom: 16px;
}
.legal-section-title::after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(to right, #06a8ca, #FFC855);
    border-radius: 2px;
}
.legal-effective {
    text-align: center;
    color: #5a6a7e;
    margin-bottom: 32px;
}
.legal-subheading {
    color: #0a1628;
    font-size: 18px;
    padding-left: 12px;
    border-left: 3px solid #06a8ca;
}
@media (max-width: 991px) {
    .legal-card {
        padding: 40px 32px;
    }
    .legal-heading {
        font-size: 20px;
    }
}
@media (max-width: 767px) {
    .legal-card {
        padding: 28px 22px;
    }
    .legal-card p {
        font-size: 15px;
    }
    .legal-card .legal-intro {
        font-size: 15px;
        padding: 16px 18px;
    }
    .legal-heading {
        font-size: 18px;
    }
}