/* Note: added by A */
body[dir="ltr"] #checkDir .custom-control-label::after{
  right: 13.1rem;
}
body[dir="ltr"] #checkDir .custom-control-label::before{
  right: 13.1rem;
}
body[dir="ltr"] #checkDir .custom-control-label{
  left: 2rem;
}
.wpwl-wrapper{
    direction:ltr;
}
#load{
    width:100%;
    height:100%;
    position:fixed;
    z-index:9999;
    background:url("../../assets/img/preloader.gif") no-repeat center center rgba(0,0,0,0.25)
}
@media(max-width: 600px) {
  .logo img{
    width: auto !important;
  }
}
 /* Ends */
/* custom*/
	@font-face{
		font-family: "Hacen-Tunisia";
		src: url(../fonts/Hacen-Tunisia.ttf);
	}
	@font-face{
		font-family: "Hacen-Tunisia-lt";
		src: url(../fonts/Hacen-Tunisia-Lt.ttf);
	}
	@font-face{
		font-family: "Hacen-Tunisia-Bd";
		src: url(../fonts/Hacen-Tunisia-Bd.ttf);
	}
	html, body {
		font-family: 'Hacen-Tunisia', serif;
		height: 100%;
		font-size: 16px;
		line-height: 1.8;
		color: #1A0726;
	}
	.custom_btn_form{
		width: 170px;
		color: #fff;
		background: #BA2027;
		border-radius: 6px;
		border: none;
		padding: 0.5rem;
	}
	a{
		cursor: pointer;
	}
	a:hover {
		text-decoration: none;
	}
	section {
		padding: 5rem 0;
	}
	section .row{
		margin-bottom: 25px;
	}
	section .row:last-child{
		margin-bottom: 0px;
	}
	.text-muted{
		color: #b1bfc8 !important;
	}
	.text-primary{
		color: #BA2027 !important;
	}
	.main-color{
		color : #BA2027;
	}
	.second-color{
		color : #1A0726;
	}

	.title-main{
		font-family: "Hacen-Tunisia-Bd";
	}
	.btn{
		padding: 0.75rem 4rem;
		border-width: 2px;
		border-radius: 6px;
	}
	.btn:hover,
	.btn:focus{
		outline: none;
		box-shadow: none;
	}
	.btn-danger {
		color: #fff;
		background-color: #DB272F;
		border-color: #DB272F;
	}
	.btn-danger:hover,
	.btn-danger:focus{
		background-color: #BA2027;
		border-color: #BA2027;
		box-shadow: none;
	}

	.alert{
		padding: 1rem;
		border-radius: 6px;
	}
	.alert-success{
		color: #24A961;
		background: rgba(36, 169, 98, 0.2);
	}
	.alert-danger{
		color: #D14747 ;
		background: rgba(209, 71, 71, 0.2);
	}
	.background-0{
		background-color: transparent;
	}
	.bg-light{
		background-color: #F6F6F6 !important;
	}
	/*
		Scroll 2 top
	*/
	.scroll-to-top {
		position: fixed;
		width: 50px;
		height: 50px;
		line-height: 45px;
		border-radius: 50%;
		background: transparent;
		border: 3px solid #BA2027;
		color: #BA2027;
		font-size: 22px;
		right: -50%;
		bottom: 50px;
		z-index: 1;
		text-align: center;
		cursor: pointer;
		transition: all 0.3s ease;
	}
	.scroll-to-top.show {
		right: 50px;
	}
	.scroll-to-top:hover {
		background-color: #BA2027;
		color: #fff;
	}
	ul, ol{
		padding: 0;
		margin: 0;
	}

/*----------------------------------------------

	Navbar

	------------------------------------------*/

	.navbar {
		position: relative;
		background: #1C2331;
		box-shadow: 0px 3px 6px #00000029;
		transition: all 0.3s ease;
	}
	.navbar-box{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 1rem 0;
	}
	.navbar .nav-link{
		position: relative;
		color: #fff;
		padding: 0.35rem 1rem !important;
		text-transform: uppercase;
		transition: color 0.3s ease;
	}
	.navbar .nav-link:after{
		position: absolute;
		content: "";
		bottom: -10px;
		left: 50%;
		width: 0;
		height: 5px;
		border-radius: 4px;
		transform: translateX(-50%);
		transition: all 0.3s ease;
		background: #BA2027;
	}
	.navbar .nav-link:hover,
	.navbar .nav-link.active{
		color: #BA2027 !important;
	}
	.navbar .nav-link:hover:after,
	.navbar .nav-link.active:after{
		width: 30px;
	}
	.navbar .nav-link.payment{
		padding: 0.35rem 1.5rem !important;
		color: #fff;
		border: 1px solid #fff;
		background-color: transparent;
		border-radius: 10px;
		transition: all 0.3s ease;
	}
	.navbar .nav-link.payment:hover,
	.navbar .nav-link.payment.active{
		background: #fff;
		color: #BA2027;
	}
	.navbar .nav-link.free-test{
		padding: 0.35rem 1.5rem !important;
		color: #fff;
		border: 1px solid #BA2027;
		background-color: #BA2027;
		border-radius: 10px;
		transition: all 0.3s ease;
	}
	.navbar .nav-link.free-test:hover,
	.navbar .nav-link.free-test.active{
		background: #fff;
		border-color: #fff;
		color: #BA2027;
	}
	.navbar .nav-link.payment:after,
	.navbar .nav-link.free-test:after{
		display: none;
	}

	@media (max-width: 992px) {
		.navbar-collapse.collapsing .navbar-nav {
			display: block;
			position: fixed;
			top: 0;
			bottom: 0;
			right: -100%;
			transition: all 0.2s ease;
		}
		.navbar-collapse.show .navbar-nav {
			position: fixed;
			top: 0;
			bottom: 0;
			right: 0;
			flex-direction: column;
			height: auto;
			width: 300px;
			background: #fff;
			transition: right 0.35s ease;
			box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
			z-index: 99999999;
			padding: 1rem;
			overflow-y: scroll;
		}
		.navbar-collapse.show .navbar-nav .nav-link{
			padding: 1rem !important;
			color: #1C2331;
			border-bottom: 0.5px solid rgba(26, 7, 38, 0.1);
		}
		.navbar-collapse.show .navbar-nav .nav-item:last-child .nav-link{
			border-bottom: none;
		}
		.navbar-collapse.show .close-nav{
			width: 40px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			border-radius: 50%;
			background: #BA2027;
			display: block;
		}
		.navbar .nav-link:after{
			display: none;
		}
		.navbar .nav-link.payment,
		.navbar .nav-link.free-test {
			color: #1A0726;
			background: transparent;
			border-radius: 0;
			border: none;
		}
	}
	.navbar.fixed-top {
		position: fixed;
		-webkit-animation: navbar-animation 0.6s;
		animation: navbar-animation 0.6s;
	}
	.navbar.fixed-top ,
	.navbar.fixed-top .navbar-box{
		padding: 0.5rem 0;
	}
	.navbar.fixed-top .logo{
		padding: 0.5rem 0;
		width: 200px;
	}
	@-webkit-keyframes navbar-animation {
		0% {
		  opacity: 0;
		  -webkit-transform: translateY(-100%);
		  -ms-transform: translateY(-100%);
		  transform: translateY(-100%);
		}
		100% {
		  opacity: 1;
		  -webkit-transform: translateY(0);
		  -ms-transform: translateY(0);
		  transform: translateY(0);
		}
	}
	@keyframes navbar-animation {
		0% {
		  opacity: 0;
		  -webkit-transform: translateY(-100%);
		  -ms-transform: translateY(-100%);
		  transform: translateY(-100%);
		}
		100% {
		  opacity: 1;
		  -webkit-transform: translateY(0);
		  -ms-transform: translateY(0);
		  transform: translateY(0);
		}
	}

/*--------------------
	header-main
	--------------------*/
	.header {
		position: relative;
		background-size: cover;
		background-position:  center;
		color: #fff;
		background-image: url(../img/header.png);
	}
	.header-main{
		padding: 5rem 0;
	}
	.header-sub{
		padding: 3rem 0;
	}
	.header:before {
		position: absolute;
		content: "";
		width:100%;
		height: 100%;
		top: 0;
		left: 0;
		background: transparent linear-gradient(254deg, #020202 0%, #BA2027 100%);
		opacity: 0.75;
	}
	.header .title{
		font-size: 42px;
		text-transform: uppercase;
		margin-bottom: 0;
		padding: 5rem 0;
	}
	.form-search .form-group{
		position: relative;
	}
	.form-search .form-group .icon{
		position: absolute;
		top: 50%;
		right: 1rem;
		transform: translateY(-50%);
		z-index: 1;
		color: #dc3545 ;
	}
	.form-search .form-group .icon svg .a{
		fill: transparent
	}
	.form-search .btn{
		border-radius: 25px;
	}
	.form-search .form-control{
		height: 50px;
		background: #fff;
		box-shadow: 0px 3px 6px #0202020F;
		border-radius: 10px;
		padding-right: 3rem;
	}
	.form-search .form-control:focus{
		border: none;
		box-shadow: none;
	}
	.form-search .select2-container {
		width: 100% !important;
	}
	.form-search .select2-container--default .select2-selection--single {
		border: none;
		border-radius: 10px;
		min-height: 50px;
		padding: 0.375rem 1rem;
		padding-right: 3rem;
		outline: none;
	}
	.form-search .select2-container--default .select2-selection--single .select2-selection__rendered {
		color: #02020280;
		line-height: 40px;
		text-align: right;
		padding: 0;
	}
	.form-search .select2-container--default .select2-selection--single .select2-selection__arrow {
		height: 50px;
		position: absolute;
		top: 0;
		left: 1px;
		width: 30px;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow b{
		border-width: 7px 6px 0 6px;
		border-color: #dc3545 transparent transparent transparent;
	}
	.form-search .select2-container--default .select2-search--dropdown .select2-search__field {
		border: 1px solid #ccc;
		border-radius: 10px;
		min-height: 50px;
		padding: 0.375rem 1rem;
	}
	.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
		background-color: #dc3545;
		color: white;
	}


/*--------------------
	Job result
	--------------------*/

	.job-box{
		padding: 1rem;
		background: #FFFFFF;
		box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.059);
		border-radius: 10px;
		margin-bottom: 2rem;
		display: flex;
		align-items: center;
	}
	.job-box:hover{
		box-shadow: 0px 3px 6px rgb(220, 53, 69, 0.05);
	}
	.job-box .job-box-pic{
		width: 140px;
		min-width: 140px;
		height: 140px;
		min-height: 140px;
		overflow: hidden;
	}
	.job-box .job-box-pic img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.job-box .job-box-content{
		padding: 1rem;
		width: 100%;
	}
	.job-box .job-box-content .title{
		font-size: 20px;
		margin-bottom: 1rem;
		color: #020202;
		font-family: "Hacen-Tunisia-Bd";
	}
	.job-box .job-box-content .nav-link{
		font-size: 16px;
		color: #1C2331;
		font-family: "Hacen-Tunisia-lt";
	}
	.job-box .job-box-content .nav-link:hover{
		color: #dc3545;
	}
	.job-box .job-box-content .nav-item:first-child .nav-link{
		padding-right: 0;
	}
	.job-box .job-box-btn{
		width: 250px;
	}
	.job-box .job-box-btn .btn{
		height: 40px;
		background: rgba(186, 32, 39, 0.20);
		border-radius: 20px;
		color: #BA2027;
		font-family: "Hacen-Tunisia-lt";
		padding: 0.25rem 2rem;
		min-width: 140px;
		transition: all 0.3s ease;
	}
	.job-box .job-box-btn .btn:hover,
	.job-box .job-box-btn .btn:focus{
		background: #BA2027;
		color: #fff;
		padding: 0.25rem 0.5rem;
	}
	.job-box .job-box-btn .btn svg{
		transition: margin-right 0.3s ease;
		width: 2em;
	}
	.job-box .job-box-btn .btn:hover svg,
	.job-box .job-box-btn .btn:focus svg{
		margin-right: 0.5rem;
	}
	.job-box .job-box-btn .btn:hover svg path,
	.job-box .job-box-btn .btn:focus svg path{
		fill: #fff;
	}


	/* Vertical Job Box*/

	.job-box-v{
		display: block;
		position: relative;
		overflow: hidden;
		box-shadow: 0px 3px 6px #0000000F;
		border: 1px solid #02020229;
	}
	.job-box-v::before{
		position: absolute;
		content: "";
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		background-color: rgba(186, 32, 40, 0.8);
		transition: all 0.3s ease;
	}
	.job-box-v .job-box-pic{
		margin: auto;
	}
	.job-box-v .job-box-content{
		padding: 1rem 0;
	}
	.job-box-v .job-box-content .job-title{
		font-size: 20px;
		text-align: center;
	}
	.job-box-v .job-box-content .nav-link{
		padding: 0.5rem 0;
	}
	.job-box-v .job-box-btn{
		position: absolute;
		text-align: center;
		top: 100%;
		left: 50%;
		opacity: 0;
		transform: translate(-50%, -50%);
		transition: all 0.3s ease 0.1s;
	}
	.job-box-v .job-box-btn .btn{
		background-color: #fff;
	}
	.job-box-v:hover .job-box-btn{
		top: 50%;
		opacity: 1;
	}

	.job-box-v:hover:before{
		opacity: 1;
	}
/* --------------------
	Job View Details
-------------------- */

	.job-view-container{
		background: #fff;
		border: 1px solid rgba(2, 2, 2, 0.157);
		border-radius: 10px;
		padding: 1rem;
		margin-bottom: 2rem;
		overflow: hidden;
	}
	.job-view-container .job-view-box{
		width: 33.333337%;
		float: right;
		display: flex;
		padding: 1rem;
	}
	.job-view-container .job-view-box .job-view-box-content{
		padding: 0 1rem;
	}
	.job-view-container .job-view-box .job-view-box-content .title{
		color: #1C2331;
		font-size: 16px;
		margin-bottom: 0rem;
	}
	.job-view-container .job-view-box .job-view-box-content .description{
		color: #020202;
		font-size: 18px;
		font-family: "Hacen-Tunisia-Bd";
	}
	.job-view-info .title{
		margin: 0;
		padding: 1rem 0;
		font-size: 20px;
		font-family: "Hacen-Tunisia-Bd";
		color: #020202;
	}
	.job-view-info .description,
	.job-view-info li{
		font-size: 16px;
		font-family: "Hacen-Tunisia-Lt";
		color: #1C2331;;
	}
	.job-view-info li{
		position: relative;
		padding: 0.35rem;
		padding-right: 2rem;
	}
	.job-view-info li:before{
		position: absolute;
		content:"";
		width: 1.5rem;
		height: 1.5rem;
		right: 0;
		top: 0.6rem;
		background: url(../img/Pointer.svg) no-repeat;
	}
	.job-view-container.social-media a{
		color: rgba(219, 39, 48, 0.5) !important;
	}
	.job-view-container.social-media a:hover{
		color: rgba(219, 39, 48, 1) !important;
	}
/*--------------------
	title-section
	--------------------*/
	.title-section{
		margin-bottom: 2rem;
	}
	.title-section .title{
		position: relative;
		font-family: "din-next-bold";
		padding-bottom: 2rem;
	}
	.title-section .title:after{
		position: absolute;
		content: "";
		bottom: 0;
		left: 50%;
		width: 50px;
		height: 5px;
		border-radius: 4px;
		transform: translateX(-50%);
		transition: all 0.3s ease;
		background: #BA2027;
	}
/*--------------------
	Form
	--------------------*/

	.form .select2-selection--single,
	.form .form-control{
		border: 1px solid #02020228;
		border-radius: 6px;
		min-height: 45px;
		padding: 0.375rem 1rem;
	}
	.form .select2-container--default .select2-selection--single .select2-selection__placeholder,
	.form .form-control::placeholder{
		color: #02020280;
	}
	.form .select2-container:focus,
	.form .form-control:focus {
		outline: none;
		color: #020202;
		border-color: #BA2027;
		outline: 0;
		box-shadow: 0 0 0 0.3rem rgba(186, 32, 39, 0.15);
	}
	.form .btn{
		width: 170px;
		color: #fff;
		background: #BA2027 ;
		border-radius: 6px;
		border: none;
		padding: 0.5rem;
	}

	.form .btn-light{
		width: 170px;
		color: #020202;
		background: #fff ;
		border: 1px solid #020202CC;
	}
	.form .btn-light:hover{
		color: #fff;
		background: #020202CC ;
	}
	.form .btn:hover,
	.form .btn:focus{
		box-shadow: none;
	}
	[type="url"],
	[type="email"],
	[type="tel"]{
		direction: ltr;
	}

	.form-control.is-invalid {
		border-color: #dc3545;
		padding-left: 2.25rem;
		background-repeat: no-repeat;
		background-position: center left calc(2.25rem / 4);
		background-size: calc(2.25rem / 2) calc(2.25rem / 2);
	}
	.datepicker td, .datepicker th {
		width: 35px;
		height: 35px;
	}
	.datepicker table tr td.active, .datepicker table tr td.active.disabled, .datepicker table tr td.active.disabled:hover, .datepicker table tr td.active:hover {
		background: #BA2027 ;
	}

	.select2-selection--single .select2-selection__rendered{
		padding: 0;
	}
	.select2-container--default .select2-selection--single .select2-selection__arrow{
		width: 40px;
		height: 45px;
	}


/*--------------------------
	Custom
	----------------------*/
	.custom-control-inline {
		margin-left: 2rem;
	}
	.custom-control-label::before,
	.custom-control-label::after {
		top: 0.5rem;
	}
	.custom-control-input:checked ~ .custom-control-label::before {
		color: #fff;
		border-color: #BA2027;
		background-color: #BA2027;
		outline: none;
		box-shadow: none;
	}

/*--------------------
	Footer
	--------------------*/
	.footer{
		font-size: 14px;
		padding: 3rem 0 1rem;
		background: #1C2331;
		color: #fff;
	}
	.footer-box{
		display: flex;
		justify-content: space-between;
	}
	.footer .footer-about .logo{
		width: 200px;
		margin-bottom: 2rem;
	}
	.social-media li a{
		width: 40px;
		height: 40px;
		line-height: 40px;
		display: block;
		color: rgba(255, 255, 255, 0.5);
		text-align: center;
		transition: all 0.3s ease;
	}
	.social-media li a:hover{
		color: #fff;
	}
	.footer-copyright{
		border-top: 0.5px solid rgba(255, 255, 255, 0.5);
		padding: 1rem 0;
		margin-top: 2rem;
		text-align: center;
	}
	.footer-box a{
		display: flex;
		align-items: center;
		color: #fff;
		font-size: 16px;
		font-family: "Hacen-Tunisia-Lt";
	}
	.footer-box a span{
		padding: 0 1rem;
	}
	.footer-box .icon{
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		border-radius: 4px;
		background-color: rgba(255, 255, 255, 0.2);
	}
	.footer-box .icon .a{
		fill: transparent;
		stroke: transparent;
	}
	.footer-box .flex-column .nav-item{
		margin-right: 40px;
	}
	.footer .nav-link{
		font-family: "Hacen-Tunisia-Lt";
		color: #fff;
		font-size: 14px;
		transition: all 0.3s ease;
	}
	.footer .nav-link:hover{
		color:rgba(255, 255, 255, 0.5);
	}

/*--------------------------
	Pagination
	----------------------*/
	.pagination .page-link{
		width: 50px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		padding: 0;
		margin-right: 0;
		color: #020202;
		border: none;
		background-color: transparent;
		font-family: "Hacen-Tunisia-lt";
		border-radius: 50% !important;
	}
	.pagination .page-link:hover,
	.pagination .page-link.active{
		padding: 0;
		margin-right: 0;
		color: #fff;
		background-color: #BA2027;
		border: none;
		box-shadow: none;
	}

/*--------------------------
	breadcrumb
	----------------------*/
	.breadcrumb{
		padding: 0;
		border-radius: 0;
		background-color: transparent;
	}
	.breadcrumb .breadcrumb-item a,
	.breadcrumb .breadcrumb-item {
		color: #fff
	}
	.breadcrumb-item + .breadcrumb-item::before {
		color: #fff;
	}

/*--------------------------
	Wizard
	----------------------*/
	.nav-wizard{
		padding: 0.5rem 0;
	}
	.nav-wizard .nav-link{
		font-size: 20px;
		color: #7D7D7D;
		padding: 0.5rem 2rem;
	}
	.nav-wizard .nav-link .icon{
		width: 30px;
		height: 30px;
		line-height: 30px;
		border-radius: 50%;
		text-align: center;
		background-color: #7D7D7D;
		margin-left: 1rem;
		display: inline-block;
	}
	.nav-wizard .nav-link .icon svg path{
		fill: #fff;
	}

	.nav-wizard .nav-link.active{
		color: #020202;
	}
	.nav-wizard .nav-link.active .icon{
		background-color: #E25252 ;
	}

	.card{
		border: 1px solid #0202024D;
		border-radius: 10px;
	}
	.card .card-head{
		display: flex;
		align-items: center;
		margin-bottom: 1rem;
	}
	.card .card-head .title{
		margin: 0;
		margin-right: 1rem;
	}
	.custom-file-upload input[type="file"] {
		display: none;
	}
	.custom-file-upload .custom-file-upload1 {
		border: 0.5px dashed #2A2A2A;
		border-radius: 6px;
		display: inline-block;
		padding: 0.35rem 2rem;
		cursor: pointer;
	}


	/*----------------------------------------------
	payment
	---------------------------------------------- */
	.payment-way-box{
		position: relative;
		display: flex;
		/* justify-content: space-between; */
	}
	.input-hidden {
		position: absolute;
		z-index: -1;
	}
	.payment-way{
		text-align: center !important;
		cursor: pointer;
		width: 140px;
		padding: 1rem;
		overflow: hidden;
		background: #FFFFFF;
		border: 1px solid #6c757d;
		border-radius: 6px; 
		align-items: center;
		display: flex;
		justify-content: center;
	}
	.payment-way svg {
		height: 50px;
	}
	.payment-way svg path,
	.payment-way svg circle{
		fill: #6c757d;
	}
	.payment-way:hover svg path,
	.payment-way:hover svg circle{
		fill: #BA2027;
	}
	.payment-way:hover,
	.payment-way-box input[type=radio]:checked + label.payment-way {
		background: rgb(186, 32, 39 ,.3);
		border-color: rgb(186, 32, 39 ,.3);
		box-shadow: 0px 3px 30px  rgb(186, 32, 39 ,.3);
	}
	.payment-way-box input[type=radio]:checked + label.payment-way svg path,
	.payment-way-box input[type=radio]:checked + label.payment-way svg circle{
		fill: #BA2027;
	}

/*--------------------------
	wizard-box
	----------------------*/

	.wizard-box{
		background-color: #fff;
		box-shadow: 0px 3px 16px #00000029;
		border: 1px solid #9C9B9B33;
		padding: 1rem;
	}
	.wizard-box .wizard-box-nav{
		margin: 2rem auto;
		justify-content: space-around;
		border-top: 1px solid #9C9B9B33;
		border-bottom: 1px solid #9C9B9B33;
	}
	.wizard-box .wizard-box-nav .nav-link{
		color: rgb(28 35 49 / 0.7);
		font-size: 16px;
		padding: .35rem .5rem;
	}
	.wizard-box .wizard-box-nav .nav-link .icon{
		background: transparent;
		margin-left: 0;
	}
	.wizard-box .wizard-box-nav .nav-link svg path{
		fill: #313233;
	}
	.wizard-box .wizard-box-nav .nav-link.active{
		color: #BA2027;
	}
	.wizard-box .wizard-box-nav .nav-link.active svg path{
		fill: #BA2027;
	}
	.wizard-box .package-box{
		display: block;
		width: 100%;
	}
	.wizard-box .package-box .input-hidden{
		position: absolute;
		z-index: -1;
	}
	.wizard-box .package-box-content{
		display: flex;
		justify-content: space-between;
		align-items: center;
		cursor: pointer;
		width: 100%;
		padding: 2rem;
		margin-bottom: 1rem;
		background: #F9F9F9;
		border-radius: 12px;
	}
	.wizard-box .package-box-content .name h2{
		font-size: 24px;
	}
	.wizard-box .package-box-content .name p{
		font-size: 14px;
	}
	.wizard-box .package-box-content .price .new{
		font-size: 38px;
	}
	.wizard-box .package-box-content .price .new sup{
		font-size: 20px;
		top: 0;
	}
	.wizard-box .package-box-content .price .old{
		text-decoration: line-through;
		font-size: 28px;
	}

	.wizard-box .package-box input[type=radio]:checked + label.package-box-content {
		background-color: #1C2331;
		color: #fff;
		box-shadow: 0px 3px 30px rgba(#1C2331, 0.3);
	}

	.package-box-info {
		padding: 2rem;
		background: #0202020C;
		margin-bottom: 2rem;
	}

	.company-box{
		display: block;
		width: 100%;
	}
	.company-box .company-box-content{
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 1rem;
		background: #FFD8D828;
		border: 1px solid #02020228;
		border-radius: 6px;
		margin-bottom: 1rem;
	}

	.company-box .company-box-content .name h2{
		font-size: 16px;
		margin: 0;
		padding: 0;
	}

	.company-box .company-box-content:hover,
	.company-box input[type=radio]:checked + label.company-box-content {
		background-color: #FFD8D8;
		border-color: #DB272F;
		box-shadow: 0px 3px 30px rgba(#DB272F, 0.3);
	}

	.wizard-box .input-group-text {
		color: #ffffff;
		background-color: #ba2027;
		border: 1px solid #ba2027;
	}


	.pin-wrapper{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.pin-wrapper input{
		width: 50px;
		height: 50px;
		border: 1px solid #d7d7d7;
		border-radius: 4px;
		outline: none;
		text-align:center;
		margin:0 5px;
		font-size:20px;
	}


/*--------------------------
	Direction
	----------------------*/
	[dir ="ltr"] body{
		direction: ltr;
		text-align: left;
	}
	[dir ="ltr"] .scroll-to-top {
		left: -50%;
		right: auto;
	}
	[dir ="ltr"] .scroll-to-top.show {
		left: 50px;
		right: auto;
	}
	[dir ="ltr"] .box-images .box-images-2 {
		right: auto;
		left: 50%;
		transform: translateX(-50%);
	}
	[dir ="ltr"] .package .title-section .title-label::after {
		right: 5px;
		left: auto;
	}
	[dir ="ltr"] .testimonials-box::before {
		left: auto;
		right: 100px;
	}
	[dir ="ltr"] .why-meem .title-section .title:after {
		left: 0;
		right: auto;
	}
	[dir ="ltr"] #accordion .panel-title a:before,
	[dir ="ltr"] #accordion .panel-title a.collapsed:before {
		left: auto;
		right: 20px;
	}
	@media (max-width: 992px) {
		[dir ="ltr"] .navbar-collapse.collapsing .navbar-nav {
			left: -100%;
			right: auto;
		}
		[dir ="ltr"] .navbar-collapse.show .navbar-nav {
			left: 0;
			right: auto;
			transition: left 0.35s ease;
		}
	}
	[dir="ltr"] .nav-tabs .nav-item .nav-link{
		margin-left: 0rem;
		margin-right: 3rem;
	}
	[dir="ltr"] .nav-tabs .nav-item:last-child .nav-link{
		margin-left: 0;
		margin-right: 0;
	}
	[dir="ltr"] .package-box .info i{
		margin-right: 15px;
		margin-left: 0;
	}

/*--------------------------
	Media Query
	----------------------*/
	@media all and (min-width: 999px){
	}
	@media all and (max-width: 991px){
		.footer-box .logo{
			margin: auto;
		}
		.footer-box{
			display: block;
			justify-content: center;
			text-align: center;
			text-align: center;
		}
		.footer-box .footer-link{
			width: 50%;
			float: right;
			margin-bottom: 1rem;
		}
		.footer-box .nav{
			justify-content: center;
		}
		.box-images {
			margin-bottom: 5rem;
		}
		.footer-copyright .footer-box a{
			justify-content: center;
			padding: 1rem;
		}
	}
	@media all and (max-width: 768px){
		section {
			padding: 3rem 0;
		}
		.btn {
			padding: 0.75rem 2rem;
		}
		
		.navbar.fixed-top {
			position: relative;
		}
		.navbar.fixed-top .navbar-box{
			padding: 0.5rem;
		}
		.navbar-box .logo{
			width: 160px;
			padding: 0;
		}
		button.close {
			margin-bottom: 2rem;
		}
		.job-box{
			display: block;
		}
		.job-box .job-box-content .nav-item:first-child .nav-link{
			padding-right: 1rem;
		}
		.job-view-container .job-view-box{
			width: 50%;
		}
		.wizard-box .wizard-box-nav {
			justify-content: center;
		}
		.payment-way-box {
			text-align: center;
		}
		.wizard-box img{
			max-width: 100%;
		}
	}
	@media (max-width: 580px) {
		.job-view-container .job-view-box{
			width: 100%;
		}
		.payment-way{
			width: 100px;
		}
		.payment-way svg {
			height: 30px;
		}
	}
	@media (max-width: 420px) {
		.package-box-info {
			padding: 1rem;
		}
		.company-box .company-box-content,
		.wizard-box .package-box-content {
			display: block;
			text-align: center;
			padding: 1rem;
		}
		.company-box .company-box-content .name h2{
			margin-bottom: 1rem;
			font-size: 20px;
		}
		.form .btn {
			min-width: 120px;
		}
		.footer-box .footer-link {
			width: 100%;
			float: none;
			margin-bottom: 1rem;
		}
		.pagination .page-link {
			width: 30px;
			height: 30px;
			line-height: 30px;
		}

		.payment-way{
			padding: .25rem
		}
		.payment-way svg {
			height: auto;
    			width: 40px;
		}
	}
	@media (max-width: 375px) {
	}
	@media (max-width: 330px) {
	}