/*
Theme Name: AutoKapital3
Theme URI: https://cormo.pl
Author: Cormo
Author URI: http://cormo.pl/
Version: 1.0
*/

@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 300; src: url('assets/fonts/poppins-v24-latin_latin-ext-300.woff2') format('woff2');}
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 400; src: url('assets/fonts/poppins-v24-latin_latin-ext-regular.woff2') format('woff2');}
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 500; src: url('assets/fonts/poppins-v24-latin_latin-ext-500.woff2') format('woff2');}
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 600; src: url('assets/fonts/poppins-v24-latin_latin-ext-600.woff2') format('woff2');}
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 700; src: url('assets/fonts/poppins-v24-latin_latin-ext-700.woff2') format('woff2');}
@font-face { font-display: swap; font-family: 'Poppins'; font-style: normal; font-weight: 800; src: url('assets/fonts/poppins-v24-latin_latin-ext-800.woff2') format('woff2');}

html, body { font-family: 'Poppins', sans-serif; color: #000; }
img { object-fit: cover; }
a { text-decoration: none; color: inherit; }

.wp-block-heading { margin: 0.5rem 0; }

/* navbar */

.navbar-toggler { box-shadow: none !important; background: #ffffff; border-radius: 8px; width: 40px; height: 40px; padding: 11px 10px; transition: all 0.3s; }
.navbar-toggler span { display: block; height: 2px; margin-bottom: 5px; border-radius: 1px; background: #707070; width: 20px; transition: all 0.4s; }
.navbar-toggler span:nth-child(1) {  transform-origin: -4px 7px; }
.navbar-toggler span:nth-child(2) { width: 15px; transform-origin: 10px -7px; }
.navbar-toggler:not(.collapsed) { background: #ffffff; box-shadow: 0px 0px 0px 2px #e3d8d8 !important; }
.navbar-toggler:not(.collapsed) span { background: #707070; }
.navbar-toggler:not(.collapsed) span:nth-child(1) { transform: rotate(45deg); width: 10px; }
.navbar-toggler:not(.collapsed) span:nth-child(2) { transform: rotate(-45deg); width: 10px; }
.navbar-toggler:not(.collapsed) span:nth-child(3) { opacity: 0; }

.nav-tabs { --bs-nav-tabs-border-width: 0; --bs-nav-link-font-weight: 500; --bs-nav-link-padding-y: 0.9rem; --bs-nav-link-padding-x: 1.8rem; --bs-nav-tabs-link-active-color: #212529; }

.navbar-nav > li > a { font-size: 16px; font-weight: 500; color: #000000; }
.navbar-nav > li:nth-child(-n+3) > a { width: 100px;}

.text-primary { color: #212529!important; }
.text-info { color: #1E3566!important; }
.text-blue { color: #10214C!important; }

.fw-600 { font-weight: 600; }
.fw-700 { font-weight: 700; }
.fw-800 { font-weight: 800!important; }

.fs-1 { font-size: 2.25rem!important; }
.fs-6 { font-size: 0.8rem!important; }
.fs-14 { font-size: 0.875rem!important; }
.fs-18 { font-size: 1.125rem!important; }
.fs-22 { font-size: 1.375rem!important; }
.fs-1-2 { font-size: 1.1rem!important; }

.ls-1 { letter-spacing: 1px; }

.cursor-pointer { cursor: pointer; }

.bg-primary { background-color: #FDEEE3!important; }
.bg-secondary { background-color: #F1F1F1!important; }
.bg-light { background-color: #F2FAFF!important; }
.bg-info { background-color: #FAFAFA!important; }
.bg-border { background-color: #D8F39F; }
.bg-dark { background-color: #F3F3F3!important; }
.bg-blue { background-color: #C1EAFF!important; }
.bg-blue-dark { background-color: #10214C!important; }
.bg-green { background-color: #F5FFE0!important; }
.bg-gray { background-color: #E5E5E5!important; }
.bg-gray-2 { background-color: #DDDDDD!important; }
.bg-white-opacity { background-color: #ffffff82!important; }

.bg-image-1 { background-image: url('./assets/img/background-loan.webp'); background-size: cover; background-position: center; background-repeat: no-repeat; }

.padding-custom-1 { padding: 1.5rem 0 7.5rem 0; }
.padding-custom-2 { padding: 2.25rem 2rem 0 2rem; }
.padding-custom-3 { padding: 2.125rem 1.5rem; }
.padding-custom-4 { padding:  1.563rem  1.937rem; }
.padding-custom-5 { padding-top: 3.125rem; padding-bottom: 4.375rem; }

.margin-custom-1 { margin: 2.5rem 0 13.5rem 0; }

.w-fit-content { width: fit-content; }


.btn-primary { background-color: #D50000; color: #FFFFFF; font-size: 1.25rem; padding: 13px 25px; border: none; line-height: 24px; font-weight: 500; border-radius: 0;}
.btn-primary:hover { transform: scale(1.02); background-color: #f11515!important; }
.btn-secondary { background-color: #FFFFFF; color: #000000; font-size: 1.125rem; padding: 13px 25px; border: none; font-weight: 800; border-radius: 0;  }
.btn-secondary:hover { transform: scale(1.02); background-color: #FFFFFF!important; color: #000000!important; }

button[disabled] { background-color: #cccccc!important; color: #666666!important; }
.btn { transition: all 0.3s; }
.btn:disabled { background-color: #cccccc!important; color: #666666!important; }

.icon-information { width: 90px; height: 90px; background: #C1EAFF; border-radius: 50%; padding: 1.25rem;}
.icon-telephone { width: 42px; height: 42px; border-radius: 50%; background-color: #99D420; }

.rounded-background { position: absolute; top: 0; left: 0; width: 100%; height: 650px; border-bottom-left-radius: 50% 30%; border-bottom-right-radius: 50% 30%; z-index: -1;}

.image-card { position: absolute; top: 3%; right: -9%; }
.image-cash { bottom: 0; right: -15%; }
.image-car-money { bottom: -6%; }
.top-banner-shape { background-color: #C1E2FF; height: 220px; position: absolute; top: 0; left: 0; width: 100%; z-index: -1; pointer-events: none; display: none; }
.top-banner-shape::before { content: ""; position: absolute; right: 0; bottom: 0; width: 36%; height: 42%; background: linear-gradient(to top left, transparent calc(50% - 15px), #DAEEFF calc(50% - 15px) calc(50% + 15px), transparent calc(50% + 15px)); z-index: 0; }
.top-banner-shape::after { content: ""; position: absolute; right: 0; bottom: 0; width: 36%; height: 42%; background: #ffffff; clip-path: polygon(100% 0, 0 100%, 100% 100%); z-index: 1; }
.image-blog { width: 356px!important; height: 208px!important; transition: transform 0.4s ease; will-change: transform;}
.image-blog:hover { transform: scale(1.06); }

.accordion-item { border: none!important; border-bottom: 1px solid #C7C7C7!important; }
.accordion-body { padding: 0.2rem 1.5rem!important; }
.accordion-button:not(.collapsed) { background-color: transparent!important; }
.accordion-button:focus { box-shadow: none; border-bottom: 1px solid #C7C7C7!important; }
.accordion-button { border-bottom: 1px solid #C7C7C7; }
.accordion-button:not(.collapsed)::after { background-image: var(--bs-accordion-btn-icon); }

.list-purchase { list-style: none; padding: 0; margin-bottom: 0!important; }

.profit-arrow { background: linear-gradient(to right, #EEEEEE 45%, #F7F7F7 45%); position: relative; }
.profit-arrow:after { content: ""; position: absolute; top: 0; right: 55%; bottom: 0; width: 50px; background: #F7F7F7; clip-path: polygon(100% 50%, 0 0, 100% 0, 100% 100%, 0 100%); }

.grid-profit { display: grid!important; grid-template-rows: repeat(4, 1fr); }

.transform-scale-1 { transform: scale(1.15); }
.transform-scale-2 { transform: scale(1.05); }

.contact-form-content p, .regulations p { margin-bottom: 1rem; }



.loan_form { padding: 2rem!important; }
.form-title { font-size: 1.5rem!important; font-weight: 600!important; margin-bottom: 0.3rem; }
.form-check-label { font-size: 14px; }
.btn.active { background-color: #D500002B!important; border: 1px solid #D50000!important; }
.form-check-input:checked { background-color: #D50000!important; border-color: #D50000!important; }
.form-separate-label { color: #10214C!important;  font-size: 16px; letter-spacing: 0.5px; font-weight: 500; text-transform: uppercase;}
.form-separate-label > strong { font-weight: 800!important; text-transform: uppercase; }
.btn-outline-secondary { border-radius: 44px!important; border: 1px solid #D3D3D3!important; font-size: 0.89rem!important; color: #212529!important; }
.btn-outline-secondary:hover { background-color: #D500002B!important; border: 1px solid #D50000!important; }
.form-radio { display: flex; align-items: center; gap: 0.6rem; }
.required, .optional, .help-block { font-size: 0.89rem; font-weight: 600!important;}
.form-control { border-radius: 0!important;  padding: 1rem; padding-bottom: 0.8rem; margin-top: 5px; font-size: 1.125rem; background-color: #E5E5E5; font-weight: 700;}
.form-control::placeholder { color: #000000; }
.form-control:focus { border: 1px solid transparent!important; -webkit-box-shadow: 0px 0px 1px 1px rgba(235, 235, 235, 1); -moz-box-shadow: 0px 0px 1px 1px rgba(235, 235, 235, 1); box-shadow: 0px 0px 1px 1px rgba(235, 235, 235, 1); }
.form-footer .btn-primary { width: 100%!important; font-weight: 600!important;  font-size: 16px!important; padding: 1.05rem 0!important; text-transform: uppercase; letter-spacing: 0.5px; }
.btn-light { width: 100%!important; font-weight: 600!important;  font-size: 16px!important; padding: 1rem 0!important; text-transform: uppercase; letter-spacing: 0.5px; border-radius: 40px!important;
	border: 1px solid #eee; margin-top: 23px; }
.form-body { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 5px;}
.form-body > * { flex: 0 0 100%; }
.form-group-half { flex: 0 0 49%; }
.form-group-quarter { flex: 0 0 23%; }
.form-switch .form-check-input:focus:checked { -webkit-box-shadow: 0px 0px 3px 1px rgb(212, 32, 32); -moz-box-shadow: 0px 0px 3px 1px rgb(212, 32, 32); box-shadow: 0px 0px 3px 1px rgb(212, 32, 32); --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")!important; background-image: var(--bs-form-switch-bg)!important; }
.form-switch .form-check-input:focus { -webkit-box-shadow: 0px 0px 3px 1px rgb(212, 32, 32); -moz-box-shadow: 0px 0px 3px 1px rgb(212, 32, 32); box-shadow: 0px 0px 3px 1px rgb(212, 32, 32); --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23aaa'/%3e%3c/svg%3e")!important; background-image: var(--bs-form-switch-bg)!important; }
.errors { color: #dc3545; font-size: 15px; padding: 0; list-style: none;}

.wpcf7-acceptance { font-size: 0.75rem; }
.wpcf7-acceptance label { display: flex; align-items: start; gap: 14px; }

.form-wrapper { background-image: url('./assets/img/img-citroen.webp'); background-repeat: no-repeat; background-size: 50% auto; background-position: right bottom; z-index: -1; min-height: 400px; }

.form-wrapper .card p {
	margin-bottom: 16px;
}

#agent-calculator td {
	padding: 0.3rem 1rem;
	color: #495057;
	font-weight: 600;
	font-size: 13px;
}

#agent-calculator th {
	padding: 0.3rem 1rem;
	font-weight: 700;
	margin-bottom: 0.2rem;
	font-size: 13px;
}

#agent-calculator table th:last-child {
    width: 162px; 
}

label[for="person-amount"], label[for="person-contribution"] {
    display: flex;
    justify-content: space-between;
}

input[type='range']#person-amount, input[type='range']#person-contribution {
	-webkit-appearance: none;
	width: 100%;
	border: 1px solid #ddd;
	border-radius: 10px;
	background-color: #eeeeee;
	padding: 0!important;
	height: 10px!important;
	margin: 0.4rem 0rem;
}

input[type='range']#person-amount::-webkit-slider-runnable-track, input[type='range']#person-contribution::-webkit-slider-runnable-track {
	margin-bottom: 10px;
	border-radius: 10px;
	cursor: pointer;
	padding: 0!important;
	height: 10px!important;
}

input[type='range']#person-amount::-webkit-slider-thumb, input[type='range']#person-contribution::-webkit-slider-thumb {
	-webkit-appearance: none;
	height: 22px;
	width: 22px;
	border-radius: 50%;
	background: #D50000;
}

/* Dla Firefox */
input[type='range']#person-amount::-moz-range-track, input[type='range']#person-contribution::-moz-range-track {
	border-radius: 10px;
	padding: 0!important;
	height: 10px!important;
}

input[type='range']#person-amount::-moz-range-thumb, input[type='range']#person-contribution::-moz-range-thumb {
	height: 20px;
	width: 20px;
	border-radius: 50%;
	background: #D50000;
	border: none;
	cursor: pointer;
	
}

/* Dla IE */
input[type='range']#person-amount::-ms-track, input[type='range']#person-contribution::-ms-track {
	padding: 0!important;
	height: 10px!important;
	border-radius: 3px;
}

input[type='range']#person-amount::-ms-thumb, input[type='range']#person-contribution::-ms-thumb {
	height: 22px;
	width: 22px;
	border-radius: 50%;
	background: #D50000;
	cursor: pointer;
}

#verify p {
	text-align: start!important;
	padding-bottom: 1rem;
}

.description {
	font-size: 0.8rem;
	margin-bottom: 0.8rem;
}

#amount-value, #contribution-value { 
	margin-left: 5px;
}

/* card */

.card {
	border: none!important;
	padding: 2.25rem 3rem!important;
	border-radius: 0;
	box-shadow: 0px 0px 50px 0px #0000001C!important;
	margin-bottom: 1rem!important;
	max-width: 900px;
}

/* contact */

.wpcf7 form .wpcf7-response-output {
	border-radius: 41px;
	margin-top: -14px;
}

/* blog */
.dots { color: #2D4476!important; }

/* calculator */
#productsTable {
	margin-top: 1rem;
	min-height: 112px;
}

.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
	background-color: #D50000;
}

.nav-link {
	color: #D50000;
}

.nav-link:focus, .nav-link:hover {
	color: #D50000;
}

/* Downloads */
.downloads .card{ 
	max-width: 850px!important;
}

.downloads h5 {
	text-transform: uppercase;
	font-size: 1.1rem;
}

.downloads-table {
	background-image: none;
	display: flex;
	margin-top: -2rem;
}

.downloads ul {
	padding-left: 1.2rem;
	line-height: 12px;
}

.downloads-table .wp-block-column {
	padding: 1rem;
}

.post-content tr {
	display: flex;
}

.post-content td {
	padding: 1rem;
}

.post-content li {
	
}

.post-content a {
	text-decoration: underline;
}


.collapsible {
    cursor: pointer;
	text-decoration: underline;
}

.content {
    display: none;
    transition: max-height 0.2s ease-out;
}

/* Reveal-on-scroll removed; using simple explicit animation classes instead */

/* Simple, explicit animation classes */
@keyframes ak-fade-in {
	from { opacity: 0; }
	to { opacity: 1; }
}
@keyframes ak-fade-in-up {
	from { opacity: 0; transform: translateY(18px); }
	to { opacity: 1; transform: none; }
}
@keyframes ak-fade-in-right {
	from { opacity: 0; transform: translateX(24px); }
	to { opacity: 1; transform: none; }
}
.fade-in,
.fade-in-up,
.fade-in-right { opacity: 0; }
.inview.fade-in { animation: ak-fade-in 1s ease forwards; will-change: opacity; }
.inview.fade-in-up { animation: ak-fade-in-up 1.1s ease forwards; will-change: opacity, transform; }
.inview.fade-in-right { animation: ak-fade-in-right 1.1s ease forwards; will-change: opacity, transform; }
/* delay utilities */
.delay-100 { animation-delay: .1s; }
.delay-200 { animation-delay: .2s; }
.delay-300 { animation-delay: .3s; }
.delay-400 { animation-delay: .4s; }
.delay-500 { animation-delay: .5s; }
.delay-600 { animation-delay: .6s; }
.delay-700 { animation-delay: .7s; }
.delay-800 { animation-delay: .8s; }

@media (prefers-reduced-motion: reduce) {
	.fade-in, .fade-in-up, .fade-in-right, .inview.fade-in, .inview.fade-in-up, .inview.fade-in-right {
		animation: none !important; transition: none !important;
		opacity: 1 !important;
		transform: none !important;
	}
}

/* druk */ 

@media print {
	#agent-calculator > p, #agent-calculator .form-group > p {
		font-size: 10px;
	}
	
	#agent-calculator {
		padding: 0!important;
	}
	
	.container {
		max-width: initial;
		padding: 0!important;
	}
	
	.container > .col-12 > p {
		font-size: 10px;
	}
	
	.col-12.col-lg-5 {
        margin: 0 !important;
        border: none !important;
		margin-top: 16px !important;
    }

    .col-12.col-lg-5 .py-4, .pt-5 {
        border-bottom: none !important;
		padding: 0 !important;
    }
	
	img[alt="AutoKapital"] {
		transform: scale(0.8);
	}
}


@media only screen and (max-width: 576px) {
    .rounded-background { height: 850px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; z-index: -1;}
	.image-blog { width: 300px;}
	.fs-7 { font-size: 13px; }
	.navbar-nav > li > a { text-align: center;}

	.fs-mobile-18 { font-size: 1.125rem!important; }
	.fs-mobile-16 { font-size: 1rem!important; }
}

@media only screen and (min-width: 768px) {
    .p-md-6 { padding: 15px 150px!important; }
}

@media (min-width: 992px) {
    .contact-band { position: relative; overflow: visible; z-index: 1; margin-top: 6rem; margin-bottom: 8.5rem; }
    .contact-band .card-overlap { position: relative; z-index: 2; margin-top: -30px; margin-bottom: -85px; }
    .contact-band .col-overlap-bottom { position: relative; z-index: 2; margin-bottom: -95px; }
	.cta-band { position: relative; overflow: visible; z-index: 1; margin-top: 80px; margin-bottom: 80px; }
    .cta-band .keys-overlap { position: relative; z-index: 2; margin-top: -8px; margin-bottom: -79px; }
	.focus-band { position: relative; overflow: visible; z-index: 1; margin-bottom: 8rem;}
	.focus-band .focus-overlap { position: relative; z-index: 2; margin-bottom: -100px; }
    .cash-mazda-band { position: relative; overflow: visible; }
    .cash-mazda-band .mazda-overlap-left img { margin-left: -83px; }
	.top-banner-shape { display: block; }
	.top-banner-shape { height: 500px; }
	.top-banner-shape::after { width: 100%; height: 30%; }
    .top-banner-shape::before { width: 100%; height: 30%; }
}


@media only screen and (max-width: 768px) {
    .profit-arrow { background: #F7F7F7; }
    .profit-arrow:after { clip-path: polygon(0 0, 0 0, 0 0, 0 0, 0 0)!important; }
    .bg-sm-light { background-color: #F2FAFF; }
	.padding-custom-1 { padding: 1.5rem 0 1.5rem 0; }
	.padding-custom-2 { padding: 1.5rem 1rem 0 1rem; }
	.padding-custom-4 { padding: 1.5rem 1rem; }
	.padding-custom-5 { padding-top: 2.5rem; padding-bottom: 2.5rem; }
	.btn-secondary { width: 100%; }
}

@media only screen and (max-width: 992px) {
	.navbar-nav > li:nth-child(-n+3) > a { width: auto; }
	.navbar-nav > li > a { font-size: 16px; font-weight: 600;}
	.margin-custom-1 { margin: 0; }

	.contact-band { padding-top: 3rem; padding-bottom: 3rem; }
	.cta-band { padding-top: 3rem; padding-bottom: 3rem; margin-top: 3rem; }

	.grid-profit { grid-template-rows: unset!important; }
}


@media only screen and (max-width: 530px) {
	.loan_form { padding: 1.5rem!important; }
	.form-radio { flex-wrap: wrap; }
	.table-buy { font-size: 10px; }
	.loan-hero .fs-1 { font-size: 1.7rem!important; }
	.loan-hero img { width: 150%; margin-left: 0!important; }
	.card-mobile { padding: 0!important; background-color: none!important;  }
}

@media only screen and (max-width: 768px) {
	.form-group-half { flex: 0 0 100%; }
	.form-group-quarter { flex: 0 0 100%; }
	.downloads-table { flex-wrap: wrap; }
}