@import url("../css/_hero-banner.css");
@import url("../css/_short-intro-section.css");
@import url("../css/_featured-products-module.css");

@import url("../css/_faq-block.css");
@import url("../css/_cta-module.css");

.short-intro-stripline {display: none;}
.cta-module {background-color: var(--light-txt);}

.cta-stripline {  content: ""; display: block; width: 100%; height: 6px; max-width: 1090px; margin: 0 auto; position: absolute; bottom: -6px; left: 0; right: 0;  z-index: 1;}
.cta-stripline span{display: block;  height: 100%; margin-left: auto; background: var(--yellow); }


.general-default-inner{padding: 80px 0 72px;}
.concise-main{ background-color: var(--yellow); margin: 50px 0; align-items: center;}
.concise-info{max-width: 569px; padding: 40px;}
.concise-info.no_img { max-width: inherit; padding: 40px; width: 100%; }
.concise-txt span{margin: 0 0 18px 0;}
.concise-txt h4{font-size: 2rem; font-weight: 500; padding-top: 0!important;}
.concise-txt .button{background-color: var(--heading); color: var(--white);}
.concise-txt .button:after{content: "\f061"; font-size: 0.875rem; font-family: "Font Awesome 6 Sharp"; font-weight: 400; transition: all .3s ease-in-out; position: static; display: inline-block; margin: -3px 0 0 13px; vertical-align: middle; line-height: 12px; color: var(--yellow)}
.concise-thumb{width: 521px; height: 314px; flex: 1;}
.concise-icon{width: 374px; height: 314px; left: 285px; top: 0;}
.general-default-inner p:nth-last-child(2){margin-bottom: 19px;}

.featured-products-module{padding:50px 0 50px;}

.featured-products-module h2{margin-bottom: 62px;}
.featured-products-main{border: none;}
.featured-products-grid {border-top: 1px solid var(--outline-btn);}
.featured-stripline {   top: 0; left: 0; right: 0; }
.featured-stripline span{background: var(--outline-btn); display: block;  background: var(--outline-btn); margin-left: auto; }

.faq-stripeline{display: none;}
.general-default-article table{padding: 40px 0 65px;}
 
.general-default-inner p{ font-size: 1.125rem; line-height: 1.44;}

.hero-banner-section.banner_txt .hero-banner-main.no-banner-img {padding: 80px 0 0;}

.featured-products-grid:nth-child(4) { border-top-right-radius: 0;}
.hero-banner-section.banner_txt + .general-default-article .general-default-inner{padding: 40px 0 86px;}

@media only screen and (min-width: 1700px){
    .featured-products-slider{margin-left: -116px;}
}
@media only screen and (min-width: 1024px){
    .featured-products-slider .featured-products-grid{width: 330px; min-height: 331px;}
    .featured-products-slider .slick-arrow{width: 48px;height: 48px;border: 2px solid #dcdcdc;border-radius: 50%; font-size: 16px; line-height: 20px; transform: none;}
    .featured-products-slider .slick-arrow::before{display: none;}
    .featured-products-slider .slick-arrow.prev-arrow { left: auto; right: -64px; top: -105px; margin: 0; }
    .featured-products-slider .slick-arrow.next-arrow { right: -112px; top: -105px; margin: 0; }
    .featured-products-slider .slick-arrow:hover{background-color: var(--yellow); border-color: var(--yellow); color: var(--white);}
    .featured-products-slider .slick-arrow.slick-disabled{opacity: 0.5;}
    .featured-products-slider.slick-slider .slick-list { overflow: inherit; }
    .featured-products-slider .featured-products-grid .featured-products-inner {min-height: 268px};
    .featured-products-module .featured-slider-heading { padding-right: 240px; max-width: 1090px; margin: 0 auto 62px;}
    .featured-products-slider .featured-products-grid.yellow-grid .fp-rt figure{width: 181px; position: absolute; right: -335px; bottom: -118px; height: auto; } 
    .featured-products-slider .featured-products-grid.yellow-grid .fp-lt .h3 { font-size: 1.5rem;}

    .short-intro-list p{margin-bottom: 26px;}
    .faq-block {padding: 85px 0 86px;}

    .general-default-inner h3{padding-top: 24px;}
    .general-default-inner h4{padding-top: 18px;}
}



@media only screen and (max-width: 1699px) and (min-width: 1024px){


    .featured-products-slider .slick-arrow.prev-arrow {right: 48px;}

    .featured-products-slider .slick-arrow.slick-arrow.next-arrow{right: 0;}
    .cta-stripline{width: calc(100% - 40px);}

}

@media only screen and (max-width: 1023px) and (min-width: 768px){
    .featured-products-slider .slick-arrow{display: none !important;}
    .featured-products-grid {border-bottom: 1px solid var(--outline-btn);}
    .concise-txt {max-width: 450px;}
    .concise-thumb { top: 85px; right: 0px; width: 320px; height: 180px; }
    .cta-stripline{width: calc(100% - 40px);}

    .hero-banner-section.banner_txt { min-height: inherit; padding: 90px 0 0 0;}
    .hero-banner-section.banner_txt .hero-banner-main.no-banner-img { padding: 40px 0 10px 0; }
}

@media only screen and (max-width: 767px) and (min-width: 200px){
    .hero-banner-section .hero-banner-main .hero-banner-txt h1 span::before {bottom: -5px}
    .hero-banner-section .hero-banner-main .hero-banner-txt {padding: 37px 16px 0 16px!important;}

    .cta-stripline { bottom: -6px;}
    .general-default-inner { padding: 45px 0 32px; }
    .general-default-inner h2 {font-size: 1.75rem; margin-bottom: 22px; }
    .concise-main{display: block;}
    .concise-thumb {  width: 271px; height: 164px; margin-left: auto;}
    .concise-icon { width: 502px; height: 422px; left: -20px; top: -64px; }
    .concise-txt h4 { font-size: 1.75rem;}
    .concise-info{padding: 36px 40px 0;}
    
    .featured-products-module { padding: 20px 0 20px;}
    .featured-slider-heading {padding-right: 0;}
    .featured-products-module h2 {font-size: 1.5rem; margin-bottom: 40px; line-height: 2;}
    .featured-products-module h2 span::before {right: -8px; bottom: -9px;}
    .cta-stripline{width: calc(100% - 32px);}
    table th{padding: 12px 16px 12px; font-size: 0.875rem; line-height: 1.2;}
    table td{padding: 12px 16px 12px; font-size: 0.875rem; line-height: 1.2;}

    .hero-banner-section.banner_txt .hero-banner-main.no-banner-img { padding: 0; }
    .hero-banner-section.banner_txt + .general-default-article .general-default-inner { padding: 20px 0 70px; }
}