/*
Theme Name: Creatio Theme
Theme URI: https://creatio.com.au
Author: Your Name
Author URI: https://creatio.com.au
Description: A clean and modern custom WordPress theme built from scratch.
Version: 1.0
License: GNU General Public License v2 or later
License URI: https://creatio.com.au
Text Domain: creatio-theme
Tags: custom-theme, responsive, blog, minimal, clean
*/

/* =Theme Styles
-------------------------------------------------------------- */

span.wpcf7-spinner {
	position: absolute;
	right: 0;
}
.contact__form {
	position: relative;
}
.grecaptcha-badge {
	visibility: hidden !important;
}
.about-grid__items_no-quote {
	margin-bottom: 0 !important;
}
.home-about__text p, .about-grid__item-text p{
	margin-bottom: 1rem;
}
.btn_black:hover {
	background-color: rgb(169.7973568282, 6.2026431718, 13.9559471366);
}
.about-grid__blockquote {
	max-width: 1125px;
	margin: auto;
}
.list-section_other-blue .list-section__icon {
	background-color: #dbe7f6;
}
.home-about__text ul,
.reusable-rows__text ul,
.text-block__text ul,
.goods__text ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	gap: .75rem;
}
.home-about__text ul li,
.reusable-rows__text ul li,
.text-block__text ul li,
.goods__text ul li{
	position: relative;
	padding-left: 1.625rem;
}

.home-about__text ul li,
.reusable-rows__text ul li,
.text-block__text ul li,
.goods__text ul li{
	position: relative;
	padding-left: 1.625rem
}

@supports(font-size: clamp(1rem, 0.9279279279rem + 0.3603603604vw, 1.25rem)) {
	.home-about__text ul li, .reusable-rows__text ul li, .text-block__text ul li, .goods__text ul li{
		font-size: clamp(1rem, 0.9279279279rem + 0.3603603604vw, 1.125rem)
	}
}

@supports not (font-size: clamp(1rem, 0.9279279279rem + 0.3603603604vw, 1.25rem)) {
	.home-about__text ul li, .reusable-rows__text ul li, .text-block__text ul li.goods__text ul li {
		font-size: calc(1rem + 0.25*(100vw - 20rem)/69.375)
	}
}

.home-about__text ul li span, .reusable-rows__text ul li span, .text-block__text ul li span {
	font-family: "Univers", sans-serif;
	font-weight: 700
}

.home-about__text ul li::before, .reusable-rows__text ul li::before, .text-block__text ul li::before, .goods__text ul li::before{
	content: "";
	position: absolute;
	display: block;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 0.625rem;
	height: 0.625rem;
	border-radius: 50%;
	background-color: #db0812
}
.header__link:hover {
	text-decoration: underline !important;
}
.current_page > a, a.current_page{
	color: #db0812;
}
.home-about__text ul li, .reusable-rows__text ul li, .text-block__text ul li {
	max-width: 520px;
}
.home-hero__image img {
	max-width: 616px;
}
.about-history__year-big {
	opacity: .7;
}
.footer__top-buttons a {
	font-weight: 400;
}
.about-history__slide-image img{
	max-width: 34.8125rem !important;
}
.modal {
	display: none;
	position: fixed;
	inset: 0;
	background: rgba(0,0,0,0);
	justify-content: center;
	align-items: center;
	z-index: 99999;
	transition: background 0.2s ease;
}

.modal.show {
	display: flex;
	background: rgba(0,0,0,0.55);
}

.modal-content {
	background: #fff;
	padding: 40px 50px;
	border-radius: 16px;
	width: 100%;
	max-width: 600px;
	text-align: center;
	position: relative;
	opacity: 0;
	transition: opacity 0.2s ease;
}

.modal.show .modal-content {
	opacity: 1;
}

.modal-close {
	position: absolute;
	right: 20px;
	top: 15px;
	background: none;
	border: none;
	font-size: 26px;
	cursor: pointer;
	color: #6f7b8a;
}

.modal-title {
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 600;
	color: #4A5568;
}

.modal-buttons {
	display: flex;
	justify-content: center;
	gap: 1rem;
}

.modal-buttons .btn {
	font-weight:400;
	/*     min-width: 140px;
	padding: 12px 0;
	font-size: 16px;
	text-align: center; */
	flex: 1;          /* make buttons equally share available width */
	text-align: center; /* center text inside buttons */
	min-width: 0;     /* prevent overflow issues */
	/* optional: set a fixed height for uniform button size */
	padding: 0.75em 1.125em;
}
@media(max-width: 550px){
	.modal-buttons {
		flex-direction: column;
	}
}
/* .about-grid__item.about-grid__item--left{
flex-direction: row-reverse;
} */