body[data-steps="account"]::after {
	opacity: 0.05;
}

#sectionTop,
#circs,
#conditions .inner-conditions .top .right,
#companySelection {
	background: linear-gradient(87.6deg, rgb(var(--admin-additional-color, var(--default_additional_color)),0.3) 0%, #E3E8EB 100%);
}
#description {
	background: #E3E8EB;
}
#fillForm .form {
	background: linear-gradient(87.6deg, rgb(var(--admin-color, var(--default_color))) 0%, #fff 100%);
}
@media (max-width: 1200px) {
	#fillForm .form {
		background: linear-gradient(to bottom, rgb(var(--admin-color, var(--default_color))) 0%, #fff 100%);
	}
}

#fillForm .form .btn {
	background: #E3E8EB;
}

.advantage-calculator .item .conent h5 {
	color: rgb(var(--admin-color, var(--default_color)));
}
#cards .box-cards h5,
.advantage-calculator .item .conent .info,
#circs .item .content .input-edit input,
#circs .item .content .input-edit:before {
	color: #000;
	opacity: 1;
}
.form-calculator {
	background: #f6fafe;
}
.title-calculator .top p span b,
.form-calculator fieldset div p .color {
	color: rgb(var(--admin-color, var(--default_color)));
}
#accordion .active .accordion-title .icon .cross,
.loans .item .info p .color,
.form-calculator .submit,
#mainForm fieldset .btn,
#offers .items-offers .item .btn,
#circs .item .content .edit.off p {
	background: rgb(var(--admin-color, var(--default_color)));
	color: #FFFFFF;
	text-shadow: 0px 20px 10px rgba(0, 0, 0, 0.1),
				0px 10px 5px rgba(0, 0, 0, 0.1),
				0px 5px 2px rgba(0, 0, 0, 0.1),
				0px 1px 1px rgba(0, 0, 0, 0.1);
}
#gamburger .item,
#offers .items-offers .item .btn:hover,
.form-calculator .submit:hover,
#mainForm fieldset .btn:hover {
	background: rgb(var(--admin-color, var(--default_color)));
}

#accordion .accordion-title .icon .cross svg path {
	fill: #B7C1C3;
}

input[type="range"] {
	background: linear-gradient(to right, rgb(var(--admin-color, var(--default_color))) 0%, rgb(var(--admin-color, var(--default_color))) 35%, #E3E8EB 35%, #E3E8EB 100%);
}
input.w-30[type="range"] {
	background: linear-gradient(to right, rgb(var(--admin-color, var(--default_color))) 0%, rgb(var(--admin-color, var(--default_color))) 30%, #E3E8EB 30%, #E3E8EB 100%);
}
input.w-0[type="range"] {
	background: linear-gradient(to right, #4d25aa 0%, #4d25aa 0%, rgba(58, 0, 76, 0.25) 0%, rgba(58, 0, 76, 0.25) 100%);
}

/* thumb */
input[type="range"]::-webkit-slider-thumb {
	background: rgb(var(--admin-color, var(--default_color)));
}
input[type="range"]::-moz-range-thumb {
	background: rgb(var(--admin-color, var(--default_color)));
}
input[type="range"]::-ms-range-thumb {
	background: rgb(var(--admin-color, var(--default_color)));
	border: 2px solid #FFFFFF;
}
/* /thumb */

/* progress */
input[type="range"]::range-progress {
	background-color: #48c9ef;
}
input[type="range"]::-webkit-range-progress,
input[type="range"]::-moz-range-progress,
input[type="range"]::-ms-range-progress {
	background-color: #48c9ef;
}
input[type="range"]::-webkit-slider-runnable-track,
input[type="range"]::-moz-range-track,
input[type="range"]::-ms-fill-lower {
	background-color: #48c9ef;
}
input[type="range"]::-webkit-fill-lower,
input[type="range"]::-moz-fill-lower,
input[type="range"]::-ms-fill-lower {
	background-color: #48c9ef;
}
input[type="range"]::-webkit-fill-lower,
input[type="range"]::-moz-fill-lower,
input[type="range"]::-ms-fill-upper {
	background-color: #c9f5fe;
}


#steps .steps-items .item .num {
	border: 3px solid rgba(0,0,0,0);
}

#cards .box-cards {
	border: 5px solid rgba(33, 129, 255, 0);
	box-shadow: 0px 0 20px rgba(0, 0, 0, 0.2);
}

#reviews .swiper .swiper-slide .swiper-inner {
	border: 5px solid rgba(33, 129, 255, 0);
}
#reviews .swiper .swiper-slide.swiper-slide-active .swiper-inner,
#reviews .swiper .swiper-slide.swiper-slide-next .swiper-inner,
#reviews .swiper .swiper-slide.swiper-slide-duplicate-prev .swiper-inner {
	box-shadow: 0px 0 5px rgba(0, 0, 0, 0.2);
}

#advantage {
	background: linear-gradient(87.6deg, rgb(var(--admin-additional-color, var(--default_additional_color)),0.3) 0%, #E3E8EB 100%);
}

.loans .item .fot .btn {
	background-color: #E3E8EB;
}
.loans .item:hover .fot .btn {
	color: #FFF;
	background-color: rgb(var(--admin-color, var(--default_color)));
}

.form-calculator fieldset .checkbox .checkmark .after,
#mainForm fieldset .checkbox .checkmark .after,
body[data-active-step="1"] #menuSteps .menu-steps .item:nth-child(1) .after,
body[data-active-step="2"] #menuSteps .menu-steps .item:nth-child(1) .after,
body[data-active-step="3"] #menuSteps .menu-steps .item:nth-child(2) .after,
body[data-active-step="4"] #menuSteps .menu-steps .item:nth-child(3) .after,
body[data-active-step="5"] #menuSteps .menu-steps .item:nth-child(3) .after {
	background-color: rgb(var(--admin-color, var(--default_color)));
}

#reviews .swiper .reviews-pagination .swiper-pagination-bullet {
	box-shadow: inset 0 0 0 2px #000;
}
#reviews .swiper .reviews-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #000;
}
#reviews .swiper .reviews__navigation-progressbar.swiper-pagination-progressbar {
	background: #E3E8EB;
}
#mainForm fieldset .checkbox input:not([type="submit"]):invalid ~ .checkmark {
	box-shadow: inset 0px 0px 0px 2px rgb(var(--admin-color, var(--default_color))),
				inset 0px 0px 0px 1px rgb(var(--admin-color, var(--default_color)));
}
#mainForm fieldset .checkbox input:not([type="submit"]):focus:valid ~ .checkmark {
	box-shadow: inset 0px 0px 0px 2px rgb(var(--admin-color, var(--default_color))),
				inset 0px 0px 0px 1px rgb(var(--admin-color, var(--default_color)));
}
#mainForm fieldset select:not([type="submit"]):focus:invalid,
#mainForm fieldset input:not([type="submit"]):focus:invalid {
	box-shadow: inset 0px 0px 0px 1px rgb(var(--admin-color, var(--default_color)));
}
#mainForm fieldset select:not([type="submit"]):focus,
#mainForm fieldset input:not([type="submit"]):focus {
	box-shadow: inset 0px 0px 0px 2px #889293;
}
#mainForm fieldset select:not([type="submit"]):focus:valid,
#mainForm fieldset input:not([type="submit"]):focus:valid {
	box-shadow: inset 0px 0px 0px 1px #139248;
}

#offers .items-offers .item.active,
#offers .items-offers .item:hover {
	box-shadow: inset 0 0 0 1px rgb(var(--admin-color, var(--default_color))),
				0px 10px 20px rgba(0, 0, 0, 0.25);
}
.progressbar .bg,
.progressbar .meter {
	stroke: rgb(var(--admin-color, var(--default_color)));
}

/* if affiliate_id */
@media (max-width: 720px) {
	body.cut {
		background: linear-gradient(87.6deg, #E3E8EB 0%, #E3E8EB 100%);
	}
}

/* colors bind_card */
.card__btn {
	background-color: rgb(var(--admin-color, var(--default_color)));
}