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

h1,h3,h2,h4,h5,h6,p{
	margin:0;
	padding:0;
}
@font-face{
	font-family:'poppins_regular';
	src:url('../fonts/Poppins-Regular.ttf');
}
@font-face{
	font-family:'poppins_medium';
	src:url('../fonts/Poppins-Medium.ttf');
}
@font-face{
	font-family:'poppins_semibold';
	src:url('../fonts/Poppins-SemiBold.ttf');
}
@font-face{
	font-family:'poppins_bold';
	src:url('../fonts/Poppins-Bold.ttf');
}

@font-face {
  font-family:'FontAwesome';
  src:url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2');
  font-weight: normal;
  font-style: normal;
}
body{
	box-sizing: border-box;
	overflow-x: hidden!important;
	font-family:var(--poppins_regular);


}
.container-fluid, .row{
	margin:0px;
	padding:0px;
}

:root{
	--primary:#ff3131;
	--secondary:#cc1c3f;
	--graybg:#f2f2f2;
	--black:#0c120c;
	--poppins_regular:'poppins_regular';
	--poppins_medium:'poppins_medium';
	--poppins_semibold:'poppins_semibold';
	--poppins_bold:'poppins_bold';
}

.hero_section{
	width:100%;
	height: auto;
	background:url(../images/hero.jpg);
	background-size: cover;
	padding-bottom: 6rem;
}


.nav-link.active{
	color:var(--primary);
	font-family: var(--poppins_semibold);
}


.px_2{
	padding:0 2rem;
}
.container-fluid{
	max-width: 100%;
	margin:0 auto;
}


.navbar{
	padding:.5rem 0;
}
.main_logo{
	max-width:18rem;
}
.my_menu{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.nav-link{
	font-size:1.6rem;
	font-family: var(--poppins_medium);
	color:var(--black);
	text-transform: capitalize;
	margin-right:2rem;
}
.nav-link:hover{
	color:var(--primary);
}
.navbar .offcanvas.show {
	background: var(--graybg);
}
.login_btn{
	background:transparent;
	color:var(--primary)!important;
	width:10rem;
	text-align: center;
	border-radius: 2.5rem;
	display: inline-block;
	border:.1rem solid var(--primary);
	padding:8px 20px;;

	font-family: var(--poppins_medium);
}
.login_btn:hover{
	background: var(--secondary);
	color:white!important;
	text-decoration:none;
}

.navbar.sticky_navigation {
	background:white; 
	padding:0rem 0rem;
	box-sizing: border-box;
}
.sticky_navigation {
	margin-top:0rem!important;  
	width: 100%;
  z-index: 999;
  -webkit-box-shadow: 0 2px 28px 0 rgba(0, 0, 0, 0.09);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.09);
  -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
  animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
}
.sticky_navigation .navbar {
	margin-top: 0px!important;
}
.mto0{
	margin-top:0px!important;
}

@-webkit-keyframes fadeInDown {
  0%{
    opacity: 0;
    -webkit-transform: translateY(-20px);
   }
    100% {
    opacity: 1;
    -webkit-transform: translateY(0);
    }
}    
 
      
.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.menu_icon{
	font-size: 2rem;
	color:white;
}

.nav_mobile_right{
	display: none;
}

.navbar-toggler:focus{
	outline: none;
	box-shadow: none;

}


.formargintop{
	padding-top:12rem;
}
.main_heading{
	color:black;
	font-size:4.3rem;
	font-family: var(--poppins_semibold);
	margin-top:1rem;
	line-height: 4.7rem;
	opacity: 1;
}
.forflex{display: flex;align-items: center;}
.hero_p{font-size: 2rem;
color:#0c120c;
margin:2rem 0}


.hero_btn{
	display:inline-block;
	font-size: 1.8rem;
	color:black;
	font-family: var(--poppins_semibold);
	text-decoration: none;
	background:var(--primary);
	padding:1rem 2.5rem;
	text-align: center;
	border-radius: 2.5rem;

	color:white;
	margin-top: 1rem;
}
.hero_btn:hover{
	background:var(--secondary)!important;
	color:white!important;

}
.brand_color{
	font-family: var(--poppins_bold);
	color:var(--primary);

}


/*2. get started section*/
.py_7{
	padding:7rem 0;
}
.sec_heading{
	font-size: 3.2rem;
	line-height: 3.9rem;
	color:var(--black);
	font-family: var(--poppins_semibold);
	margin-bottom: 1.5rem;
}
.get_started_section{
	border-top-left-radius: 2.5rem;
}
.gen_p{
	font-size: 1.7rem;
	color:var(--black);
}
.mt_3{
	margin-top: 2.5rem;
}

.how_to_start_flex {
    align-items: center;
    background-color: #fff;
    border-radius: 1.2rem;
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .08);
    display: flex;
    margin-bottom: 1.6rem;
    padding:2rem 2.4rem;
    position: relative;
    width:85%;
    margin:0 auto;
    margin-bottom: 1.5rem;
}
.how_to_start_number {
    align-items: center;
    border: .1rem solid var(--primary);
    border-radius: 50%;
    color: var(--primary);
    display: flex;
    justify-content: center;
    margin-right: 1rem;
    min-height: 3.2rem;
    min-width: 3.2rem;
    font-size:1.6rem;
    font-family: var(--poppins_semibold);
}

.how-to-start__step-arrow--left {
    left: -34px;
}
.how-to-start__step-arrow {
    position: absolute;
    top: 50%;
}
.how_to_start_text{

	font-size: 1.6rem;
	color:var(--black);
}
.first_two_cards{
	position: relative;
}
.left_arrow_downword{
	position: absolute;
	top:20%;
	left:0rem;

}
.right_arrow_downword{
	position: absolute;
	top:-30%;
	right:0rem;
}
.last_right_arrow{
	position: absolute;
	top:-70%;
	right:0rem;
}
.red_bg{
	background: var(--primary);
	color:white;
}
.w_90{
	width: 95%;
}

/*3.numbers_section*/

.numbers_section{
	width: 100%;
	height: auto;
	background:url(../images/red-layer-1.png);
	background-size: cover;
	background-position: center;
	padding:5rem 0;
}
.numbers_section .digit{
	text-align: center;
	font-family: var(--poppins_bold);
	font-size: 4.8rem;
	letter-spacing: -.1rem;
	color:white;
	margin-bottom: 0rem;
}


.numbers_section .digit_explain{
text-align: center;
	font-family: var(--poppins_medium);
	font-size:2rem;
	color:white;
	text-transform: capitalize;

}
.accordian_section{
	background: #f6f6f6;
	border-radius: 0rem 0rem 6rem 6rem ;

}
.accordian_section .card-body{
	padding:0;
}

.accordian_section{
	position: relative;
}
.accordian_section .card-header{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.for_faq .card-header{
	padding:4rem 1.5rem;
}


.accordian_section .accordian .card{
	margin-bottom:1.5rem;
}
.accordian_section .card-header:after{
    font-family:'FontAwesome';
    content:"\f068";
   width:2rem;
        text-align: center;
        align-items: center;
        border-radius: 50%;
        height: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
         color:var(--primary);
        border:.1rem solid var(--primary);
 
        text-align: center;
        align-items: center;
        border-radius: 50%;
        font-size: 1.4rem;
  }
  .accordian_section .collapsed:after{
    content:"\f067";
        color:var(--primary);
        border:.1px solid var(--primary);
        width:2rem;
        text-align: center;
        align-items: center;
        border-radius: 50%;
        height: 2rem;
        font-size: 1.4rem;

  }

.for_faq .card-header:after{
    font-family:'FontAwesome';
    content:"\f068";
   width:3rem;
        text-align: center;
        align-items: center;
        border-radius: 50%;
        height: 3rem;
        display: flex;
        align-items: center;
        justify-content: center;
         color:var(--primary);
        border:.1rem solid var(--primary);
 
        text-align: center;
        align-items: center;
        border-radius: 50%;
        font-size: 1.4rem;
  }
  .for_faq .collapsed:after{
    content:"\f067";
        color:var(--primary);
        border:.1px solid var(--primary);
        width:3rem;
        text-align: center;
        align-items: center;
        border-radius: 50%;
        height: 3rem;
        font-size: 1.8rem;

  }




  .card-header{
  	font-size:1.8rem;
  	color:var(--black);
  	font-family: var(--poppins_semibold);
  	text-decoration: none;
  }

 .accordian_section .accordian .card{
  	background: none;
  	border:none;
  	margin-bottom:1.5rem!important;
  	    border-radius: 20px;
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .08);
    margin-bottom: 2rem;
    border-radius: 1rem;
  }
 .accordian_section .card-header{
  	background:white;
  	vertical-align: middle;
  	height: 5.2rem;
  	line-height: 3.6rem;
  	cursor: pointer;
    border-radius: 1rem;
  	border-bottom:0;

  }
  .accordian .card-body{
  	background: white;
  	text-align: left;
  	border-top:1px solid var(--green);
    border-radius: 0 0 1rem 1rem;

  }
  .accordian_section .card-body p{
  	padding:1.5rem 1rem;
  	padding-top: 2.3rem;
  	margin-top: -2rem;
  }

  .testimonail_card{
  	background:#fff4f2;
  	padding:2.5rem 1.5rem;
  	color:var(--black);
  	border-radius: 1rem;
  	margin:1rem;
  	margin-top: 3rem;
  }
  .testi_desc{
  	height: 11rem;
  	font-size: 1.4rem;
  }
  .test_img{
  	max-width: 5.2rem;
  	max-height: 5.2rem;
  	border-radius: 100%;
  }
  .user_flex{
  	display: flex;
  	align-items: center;
  	gap: 1.6rem;
  }
  .testi_botom_flex{
  	display: flex;
  	align-items: center;
  	justify-content: space-between;
  }
  .user_desc_side h5{
  	font-family: var(--poppins_semibold);
  	color:var(--primary);
  	font-size: 1.8rem;
  }
  .user_desc_side .gen_p{
  	font-size: 1.4rem;
  }


  .slick-prev, .slick-next {
  	margin-top:-3rem;
}
.slick-dots{
	bottom: -30px!important
}
.slick-dots .slick-active{
	width:1rem;
	height: 1rem;
}



.banner_type{
	width:100%;
	height: auto;
	padding:4rem 2rem;
	background: linear-gradient(to left,rgba(204, 28, 63, .4),rgba(0,0,0,.7)),
	url(../images/banner.jpg);
	border-radius: 2rem;
	background-size: cover;
	background-position: center;
	margin-bottom: 8rem;
}
.brand_color{
	color:var(--primary);
}
.banner_type .gen_p{
	font-size: 1.8rem;
}

.banner_type .sec_heading{
	text-shadow:0 0 .1rem var(--primary);
}

.forborder{
	margin-bottom: 1.5rem;
	border-bottom:.1rem solid #e3e4e7;
}

.forfooter{
	height: auto;
	background:var(--graybg);
	font-family:var(--poppins_regular);
	padding:7rem 0rem;
}
.footer_logo{
	max-width:20rem;
}
.footerheading{
	font-size:2rem;
	color:var(--secondary);
font-family:var(--poppins_semibold);


	font-weight:500;


}
.fotlink ul{
	padding-left:0px;
	margin-top:20px;
}

.fotlink ul li{
	list-style: none;
}
.fotlink ul li a{
	line-height:35px;
	color:#667085;
	font-size:1.6rem;
}
.foot-p{
	font-size:1.6rem;
	color:#667085;


}
.footer_menu_ul li a:hover{
	color:var(--secondary);
}
.lifafa{
	font-size:1.5rem;
	color:#667085;
}
.ff-link{
	font-size:1.5rem;
	color:#667085;
	padding-left:5px;
}

footer{
	font-size:1.6rem;
	color:#667085;
	border-top:.1rem solid gray;
}
.veryfooter a{
	/*margin:0px 10px;*/
	color:#667085;
}
.veryfooter a:hover{
	color: var(--secondary);
}
.veryfooter a:last-child{
	margin:0px 10px;
	margin-right:0px;
}
.ff-link:hover{
	color:var(--secondary);
}

footer{
	padding:1rem 0rem;
}
.copyright_text{
	margin-bottom: 0px;
	font-size:1.6rem;
	color:#667085;
}
.copyright_text a{
	color:#667085;
}
.copyright_text a:hover{
	color:var(--primary);
}
.social_icons{
	padding-left:0px;
	/*margin-top:4rem;*/
	display: block;
	padding-bottom: 0px;
	margin-bottom:0px;

}
.social_icons li{
	list-style: none;
	display: inline;
	margin-bottom:0px;

}
a{
	text-decoration: none;
}
.social_icons li a{
	width:3.5rem;
	height: 3.5rem;
	margin-right:1rem;
	font-size:2rem;
	background:var(--secondary);
	line-height: 3.5rem;
	text-align: center;
	border-radius: 100%;
	margin-bottom:0px;
	padding-bottom: 0px;
	color:white;

}
.social_icons li a:hover{
	text-decoration: none;
	background: var(--primary);
	color:white;
}
.footer_p{
font-family:var(--poppins_regular);
	color:#667085!important;
	font-size:1.6rem;
}

/*about us start*/
.common_hero{

	width:100%;
	height: auto;
	background:url(../images/hero.jpg);
	background-size: cover;
	padding-top:1.5rem;
	padding-bottom: 8rem;
}
.principle_card{
	    border-radius: 20px;
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .08);
    padding:2rem;
    height: 34rem;
    text-align: center;
    margin:0 auto;
}
.pc_icon{
	    align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    height: 64px;
    width: 64px;
    display: flex;
    justify-content: center;
    margin:0 auto;
}
.pc_title{
	font-size:2.4rem;
	text-align: center;
	margin-top: 1.6rem;
	margin-bottom: 1.6rem;

	font-family: var(--poppins_semibold);
}
.pc_desc{
	font-size: 1.7rem;
	color: var(--black);
}
.tagline{
	display: block;
	font-size:1.8rem;
	color:var(--primary);
	font-family: var(--poppins_semibold);
	margin-bottom: 1rem;

}
.gray_text{
		color:#667085;

}

.sec_icon{
	 align-items: center;
    border: 1px solid #ddd;
    border-radius: 8px;
    height: 43px;
    width: 43px;
    display: flex;
    justify-content: center;
}
.sub_heading{

	font-size: 2.2rem; line-height: 2.5rem; color:var(--black); font-family:
	var(--poppins_semibold); margin-bottom: 1.5rem; }
.features_section .sub_heading{
	margin:1.5rem 0;
}
.list_flex{
	display: flex;
}
.tick_nishan{
	width:3rem;
	height: 3rem;
	background: #fff4f2;
	display: block;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size:1.5rem;
	color:var(--secondary);
}

.actual_list{
	display: flex;
	align-items: c;
}

.actual_list ul {
	padding:0;
	margin:0;
}
.actual_list ul li{
	list-style: none;
	font-size: 1.7rem;
	color: var(--black);
	margin-bottom: 1.5rem;
	margin-left: 1rem;
}

.how_does_platform{
	background: #f6f6f6;
}
.border_radius{
	border-radius: 4rem;
}

.how_card{
	 border-radius: 20px;
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .08);
    padding:2rem;
    height: 26rem;
    text-align: center;
    background:white;
    margin:0 auto;
}

.set_card{
background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .08);
    margin-bottom: 3rem;
    padding: 24px;
    position: relative;
    height: 14rem	;


}
.set_heading{
	font-size: 2.2rem;
	color:var(--black);
	font-family: var(--poppins_semibold);
	border-left: .5rem solid var(--primary);
	padding-left: 1rem;
	margin-bottom: 1.5rem;
}
.cta_section{
	width: 100%;
	height: auto;
	background:url(../images/red-layer-1.png);
	background-size: cover;
	background-position: center;
	padding:5rem 20;
}
.no_border_radius{
	border-radius: 0!important;
}

.trial_section{
	background:#f6f6f6;
}
.white_bg{
	background:white;
	padding:4rem;
	box-sizing: border-box;
	margin-top: 3rem;
	border-radius: 1rem;
	box-shadow: 0 12px 30px 0 rgba(0, 0, 0, .08);
}
.contact_top{
	margin-top: 5rem;
}
/*form style*/
.contact_form input, .contact_form select, .contact_form textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05);
    font-family: var(--poppins_regular);
    font-size: 1.6rem;
    outline: none;
    width: 100%;
    margin-bottom: 1.5rem;
    padding: 10px 12px;
}


 .contact_form input:hover, .contact_form select:hover, .contact_form textarea:hover {
    border: 1px solid var(--primary);
}

.contact_form input:focus, .contact_form select:focus, .contact_form textarea:focus {
    border: 1px solid #ffbdca;
    box-shadow: 0 1px 2px 0 rgba(16, 24, 40, .05), 0 0 0 2px #ffe9ed;
}


.contact_form select{
	appearance: none;
    background: url(../images/icon-caret-down.svg) no-repeat right 10px center;
    padding-right: 35px;
}
.contact_form textarea {
    resize: none;
    height: 13rem;
}
.contact_form input[type="submit"]{
	background: var(--primary);
	border-radius: 2.5rem;
	color:white;
	font-family: var(--poppins_semibold);
	text-transform:capitalize;
	font-size: 1.7rem;
}
.contact_form input[type="submit"]:hover{
	background: var(--secondary);
}