body {
	font-family: 'Red Hat Display', sans-serif;
	color: #292043;
	font-weight: 400;
	background-color: #fff;
}

.bg-img-cover {
	background-size: cover;
	background-repeat: no-repeat;
}

.swiper-slide-active .card {
	color: #292043;
	--bs-bg-opacity: 100%!important;
}
.swiper-slide-active .blockquote p {
	color: #292043!important;
	font-size: 1.75rem!important;
}
.swiper-slide-active .blockquote-footer {
	color: #635C7F!important;
	font-size: 1.5rem!important;
}
.swiper-slide-active .fa-star {
	color: #FFD494!important;
	font-size: 1.125rem!important;
}


.accordion-button::after {
    background-image: url(../images/icon/plus-icon-primary.svg);
}
.accordion-button:not(.collapsed)::after {
    background-image: url(../images/icon/minus-icon-primary.svg);
}

.collapse-button::after {
	content: "";
	background-image: url(../images/icon/plus-icon-primary.svg);
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
    margin: auto;
    width: 17px;
    height: 17px;
    background-size: contain;
    background-repeat: no-repeat;
}
.collapse-button:not(.collapsed):after {
	background-image: url(../images/icon/minus-icon-primary.svg);
}

.accordion-button:focus {
	--bs-accordion-btn-focus-border-color:  none;
	box-shadow:  none;
}
.accordion-button:not(.collapsed) {
	color: #815AF0;
	background-color: transparent;
	align-items: start!important;
}

.form-control {
	border: 1px solid #DCD9E5;
	border-radius: 0.313rem;
	color: #635C7F;
	line-height: 1.25;
}
.form-control-xl {
	border-width: 2px;
	border-radius: 0.625rem;
	font-size: 2rem;
	font-weight: 500;
	color: #635C7F;
	padding: 1.375rem 1.875rem;		
}

.form-control::placeholder {
	color: #DCD9E5;
}
.modal-popup .form-control::placeholder {
	color: #635C7F;
	font-size: 2rem;
}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus,
.form-control:focus {
	border-color: #DCD9E5!important;
	background-color: #fff!important;
	-webkit-box-shadow: 0 0 0px 1000px #fff inset!important;
	box-shadow: 0 0 0px 1000px #fff inset!important;
	-webkit-text-fill-color: #635C7F!important;
	color: #635C7F!important;
}
input[type=number]::-webkit-inner-spin-button {
  display: none;
}
.modal-popup .form-control[type=text]:valid,
.modal-popup .form-control[type=email]:valid {
	background-image: url('../../assets/images/icon/tick-circle-green.svg')!important;
	background-repeat: no-repeat;
	background-position: 98%;
	position: relative;
	z-index: 999;
}


.select-box .ts-control {
	height: 88px;
	border: 2px solid #DCD9E5;
	border-radius: 10px;
	font-weight: 500;
	padding: 22px 30px;
	color: #635C7F;
	font-size: 32px;
	line-height: 40px;
}
.select-box .ts-control, 
.select-box .ts-control input, 
.select-box .ts-dropdown {
	color: #635C7F!important;
	font-size: 32px;
	line-height: 40px;
	font-weight: 500;
}
.select-box .ts-control input::placeholder {
	color: #635C7F;
}
.select-box .dropdown-input-wrap {
	display: none;
}
.plugin-dropdown_input.focus.dropdown-active .ts-control {
	border: 2px solid #DCD9E5;
}
.ts-wrapper.single .ts-control:before {
	content: url('../../assets/images/icon/arrows/dropdown-arrow.svg');
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 2rem;	
	display: flex;
	height: 100%;
	align-items: center;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	z-index: 910;
}
.ts-wrapper.single.input-active .ts-control:before {
	background-color: red;
}
.ts-dropdown {
	margin: 0;
	text-align: left;
	border-radius: 10px;
	border: 2px solid rgba(220, 217, 229, 0.5);
}
.ts-dropdown [data-selectable].option {
    cursor: pointer;
    opacity: 1;
    border-top: 2px solid rgba(220, 217, 229, 0.5);
    padding: 14px 30px;
 }

.ts-dropdown [data-selectable].option:first-child {
    border-top: none;
 }
.ts-dropdown [data-selectable].option.active {
	background-color: rgba(220, 217, 229, 0.5);
 }





.label-check {
	border-radius: 15px;
}
.btn-check:checked+.label-check, .btn-check:hover+.label-check, .btn-check:active+.label-check,
.label-valid {
    background-color: rgba(129, 90, 240, 0.05)!important;
    border: 2px solid #815AF0!important;
    position: relative;
}
.btn-check:checked+.label-check img, .btn-check:hover+.label-check img, .btn-check:active+.label-check img {
    filter: brightness(0) saturate(100%) invert(41%) sepia(72%) saturate(4223%) hue-rotate(238deg) brightness(99%) contrast(91%);
}
.btn-check + .label-check .checkbox-text:focus-visible {
	outline: none!important;
}
.btn-check + .label-check .checkbox-text::placeholder {
	color: #DCD9E5!important;
}
.btn-check:checked+.label-check .checkbox-text, .btn-check:hover+.label-check .checkbox-text, .btn-check:active+.label-check .checkbox-text,
.btn-check:checked+.label-check .checkbox-text::placeholder, .btn-check:hover+.label-check .checkbox-text::placeholder, .btn-check:active+.label-check .checkbox-text::placeholder,
.input-valid {
    color: #815AF0!important;
}


.btn-check:checked+.label-check:after {
    content: "\f058";
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%)!important;
    color: #815AF0;
    font-size: 2rem;
    z-index: 9999;
    font-weight: 900!important;
	background-color: #fff;
	line-height: 0.5;
}

.btn-check-text.btn-check:checked+.label-check:after {
	content: "";
}
.btn-check-text.btn-check:checked+.label-check .fa-circle:after,
.label-valid .fa-circle:after {
	content: "\f058";
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	color: #815AF0!important;
	left: 0;
	position: absolute;
}
.btn-check-text.btn-check:checked+.label-check .number-input .text-light {
	color: #292043!important;
}







.section-hero .device-wrap {
	padding-bottom: 10.375rem;
}
.section-feedback {
	padding: 4.75rem 0;
}
.section-cta {
	padding: 8.5rem 0;
}


@media (max-width: 1399.98px) { 
	.headline-2 {
		font-size: 3rem;
	}
	.section-hero .headline-2,
	.section-faq .headline-2,
	.modal-popup .headline-2{
		font-size: 4rem;
	}
	.header-img-absolute.start-0 { 
		margin-left: -3.75rem!important;
	}
	.section-features .mt-neg {
		margin-top: -7.5rem!important;
		margin-bottom: 1.5rem!important;
	}
	.section-hero .device-wrap {
		padding-bottom: 15.125rem;
	}
	.section-hero .device-item {
		width: 261px!important;
	}
	.section-portfolio .porftolio-wrapper {
		margin-top: -1.313rem;
		margin-bottom: 8.25rem;
	}
	.portfolio-1 {
		height: 801px!important;
	}
	.portfolio-2,
	.portfolio-3 {
		height: 478px!important;
	}
	.portfolio-4 {
		height: 789px!important;
	}
	.section-portfolio .btn-lg {
		font-size: 1.125rem;
		padding: 1rem 2rem;
	}
	.section-feedback {
		padding: 8.5rem 0;
	}
	.section-faq .text-lg {
		font-size: 1.5rem;
	}
	.section-cta {
		padding: 9.875rem 0;
	}

}

@media (max-width: 1199.98px) { 
	.header-img-absolute.start-0 {
		width: 332px!important;
		margin-left: -6.5rem!important;
	}
	.section-features .mt-neg {
		margin-top: -3rem!important;
		margin-bottom: 5.25rem!important;
	}
	.section-hero .device-wrap {
		padding-bottom: 10.25rem;
	}
	.section-hero .position-absolute .headline-4 {
		font-size: 2rem;
	}
	.section-hero .position-absolute .btn-lg {
		font-size: 1.25rem;
		padding: 1rem 2rem;
	}
	.section-portfolio .porftolio-wrapper {
		margin-top: -3rem;
	}
	.section-faq .text-lg {
		font-size: 1.25rem;
	}
	#modalContactUs .rounded-end {
		border-radius: 0 0 1.25rem 1.25rem!important;
	}
	.modal-xl {
	    --bs-modal-width: 90%;
	}
}
/*md*/
@media (max-width: 991.98px) { 

	.navbar {
		position: relative;
	}
	.navbar-collapse {
		background-color: #fff;
		width: 100%;
		text-align: center;
		position: absolute;
		top: 102px;
		z-index: 100;
		border-radius: 0px 0px 20px 20px;
		-webkit-box-shadow: 0px 60px 75px -61px rgba(66, 68, 90, 1);
		-moz-box-shadow: 0px 60px 75px -61px rgba(66, 68, 90, 1);
		box-shadow: 0px 60px 75px -61px rgba(66, 68, 90, 1);
	}
	.navbar-collapse .navbar-nav {
		width: 287px;
		border-bottom: 1px solid #DCD9E5;	
	}
	.navbar-collapse .nav-item {
		padding: 2rem 0; 
		margin: 0 2.25rem;
		border-bottom: 1px dashed #DCD9E5;
	}
	.navbar-collapse .nav-item:last-child {
		border-bottom: none;
	}
	.navbar-toggler:focus {
		box-shadow: none;
	}
	.header-img-absolute {
		position: relative!important;
		transform: translate(0%,0%)!important;
		top: 0!important;
	}
	.header-img-absolute.end-0 {
		width: 111px!important;
	}
	.header-img-absolute.start-0 {
		width: 368px!important;
		margin-left: 0rem!important;
		margin-top: 2.25rem;
	}
	.section-intro.mb-8 {
		margin-bottom: 2.25rem;
	}
	.section-features .container-1 .headline-2 {
		font-size: 2.5rem; 
	}
	.section-features .container-xl,
	.section-feedback .container-xl {
		max-width: 720px;
	}
	.section-features .mt-neg {
		margin-top: 0!important;
		margin-bottom: 1.25rem!important;
	}
	.section-portfolio .porftolio-wrapper {
		margin-top: 0rem;
		margin-bottom: 6rem;
	}
	.section-feedback {
		padding: 7rem 0;
	}
	.footer-brand {
		width: 360px;
	}
	.modal-footer .btn-xl {
		font-size: 1.125rem;
		padding: 1rem 2rem;	
	}
	.modal-footer .button {
		font-size: 1rem!important;
	}
	.modal-footer .button .text-md {
		font-size: 1.125rem!important;
	}
}
/*sm*/
@media (max-width: 767.98px) { 
	.navbar .nav-link,
	.navbar .btn {
		font-size: 1.5rem!important;
	}
	.mobile-menu {
		width: 100%;
	}
	.section-intro.mb-8 {
		margin-bottom: 4.313rem;
	}
	.section-features .container-xl,
	.section-feedback .container-xl {
		max-width: 540px;
	}
	.section-features .mb-8 {
		margin-bottom: 4.313rem;
	}
	.section-features .mt-neg {
		margin-bottom: 0rem!important;
	}
	.section-portfolio .porftolio-wrapper {
		margin-bottom: 5rem;
	}
	.section-feedback {
		padding: 6rem 0;
	}
}



/*xs*/
@media (max-width: 575.98px) { 
	.section-features .container-xl,
	.section-feedback .container-xl {
		max-width: 100%;
	}
	

}