@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;700&family=Roboto:wght@400;500&display=swap');

/*
font-family: 'Inter', sans-serif;
font-family: 'Roboto', sans-serif;
*/
body { background: #FAFAFA; /* font-family: 'Inter', sans-serif; */ font-family: 'Poppins', sans-serif;}
.sign-up-left { background: #F4F7FF; border-radius: 20px; height: 100vh; display: flex; align-items: center;}
.signup-main .row { display: flex; align-items: center;}
.carousel-item h3 { font-size: 20px; color: #8C0BF2; font-weight: 500; text-align: center; /* font-family: 'Inter', sans-serif; */}
.carousel-item p { text-align: center; font-size: 16px; color: #505050; max-width: 350px; margin: auto; /* font-family: 'Roboto', sans-serif; */}
.sign-up-right h1 { font-size: 65px; font-weight: 700; color: #000; /* font-family: 'Inter', sans-serif; */}
.form-sec [type="text"], .form-sec [type="email"], .form-sec [type="password"], .form-sec select { border: 1px solid #E5E5E5; border-radius: 8px; height: 45px; padding: 0px 20px; width: 100%; background: #fff;}
.form-sec textarea { border: 1px solid #E5E5E5; border-radius: 8px; height: 85px; padding: 10px 20px; width: 100%;}
.form-sec label { font-size: 16px; color: #7A8088;}
.sign-up-right { width: 400px; margin: auto;}
.form-sec button { background: #8C0BF2; border: none; color: #fff; width: 100%; border-radius: 12px; height: 50px; font-size: 18px; font-weight: 500; /* font-family: 'Inter', sans-serif; */ cursor: pointer;}
.form-sec p { text-align: center; font-size: 16px; color: #7A8088; /* font-family: 'Roboto', sans-serif; */}
.form-sec p a { color: #8C0BF2;}
.form-sec .col { padding: 0; margin-bottom: 20px;}
.col.two-input { display: flex; column-gap: 10px;}
.carousel-indicators li { width: 16px; height: 16px; background-color: #E5E5E5; border-radius: 30px;}
.carousel-indicators .active { background-color: #8C0BF2;}
.carousel-indicators { bottom: -60px;}
.same-size asid { flex: 1;}
.process-bar { padding: 35px 0px; display: flex; justify-content: space-between; color: #7A8088; font-size: 16px; /* font-family: 'Roboto', sans-serif; */ position: relative;}
.process-bar aside { position: relative;}
.process-bar .per-details::before { content: ""; display: inline-block; background: #E5E5E5; width: 7px; height: 7px; border-radius: 10px; position: absolute; top: -15px; z-index: 1;}
.process-bar .bus-details::before { content: ""; display: inline-block; background: #E5E5E5; width: 7px; height: 7px; border-radius: 10px; position: absolute; top: -15px; right: 0px; z-index: 1;}
.process-bar::after { content: ""; width: 100%; height: 3px; display: inline-block; position: absolute; background: #E5E5E5; left: 0px; top: 22px;}
.process-bar .per-details.active a { color: #8C0BF2;}
.bus-details a { color: #7A8088;}
.process-bar .per-details.active::before { background: #8C0BF2;}
.process-bar.active-full::after { background: #8C0BF2;}
.process-bar.active-full .bus-details { color: #8C0BF2;}
.process-bar.active-full .bus-details::before { background: #8C0BF2;}
.sign-up-left img { max-width: 100%;}
.form-sec button:hover { background: #6C00CF;}
.form-sec label em { font-style: normal; color: red; font-weight: 400;}
.verify-sec h3 { font-size: 30px; font-weight: 700; color: #000;/* font-family: 'Inter', sans-serif; */ margin: 20px 0px;}
.verify-sec p { font-size: 16px; color: #fff !important; /* font-family: 'Inter', sans-serif; */ text-align: left !important;}
body .sign_in .verify-sec button{ margin-left: 0 !important;}
.verify-sec button { background: #8C0BF2; border: none; color: #fff; width: auto; margin-left: 0 !important; border-radius: 12px; height: 50px; font-size: 18px; font-weight: 500; /* font-family: 'Inter', sans-serif; */ cursor: pointer; margin-bottom: 20px; padding: 0px 30px;}
.verify-sec button:hover { background: #6C00CF;}
.verify-sec section { padding-top: 40px;}
.form-sec .select2-container--default .select2-selection--single { background-color: #fff; border: 1px solid #E5E5E5; border-radius: 8px; height: 45px; display: flex; align-items: center; padding: 0px 10px;}
.form-sec .select2-container--default .select2-selection--single .select2-selection__arrow { top: 9px; right: 5px;}
.back-btn { background: #fff; color: #000; width: 100%; border-radius: 12px; height: 50px; font-size: 18px; font-weight: 500; /* font-family: 'Inter', ans-serif; */ cursor: pointer; display: inline-block; border: 1px solid #D0D0D0; text-align: center; line-height: 50px; text-decoration: none !important;}
.back-btn:hover { background: #f8f8f8; border: 1px solid #BFBFBF; color: #000;}
.sign_in .container-fuild, .signup-main .container-fluid { max-width: 1400px; margin: auto;}

/*=======================*/
.sign_in { background: #F5F5F5; padding: 15px; height: 100vh}
.sign_in .full_height { height: 100%;}
.bg_color { background: #f3f6ff;}
.left_section { height: 100%; justify-content: center; display: flex; flex-direction: column;}
.left_section img { margin-left: auto;}
.carousel.slide .carousel-item { text-align: center;}
.carousel.slide .carousel-item h4 { font-size: 20px; font-weight: 500; color: #8C0BF2;}
.carousel.slide .carousel-item p { font-size: 16px; color: #000;}
.form_signin { margin: 0 auto; height: 100%; display: flex; flex-direction: column; justify-content: center; padding: 50px; max-width: 560px;}
.form_signin h1 { font-size: 65px; color: #000; font-weight: bold;}
.form_signin h1 span { color: #8C0BF2;}
.form_signin a { margin-bottom: 20px;}
.form_signin h4 { color: #7A8088; font-size: 20px; margin: 20px 0; font-weight: 500;}
.form_signin form { margin: 20px 0; width: 400px; }
.form_signin label { font-size: 16px; font-weight: 400; color: #7A8088;}
.form_signin .form-control { border-color: #E5E5E5; height: 45px;}
.form_signin .btn {  height: 45px;  margin: 20px 0;  width: auto;  margin-left: 0 !important;  min-width: 170px;  display: flex !important;  justify-content: space-between;  align-items: center;  transition-duration: 0.4s;  font-weight: 500 !important;  /* font-family: 'Inter', sans-serif; */  font-size: 13px !important;}
.form_signin .btn:hover, .form_signin .btn:focus{ transition-duration: 0.4s; transform: scale(1.06); background: #7bd799 !important;}
.form_signin .btn img { min-width: 11px; margin-top: 3px; margin-left: 10px; max-width: 12px;   }
/* .form_signin .btn:hover { background: transparent; color: #8c0bf2;} */
.form_signin .form-check { display: flex; justify-content: space-between; font-weight: 500;}
.form_signin .form-check a { color: #7A8088;}
/* .form_signin .form-check a:hover { color: #8c0bf2;} */
.form_signin .form-check .form-check-label { font-weight: 400; margin-left: 16px;}
.form_signin .form-check-input { width: 25px; height: 25px; margin-right: 30px; margin-top: 0px; border-radius: 10px;}
.form_signin p { text-align: center; color: #7A8088;}
.form_signin p a { color: #8c0bf2; font-weight: 500;}
.invalid-feedback { display: inline-block;}
.is-invalid { border-color: #dc3545 !important;}
.form-sec .select2-selection { background-color: #fff; border: 1px solid #E5E5E5; border-radius: 8px; height: 45px; display: flex; align-items: center;}
.form-sec .select2-container--default .select2-selection--single .select2-selection__arrow { top: 9px; right: 5px;}
.text-danger { font-size: 11px;  }
.form_signin.right_section .right_logo { display: none;  }

.form_signin .form-check-input{width: 18px; height: 18px; border: none; margin-right: 30px; margin-top: 4px; border-radius: 10px;}
.form-check span a { font-size: 12px; color: #bbbbbb !important;   }
.form-check label { color: #bbbbbb; font-size: 13px; margin-left: 10px !important;   }
.form_signin.right_section form > p, .form_signin.right_section form > p a { color: #fff !important;  }
.form_signin.right_section form > p a { text-decoration: underline;  }
.sign_in { position: relative; /*! background: red; */ border-radius: 32px; background-image: -moz-linear-gradient(90deg, rgb(35, 37, 96) 0%, rgb(26, 27, 47) 100%); background-image: -webkit-linear-gradient(90deg, rgb(35, 37, 96) 0%, rgb(26, 27, 47) 100%); background-image: -ms-linear-gradient(90deg, rgb(35, 37, 96) 0%, rgb(26, 27, 47) 100%); width: 100%\); padding: 30px; height: calc(100vh - 80px); /* height: 100%; */ z-index: 1;}
.sign_in .left_section { max-width: 560px;}
.sign_in .left_section a { margin-bottom: 40px;}
.sign_in .left_section a img { filter: brightness(0) invert(1); min-width: 220px}
.sign_in h1 { font-size: 48px; color: rgb(255 255 255); margin-bottom: 15px; line-height: 1.2;}
.sign_in ul li {   font-family: inherit; /*font-family: "Poppins";*/ color: rgb(255, 255, 255); line-height: 1.572; font-size: 15px; margin-bottom: 12px; padding-left: 30px; position: relative; background-image: url(/assets/images/green-tick.webp); background-position: 0 5px; background-repeat: no-repeat; background-size: 15px 15px; font-weight: 400;}
.sign_in ul { margin-top: 40px !important; list-style: none; margin: 0; padding: 0;}
.sign_in::after { content: ""; width: 660px; height: 660px; position: absolute; right: 0; bottom: 0; background-image: url("/assets/images/earth.webp"); background-repeat: no-repeat; background-position: 170px 80px; background-size: contain; z-index: -1;}
.sign_in h3 { color: #fff; font-size: 22px; font-weight: 500;}
.sign_in p { color: #a9a9aa; text-align: left; font-size: 13px;}

.sign_in .form-group input { max-width: 100% !important; background: transparent !important; color: #fff !important; font-size: 14px !important; border: 1px solid rgba(255, 255, 255, 0.6) !important; border-radius: 5px !important; font-weight: 400;}
.sign_in ::placeholder { color: #fff !important; font-weight: 400;}
body .sign_in button { font-size: 13px !important; color: #252663 !important; background: #94ffb7 !important; display: block !important; padding: 10px 40px !important; border-radius: 50px !important; margin-left: auto !important; border: none !important; transition: all 0.15s ease-in-out; /* font-weight: 600; */}
.sign_in .back-btn { background: transparent; font-size: 12px; color: #fff; border: none; padding: 0; margin: 0px !important; width: auto; height: auto; line-height: unset; text-decoration: underline !important; font-weight: 500;}
.sign_in .btn-green { font-size: 13px !important;	color: #252663 !important;	background: #94ffb7 !important;	display: inline-block !important;	padding: 10px 40px !important;	border-radius: 50px !important;	border: none !important;	transition: all 0.15s ease-in-out;	margin: 30px auto 10px auto !important; font-weight: 400;}
.sign_in .btn-green:hover, .sign_in .btn-green:focus {	transition-duration: 0.4s;	transform: scale(1.06);  }
body { padding: 35px;}

.alert.alert-danger ul, .alert.alert-danger ul li {  margin: 0 !important;  font-size: 13px;  width: 100%;}
.alert.alert-danger {  width: 400px;}
.alert.alert-danger ul li {  list-style: none;  background: transparent;  padding: 0;  color: #721c24;}

.slider-contact{ display:none; position: relative; margin-top: 90px; margin-left: -20px; padding-right: 00px; min-width: 700px;}
.slider-contact .owl-stage { display: flex;  }
.slider-contact .item { background: rgba(255, 255, 255, 0.1); border-radius: 6px; padding: 10px 25px; height: 100%;  display: flex; flex-direction: column; }
.slider-contact  .ratting span { color: #94ffb7 !important; font-size: 19px;  }
.slider-contact  .description h4 { color: #fff; font-size: 12px; font-weight: 700;}
.slider-contact  .description p { font-size: 11px; color: #fff; margin-bottom: 10px;  }
.slider-contact  .ratting { margin-bottom: 5px;  }
.slider-contact .author-info { margin-top: auto; column-gap: 20px; display: flex; flex-wrap: wrap; align-items: center;  }
.slider-contact .author-info .aut-image { max-width: 35px; border-radius: 50px; width: 35px; height: 35px; overflow: hidden; justify-content: center;align-content: center; display: flex;  }
.slider-contact .author-info .aut-image img { min-height: 40px; min-width: 40px;  }
.slider-contact .author-info .aut-content span { font-size: 9px;  color: #fff;  }
.slider-contact .author-info .aut-content { line-height: 15px;  }
.slider-contact .author-info .aut-content p { font-size: 12px; color: #fff; font-weight: 500; margin: 0;   margin-bottom: 0px; line-height: unset; max-width: unset; margin-bottom: -2px;  }
.slider-contact .author-info .aut-content span { font-size: 11px; color: #fff; /*! margin-top: -20px !important; */  }
.slider-contact .author-info .aut-content { line-height: 15px;  flex: 0 0 76%; }
.slider-contact  .owl-stage .owl-item { opacity: 0.5;  }
.slider-contact .owl-stage .owl-item.active.center { opacity: 1; z-index: 2;  }
.slider-contact .owl-stage-outer::before{ content: "";  display: block;  background-image: linear-gradient(to left, rgba(255,0,0,0), rgb(30, 31, 68));  left: 0;  top: 0;  height: 100%;  width: 25%;  position: absolute;  z-index: 1;  }
.slider-contact .owl-stage-outer::after{ content: "";  display: block;  background-image: linear-gradient(to right, rgba(255,0,0,0), rgb(32, 34, 81));  right: 0;  top: 0;  height: 100%;  width: 25%;  position: absolute;  z-index: 1;  }

.slider-contact .owl-nav button { background:  #fff !important; width: 24px; height: 24px; font-size: 73px !important;  }
.slider-contact .owl-nav button.owl-next span{background-image: url(../images/right-arrow.webp); display: block;}
.slider-contact .owl-nav button span { background-image: url(../images/left-arrow.webp);  font-size: 0;  width: 24px;  background-size: cover;  height: 24px;display: block;  }
.slider-contact .owl-nav { position: absolute; top: -60px; right: 170px; display: flex !important; column-gap: 10px;  }

.slider-contact .owl-dots{ display: none !important;}

.sign_in.not_found {	height: calc(100vh - 80px) !important;  }
.sign_in.not_found .full_height {	height: 100% !important;  }

@media screen and (max-height: 799px) {
	body .sign_in{height: calc(100vh - 80px);}
	body .sign_in .left_section a { margin-bottom: 20px;   }
	body .sign_in ul{margin-top: 20px !important;}
	body .slider-contact{margin-top: 50px;}
	body .sign_in ul li{font-size: 15px;}
}



@media (max-width: 1360px) {
	.form_signin h1 { font-size: 47px; }
	.form_signin{padding: 0; max-width: 100%;}
	.slider-contact{min-width: 600px;}
	.slider-contact .owl-nav{right: 24%;}
	.form_signin form {	width: auto;  }
	.sign_in h1 {	font-size: 36px;}
	.slider-contact {    min-width: 530px !important;  }
}

@media (max-width: 1023px) {
	.slider-contact {		min-width: auto !important;	  }
	body .sign_in {	height: auto; min-height: 95vh; align-items: center; display: flex; }
	body {	padding: 15px; }
	.form_signin h1 { font-size: 45px; }
	.form_signin { max-width: 100%; }
	.form_signin form { width: 100%; }

}

@media screen and (min-width: 768px) and (max-width: 1119px) {
	.sign_in .full_height {    height: calc(100vh - 90px) !important;  }
	/* .contact_box .sign_in .full_height {    height: 100%;  } */
  }

@media (max-width: 991px) {
	.form_signin h1 { font-size: 33px !important; }
	.sign_in { padding: 30px; overflow-x: hidden; }
	.left_section { padding-bottom: 70px; }
	.form_signin { padding: 30px 30px; max-width: 100%; }
	/* .sign_in, .form_signin { background: #fff; } */
	.form_signin p { margin-bottom: 0; }
	.left_section .carousel-inner { padding: 0px 20px; }
	.sign-up-right { width: 100%; }
}


@media (max-width: 767px) {
	body .sign_in{ display: block;}
	.slider-contact{margin-top: 60px !important;}
	.form_signin.right_section .right_logo { display: block;   }
	.form_signin.right_section .right_logo img { filter: brightness(0) invert(1);  min-width: 220px;   }
	.sign_in .left_section > a { display: none;   }
	body .sign_in ul { margin-top: 10px !important;}
	.sign_in ul li{ font-size: 14px !important;}
	html body { padding: 10px;   }
	.sign_in{height: calc(100vh - 0px) !important;}
	body .sign_in h1 { font-size: 34px;}
	.form_signin {  padding: 30px 0px;}
	.sign_in .container-fuild .row { flex-direction: column-reverse; }
	.sign_in .full_height { height: auto; }
	.sign_in.not_found {	height: calc(100vh - 20px) !important;  }
}

@media screen and (max-width: 576px) {
	.signup-main .row { flex-direction: column-reverse; }
	.sign-up-left { height: auto; padding-bottom: 70px; padding-top: 40px; }
	.carousel-item p { padding: 0px 20px; }
	.sign-up-right h1 { font-size: 35px; }
	.sign-up-right { padding-top: 50px; }
	.verify-sec h3 { font-size: 24px; }
	.verify-sec section p { margin-bottom: 15px; }
}