main {
display: flex;
flex-direction: column;
background-color: var(--background-white);
min-height: 500px;
padding-bottom: 20px;
flex: 1;
}  .main-content-flex {
display: flex;
gap: 20px;
align-items: flex-start;
width: 100%;
} .catalog-section {
background-color: var(--gray-dark);
padding: 0px 12px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
height: 400px;
display: flex;
flex-direction: column;
flex: 0 0 280px;
} .slider-section {
background-color: var(--white);
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
height: 380px;
overflow: hidden;
flex: 1; margin-top: 20px;
}
.slider-element {
width: 100%;
height: 100%;
min-height: 100%;
object-fit: cover;
object-position: center;
display: flex;
align-items: center;
justify-content: center;
background-color: var(--primary-blue);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
position: relative;
overflow: hidden;
} .glide, .glide__track, .glide__slides, .glide__slide {
height: 100%;
} .slide-content {
display: flex;
flex-direction: column;
align-items: flex-start;
color: white;
padding: 30px 30px;
background: rgba(0, 0, 0, 0.3);
border-radius: 10px;
backdrop-filter: blur(2px);
margin: 0 auto;
width: 85%;
} .slide-content .slide-header {
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
margin-bottom: 15px;
gap: 30px;
}
.slide-content h3 {
font-size: 30px;
font-weight: 600;
margin: 0;
text-shadow: 0 2px 8px rgba(0, 0, 0, 0.7);
letter-spacing: 1px;
flex: 1;
text-align: left;
} .slider-logo {
height: 6em;
width: auto;
object-fit: contain;
flex-shrink: 0;
max-width: 160px;
}
.slide-content p {
font-size: 18px;
font-weight: 400;
margin: 0 0 20px 0;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
line-height: 1.4;
text-align: left;
width: 90%;
} .slide-content .slide-buttons {
display: flex;
flex-wrap: wrap;
row-gap: 10px;
column-gap: 10px;
align-items: flex-start;
width: 100%;
} .slide-content .slider-button {
background-color: var(--primary-red);
color: white;
text-decoration: none;
padding: 12px 24px;
border-radius: 6px;
font-weight: 400;
font-size: 16px;
transition: all 0.3s ease;
border: 2px solid var(--primary-red);
display: inline-block;
white-space: nowrap;
}
.slide-content .slider-button:hover {
background-color: #A52A2A;
border-color: #A52A2A;
}
.glide__arrow.main-slider-arrow{
border: none;
}
.glide__arrow--right.main-slider-arrow {
right: 0.6em;
}
.glide__arrow--left.main-slider-arrow {
left: 0.6em;
}
.glide__bullets.main-slider-bullets {
bottom: 1.2em;
}
.glide__bullet.main-slider-bullet {
background-color: rgba(255, 255, 255, 0.5);
width: 0.7em;
height: 0.7em;
padding: 0;
border-radius: 50%;
border: 2px solid transparent;
transition: all 300ms ease-in-out;
cursor: pointer;
line-height: 0;
box-shadow: 0 0.25em 0.5em 0 rgba(0, 0, 0, 0.1);
margin: 0 0.3em;
}
.glide__bullet--active.main-slider-bullet {
background-color: white;
}
@media (max-width: 980px) {
.catalog-section {
display: none;
}
.slider-section {
margin-right: 20px;
margin-left: 20px;
}
}
@media (max-width: 760px) {
.slider-section {
margin: 0;
}
.slide-content {
padding: 20px 20px;
}
.slide-content .slide-header {
margin-bottom: 10px;
}
.slide-header h3 {
font-size: 24px;
margin: 0px;
}
.slide-content .slider-logo {
height: 5em;
}
.slide-content p {
font-size: 16px;
width: 100%;
}
}
@media (max-width: 620px) {
.slider-section {
height: 460px;
}
.slide-content {
width: 90%;
}
.slide-content .slide-header {
flex-direction: column;
row-gap: 15px;
}
.slide-content .slide-header .slider-logo {
order: 1;
height: 5.5em;
}
.slide-content .slide-header h3 {
order: 2;
}
.slide-content p {
font-size: 16px;
width: 100%;
margin-bottom: 10px;
}
.slide-content .slider-button  {
padding: 8px 14px;
font-size: 15px;
}
.glide__arrow--right.main-slider-arrow  {
right: 0.01em;
}
.glide__arrow--left.main-slider-arrow {
left: 0.01em;
}
}
@media (max-width: 460px) {
.slider-section {
height: 500px;
}
}   .catalog-cta-block {
background-color: var(--white);
width: 85%;
padding: 20px;
text-align: center;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
margin: 20px auto 0px auto;
box-shadow: 0 0px 20px rgba(0, 0, 0, 0.2);
} .catalog-cta-text {
font-size: 18px;
font-weight: 400;
margin: 0 0 20px 0;
line-height: 1.4;
} .catalog-cta-button {
background-color: var(--primary-red);
color: var(--white);
text-decoration: none;
padding: 12px 36px;
border-radius: 6px;
font-weight: 300;
font-size: 18px;
transition: all 0.3s ease;
border: 2px solid var(--primary-red);
display: inline-block;
}
.catalog-cta-button:hover {
background-color: #A52A2A;
}
.catalog-cta-button:active {
background-color: #A52A2A;
}
@media (max-width: 430px) {
.catalog-cta-button {
padding: 10px 20px;
font-size: 16px;
}
.catalog-cta-text {
font-size: 16px;
}
}   .info-blocks-grid {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
flex-wrap: wrap;
padding: 20px 0 20px 0;
margin: 0 auto;
} .info-block {
background-color: var(--white);
border: 5px solid var(--primary-blue);
border-radius: 4px;
display: flex;
flex-direction: column;
transition: transform 0.3s ease, box-shadow 0.3s ease;
width: 300px;
height: 300px;
flex-shrink: 1;
text-decoration: none;
color: inherit;
overflow: hidden;
}
.info-block:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(53, 57, 142, 0.15);
}
.info-text {
flex: 1;
margin-bottom: 0;
}
.info-text h3 {
color: var(--black);
font-size: 18px;
font-weight: 400;
margin: 20px 0 20px 0;
text-align: center;
}
.info-text p {
color: var(--black);
font-size: 14px;
line-height: 1.6;
margin: 0;
text-align: center;
}
.info-image {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
}
.info-block-image {
width: 100%;
height: 100%;
object-fit: cover;
}
@media (max-width: 950px) {
.info-blocks-grid {
gap: 10px;
}
.info-block {
width: 30vw;
height: 30vw;
min-width: 200px;
min-height: 200px;
}
}
@media (max-width: 430px) {
.info-block {
width: 45vw;
height: 45vw;
min-width: 100px;
min-height: 100px;
}
.info-text h3 {
font-size: 16px;
margin: 12px 0 12px 0;
}
}   .advantages-section {
background-color: var(--white);
padding: 40px 0;
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
margin: 0;
} .advantages-flex {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-start;
gap: 0px;
margin: 0 auto;
} .advantage-block {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
padding: 10px;
width: 250px;
flex-shrink: 1;
max-width: 250px;
min-width: 180px;
} .advantage-icon {
width: 90px;
height: 90px;
background-color: rgba(53, 57, 142, 0.15);
border-radius: 16px;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 20px;
box-shadow: inset 0 2px 8px rgba(53, 57, 142, 0.3);
transition: transform 0.3s ease;
}
.advantage-icon i {
font-size: 48px;
color: var(--primary-blue);
}
.advantage-icon:hover {
transform: translateY(-3px);
} .advantage-text p {
color: #333333;
font-size: 16px;
font-weight: 400;
line-height: 1.2;
margin: 0 0 4px 0;
text-align: center;
}
.advantage-text p:last-child {
margin-bottom: 0;
}
@media (max-width: 1010px) {
.advantage-block {
width: 24vw;
min-width: 150px;
max-width: 250px;
padding: 5px;
}
.advantage-icon {
width: 12vw;
height: 12vw;
min-width: 80px;
min-height: 80px;
max-width: 90px;
max-height: 90px;
}
}
@media (max-width: 610px) {
.advantages-flex {
row-gap: 20px;
column-gap: 10px;
}
.advantage-block {
width: 35vw;
min-width: 150px;
max-width: 250px;
padding: 0px;
}
.advantage-icon {
width: 15vw;
height: 15vw;
min-width: 80px;
min-height: 80px;
max-width: 90px;
max-height: 90px;
margin-bottom: 10px;
}
.advantage-text p {
font-size: 15px;
}
}   .catalog-sections-main {
padding-top: 30px;
}
.catalog-sections-main .container {
flex-direction: row;
}
.catalog-wrapper-main {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
} .catalog-title-main {
display: block;
text-align: center;
margin-bottom: 30px;
width: 100%;
}
.catalog-title-main h2 {
color: var(--black);
font-size: 28px;
font-weight: 500;
margin: 0;
} .catalog-grid-main {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
align-items: stretch;
max-width: 90%;
} .catalog-section-block-main {
background-color: var(--white);
padding: 20px;
width: 220px;
text-align: center;
box-shadow: 0 0px 10px rgba(0, 0, 0, 0.2);
transition: transform 0.3s ease;
flex-shrink: 1;
text-decoration: none;
color: inherit;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100%;
}
.catalog-section-block-main:hover {
transform: translateY(-3px);
}
.catalog-section-block-main span {
color: var(--black);
font-size: 16px;
font-weight: 500;
} .catalog-image-main {
width: 100%;
height: 120px;
object-fit: contain;
margin-bottom: 15px;
} @media (max-width: 950px) {
.catalog-grid-main {
gap: 15px;
}
.catalog-section-block-main {
width: 28vw;
padding: 15px;
}
.catalog-image-main {
height: 15vw;
}
}
@media (max-width: 610px) {
.catalog-grid-main {
max-width: 100%;
}
.catalog-section-block-main {
width: 40vw;
padding: 15px;
}
.catalog-title-main {
margin-bottom: 20px;
}
.catalog-title-main h2 {
font-size: 24px;
}
.catalog-image-main {
height: 20vw;
margin-bottom: 10px;
}
}
@media (max-width: 460px) {
.catalog-section-block-main {
width: 45vw;
padding: 10px;
}
.catalog-image-main {
height: 22vw;
margin-bottom: 10px;
}
.catalog-section-block-main span {
font-size: 15px;
}
}   .manufacturers-section {
margin: 30px 0;
}
.manufacturers-section .container {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.manufacturers-title {
text-align: center;
margin-bottom: 20px;
}
.manufacturers-title h2 {
color: var(--black);
font-size: 28px;
font-weight: 500;
margin: 0;
}
.manufacturers-background {
background-color: var(--primary-blue);
width: 100%;
}
.manufacturers-slider {
width: 100%;
padding: 20px 0 20px 0;
overflow-x: hidden;
overflow-y: visible;
} .manufacturers-glide .glide__track {
overflow: visible !important;
}
.manufacturers-glide .glide__slides {
overflow: visible !important;
}
.manufacturer-link {
display: flex;
text-align: center;
display: flex;
flex-direction: column;
align-items: center;
opacity: 1;
transition: all 0.3s ease;
}
.manufacturer-logo {
height: 140px;
width: 100%;
background: var(--white);
border-radius: 8px;
padding: 20px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 15px;
}
.manufacturer-logo img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
transition: all 0.5s ease;
}
.manufacturer-name {
color: white;
font-size: 16px;
font-weight: 500;
margin: 0;
text-align: center;
opacity: 1;
transition: opacity 0.3s ease;
} .manufacturer-slide {
transition: transform 0.3s ease;
}
.manufacturer-slide:hover {
transform: translateY(-5px);
} .manufacturer-name.hidden {
opacity: 0;
pointer-events: none;
transition: opacity 0.1s;
}
@media (max-width: 610px) {
.manufacturers-title h2 {
font-size: 24px;
}
}   .consultation-section {
padding-bottom: 20px;
}
.consultation-content {
display: flex;
gap: 40px;
align-items: stretch;
} .consultation-faq {
flex: 1;
display: flex;
flex-direction: column;
}
.consultation-faq h3 {
color: var(--black);
font-size: 24px;
font-weight: 500;
margin: 0 10px 20px 10px;
text-align: center;
}
.faq-accordion {
display: flex;
flex-direction: column;
flex: 1;
gap: 5px;
}
.faq-item {
border: 1px solid #e0e0e0;
border-radius: 8px;
overflow: hidden;
}
.faq-item.active {
border-color: var(--primary-blue);
display: flex;
flex-direction: column;
flex: 1;
}
.faq-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
background-color: white;
cursor: pointer;
transition: background-color 0.3s ease;
}
.faq-header:hover {
background-color: #f5f5f5;
}
.faq-header span {
font-size: 16px;
font-weight: 500;
color: var(--black);
}
.faq-header i {
font-size: 18px;
color: #666;
transition: transform 0.3s ease;
}
.faq-item.active .faq-header i {
transform: rotate(180deg);
}
.faq-content {
padding: 20px;
background-color: white;
border-top: 1px solid #e0e0e0;
flex: 1;
min-height: 0;
display: none; animation: fadeIn 0.3s ease-in-out;
}
.faq-item.active .faq-content {
display: block; }
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.faq-benefit {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 15px;
}
.faq-benefit:last-child {
margin-bottom: 0;
}
.faq-benefit i {
font-size: 20px;
color: var(--primary-blue);
min-width: 20px;
}
.faq-benefit span {
font-size: 14px;
color: var(--black);
line-height: 1.4;
}   .consultation-form {
flex: 1;
background-color: white;
padding: 30px;
border-radius: 8px;
box-shadow: 0 4px 15px rgba(0,0,0,0.1);
}
.consultation-form h3 {
color: var(--black);
font-size: 24px;
font-weight: 500;
margin: 0 0 10px 0;
}
.consultation-form .form-description-paragraph {
margin-bottom: 10px;
}
@media (max-width: 1200px) {
.consultation-content {
display: flex;
gap: 20px;
}
.consultation-faq {
margin-left: 15px;
}
.consultation-form {
margin-right: 15px;
}
.contact-form {
gap: 10px;
}
}
@media (max-width: 1020px) {
.consultation-content {
flex-direction: column;
max-width: 600px;
margin: 0 auto;
}
.consultation-faq {
margin-left: 5px;
margin-right: 5px;
}
.consultation-form {
margin-left: 5px;
margin-right: 5px;
padding: 20px;
}
}