/* =============================================================================
   pages/front-page.css
   Extracted from style.css. Loaded only on: front-page.php
============================================================================= */

.btn_flex {display: flex;flex-wrap: wrap;gap: 13px;}
.heroSlider:not(.swiper-initialized) .swiper-slide:not(:first-child) {display:none;}
.hero_heading__subtitle-row {color:#fff;}
.hero_heading {width:100%;}
.hero_heading__title {position:relative;margin:0;}
.hero_heading__subtitle-row {display:flex;flex-direction:column;align-items:flex-start;width:100%;gap:0;margin:0;font-family:var(--font-bold);font-weight:var(--font-weight-bold);font-size:50px;line-height:1;}
.hero_heading__subtitle {display:block;width:100%;min-height:1em;color:inherit;font-family:inherit;font-size:inherit;line-height:1;}
.hero_heading__subtitle-row .swiper_nav {position:relative;display:block;width:100%;height:1.08em;min-height:1.08em;margin:0;overflow:hidden;}
.hero_heading__subtitle-row .swiper_nav .swiper-wrapper {height:100%!important;}
.hero_heading__subtitle-row .swiper_nav .swiper-slide {display:flex;align-items:flex-start;width:100%;height:100%!important;color:inherit;font-family:inherit;font-size:inherit;line-height:1;}
.hero_heading__subtitle-row .swiper_nav i {display:block;padding-right:5px;color:inherit;font-family:inherit;font-size:inherit;line-height:1;font-style:italic;white-space:nowrap;}
.hero_heading__subtitle-row .swiper_nav:not(.swiper-initialized) .swiper-slide {display:none;}
.hero_heading__subtitle-row .swiper_nav:not(.swiper-initialized) .swiper-slide:first-child {display:flex;}
.hero_bottom {width:100%;margin-top:56px;}
.hero_section .hero_bottom p {margin-bottom:2px;font-size:12px;}
.hero_bottom .images_box {display:flex;align-items:center;flex-wrap:wrap;gap:20px;}
.hero_section.common .btn_flex {justify-content:center;}

@media (min-width:1024px) {
    .hero_heading {width:calc(100% + 250px);}
}

@media only screen and (max-width:1023px) {
    .hero_heading__subtitle-row {font-size:40px;}
}

@media only screen and (max-width:600px) {
    .hero_heading__subtitle-row {flex-wrap:wrap;gap:0 .2em;font-size:30px;}
    .hero_section .hero_bottom p {text-align: center;line-height: 25px;margin-bottom: 15px;}
    .btn_flex {gap: 10px;}
}