:root{
	 --poppins: 'Poppins', sans-serif;
	 --font400: 400;
	 --font500: 500;
	 --font600: 600;
	 --font700: 700;
	 --font800: 800;
	 --darkgrey:#3C3C3C;
	 --blue:#6464DB;
	 --mustard:#F3AC41;
	 --green:#3DB39E;
	 --white:#FFF;
	 --light-black:#393535;
	 --paragraph:rgba(60, 60, 60, 0.8);
	 --font12:12px;
	 --font14:14px;
	 --font16:16px;
	 --font18:18px;
	 --font20:20px;
	 --font24:24px;
	 --font48:48px;

}
body{font-family: var(--poppins);color: var(--darkgrey)}
.top-navbar .navbar-brand{padding:0px;}
.top-navbar .navbar-nav li a{font-size: var(--font16);color: var(--darkgrey)!important;font-weight: var(--font400); display: inline-flex !important;align-items: center;line-height: normal;min-height: 40px;}
.top-navbar .navbar-nav li{margin-left: 23px;}
.top-navbar .navbar-nav li .btn-success{font-weight: var(--font600);color: var(--white)!important;min-width: 125px;justify-content: center;border-radius: 8px;}
.btn-success{background-color: var(--green);border-color: var(--green);}
.banner-left {padding-top: 85px;}
.banner-left h6{font-size: var(--font14);color:var(--blue);}
.banner-left h3{font-size: var(--font48);color: var(--darkgrey);font-weight: var(--font700);}
.banner-left p{font-size: var(--font14);line-height: 24px;margin-top: 20px;}
.banner-left .btn-warning{margin-top: 10px;min-width: 204px;padding-left: 30px;padding-right: 30px;}
.banner-left .btn-warning svg{margin-left: 25px;}
.btn-warning{background-color: var(--mustard);border-color: var(--mustard);color: var(--white);font-weight: var(--font500);min-height: 40px;}

.setup_section{margin-top: 40px;}
.setup-box{position: relative;padding-left: 100px;min-height: 88px;}
.setup-box > img{position: absolute;top: 0px;left: 0px;width: 88px;}
.setup-box h4{font-size: var(--font14);font-weight: var(--font600);color: var(--darkgrey);margin-top: 11px;float: left;width: 100%;}
.setup-box p{font-size: var(--font12);}

.about-us{margin-top: 35px;}
.about-us h6{font-size: var(--font16);font-weight: var(--font500);color: var(--blue);}
.about-us h4{font-size: var(--font24);font-weight: var(--font700);color: var(--light-black);line-height: 36px;}
.about-us p{font-size: var(--font14);color: #616161;margin-top: 26px;}
.about-us .btn-warning{margin-top: 26px;min-width: 156px;border-radius: 8px;}

.how-it-works{margin-top: 30px;}
.how-it-works h6{font-size: var(--font16);font-weight: var(--font500);color: var(--blue);}
.how-it-works h3{margin: 0px;font-size: var(--font24);font-weight: var(--font700);}
.how-it-works-box{position: relative;margin-top: 43px;}
.how-it-works-box span{width: 26px;height: 26px;border-radius: 50%;background-color: rgba(60, 60, 60, 0.2);font-size: var(--font12);font-weight: var(--font700);color: var(--white);position: absolute;top: 0px;left: 0px;text-align: center;line-height: 26px;}
.how-it-works-box img{max-width: 100%;}
.how-it-works-box  h4{font-size: var(--font14);font-weight: var(--font600);color: var(--darkgrey);min-height: 30px;}
.how-it-works-box p{font-size: var(--font14); color: #616161;}
.how-it-works-box .svg-img{min-height: 190px;width: 100%;text-align: center;margin-bottom: 26px;}
.how-it-works-box .svg-img img{margin: 0 auto;}

.contact{margin-top: 55px;}
.contact h6{font-size: var(--font16);font-weight: var(--font500);color: var(--blue);}
.contact h3{font-size: var(--font24);font-weight: var(--font700);color: var(--light-black);margin: 8px 0 24px 0;display: inline-block;}
.contact p{font-size: var(--font14); color: #616161;}
.contact .btn-warning{margin-top: 20px;min-width: 162px;border-radius: 8px;}
.contact .contact-left{    padding-top: 50px; padding-right: 20px;}

.faq{background: rgba(246, 174, 169, 0.2);padding-top: 38px;padding-bottom: 75px;margin-top: 60px;}
.faq h3{font-size: var(--font24);font-weight: var(--font700);color: var(--blue);width: 100%;text-align: center;}
.faq .accordion-item{background-color:transparent;border: none;box-shadow:none;border-bottom: 1px solid #CCC;padding-top: 22px;padding-bottom: 22px}
.faq .accordion-button:not(.collapsed){box-shadow: none;}
.faq .accordion-item .accordion-button{color: var(--paragraph); background-color: transparent;padding: 0px;border: none;font-size: var(--font18);font-weight: var(--font500)}
.faq .accordion-item .accordion-body p:last-child{margin-bottom: 0px;}
.faq .accordion-item .accordion-body{padding-left: 0px;padding-right: 0px;padding-bottom: 0px;}

.faq .accordion-button::after{background-size: auto; background-image: url("data:image/svg+xml,%3Csvg width='14' height='15' viewBox='0 0 14 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 0.5C6.4477 0.5 6 0.94772 6 1.5V6.5H1C0.44772 6.5 0 6.9477 0 7.5C0 8.0523 0.44772 8.5 1 8.5H6V13.5C6 14.0523 6.4477 14.5 7 14.5C7.5523 14.5 8 14.0523 8 13.5V8.5H13C13.5523 8.5 14 8.0523 14 7.5C14 6.9477 13.5523 6.5 13 6.5H8V1.5C8 0.94772 7.5523 0.5 7 0.5Z' fill='%23A8A8A8'/%3E%3C/svg%3E%0A");}
.faq .accordion-button:not(.collapsed)::after{transform: rotate(0deg);background-image: url("data:image/svg+xml,%3Csvg width='24' height='25' viewBox='0 0 24 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 13.5C5.44772 13.5 5 13.0523 5 12.5C5 11.9477 5.44772 11.5 6 11.5H18C18.5523 11.5 19 11.9477 19 12.5C19 13.0523 18.5523 13.5 18 13.5H6Z' fill='%23A8A8A8'/%3E%3C/svg%3E%0A");}
.faq .accordion-button:focus{box-shadow: none;}
.faq .accordion-item:last-child{border-bottom: none;}

.footer{float: left; width: 100%;background-color: #F5F5F5;padding-top: 42px;padding-bottom: 42px;}
.footer .footer-logo{float: left;}
.footer p{font-size: var(--font12);color: #30242A;margin: 0px;padding: 0px;text-align: center;}



/*full container*/
.about_img { 
    position: absolute;
    top: 0;
    right: 0;
    max-width: 50%;
} 
.about_img img{max-width: 100%;}
.about-us{position: relative;}
.about-us .row{min-height: 590px;}
.banner{min-height: 670px;position: relative;}
.banner_left {
    position: absolute;
    top: 0;
    left: 0;
}  
.banner_left img{max-width: 100%;}
.contact {
    position: relative;
    min-height: 580px;
}  
.contact_img {
    position: absolute;
    left: 0;
    top: 0;
}
.contact_img img{max-width: 100%; width: 100%;} 
/*full container end*/
/* @media ( min-width: 1248px ) and ( max-width: 3000px ) {
	.banner_left img {
		height: 670px;
		object-fit: cover;
	}
} */



@media ( min-width: 1400px ) {
	.container{max-width: 1500px !important;}
	.faq .container {
		max-width: 1300px;
	}
	.banner_left{max-width: 34%;} 
	.about_img{max-width: 41%}
	.contact_img{    max-width: 47%; width: 100%;}

}


@media ( min-width: 1600px ) and ( max-width: 1780px ) {
	.banner {min-height: 600px;} 
	.contact_img img{width: auto;}
}
@media (min-width: 1781px){

	.contact_img img{width: auto;}
}
@media ( min-width: 1400px ) and ( max-width: 1600px ) {
	.banner{min-height: 540px;} 
}

@media ( min-width: 1200px ) and ( max-width: 1399px ) {
	.banner_left{max-width: 50%;}
	.about_img{max-width: 41%}
	.contact_img{max-width: 43%}
	.contact{min-height: 480px;}
}
@media ( min-width: 992px ) and ( max-width: 1199px ) {
	.banner{min-height: 570px;}
	.banner_left{max-width: 50%}
	.contact_img{max-width: 42%}
	.contact{min-height: 320px;}
}

@media ( min-width: 768px ) and ( max-width: 992px ) {
	.banner_left{max-width: 41%;}
	.banner-left h3 br{display: none;}
	.banner {
    min-height: 450px;}

:root{
	 --poppins: 'Poppins', sans-serif;
	 --font400: 400;
	 --font500: 500;
	 --font600: 600;
	 --font700: 700;
	 --font800: 800;
	 --darkgrey:#3C3C3C;
	 --blue:#6464DB;
	 --mustard:#F3AC41;
	 --green:#3DB39E;
	 --white:#FFF;
	 --light-black:#393535;
	 --paragraph:rgba(60, 60, 60, 0.8);
	 --font12:12px;
	 --font14:14px;
	 --font16:16px;
	 --font18:18px;
	 --font20:20px;
	 --font24:24px;
	 --font48:38px;

}
.contact_img{max-width: 45%}
.contact{min-height: 360px;}
 
}

@media ( max-width: 767px ) {
	.setup_section.about-us
	{
		margin-top: 50px !important
	}
	.banner_left {position: static;}
	.banner .row div[class*="col-"], .setup_section div[class*="col-"], .about-us div[class*="col-"], .how-it-works div[class*="col-"], .contact div[class*="col-"]{  
		flex: 0 0 100%;
    	width: 100%;
    }
    .banner-left {padding-top: 30px;} 
    .setup-box{margin-bottom: 15px;}
    .about_img {
    position: static;
    float: right;
    width: 100%;
    max-width: 100%;
    text-align: right;
} 
.about-us .row {
    min-height: inherit;
    clear: both;
} 
.contact_img {
    position: static;}
.setup-box{padding-left: 90px;}
.setup-box > img{width: 78px;}
.setup-box h4{margin-top: 0px;}
.about-us{margin-top: 10px;}
.accordion p {
    font-size: 13px;
} 
.faq{padding-bottom: 25px;}
:root{
	 --poppins: 'Poppins', sans-serif;
	 --font400: 400;
	 --font500: 500;
	 --font600: 600;
	 --font700: 700;
	 --font800: 800;
	 --darkgrey:#3C3C3C;
	 --blue:#6464DB;
	 --mustard:#F3AC41;
	 --green:#3DB39E;
	 --white:#FFF;
	 --light-black:#393535;
	 --paragraph:rgba(60, 60, 60, 0.8);
	 --font12:12px;
	 --font14:13px;
	 --font16:16px;
	 --font18:15px;
	 --font20:20px;
	 --font24:20px;
	 --font48:30px;

} 

.top-navbar #navbarSupportedContent {
    height: 100vh;
    position: fixed;
    top: 0;
    right: 0;
    width: 80%;
    background: #F9F9F9;
    z-index: 9;
    display: block;
    transform: translate(100%,0);transition: all ease 0.5s;
}  
.top-navbar #navbarSupportedContent.show{transform: translate(0%,0);}
.navbar-toggler{border: none;}
.navbar-toggler:focus{border: none;outline: none;box-shadow: none;}
.top-navbar .navbar-nav .navbar-toggler {
    position: absolute;
    right: 6px;
    top: 15px;
} 
.top-navbar .navbar-nav .navbar-toggler  img{width: 20px;}
.top-navbar .navbar-nav{margin-top: 10px;}

body{background-color: #f9f9f9;}
.how-it-works-box{padding-left: 50px; padding-right: 50px;}
.how-it-works-box .svg-img img {
    margin: 0;
}  
.how-it-works-box .svg-img {
    min-height: inherit;}
.how-it-works-box span{left: 15px;}
}
.get_started:hover, .get_in_touch:hover{
	color: white !important;
    background-color: #FFBB55 !important;
    border-color: #FFBB55 !important;
}
#navbarSupportedContent .sign_up:hover{
	color: white !important;
    background-color: #249984 !important;
    border-color: #249984 !important;
}
#navbarSupportedContent .sign_up:focus{
  box-shadow: none !important;
  color: white !important;
  background-color: #249984 !important;
  border-color: #249984 !important;
}
.get_started:focus, .get_in_touch:focus{
	box-shadow: none !important;
	color: white !important;
    background-color: #FFBB55 !important;
    border-color: #FFBB55 !important;
}

.accordionFAQ .accordion-body p{
	opacity: 0.8;
}
@media (min-width: 768px) and (max-width: 1023px)
{
	.contact .contact-left {
		padding-top: 15px;
		padding-right: 0;
	}
}


/* Agency Landing Page CSS Starts */
.traning_cont
{
	list-style: none;
	margin: 30px 0 0;
	background: url("/img/landingpage/numbers.png");
	background-size: 31px;
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 43px;
}
.traning_cont li
{
	font-size: var(--font14);
	font-weight: var(--font600);
	line-height: 21px;
	color: #000;
	height: 64px;
}
.agentL_cont{
	border: 2px solid #3DB39E;
	border-radius: 10px;
	margin: auto;
	text-align: center;
	padding: 50px 0;
	margin-top: 30px;
}
.agentL_cont h5
{
	font-size: var(--font14);
	font-weight: var(--font600);
	line-height: 21px;
	color: #000;
	margin: 40px 0 0;
	min-height: 47px;
}
.agentL_cta{
	padding: 80px 0 0;
}
.agentlanding_ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}
.agentlanding_ul li
{
	font-size: var(--font14);
	color: #616161;
	position: relative;
	line-height: 28px;
	padding-left: 20px;
}
.agentlanding_ul li:after
{
	position: absolute;
	width: 10px;
	height: 10px;
	left: 0;
	top: 9px;
	background: #3DB39E;
	content: "";
	border-radius: 50%;
}
.setup_section.about-us .setup-box h4 {
  font-size: var(--font14);
  font-weight: var(--font600);
  color: #3C3C3C;
  line-height: 21px;
}
.setup_section.about-us p {
  margin-top: 0;
}
.setup_section .setup-box {
  display: flex;
  flex-wrap: wrap;
  align-content: center;
}
/* Agency Landing Page CSS Ends */



/* Agency Landing Page Starts */
.Alanding_banner
{
	height: auto;
    width: 100%;
    overflow: hidden;
    padding: 60px 0;	
	font-family: 'Mulish', sans-serif !important;
}
.Alanding_banner h2
{
	color: #393535;
    font-weight: 700;
    font-size: 37px;
    line-height: 44px;
    margin: 28px 0 15px;
    font-family: 'Poppins',sans-serif;
}
.Alanding_banner h6
{
	color: #393535;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
	margin-bottom: 0;
    font-family: 'Poppins',sans-serif;
}
.Alanding_banner .Nsignup_wrapper .singup_cont{
	border-radius: 41px;
    background: rgba(255, 255, 255, 0.6);
    box-shadow: 0px 4px 12px rgb(0 0 0 / 16%);
    padding: 30px 50px;
}

.Alanding_banner .form-center-part .input-group-alternative {
    box-shadow: none!important;
}
.Alanding_banner .form-center-part .label-control {
    position: absolute;
    pointer-events: none;
    left: 0px;
    top: 8px;
    -webkit-transition: 300ms ease all;
    transition: 300ms ease all;
    font-weight: bold;
    font-size: 14px;
    color: #FFFFFF;
    opacity: 0.8;
    line-height: 18px;
}
.Alanding_banner .form-center-part .form-control {
    background-color: transparent;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #F9F9F9;
    border-radius: 0px;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    color: #FFF;
    padding-left: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
    height: 30px;
}
.Alanding_banner .Nsignup_wrapper .form-center-part {
    max-width: unset;
    padding-top: 0;
    padding-bottom: 0;
  margin-right: -15px;
    margin-left: -15px;
}
.Alanding_banner .Nsignup_wrapper p
{
    color: #3C3C3C;
    font-weight: 700;
    font-size: 13px;
    line-height: 17px;
    position: relative;
    padding-left: 39px;
    margin: 24px 47px;
}
.Alanding_banner .Nsignup_wrapper p img
{
    position: absolute;
    top: 0;
    left: 0;
}
.Alanding_banner .Nsignup_wrapper h1
{
    color: #3C3C3C;
    font-weight: 800;
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 35px;
}
.Alanding_banner .Nsignup_wrapper label
{
    color: #3C3C3C !important;
    opacity: 0.8;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
}
.Alanding_banner .Nsignup_wrapper .form-group .form-control 
{
  border-bottom: 1px solid #3C3C3C;
  border-color: #3C3C3C !important;
  color: #3C3C3C !important;
  opacity: 0.8;
  font-weight: 400;
  font-size: 14px;
  line-height: 18px;
  padding-left: 0;
}
.Alanding_banner .Nsignup_wrapper .form-group .form-control:focus{
  box-shadow: none;
  outline: none;
  outline-offset: 0;
}
.Nsignup_wrapper .form-center-part .form-group {
    margin-bottom: 30px;
}
.Alanding_banner .Nsignup_wrapper .form-center-part h6
{  
    color: #6464DB;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    margin: 15px 0 0;
	font-family: 'Mulish', sans-serif !important;
}
.Alanding_banner .Nsignup_wrapper .form-center-part h6 a{
    color: #6464DB;
}
.Alanding_banner .Nsignup_wrapper .form-center-part button
{
    border: 1px solid #3DB39E;
    border-radius: 8px;
    padding: 8px 24px;
    background: #3DB39E;
    color: #ffffff;
    font-weight: 700;
    font-size: 14px;
    line-height: 18px;
    transform: unset;
    width: 72%;
    box-shadow: none;
    margin-top: 17px;
}
.Alanding_banner .Nsignup_wrapper .form-center-part button:hover{
    background-color: #fff;
    color: #3DB39E;
}
.Alanding_banner .Nsignup_wrapper #signup_error{
	position: absolute;
    height: auto;
    margin: auto;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 0px;
    display: flex;
    align-items: center;
    color: #C40000;
    width: 100% !important;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}
.agency_landing .setup-box2 p {
    margin-bottom: 0;
    display: block;
    width: 100%;
    position: relative;
}
.agency_landing .setup-box2 p:before {
	content: "";
    background: #616161;
    height: 5px;
    width: 5px;
    border-radius: 50%;
    display: inline-flex;
    margin-right: 10px;
    position: relative;
    top: -3px;
}
.traning_cont2 {
    background: url(/img/landingpage/numbers4.png);
	background-size: 31px;
    background-repeat: no-repeat;
    background-position: top left;
}
.setup_section.about-us.agency_landing p {
    margin-top: 0;
    color: #3C3C3C;
    opacity: 0.8;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
}
.setup_section.agency_landing .setup-box {
    margin: 20px 14px 0 0;
}
.agency_landing .setup-box > img {
    width: 105px;
}
.agency_landing .setup-box {
    padding-left: 108px;
 }
 @media (max-width: 1023px){
	.Alanding_banner .Nsignup_wrapper label, .Alanding_banner .form-center-part .label-control {
		font-size: 12px;
	}
	.Alanding_banner h2 {
		font-size: 24px;
		line-height: 32px;
	}
	.Alanding_banner .Nsignup_wrapper p {
		margin: 10px 28px;
	}
	.Alanding_banner .Nsignup_wrapper .singup_cont {
		padding: 20px 28px;
	}
	.Alanding_banner .Nsignup_wrapper .form-center-part button {
		padding: 6px 10px;
		width: 74%;
	}
	.Alanding_banner {
		padding: 50px 0;
	}
	.agency_landing.about-us h4 br{
		display: none;
	}
	.agency_landing .setup-box > img {
		width: 92px;
	}
	.setup_section.agency_landing .setup-box {
		margin: 18px 0 0 0;
	}
 }
 @media (max-width: 767px){
	.Alanding_banner h2 {
		font-size: 36px;
		margin: 16px 0 8px;
		line-height: 40px;
	}
	.Alanding_banner .Nsignup_wrapper p {
		margin: 28px 0;
	}
	.Alanding_banner .Nsignup_wrapper .singup_cont {
		border-radius: 0;
		background: transparent;
		box-shadow: none;
		padding: 0;
	}
	.Alanding_banner .Nsignup_wrapper .form-center-part h6, .Alanding_banner .Nsignup_wrapper .form-center-part h6 a {
		color: #393535;
	}
	.Alanding_banner {
		padding: 50px 0 20px;
	}
	.agency_landing .setup-box > img {
		width: 100px;
	}
	.Alanding_cta
	{
		margin: 80px 0 110px !important;
	}
	.agency_faq.faq .accordion-item .accordion-button{
		padding-right: 20px;
	}
	.agency_faq.faq .accordion-button::after {
		position: relative;
		right: -20px;
	}
 }

/* Agency Landing Page Starts */
.form-center-part .form-control:not([value=""]) ~ .label-control,
.form-center-part .form-control:focus ~ .label-control {
  top: -18px;opacity: 1;font-size: 12px;
 
}
.form-center-part .form-control:not([value=""]) ~ .label-control,
.form-center-part .form-control:focus ~ .label-control {
  top: -18px;opacity: 1;font-size: 12px;
 
}