@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

html {
	scroll-behavior: smooth;
	font-size: 62.5%;
}

*{
	margin: 0;
	padding: 0;
	list-style: none;
}

.row {
	margin-right: -15px;
  margin-left: -15px;
}

.row>* {
	padding-left: 15px;
	padding-right: 15px;
}


/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

img {
	max-width: 100%;
}

ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

a, a:hover {
	text-decoration: none;
	color: #1D2683;
}

.slick-arrow {
	-webkit-transform: translate(0, 0%);
    -ms-transform: translate(0, 0%);
    transform: translate(0, 0%);
}

.container, .container-lg, .container-md, .container-sm, .container-xl {
	max-width: calc(100% - 100px);
	max-width: 1140px;
}

body {
	font-size: 16px;
	line-height: 150%;
	font-weight: 400;
	line-height: 28px;
	position: relative;
	color: #000;
	font-family: "Poppins", sans-serif;
	margin: 0;
	padding: 0;
}

.section {
	position: relative;
	padding: 50px 0;
	clear: both;
	width: 100%;
	overflow: hidden;
}

h1, h2, h3, h4, h5, h6 {
	margin: 0;
}


.site_container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding-left: 90px;
    padding-right: 90px;
}



.only_desktop_view {
	display: block;
}

.only_mobile_view {
	display: none;
}







.main_header {
  padding: 14px 0;
  position: sticky;
  width: 100%;
  transition: all .5s;
  z-index: 9;
  background: #f8f8f8;
  box-shadow: 0 4px 14px 0 rgba(59, 136, 255, .2);
}

.main_header .row_block {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.main_header .row_block .logo_block {
	height: 60px;
}

.main_header .row_block .logo_block img {
    max-width: 235px;
}

.main_header .row_block .right_block {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 34px;
}

.main_header .row_block .right_block .main_menu ul {
  display: flex;
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}

.main_header .row_block .right_block .main_menu ul li a {
  position: relative;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  text-transform: uppercase;
  transition: all .5s;
  border-radius: 999px;
  padding: 8px 21px;
}

.main_header .row_block .right_block .main_menu ul li a.active {
  color: #3b88ff;
  background-color: #e8f1ff;
}

.banner_sec {
	 background: url('../images/banner-bg.svg') no-repeat;
	 background-size: 100% auto;
	 height: 787px;
}
 @media screen and (max-width: 1440px) {
	 .banner_sec {
		 height: auto;
	}
}
 .banner_sec .banner_row {
	 display: flex;
	 align-items: center;
}
 .banner_sec .banner_row .banner_left {
	 width: calc(100% - 662px);
}

.banner_sec .banner_row .banner_left h3 {
	font-weight: 700;
  font-size: 36px;
  color: #000;
}

.download_app {
	width: 100%;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	margin-top: 15px;
	gap: 10px;
}


 .banner_sec .banner_row .banner_right {
	 width: 100%;
	 max-width: 662px;
	 float: right;
   margin: 0 0 0 auto;
}
 
 .banner_sec .banner_row .banner_right img {
	 position: relative;
	 right: -40px;
	 max-width: 100%;
}
 @media screen and (max-width: 1700px) {
	 .banner_sec .banner_row .banner_right img {
		 right: 0;
	}
}
 




 .features_card_row {
	 display: flex;
	 flex-wrap: wrap;
	 margin: 0 -12px;
}
 .features_card_row .features_card_left, .features_card_row .features_card_right {
	 width: 50%;
	 padding: 12px;
}
 @media screen and (max-width: 767px) {
	 .features_card_row .features_card_left, .features_card_row .features_card_right {
		 width: 100%;
	}
}
 .features_card_row .features_card_left .box, .features_card_row .features_card_right .box {
	 border-radius: 10px;
	 border: 1px solid #c6d0de;
	 background: #fff;
	 padding: 30px;
}
 @media screen and (max-width: 975px) {
	 .features_card_row .features_card_left .box, .features_card_row .features_card_right .box {
		 padding: 20px;
	}
}
 .features_card_row .features_card_left .box .icon_block, .features_card_row .features_card_right .box .icon_block {
	 border-radius: 10px;
	 background: #e8f1ff;
	 width: 98px;
	 height: 98px;
	 display: flex;
	 justify-content: center;
	 align-items: center;
	 margin-bottom: 14px;
}
 .features_card_row .features_card_left .box h4, .features_card_row .features_card_right .box h4 {
	 margin: 0 0 8px;
	 font-weight: 600;
   font-size: 28px;
}
 



.whyapp_sec {
	 padding: 20px 0 60px;
	 background: #D7DBFF;
}
 @media screen and (max-width: 975px) {
	 .whyapp_sec {
		 padding: 20px 0 120px;
	}
}
 .whyapp_sec .whyapp_row {
	 display: flex;
	 flex-wrap: wrap;
	 align-items: center;
}
 .whyapp_sec .whyapp_row .whyapp_left {
	 width: 890px;
	 max-width: 100%;
}
 @media screen and (max-width: 1439px) {
	 .whyapp_sec .whyapp_row .whyapp_left {
		 width: 700px;
	}
}
 @media screen and (max-width: 1199px) {
	 .whyapp_sec .whyapp_row .whyapp_left {
		 width: 500px;
	}
}
 @media screen and (max-width: 975px) {
	 .whyapp_sec .whyapp_row .whyapp_left {
		 width: 100%;
	}
}
 .whyapp_sec .whyapp_row .whyapp_left img {
	 max-width: 100%;
}
 .whyapp_sec .whyapp_row .whyapp_right {
	 width: calc(100% - 890px);
}
 @media screen and (max-width: 1439px) {
	 .whyapp_sec .whyapp_row .whyapp_right {
		 width: calc(100% - 700px);
	}
}
 @media screen and (max-width: 1199px) {
	 .whyapp_sec .whyapp_row .whyapp_right {
		 width: calc(100% - 500px);
	}
}
 @media screen and (max-width: 975px) {
	 .whyapp_sec .whyapp_row .whyapp_right {
		 width: 100%;
	}
}
 .whyapp_sec .whyapp_row .whyapp_right h3 {
	 margin-bottom: 24px;
	 font-weight: 700;
   font-size: 36px;
   color: #000;
}
 





.join_sec {
  background-color: #1D2683;
  background-image: url('../images/bg-1.png');
  background-size: cover; 
  background-position: right center; 
}

.join_row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

.join_left {
  width: 45%;
}

.join_left h3 {
	font-weight: 700;
  font-size: 36px;
  margin-bottom: 5px;
}

.join_left h4 {
	font-weight: 600;
  font-size: 28px;
  line-height: normal;
}


.join_right {
  width: 55%;
}


.color_white {
	color: #fff;
}



.footer_block {
    background-color: #fff;
    padding: 24px 0;
    font-size: 16px;
}

.footer_block .footer_row {
    display: flex;
    align-items: center;
    justify-content: space-between
}