@font-face {
    font-family: 'Ranille Normal';
    src: url('../fonts/RanilleNormal-Regular.woff2') format('woff2'),
        url('../fonts/RanilleNormal-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


* {
	padding:0;
	margin:0;
}

html{
	scroll-behavior: smooth;
}

body {
	background:#e9f5ff;
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
    font-style: normal;
}

img{
	width:100%;
	height:auto;
}

button{
	border:0;
	outline:0;
	border-radius:8px;
	padding:12px 20px;
}

.nav-link:focus, .nav-link:hover {
    color: #3E6B5F ;
    transition: 0.5s;
}

.accordion-button:focus, :focus{
	outline:0;
	border:0;
	box-shadow:none;	
}


div.desk{
	justify-content:center;
}

div.desk a{
	color:#3452A5;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 50px;
}

nav.navbar.navbar-expand-lg.trans {
    position: absolute;
    z-index: 2;
    width: 100%;
}

.navbar-min {
    position: fixed !important;
    top: 0;
    right: 0;
    left: 0;
    z-index: 3 !important;
	background:#E9F5FF;
	box-shadow:0 0 6px #ddd;
}

nav .login{
	display:flex;
	align-items:start;
}

nav .login a.log-in{
	font-weight: 500;
	font-size: 18px;
	color:#3452A5;
	margin-right:10px;
	transition:0.5s;
	border-radius:8px;
	height:48px;
}

nav .login a.log-in:hover{
	color:#3E6B5F;
	transition:0.5s;
	border-radius:8px;
}

nav .login a.sign-up{
	font-weight: 500;
	font-size: 18px;
	line-height: 50px;
	color: #E9F5FF;
	background:#3452A5;
	display:flex;
	align-items:center;
	justify-content:center;
	border-radius:8px;
	width: 149px;
	height: 48px;
	transition:0.5s;
}

nav .login a.sign-up:hover{
	background:#3E6B5F;
	color: #C8F6ED;
}

.hero-banner{
	position:relative;
	background:url(../images/hero-bg.png) no-repeat;
	background-size:100% 100%;	
	width:100%;
}

.hero-banner .container{
	position:relative;
}

.hero-banner .container .row{
	padding:10rem 0;
	align-items:center;
}

.hero-banner .container .row img.hero{
	width:100%;
	height:auto;
}

.hero-banner h2{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 47px;
	line-height: 64px;
	color: #3452A5;
	margin-bottom:10px;
}

.hero-banner ul{
	list-style:none;	
	padding-left:0;
	margin:40px 0;
	
}

.hero-banner ul li{
	font-size: 20px;
	line-height:20px;
	margin-bottom:25px;
	position:relative;
	padding-left:35px;
	font-weight: 500;
	color:#3452A5;
	display:block;
}

.hero-banner ul li:before{
	position:absolute;
	content:'';
	left:0;
	top:4px;
	background:url(../images/bullet-icon.svg) no-repeat;
	background-size:cover;
	width:20px;
	height:13px;
}

.hero-banner button{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 12px 16px;
	width:150px;
	background: #3452A5;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	height:48px;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #E9F5FF;
	outline:0;
	border:0;
	transition:0.5s;
}

.hero-banner button:hover{
	background: #3E6B5F;
	transition:0.5s;
	border-radius: 8px;
}

.hero-banner button img{
	margin-left:12px;
	margin-top: 3px;
	width:14px;
	height:15px;
}

.features{
	padding:2rem 0 0;
	background:#C8F6ED;
	position:relative;
}

.features h3{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 64px;
	text-align: center;
	color: #3E6B5F;
	margin-bottom:40px;
}

.features img{
	margin-bottom:5px;
	height:145px;
	width:auto;
}

.features h4{
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	margin-bottom:25px;
	text-align: center;
	color: #3E6B5F;
}

.features p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #3E6B5F;
	padding:0 40px;
}

.features button{
	width: 184px;
	height: 48px;
	background: #3E6B5F;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	color: #C8F6ED;
	display:flex;
	align-items:center;
	justify-content:center;
	margin:0 auto;
	transition:0.5s;
	border:2px solid transparent;
	border-radius:6px;
	text-decoration:none;
}

.features button:hover{
	transition:0.5s;
	background: transparent;
	border:2px solid #3E6B5F;
	color: #3E6B5F;
}

.mt-33{
	margin-top:50px;
}

.global{
	background: #F5F5F5;
	padding:14rem 0 12rem;
	position:relative;
}

.global:after{
	background:url(../images/global-bg.png) no-repeat;
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:140px;
	background-size:100% 100%;
}

.global:before{
	background:url(../images/global-right.png) no-repeat;
	position:absolute;
	content:'';
	right:0;
	top:0;
	width:200px;
	height:100%;
	background-size:100% 100%;
}

.global h3{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 64px;
	color: #3452A5;
	margin-bottom:60px;
}

.global img{
	border-radius:30px;
	width:100%;
	height:auto;
	padding-right:40px;
}

.global .cntnt{
	margin-bottom:35px;
	padding-left:30px;
}

.global .cntnt h6{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 56px;
	color: #3452A5;
	margin-bottom:1px;
}

.global .cntnt h5{
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	color: #3452A5;
}

.global p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #3452A5;
	padding-left:30px;
}

.donate{
	background:#F8EBB9;
	padding:1rem 0;
	position:relative;
}

.donate:after{
	background:url(../images/donate-bg-2.png) no-repeat;
	position:absolute;
	content:'';
	left:0;
	bottom: -125px;
    width: 100%;
    height: 140px;
	background-size:100% 100%;
	z-index:2;
}

.donate:before{
	background:url(../images/donate-bg.png) no-repeat;
	position:absolute;
	content:'';
	right:0;
	top: -110px;
    width: 100%;
    height: 140px;
	background-size:100% 100%;
}

.donate h3{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 40px;
	line-height: 64px;
	color: #39549B;
	margin-bottom:60px;
	margin-top:155px;
}

.donate p{
	font-style: normal;
	font-weight:400;
	font-size: 16px;
	line-height: 30px;
	color: #3452A5;
	margin-bottom:50px;
}

.donate img{
	padding-left:50px;
}

.pd-r-30{
	padding-right:20px;
}

.donate h4 {
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    margin-bottom: 25px;
    text-align: center;
    color: #3452A5;
}

.donate button {
    width: 159px;
    height: 48px;
    background: #3452A5;
    box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    color: #ECD88C;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
	transition:0.5s;
	border:2px solid transparent;
}

.donate button:hover{
	transition:0.5s;
    color: #3452A5;
	border:2px solid #3452A5;
	border-radius:8px;
	background:transparent;
}

.f-a-q{
	padding:12rem 0 24rem;
	background:#e9f5ff;
	position:relative;
	height:1000px;
}

.f-a-q:before{
	background:url(../images/faq-cloud.svg) no-repeat;
	position:absolute;
	content:'';
	right:30%;
	top: 150px;
    width: 208px;
    height: 133px;
	background-size:100% 100%;
}

.f-a-q:after{
	background:url(../images/faq.png) no-repeat;
	position:absolute;
	content:'';
	left:0;
	bottom: 0px;
    width: 100%;
    height: 680px;
	background-size:100% 100%;
	z-index:2;
}

.f-a-q h3{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 64px;
	color: #39549B;
	margin-bottom:60px;	
}

.f-a-q div#accordionExample{
	position:relative;
	z-index:3;
}

.f-a-q .accordion-item:first-of-type {
    border-top-left-radius:0;
    border-top-right-radius:0;
}

.f-a-q .accordion-item {
    background-color:transparent;
    border: none;
}

.f-a-q .accordion-button:not(.collapsed) {
    color: #3452A5;
    background-color: transparent;
    box-shadow: none;
}

.f-a-q .accordion-button{
	background-color:transparent;
	font-style: normal;
	font-weight: 700;
	font-size: 18px;
	line-height: 30px;
	color: #3452A5;
	padding-left:40px;
}

.f-a-q .accordion-button::after{
	background: url(../images/down.svg) no-repeat;
	background-size:cover;
	position:absolute;
	left:0;
	width: 14px;
    height: 9px;
}

.f-a-q .accordion-body{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #3452A5;
	padding-left:40px;
}

.partner{
	padding:2rem 0;
	background: #3E6B5F;
	position:relative;
}

.partner:before{
	background:url(../images/partner-bg.svg) no-repeat;
	position:absolute;
	content:'';
	right:0;
	top: -150px;
    width: 203px;
    height: 411px;
	background-size:100% 100%;
	z-index:2;
}

.partner:after{
	background:url(../images/partner-bg-2.png) no-repeat;
	position:absolute;
	content:'';
	left:0;
	bottom: -250px;
    width: 100%;
    height: 253px;
	background-size:100% 100%;
	z-index:2;
}

.partner h3{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 60px;
	color: #C8F6ED;
	margin-bottom:30px;
}

.partner p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #C8F6ED;
	margin-bottom:30px;
}

.partner .btn-ara{
	display:flex;
	align-items:center;
	margin-bottom:40px;
}

.partner .btn-ara button{
	background: #C8F6ED;
	width:134px;
	height:48px;
	display:flex;
	align-items:center;
	justify-content:center;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	color: #3E6B5F;
	margin-right:50px;
	border:2px solid transparent;
	transition:0.5s;
}

.partner .btn-ara button:hover{
	transition:0.5s;
	color: #E9F5FF;
    background: transparent;
	border:2px solid #C8F6ED;
}

.partner .custom-select {
  position: relative;
  height: 48px;
}

.partner .custom-select select {
  display: none; /*hide original SELECT element:*/
}

.partner .select-selected {
  background-color: #C8F6ED;
}

.partner .select-selected:after {
  position: absolute;
  content: "";
  top: 21px;
  right: 20px;
  width: 22px;
  height: 10px;
  background: url(../images/g-down.svg)no-repeat;
  background-size:100% 100%;
}

.partner .select-selected.select-arrow-active:after {
  transform:rotate(180deg);
}

.partner .select-items div{
  color: #3E6B5F;
  padding: 10px 10px 10px 20px;
  cursor: pointer;
  user-select: none;
  width:300px;
  display:flex;
  align-items:center;
  border-radius:8px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
}

.partner .select-selected {
  color: #3E6B5F;  
  padding: 10px 10px 10px 20px;
  cursor: pointer;
  user-select: none;
  height: 48px;
  width:300px;
  display:flex;
  align-items:center;
  border-radius:8px;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
}

.partner .select-items {
  position: absolute;
  background: rgba(221, 248, 242, 0.98);
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
  border-radius:8px;
}

.partner .select-hide {
  display: none;
}

.partner .select-items div:hover, .partner .same-as-selected {
   font-weight:700;
}

.partner .btn-ara select:focus{
	outline:0;
	border:0;
}

.partner .prtnr-area{
	display:flex;
	justify-content:space-between;
}

.partner .prtnr-img{
	border-radius:20px;
}

.partner .prtnr-img img{
	width:100%;
}

.collab{
	background:#e9f5ff;
	padding:16rem 0 4rem;
}

.collab h3{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-weight: 400;
	font-size: 64px;
	color: #3452A5;
	margin-bottom:60px;
}

.collab img {
    margin-bottom: 10px;
    height: 145px;
    width: auto;
}

.collab h4{
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	color: #3452A5;
	margin-bottom:20px;
}

.collab p {
    font-style: normal;
	font-weight: normal;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
	color: #3452A5;
    padding: 0 40px;
}

.footer{
	border-top: 2px solid #3452A5;
	padding:4rem 0 2rem;
	position:relative;
	background:#e9f5ff;
	z-index:9999;
}

.footer .row{
	align-items:center;
}

.footer h3{
	font-style: normal;
	font-weight: 700;
	font-size: 40px;
	color: #3452A5;
}

.footer h4{
	font-style: normal;
	font-weight: 400;
	font-size: 40px;
	color: #3452A5;
}

.footer .foot-btn{
	display:flex;
	align-items:center;
	justify-content:end;
}

.footer .foot-btn button{
	display: flex;
	flex-direction: row;
	justify-content: center;
	width:149px;
	height:48px;
	background: #3452A5;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	color: #E9F5FF;
	transition:0.5s;
}

.footer .foot-btn button{
	display: flex;
	align-items:center;
	justify-content: center;
	width:149px;
	height:48px;
	background: #3452A5;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	color: #E9F5FF;
	transition:0.5s;
	border-radius:6px;
	text-decoration:none;
}

.footer .foot-btn button:hover{
	transition:0.5s;
	background: #3E6B5F;
    color: #C8F6ED;
}

.footer .foot-btn button.s-f{
	margin-right:30px;
}

.footer .bootm-ftr{
	display:flex;
	align-items:center;
	justify-content:space-between;
	border-top: 2px solid #3452A5;
	margin-top:50px;
	padding-top:30px;
}

.footer .bootm-ftr .copy{
	width:50%;
	float:left;
	display:flex;
	align-items:center;
}

.footer .bootm-ftr .copy p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #3452A5;
	margin-right:50px;
	margin-bottom:0;
}

.footer .bootm-ftr .copy p a{
	color: #3452A5;
	text-decoration:none;
}

.footer .bootm-ftr .social-media{
	width:50%;
	float:right;
	display:flex;
	align-items:center;
	justify-content:end;
}

.footer .bootm-ftr .social-media a:not(:last-child){
	margin-right:20px;
}




/* Beta page */

.beta{
	position:relative;
	background:#e9f5ff;
	width:100%;
}

.beta .container{
	position:relative;
}

.beta .container .row{
	padding:10rem 0 13rem;
	align-items:center;
}

.beta .container .form .row{
	padding:1rem 0;
	align-items:center;
}

.beta .container .row img.hero{
	width:100%;
	height:auto;
}

.beta .cntnt{
	padding-right:40px;
}

.beta h2{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 64px;
	color: #3452A5;
	margin-bottom:10px;
}

.beta p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #3452A5;
}

.beta .form{
	padding-right:80px;
}

.beta .form input[type="text"]{
	background: #FFFFFF;
	border: 1px solid #3452A5;
	border-radius: 8px;
	margin-bottom:15px;
	padding:10px;
	font-weight: 400;
	font-size: 16px;
	color: #3452A5;
}

.beta .form input::placeholder{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	color: #3452A5;
}

.beta .form label{
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #3452A5;
}
.beta .form label a{
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 20px;
	color: #3452A5;
}

.beta .form button{
	background: #3452A5;
	border-radius: 8px;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	display: flex;
	justify-content:center;
	align-items: center;
	text-align: center;
	color: #FFFFFF;
	width:100%;
	border:0;
	outline:0;
	height:48px;
	margin-top:15px;
	transition:0.5s;
}

.beta .form button:hover {
    background: #3E6B5F;
    color: #C8F6ED;
	transition:0.5s;
}

.beta h5{
	font-style: normal;
	font-weight: 700;
	font-size: 16px;
	line-height: 30px;
	color: #3452A5;
	text-align:center;
	margin-top:25px;
}

.beta h5 a{
	color: #3452A5;
}
.learn{
	padding:4rem 0 0;
	background:#F8EBB9;
	position:relative;
}

.learn:before{
	position:absolute;
	content:'';
	left:0;
	top:-200px;
	width:100%;
	height:200px;
	background:url(../images/learn-bg.png) no-repeat;
	background-size:100% 100%;
}

.learn h4{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 64px;
	color: #3452A5;
	margin-bottom:30px;
	padding-right:70px;
}

.learn p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #3452A5;
	padding-right:80px;
}

.learn .rgt h4{
	padding-right:0px;
	padding-left:40px;
}

.learn .rgt p{
	padding-right:0px;
	padding-left:40px;
}

.learn h5{
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 50px;
	text-align: center;
	color: #3452A5;
	position:relative;
	z-index:2;
}

.steps{
	padding:14rem 0 10rem;
	background: #e9f5ff;
	position:relative;
}

.steps:after{
	position:absolute;
	content:'';
	left:0;
	top:0;
	width:100%;
	height:149px;
	background:url(../images/step-1.png) no-repeat;
	background-size:100% 100%;
}

.steps:before{
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:100%;
	height:220px;
	background:url(../images/step-2.png) no-repeat;
	background-size:100% 100%;
}

.steps h4{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 64px;
	color: #3E6B5F;
	margin-bottom:40px;
}

.steps .bee{
	background:#3E6B5F;
	padding:40px;
	border-radius: 30px;
	position:relative;
}

.steps .bee:before{
	background:url(../images/step-bg.png) no-repeat;
	content:'';
	top: -206px;
    right: 38%;
    width: 155px;
    height: 216px;
	position:absolute;
	background-size:100% 100%;
}

.steps .bee:after{
	background:url(../images/bee.svg) no-repeat;
	content:'';
	top: -257px;
    right: 18%;
    width: 130px;
    height: 148px;
	position:absolute;
	background-size:100% 100%;
}

.steps .bee h6{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 64px;
	line-height: 75px;
	color: #FFC8A3;
}

.steps .bee h5{
	font-style: normal;
	font-weight: 700;
	font-size: 28px;
	line-height: 40px;
	color: #C8F6ED;
}
.steps .bee h5 span{
	display:block;
}

.steps .bee p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #C8F6ED;
}

.steps .bee .col-lg-4{
	padding-right:60px;
}

.steps button{
	width: 200px;
	height: 48px;
	background: #3E6B5F;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	display:flex;
	align-items:center;
	justify-content:center;
	color: #E9F5FF;
	margin:50px auto 0;
	transition:0.5s;
	border:2px solid transparent;
	position:relative;
}

.steps button:hover{
	border:2px solid #3E6B5F;
	color:#3E6B5F;
	background:transparent;
	transition:0.5s;
}

.steps .mob-btn button {
    background:#FFC8A3;
    color: #3E6B5F;
    margin: 20px 0;
	display:none;
}

.testimonial{
	padding:2rem 0 14rem;
	position:relative;
	background:#FFC8A3;
}

.testimonial:before{
	position:absolute;
	content:'';
	left:0;
	bottom:0;
	width:100%;
	height:220px;
	background:url(../images/testi-bg-1.png) no-repeat;
	background-size:100% 100%;
}

.testimonial h4{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 64px;
	line-height: 75px;
	color: #3452A5;
	margin-bottom:40px;
}

.testimonial p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #3452A5;
	margin-bottom:40px;
}

.feedback{
	padding:1rem 0;
	background:#C8F6ED;
	position:relative;
}

.feedback:before{
	position:absolute;
	content:'';
	left:0;
	bottom:-150px;
	width:100%;
	height:150px;
	background:url(../images/feedback-bg-1.png) no-repeat;
	background-size:100% 100%;
}

.feedback h4{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 64px;
	color: #3E6B5F;
	margin-bottom:40px;
	padding-left:40px;
}

.feedback p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #3E6B5F;
	margin-bottom:40px;
	padding-left:40px;
}

.feedback button{
	width: 240px;
	height: 48px;
	background: #3E6B5F;
	box-shadow: 0px 1px 2px rgba(16, 24, 40, 0.05);
	border-radius: 8px;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #C8F6ED;
	display:flex;
	align-items:center;
	justify-content:center;
	transition:0.5s;
	border:2px solid transparent;
	margin-left:40px;
}

.feedback button:hover{
	border:2px solid #3E6B5F;
	color:#3E6B5F;
	background:transparent;
	transition:0.5s;
}

.thanks{
	padding:10rem 0 6rem;
	position:relative;
}

.thanks:after{
	position:absolute;
	right:0;
	top:55%;
	transform:translateY(-50%);
	background:url(../images/bt-bg-2.svg) no-repeat;
	content:'';
	width:208px;
	height:410px;
	background-size:100% 100%;
}

.thanks:before{
	position:absolute;
	left:0;
	top:55%;
	transform:translateY(-50%);
	background:url(../images/bt-bg-1.svg) no-repeat;
	content:'';
	width:208px;
	height:410px;
	background-size:100% 100%;
}

.thanks h4{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 64px;
	color: #3452A5;
	margin-bottom:40px;
}

.thanks p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #3452A5;
	margin-bottom:40px;
}

.thanks .detail{
	width:45%;
	margin:0 auto;
	text-align:center;
}

.thanks .imgs{
	display:flex;
	align-items:center;
}

.thanks .imgs:not(:last-child){
	margin-right:10px;
}

.mt-44{
	margin-bottom:80px;
}

.testim video{
	width:100%;
}

.modal-dialog {
    max-width: 900px;
}

/* Terms and privacy */

.t-p{
	padding:10rem 0 2rem;
}

.t-p h4{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 64px;
	color: #3452A5;
	margin-bottom:40px;
}

.t-p p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #3452A5;
	margin-bottom:25px;
}

.t-p ul{
	margin-bottom:35px;
}

.t-p ul li{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
	color: #3452A5;
	margin-bottom:10px;
}

.t-p h5{
	font-weight: 600;
	font-size: 24px;
	color: #3452A5;
	margin-bottom:15px;
}

.t-p h6{
	font-weight: 500;
	font-size: 20px;
	color: #3452A5;
	margin-bottom:15px;
}

/* Login page */

.logg{
	padding:9rem 0 13rem;
	position:relative;
	height:100vh;
	z-index:1;
}

.logg:before {
    background: url(../images/login-bg.png) no-repeat;
    position: absolute;
    content: '';
    left: 0;
    bottom: -50px;
    width: 100%;
    height: 500px;
    background-size: 100% 100%;
}

.logg .log-in-d{
	width: 35%;
    margin: 0 auto;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    left: 50%;
}

.logg .log-in-d .r-f{
	display:flex;
	align-items:center;
	justify-content:space-between;
	margin-bottom:20px;
}

.logg .log-in-d p{
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 22px;
	color: #3452A5;
	margin-top:1rem;
}

.logg .log-in-d p a{
	font-weight: 700;
	text-decoration:none;
	color:#3452A5;
	transition:0.5s;
}

.logg .log-in-d p a:hover{
	transition:0.5s;
	color: #3E6B5F;
}

.logg .log-in-d h1{
	font-family: 'Ranille Normal';
	font-style: normal;
	font-weight: normal;
	font-size: 48px;
	line-height: 64px;
	text-align: center;
	color: #3452A5;
	margin-bottom:50px;
}

.logg .log-in-d input[type="text"]{
	background: #FFFFFF;
	border: 1px solid #3452A5;
	border-radius: 8px;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	display: flex;
	align-items: center;
	color: #3452A5;
	height:48px;
}

.logg .log-in-d input[type="checkbox"]{
	border: 1px solid #3452A5;
	border-radius: 4px;
}

.logg .log-in-d input::placeholder{
	color: #3452A5;
}

.logg .log-in-d form .form-group{
	margin-bottom:20px;
}

.logg .log-in-d form .r-f a{
	text-align:right;
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 0px;
	color: #3452A5;
	text-decoration:none;
}

.logg .log-in-d form label{
	font-style: normal;
	font-weight: 400;
	font-size: 14px;
	line-height: 0px;
	color: #3452A5;
}

.logg .log-in-d form button{
	width:100%;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	line-height: 25px;
	display: flex;
	align-items: center;
	text-align: center;
	justify-content:center;
	height:48px;
	color: #FFFFFF;
	background: #3452A5;
	border-radius: 8px;
	transition:0.5s;
}

.logg .log-in-d form button:hover{
	background: #3E6B5F;
    color: #C8F6ED;
	transition:0.5s;
}

.footer.login-p{
	padding:0 0 2rem; 
}

.footer.login-p .bootm-ftr {
    border-top: none;
    margin-top: 0px;
}


@media(min-width:1400px){
	.f-a-q {
    height: 1100px;
	}
	.f-a-q:after {
    height: 790px;
	}
	.partner:after {
    bottom: -300px;
    height: 300px;
	}
	.logg:before{
	height:530px;
	bottom:-20px;	
	}
}


@media(min-width:1650px){
	.f-a-q:after {
    height: 920px ;
	}
	.f-a-q {
    height: 1200px;
	}
	.logg {
    height: 100vh;
	}
	.logg:before{
	height:600px;
	bottom:-20px;	
	}
}

@media(min-width:2000px){
	.f-a-q:after {
    height: 1000px !important;
	}
	.f-a-q {
    height: 1300px !important;
	}
	.partner:after {
    bottom: -369px !important;
    height: 370px !important;
	}
	.logg {
    height: 100vh;
	}
	.logg:before{
	height:670px;
	bottom:-20px;	
	}
}

@media(min-width:2200px){
	.logg:before{
	height:850px;
	bottom:-40px;	
	}
}


@media(min-width:1025px) and (max-width:1199px){
	.partner .btn-ara button {
    width: 145px;
    font-size: 14px;
    margin-right: 17px;
	}
	.footer h4 {
    font-size: 30px;
	}
	.footer .foot-btn button {
    font-size: 14px;
	}
	div.desk a {
    font-size: 14px;
	}
	nav .login a.sign-up {
    font-size: 13px;
    width: 120px;
	}
	nav .login a.log-in {
    font-size: 13px;
    margin-right: 6px;
	}
	.steps .bee h5 {
    font-size: 22px;
	}
}

@media(min-width:992px) and (max-width:1024px){
	.footer h4 {
    font-size: 30px;
	}
	.footer .foot-btn button {
    font-size: 13px;
	}
	.partner .btn-ara button {
    width: 140px;
    font-size: 13px;
    margin-right: 22px;
	}
	.global:before {
    width: 148px;
	}
	nav .login a.sign-up {
    font-size: 13px;
    width: 130px;
	}
	div.desk a {
    font-size: 13px;
	}
	nav .login a.log-in {
    font-size: 13px;
    margin-right: 6px;
	}
	.steps .bee h5 {
    font-size: 20px;
	}
	.feedback h4 {
    font-size: 40px;
	}
	.thanks .imgs img{
	width:240px;	
	}
}


@media(max-width:991px){	
div.login{
	display:none !important;
}

div.mob.login{
	display:flex !important;
	margin-bottom:20px;
	justify-content:center;
}

div.device{
	width:100%;
	background:#e9f5ff;
	position:absolute;
	top:0;
	left:0;
	padding:100px 20px 20px 20px;
}
a.navbar-brand, button.navbar-toggler{
	position:relative;
	z-index:2;
}
.device .menu-head{
	display:flex;
	align-items:center;
	margin:30px 0;
}
.device .menu-head h2{
	font-family: 'Ranille Normal';
	font-weight: normal;
	font-size: 30px;
	line-height: 30px;
	color: #3452A5;
	width:60%;
	text-align:right;
}
.device .menu-head a{
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #3452A5;
	width:40%;
	text-align:right;
	text-decoration:none;
}

.device .nav-link{
	padding:10px 0;
}

nav .login a.log-in{
	margin-right:15px;
}

.device .navbar-nav .nav-link{
	padding:20px 0;
	font-style: normal;
	font-weight: 500;
	font-size: 16px;
	line-height: 22px;
	color: #3452A5;
}
.device .navbar-nav .nav-link:not(:last-child){
    border-bottom:1px solid #3452A5;
}
i.fas.fa-bars{
	color:#3553A5;
}
.navbar-toggler:focus{
	box-shadow:none;
}
}

@media(min-width:768px) and (max-width:991px){
	.hero-banner h2 {
    font-size:28px;
    line-height: 42px;
	}
	.global:before{
	display:none;	
	}
	.global .cntnt{
	margin-top:30px;	
	}
	.f-a-q {
    height: 1100px;
	}
	.f-a-q .accordion-body {
    font-size: 14px;
    line-height: 20px;
	}
	.f-a-q .accordion-button {
    font-size: 15px;
	}
	.partner:before {
    width: 125px;
    height: 243px;
	}
	.collab h4 {
    font-size: 20px;
	}
	.collab p {
    font-size: 14px;
    padding: 0 10px;
	} 
	.footer .foot-btn {
    justify-content: start;
	margin-top:20px;
	}
	.footer .bootm-ftr .copy p {
    font-size: 14px;
    margin-right: 13px;
	}
	.partner:after {
    bottom: -210px;
    height: 212px;
	}
	.beta h2 {
    font-size: 34px;
    line-height: 51px;
	}
	.beta .form {
    padding-right: 0px;
	}
	.learn h4 {
    font-size: 34px;
    line-height: 51px;
	}
	.learn p {
    padding-right: 0px;
	}
	.steps .bee{
	margin-top:35%;	
	}
	.steps h4 {
    font-size: 34px;
    line-height: 51px;
	}
	.steps .bee .col-lg-4 {
    padding-right: 10px;
	}
	.steps .bee h5 {
    font-size: 18px;
    line-height: 30px;
	}
	.testimonial h4 {
    font-size: 34px;
    line-height: 51px;
	margin-bottom:10px;
	}
	.feedback h4 {
    font-size: 30px;
    line-height: 51px;
    margin-bottom: 20px;
	}
	.thanks .detail {
    width: 50%;
	}
	.thanks .imgs img{
	width:200px;	
	}
	.thanks h4 {
    font-size: 34px;
    line-height: 51px;
	}
	.beta .cntnt {
    order: 2;
	margin-top: 20px;
    padding-right: 0;
	}
	.logg {
    height: 700px;
	}
	.logg:before {
    height: 420px;
	}
}

@media(max-width:767px){
	.hero-banner .container .row .cntnt{
	order:2;	
	}
	.hero-banner .container .row .img-prtt{
	order:1;
	margin-bottom:20px;	
	}
	.hero-banner .container .row {
    padding: 6rem 0;
	}
	.hero-banner .container .row img.hero {
    width: 320px;
	margin:0 auto;
	}
	.hero-banner h2{
	font-size: 20px;
	line-height: 38px;	
	}
	.hero-banner ul li {
    font-size: 16px;
    line-height: 20px;
	margin-bottom:20px;
	}
	.features h3 {
    font-size: 28px;
	}
	.features h4 {
    font-size: 20px;
    margin-bottom: 25px;
	}
	.global:before{
	display:none;	
	}
	.global h3{
	font-size:28px;
	margin-bottom: 30px;	
	}
	.global img {
    padding-right: 0px;
	margin-bottom:20px;
	}
	.global .cntnt {
    padding-left: 0px;
	}
	.global .cntnt h6 {
    font-size: 30px;
	line-height:50px;
	}
	.global .cntnt h5 {
    font-size: 16px;
	line-height:26px;
	}
	.global p {
    padding-left: 0px;
	}
	.global {
    background: #e9f5ff;
	}
	.donate h3 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 30px;
    margin-top: 20px;
	}
	.donate .d-3{
	order:2;	
	}
	.donate .d-2{
	order:3;
	margin-top:20px;
	}
	.donate p {
    margin-bottom: 0px;
	}
	.donate h4 {
    font-size: 22px;
    margin-bottom: 30px;
	}
	.donate img {
    padding-left: 0px;
	}
	.donate:after{
	display:none;	
	}
	.f-a-q:before{
	display:none;	
	}
	.partner:before{
	display:none;	
	}
	.partner:after{
	display:none;	
	}
	.partner h3{
	font-size:28px;	
	}
	.partner .btn-ara{
	display:block;	
	}
	.partner .btn-ara button{
	margin-bottom:20px;	
	}
	.partner .select-selected{
	width:90%;	
	}
	.partner .select-selected:after {
    right: 57px;
	}
	.collab h3 {
    font-size: 28px;
    margin-bottom:30px;
	}
	.collab h4 {
    font-size: 20px;
    margin-bottom: 15px;
	}
	.footer h3 {
    font-size: 20px;
	}
	.footer h4 {
    font-size: 20px;
	}
	.footer .foot-btn {
    display: block;
	}
	.footer .foot-btn button.s-f{
	margin:20px 0;	
	}
	.footer .bootm-ftr{
	display:block;	
	}
	.footer .bootm-ftr .copy {
    width: 100%;
    display: block;
	}
	.footer .bootm-ftr .copy p{
	margin-bottom:10px;	
	}
	.footer .bootm-ftr .social-media {
    width: 100%;
    float: left;
	justify-content: start;
	margin-top:15px;
	}
	.beta .cntnt{
	order:2;
	margin-top:20px;
	padding-right:0;	
	}
	.beta h2{
	font-size:20px;	
	}
	.beta .form {
    padding-right: 15px;
	}

	.hero-banner {
    background: url(../images/hero-mob-bg.png) no-repeat;
	background-size:100% 100%;
	}
	.features button{
	margin-bottom:20px;	
	}
	.features:after {
    background: url(../images/global-mob-bg.png) no-repeat;
    position: absolute;
    content: '';
    left: 0;
    bottom: -100px;
    width: 100%;
    height: 104px;
    background-size: 100% 100%;
	background-position:center;
	z-index:2;
	}
	.global:after {
	display:none;	
	}
	.features h4{
	padding:0 50px;	
	}
	.global {
    padding: 8rem 0 6rem;
	}
	.donate:before {
    background: url(../images/donate-mob-bg.png) no-repeat;
    position: absolute;
    content: '';
    left: 0;
    top: -65px;
    width: 100%;
    height: 69px;
    background-size: 100% 100%;
	}
	.partner:before {
	display:block;
    background: url(../images/partner-mob-bg.png) no-repeat;
    position: absolute;
    content: '';
    left: 0;
    top: -180px;
    width: 100%;
    height: 200px;
    background-size: 100% 100%;
	}
	.f-a-q:after{
	display:none;	
	}
	.donate{
	height:1100px;	
	}
	.donate img {
    position: relative;
    z-index: 2;
	}
	.f-a-q {
    padding: 22rem 0 12rem;
    height: auto;
	}
	.partner:after {
	display:block;
    background: url(../images/partner-mob-bg-2.png) no-repeat;
    position: absolute;
    content: '';
    left: 0;
    bottom: -60px;
    width: 100%;
    height: 68px;
    background-size: 100% 100%;
    z-index: 2;
	}
	.collab {
    padding: 8rem 0 4rem;
	}
	.learn:before {
    top: -40px;
    height: 60px;
	}
	.beta .container .row {
    padding: 8rem 0 4rem;
    align-items: center;
	}
	.learn {
    padding: 1rem 0 0;
	}
	.learn h4 {
    font-size: 20px;
    margin-bottom: 10px;
    padding-right: 0px;
	}
	.learn p {
    padding-right: 0px;
	}
	.learn .mt-44{
	margin-bottom:20px;	
	}
	.learn .rgt-img{
	order:1;	
	}
	.learn .rgt{
	order:0;	
	}
	.learn .rgt-txt{
	order:2;	
	}
	.learn .rgt h4 {
    padding-right: 0px;
    padding-left: 0px;
	}
	.learn .rgt p {
    padding-right: 0px;
    padding-left: 0px;
	}
	.steps:after {
    height: 82px;
    background: url(../images/step-mob-1.png) no-repeat;
    background-size: 100% 100%;
	}
	.learn h5 {
    font-size: 20px;
    line-height: 30px;
	}
	.steps {
    padding: 8rem 0 2rem;
	}
	.steps h4 {
    font-size: 20px;
    line-height: 30px;
	}
	.steps .bee:before {
    top: -176px;
    right: 50%;
    transform: translateX(50%);
    width: 141px;
    height: 190px;
	}
	.steps .bee:after {
    top: -205px;
    right: 1%;
    width: 95px;
    height: 114px;
	}
	.steps .bee .col-lg-4 {
    padding-right: 0px;
	}
	.steps .bee h5 span{
	display:inline-block;
	}
	.steps .mob-btn button {
	display:block;
	}
	.steps button {
	display:none;
	}
	.steps:before {
    height: 318px;
    background: url(../images/step-mob-2.png) no-repeat;
    background-size: 100% 100%;
	}
	.steps .bee{
	width:96%;	
	margin:30% auto 0;
	}
	.testimonial h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
	}
	.testimonial:before {
    height: 218px;
    background: url(../images/testi-mob-bg-1.png) no-repeat;
    background-size: 100% 100%;
	bottom:-140px;
	z-index:2;	
	}
	.testimonial {
    padding: 2rem 0 1rem;
	height: 400px;
	}
	.testimonial a{
	position:relative;
    z-index:2;	
	}
	.feedback {
    padding: 14rem 0 0;
	}
	.feedback .feed{
	order:2;	
	}
	.feedback .feed-data{
	order:1;
	margin-bottom:30px;	
	}
	.feedback h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
    padding-left: 0px;
	}
	.feedback p {
    margin-bottom: 20px;
    padding-left: 0px;
	}
	.feedback button {
    margin-left: 0px;
	}
	.feedback:before {
    display:none;
	}
	.thanks:before {
    top: 0;
    transform: translateY(0%);
    background: url(../images/thanks-mob-bg-1.png) no-repeat;
    content: '';
    width: 100%;
    height: 130px;
    background-size: 100% 100%;
	}
	.thanks .detail {
    width: 100%;
	}
	.thanks h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
	}
	.thanks:after{
	display:none;	
	}
	.steps .bee h5 {
    font-size: 20px;
    line-height: 30px;
	}
	.t-p h4 {
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
	}
	.t-p h4{
	font-size: 30px;
	line-height: 38px;
	}
	
}

@media(max-width:540px){
	.steps .bee {
	margin: 50% auto 0;
	}
	.feedback {
    padding: 12rem 0 0;
	}
	.thanks .imgs img {
    width: 180px;
    height: auto;
	}
	div.device {
    height: 100vh;
	}
	.logg:before {
    display:none;
	}
	.logg .log-in-d {
    width: 100%;
	position: relative;
    top: 0;
    transform: translate(0%,0%);
    left: 0%;
	}
	.logg .log-in-d p {
	text-align:center;	
	}
	
}
/*Added CSS FOR Other Pages On date 4 July 2022 */

.c-a {
    padding: 10rem 0 12rem;
}

.c-a h4 {
    font-family: 'Ranille Normal';
    font-style: normal;
    font-weight: normal;
    font-size: 48px;
    line-height: 64px;
    color: #3452A5;
    margin-bottom: 30px;
}

.c-a .caa{
	position:relative;
}

.c-a .caa:before{
	position:absolute;
	content:'';
	right: -170px;
    top: -26px;
	width:100px;
	height:234px;
	background:url(../images/vaca.svg) no-repeat;
	background-size:100% 100%;
}

.c-a p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 30px;
    color: #3452A5;
    margin-bottom: 30px;
}

.c-a a{
	background: #3E6B5F;
	width: 132px;
	height: 48px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-style: normal;
	font-weight: 500;
	font-size: 18px;
	line-height: 24px;
	color: #C8F6ED;
	border-radius:6px;
	transition:0.5s;
	border:1px solid transparent;
	text-decoration:none;
}

.c-a a:hover{
	transition:0.5s;
	border:1px solid #3E6B5F;
	background:transparent;
	color:#3E6B5F;
}



/* Unsubscribe page */

.unsubc{
	position:relative;
}

.unsubc .sad-b{
	position:relative;
}

.unsubc .sad-b:before{
	position:absolute;
	content:'';
	right: 0px;
    top: 0px;
	width:151px;
	height:166px;
	background:url(../images/sad-bee.svg) no-repeat;
	background-size:100% 100%;
}

.unsubc .unsb{
	display:flex;
	align-items:center;
}

.unsubc .unsb a{
	width: 184px;
}

.unsubc .unsb a.no-subs{
	border:1px solid #3E6B5F;
	background:transparent;
	color:#3E6B5F;
	transition:0.5s;
	margin-left:40px;
}

.unsubc .unsb a.no-subs:hover{
	transition:0.5s;
	color: #C8F6ED;
	background: #3E6B5F;
}


.c-a .ucp{
	position:relative;
}

.c-a .ucp:before{
	position:absolute;
	content:'';
	right: -200px;
    top: 0px;
	width:139px;
	height:221px;
	background:url(../images/vera.svg) no-repeat;
	background-size:100% 100%;
}

@media(min-width:768px) and (max-width:991px){
	.unsubc .sad-b:before {
    right: -125px;
	}
}

@media (max-width: 767px){
.c-a h4 {
    font-size: 30px;
    line-height: 38px;
}
.c-a .caa:before {
    right: 0;
}
.c-a p{
	padding-right:110px;
}
.unsubc .unsb a{
	width: 100%;
	margin-bottom:10px;
}
.unsubc .unsb{
	display:block;
	align-items:center;
}
.unsubc .unsb a.no-subs{
	margin-left:0;
}
.unsubc .sad-b:before {
    top: 50px;
    width: 110px;
    height: 125px;
}
.c-a .ucp:before{
	right: 40%;
	top:100%;
}
}

.beta .form input[type="password"]{
	background: #FFFFFF;
	border: 1px solid #3452A5;
	border-radius: 8px;
	margin-bottom:15px;
	padding:10px;
	font-weight: 400;
	font-size: 16px;
	color: #3452A5;
}

.logg .log-in-d input[type="password"]{
	background: #FFFFFF;
	border: 1px solid #3452A5;
	border-radius: 8px;
	font-style: normal;
	font-weight: 400;
	font-size: 18px;
	display: flex;
	align-items: center;
	color: #3452A5;
	height:48px;
}