/***TOP BANNER***/
.section.top-banner {
    padding-right:0;
    padding-left:0;
    margin-bottom:5%
}
.top-banner .section-wrap{
    max-width:100%
}
.top-banner .title-col{
    position:relative;
    border-radius: 0 0 21px 0;
    overflow:hidden;
}
.top-banner .title-col>img,
.top-banner .title-col>picture{
    position:absolute;
    z-index:1;
    width:100%;
    height:100%;
    object-fit:cover;
    left: 0;
    top: 0;
}
.top-banner .title-inn{
    z-index:2;
    position: relative;
    padding-bottom:32px;
}
.top-banner .maintitle{
    font-size:var(--font-size--big);
    margin-bottom:8px
}
.top-banner .subtitle{
    color:var(--primary);
}
.top-banner .list-col{
    background: linear-gradient(270deg, #d4d4d4 0%, #8d8d8d 17%, #e9e9e9 37%, #bebebe 54%, #d4d4d4 74%, #9c9c9c 82%, #545454 98%);
    border: 3px solid var(--white);
    border-radius: 0px 10px 10px 0px;
}
.top-banner .list-col ul{
    margin:0;
    list-style:none;
    max-width: 740px;
    margin-left:auto;
    display:flex;
    justify-content: space-evenly;
    text-align: left;
}
.top-banner .list-col ul li{
    display:flex;
}
.top-banner .list-col ul .text{
    font-size: clamp(15px, 1.1vw, 22px);
    line-height:1.2;
    text-wrap:balance;
}
.top-banner .list-col ul svg{
    height:auto;
}
.top-banner .badge-col{
    display:flex;
    padding-top:20px;
    align-items: center;
}
.top-banner .ebay{
    display:flex;
    align-items: center;
    padding-bottom: 24px;
}
.top-banner .btn-col{
    display: flex;
    gap: 20px;
}
.top-banner .btn-col .btn{
    flex-grow:1;
    font-size: clamp(14px, 1vw, 19px);
}
.top-banner .img-col{
    display:flex;
    align-items: flex-start;
    position:relative;
}
.top-banner .img-col picture{
    z-index:2;
}
.top-banner .img-col::after{
    content:"";
    width:100%;
    background-color: transparent;
    background-size: 28px 28px;
    background-image: repeating-linear-gradient(0deg, var(--primary), var(--primary) 1.8px, transparent 1.8px, transparent);
    position:absolute;
    top: 11%;
    left:0;
    z-index:1
}
@media(min-width:1701px){
    .top-banner .title-inn{
        padding-left: calc(40px + 13%);
    }
    .top-banner .list-col{
        margin-left:-40%;
    }
}
@media(min-width:1201px){
    .top-banner .title-inn{
        padding-right:calc(20px + 4%);
    }
    .top-banner .list-col{
        padding: 8px 36px;
    }
    .top-banner .list-col ul svg{
        min-width:60px;
		margin-top: -22px;
    }
    .top-banner .list-col ul{
        gap:20px;
    }
    .top-banner .img-col img{
        margin-bottom: -10%;
        margin-right: -32%;
        width: 132%;
        max-width: 132%;
    }
}
@media(min-width:1025px){
    .top-banner .title-col{
        width:52%;
    }
    .top-banner .img-col{
        width:48%;
        padding-left: 42px;
    }
}
@media(min-width:801px){
    .top-banner .title-inn{
        padding-top:clamp(32px, 11%, 100px);
    }
    .top-banner .img-col::after{
        height: 83%;
    }
}
@media(min-width:521px){
    .top-banner .subtitle{
        margin-bottom: calc(20px + 6%);
    }
	.top-banner .list-col ul .text{
		margin-left:-8px;
	}
}
@media (min-width:501px){
	.top-banner .title-col {
		background-image: url(/wp-content/uploads/rolls-of-steel-sheet.jpg);
		background-size: cover;
		background-position: center;
	}
}
@media(min-width:401px){
    .top-banner .ebay{
        padding-right: 20px;
        width: 31%;
        border-right:1px solid var(--black);
        padding-top: 24px;
    }
    .top-banner .btn-col{
        padding-left: 24px;
        width: 69%;
    }
}
@media(max-width:1700px) and (min-width:1201px){
    .top-banner .title-inn{
        padding-left: calc(20px + 4%);
    }
    .top-banner .list-col{
        margin-left:calc(-24px - 5%)
    }
}
@media(max-width:1200px){
    .top-banner .title-inn{
        padding-right:20px;
        padding-left:20px
    }
    .top-banner .list-col{
        margin-left:-24px
    }
    .top-banner .list-col{
        padding: 8px 10px;
    }
    .top-banner .list-col ul svg{
        min-width:40px;
        width:40px;
		margin-top: -26px;
    }
    .top-banner .list-col ul{
        gap:8px;
    }
}
@media(max-width:1200px) and (min-width:1025px){
    .top-banner .img-col img{
        margin-bottom: -10%;
        margin-right: -70%;
        width: 170%;
        max-width: 170%;
    }
}
@media(max-width:1024px) and (min-width:801px){
    .top-banner .title-col{
        width:65%;
    }
    .top-banner .img-col{
        width:35%;
        padding-left: 12px;
    }
    .top-banner .img-col img{
        margin-bottom: -10%;
        margin-right: -150%;
        width: 250%;
        max-width: 250%;
    }
}
@media(max-width:800px){
    .top-banner .title-col{
        width:100%;
        text-align:center
    }
    .top-banner .img-col{
        display:none;
    }
    .top-banner .title-inn{
        padding-top:52px
    }
    .top-banner .img-col::after{
        height: 70%;
    }
	.top-banner .img-col img{
		max-width:600px;
		margin-right:auto;
		margin-left:auto;
		width:90%
	}
}
@media(max-width:520px){
    .top-banner .list-col ul{
        flex-wrap:wrap
    }
    .top-banner .btn-col{
        flex-wrap:wrap;
        gap:8px
    }
}
@media(max-width:500px){
    .top-banner .list-col ul svg{
        min-width: 20px;
        width: 20px;
        margin-top: -6px;
    }
	.top-banner .title-col {
		background-image:url(/wp-content/themes/gp-mod/img/top-bg.svg);
	}
	.top-banner .title-col > img {
		display:none
	}
}
@media(max-width:400px){
    .top-banner .badge-col{
        flex-wrap:wrap;
        justify-content:center
    }
}
/***PRODUCTS***/
.section.products-sctn {
    padding-bottom:clamp(42px, 10%, 160px);
    padding-top: 52px
}
.products-sctn .title{
    color:var(--primary);
    text-align:center;
    width:100%;
    margin-bottom:42px
}
div#product-results p{
    font-size: var(--font-size--h6);
    font-weight: var(--font-weight--h6);
    font-family: var(--font-family--h6);
    color:var(--secondary)
}
@media(max-width:1024px) and (min-width:601px){
    .products-sctn .category-menu{
        width:30%
    }
    .products-sctn #product-results{
        width:65%
    }
    .products-sctn #product-results>ul>li{
        width: calc(50% - 10px);
    }
}
@media(max-width:600px) {
    .products-sctn .category-menu{
        width:100%
    }
    .products-sctn #product-results{
        width:100%;
        padding-top:32px
    }
    .products-sctn #product-results>ul>li{
        width: calc(50% - 10px);
        flex-grow: 1;
        min-width: 150px;
    }
    .prd-filter{
        padding:0
    }
}
/***WHY US***/
.section.whyus-sctn {
    background-color:var(--black);
    color:var(--white);
    margin-left:auto;
    border: 1px solid #707070;
    border-radius: 50px 0px 0px 0px;
    margin-right:-5%;
    width:100%;
    padding-top: clamp(32px, 4%, 72px);
    padding-bottom:32px;
    margin-bottom:-16%;
    z-index:1
}
.whyus-sctn .title-col{
    width:100%;
    text-align:center
}
.whyus-sctn .maintitle{
    color:var(--secondary)
}
.whyus-sctn .text-col{
    padding-bottom: 32px;
}
.whyus-sctn ul{
    margin:0;
    list-style:none;
    display:flex;
    flex-direction:column;
    gap: 32px;
    text-align: left;
}
.whyus-sctn ul li{
    display:flex;
    align-items: flex-end;
    gap: 4px;
}
.whyus-sctn ul .text{
    line-height:1.2;
    margin-bottom: -6px;
}
.whyus-sctn ul svg{
    height:auto;
    min-width:23px
}
.whyus-sctn .img-col{
    display:flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
}
@media(min-width:1371px){
    .whyus-sctn .img-col{
        width:100%;
        margin-right:-50%;
    }
    .whyus-sctn .img-col .badge-col{
        left:-12%
    }
}
@media(min-width:1025px){
    .whyus-sctn .text-col{
        width:50%;
        padding-top:32px;
    }
    .whyus-sctn .text-col p{
        margin-bottom:10%
    }
    .whyus-sctn .img-col{
        padding-left:5%;
        padding-bottom:32px;
    }
}
@media(min-width:501px){
    .whyus-sctn .img-col .badge-col{
        position:absolute;
        bottom:0;
    }
}
@media(max-width:1370px) and (min-width:1025px){
    .whyus-sctn .img-col{
        width:70%;
        margin-right:-20%;
    }
    .whyus-sctn .img-col .badge-col{
        max-width:250px;
        left:-8%
    }
}
@media(max-width:1024px){
    .whyus-sctn .text-col{
        width:100%;
        text-align:center
    }
}
@media(max-width:1024px) and (min-width:401px){
    .section.whyus-sctn{
        padding-right:calc(5% + 40px);
        padding-left:40px
    }
}
@media(max-width:1024px) and (min-width:801px){
    .whyus-sctn .img-col .badge-col{
        max-width:250px;
        left:-5%
    }
    .whyus-sctn .img-col{
        width:80%;
        margin-right:-30%;
        margin-left:auto;
        margin-top:-25%;
        padding-bottom:12%;
        padding-left:10%
    }
}
@media(max-width:800px){
    .whyus-sctn ul{
        max-width:390px;
        margin-right:auto;
        margin-left:auto
    }
}
@media(max-width:800px) and (min-width:501px){
    .whyus-sctn .img-col .badge-col{
        max-width:180px;
        left:0
    }
    .whyus-sctn .img-col{
        padding-left:20%;
        width:120%;
        margin-right:-20%
    }
}
@media(max-width:500px){
    .whyus-sctn .img-col .badge-col{
        max-width:240px
    }
    .whyus-sctn .img-col{
        width:140%;
        margin-right:-40%
    }
}
@media(max-width:400px){
    .section.whyus-sctn{
        padding-right:calc(5% + 20px);
        padding-left:20px
    }
}
/***REVIEWS***/
.section.reviews-sctn {
    background-color:var(--light-primary);
    padding-top:25%;
    padding-bottom:clamp(32px, 8%, 120px);
}
.reviews-sctn .title-inn{
    display:flex;
    justify-content:space-between;
    align-items: center;
    flex-wrap:wrap;
    gap: 40px;
}
.reviews-sctn .title-inn .col-2{
    box-shadow: 0px 0px 40px #00000029;
    border-radius: 12px;
    background-color:var(--white);
}
.reviews-sctn .title-inn p{
    margin-bottom:0;
    display:flex;
    gap:8px;
    align-items: center;
}
.reviews-sctn .title-inn .reviews{
    margin-bottom:12px;
    font-weight:700;
    font-size: clamp(20px, 2.5vw, 31px);
}
.reviews-sctn .col-2 .num{
    font-size: clamp(20px, 2.3vw, 29px);
    font-family: var(--font-family--h1);
	line-height:1.2
}
.reviews-sctn .col-2 .stars{
    color:#fbc218;
    font-size: clamp(30px, 3.2vw, 46px);
    line-height:1;
    display:inline-block;
}
.reviews-sctn .col-2 .count{
    font-size: clamp(14px, 1.3vw, 18px);
    font-weight:600
}
.reviews-sctn .maintitle{
    color:var(--dark-primary);
    margin-bottom:8px
}
.reviews-sctn .sp-main{
    color:var(--primary);
    margin-bottom: 0;
}
.reviews-sctn .reviews-cont{
    display:flex;
    flex-wrap:wrap;
    gap:42px;
    padding-bottom: 7%;
    width: 100%;
}
.reviews-sctn .reviews-cont .reviews-col{
    box-shadow: 0px 0px 40px #00000029;
    border-radius: 12px;
    background-color:var(--white);
    display: flex;
    flex-direction: column;
}
.reviews-sctn .reviews-col p{
    margin-bottom:0
}
.reviews-sctn .reviews-col .author{
    display:flex;
    justify-content:space-between;
    margin-bottom:20px;
    align-items: center;
    gap: 12px;
}
.reviews-sctn .reviews-col .name-col{
    display:flex;
    gap: 6px;
    align-items: center;
}
.reviews-sctn .reviews-col .stars-col{
    text-align:right;
}
.reviews-sctn .reviews-col .icon{
    background-color:var(--light-primary);
    border-radius:50%;
    min-width: 38px;
    width: 38px;
    height:38px;
    display:flex;
    justify-content:center;
    align-items:center
}
.reviews-sctn .reviews-col .icon p{
    font-weight:700;
    line-height:1;
    font-size: 28px;
}
.reviews-sctn .reviews-col .name{
    font-size: clamp(18px, 1.9vw, 22px);
    font-weight:600
}
.reviews-sctn .reviews-col .stars{
    color: #fbc218;
    font-size: 34px;
    line-height: 1;
}
.reviews-sctn .reviews-cont .btn-col{
    width:100%;
    display:flex;
    justify-content:center;
}
.reviews-sctn .reviews-cont .btn-col .btn{
    flex-grow:1;
    max-width:250px;
    text-align:center;
    padding:14px
}
.reviews-sctn .text-col .maintitle{
    color:var(--dark-primary);
}
.reviews-sctn .text-col .title{
    color:var(--primary);
}
.reviews-sctn .text-col .btn-col{
    display:flex;
    gap:12px
}
.reviews-sctn .text-col .btn-col .btn{
    flex-grow:1;
    max-width:184px;
    text-align:center;
    padding:14px
}
.reviews-sctn .video-cont{
    display:flex;
    justify-content:space-between;
    gap: 12px;
    align-items: stretch;
}
.reviews-sctn .video-cont img{
    border-radius: 16px;
    object-fit:cover;
}
@media(min-width:1371px){
    .reviews-sctn .title-inn .col-1{
        width:67%
    }
    .reviews-sctn .title-inn .col-2{
        padding: 28px 52px;
        width: calc(58% - 40px);
        margin-right: -25%;
    }
    .reviews-sctn .text-col{
        width:40%;
        padding-right:5%
    }
    .reviews-sctn .video-cont{
        width:60%;
    }
}
@media(min-width:901px){
    .reviews-sctn .reviews-cont .reviews-col{
        padding: 36px 50px;
        width:calc(50% - 21px);
    }
}
@media(min-width:801px){
    .reviews-sctn .title-col{
        margin-bottom:5%
    }
    .reviews-sctn .title-inn{
        margin-bottom: 52px;
    }
}
@media(min-width:501px){
    .reviews-sctn .video-cont picture{
        width:30%;
    }
	.reviews-sctn .reviews-cont .btn-col{
		gap: 20px;
	}
}
@media(max-width:1370px){
    .reviews-sctn .title-inn .col-2{
        padding: 28px 52px;
    }
    .reviews-sctn .text-col{
        width:100%;
        text-align:center;
        padding-bottom:32px
    }
    .reviews-sctn .text-col .btn-col{
        justify-content:center
    }
}
@media(max-width:1370px) and (min-width:801px){
    .reviews-sctn .title-inn .col-1{
        width: 50%;
    }
    .reviews-sctn .title-inn .col-2{
        width: calc(70% - 40px);
        margin-right: -20%;
    }
}
@media(max-width:900px){
    .reviews-sctn .reviews-cont .reviews-col{
        padding: 20px 30px;
        width:100%;
    }
}
@media(max-width:800px){
    .reviews-sctn .title-col{
        text-align:center;
        width: 100%;
    }
    .reviews-sctn .title-inn{
        margin-bottom: 30px;
    }
    .reviews-sctn .title-inn{
        justify-content:center;
        gap:20px
    }
    .reviews-sctn .video-cont{
        flex-wrap:wrap;
        justify-content:space-evenly
    }
    .reviews-sctn .title-inn .col-2{
        width:100%;
        padding: 20px;
    }
    .reviews-sctn .title-inn .col-2 p{
        justify-content:center;
    }
    .reviews-sctn .title-inn .col-1{
        width:100%
    }
    .reviews-sctn .reviews img{
        width:100px
    }
}
@media(max-width:500px){
    .reviews-sctn .reviews-col .icon{
        width:26px;
        height:26px;
        min-width:26px;
    }
    .reviews-sctn .reviews-col .icon p{
        font-size:21px
    }
    .reviews-sctn .reviews-col .name{
        font-size: 14px
    }
    .reviews-sctn .reviews-col .stars{
        font-size:18px
    }
    .reviews-sctn .reviews-col .time{
        font-size:12px
    }
    .reviews-sctn  .btn-col .btn{
        font-size:14px;
        font-weight:500
    }
	.reviews-sctn .reviews-cont .btn-col{
		gap: 8px;
	}
}
/***FEATURED***/
.section.featured-sctn {
    background-color:var(--gray);
    padding-top:clamp(32px, 6%, 100px);
}
.featured-sctn .title-col{
    width:100%
}
.featured-sctn .maintitle{
    color:var(--white);
    margin-bottom:8px
}
.featured-sctn .subtitle{
    color:var(--secondary);
    margin-bottom: calc(20px + 5%);
}
.featured-sctn .products-col{
    width:100%;
    margin-bottom:32px
}
.featured-sctn .products {
    display:flex;
    align-items:stretch
}
.featured-sctn .products::before,
.featured-sctn .products::after{
    display:none!important
}
.featured-sctn .products li{
    box-shadow: 0px 0px 20px #00000066;
    border-radius: 10px;
    background-color:var(--white);
    padding: 20px 8px!important;
    margin: 0!important;
}
.featured-sctn .products li img{
    max-height: 70px;
    object-fit:contain
}
.featured-sctn .products li .star-rating{
    display:none
}
.featured-sctn .products li .price{
    display: block!important;
    margin-top: 20px!important;
    font-family: var(--font-family--button);
    font-weight:400!important;
    color:var(--secondary)!important
}
.featured-sctn .products li .button{
    background-color:var(--secondary);
    min-width: fit-content;
    font-family: var(--font-family--button);
    width: fit-content;
    padding: 8px 16px;
    font-size:15px;
    font-weight: var(--font-weight--button);
    border-radius: 50px;
    text-align: center;
    text-wrap: balance;
    margin-top: 4px!important;
}
.featured-sctn .products li .button:hover{
    background-color:var(--primary);
}
.featured-sctn .products li .woocommerce-loop-product__title{
    color:var(--gray);
    font-size:15px!important
}
.featured-sctn .products li>.woocommerce-LoopProduct-link{
    display: flex!important;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 100%;
}
.featured-sctn .btn-col{
    width:100%;
    display:flex;
    gap:20px;
}
.featured-sctn .btn-col .btn-border-primary{
    color:var(--white)
}
.featured-sctn .btn-col .btn-border-primary:hover{
    background-color:var(--secondary);
    border-color:var(--secondary)
}
@media(min-width:1388px){
    .section.featured-sctn {
        padding-bottom: clamp(32px, 10%, 140px);
    }
}
@media(max-width:1387px) and (min-width:901px){
    .section.featured-sctn {
        padding-bottom: 140px;
    }
}
@media(min-width:1201px){
    .featured-sctn .products {
        gap:52px;
    }
}
@media(min-width:1025px){
    .featured-sctn .products {
        justify-content:space-between;
    }
}
@media(max-width:1200px){
    .featured-sctn .products {
        gap:20px;
    }
}
@media(max-width:1024px){
    .featured-sctn .products{
        justify-content: center;
        flex-wrap:wrap;
    }
    .featured-sctn .btn-col{
        justify-content:center;
        flex-wrap: wrap;
    }
    .featured-sctn .title-col{
        text-align:center
    }
    .featured-sctn .btn-col .btn{
        flex-grow:1;
    }
}
@media(max-width:1024px) and (min-width:769px){
    .featured-sctn .products li{
        width:calc(33% - 14px)!important
    }
    .featured-sctn .btn-col .btn{
        max-width:350px
    }
}
@media(max-width:900px) and (min-width:491px){
    .section.featured-sctn {
        padding-bottom: 170px;
    }
}
@media(max-width:768px) {
    .featured-sctn .products li{
        width:calc(50% - 14px)!important;
        flex-grow:1;
        min-width: 150px
    }
}
@media(max-width:490px){
    .section.featured-sctn {
        padding-bottom: 200px;
    }
}
/***CTA BANNER***/
.cta-banner .section-wrap{
    box-shadow: 0px 0px 40px #00000029;
    border-radius: 12px;
    background-color:var(--white);
    padding-top:32px;
    padding-bottom:32px;
    align-items:center;
}
.cta-banner .maintitle{
    color:var(--secondary);
}
.cta-banner .btn-col{
    display:flex;
    align-items: center;
    gap: 8px;
}
.cta-banner .btn-col .btn-primary{
    border:2px solid var(--primary)
}
.cta-banner .btn-col .btn-border-primary{
    color:var(--secondary)
}
.cta-banner .btn-col .btn-border-primary:hover{
    color:var(--white)
}
.cta-banner .btn-col .btn{
    flex-grow:1;
}
@media(min-width:1388px){
    .section.cta-banner {
        margin-top: -71px;
    }
}
@media(max-width:1387px) and (min-width:901px){
    .section.cta-banner {
        margin-top: -85px;
    }
}
@media(min-width:901px){
    .cta-banner .text-col{
        width:55%;
        padding-right:3%
    }
    .cta-banner .btn-col{
        width:45%;
    }
    .cta-banner .btn-col .btn{
        min-height:58px;
        font-size: clamp(14px, 1.3vw, 19px);
        white-space: nowrap;
    }
    .cta-banner .maintitle{
        margin:0
    }
}
@media(min-width:501px){
    .cta-banner .section-wrap{
        padding-right:36px;
        padding-left:36px;
    }
}
@media(max-width:900px){
    .cta-banner .text-col{
        width:100%;
        text-align:center
    }
    .cta-banner .maintitle{
        margin-bottom:12px
    }
    .cta-banner .btn-col{
        width:100%;
        flex-wrap:wrap
    }
}
@media(max-width:900px) and (min-width:491px){
    .section.cta-banner {
        margin-top: -106px;
    }
}
@media(max-width:500px){
    .cta-banner .section-wrap{
        padding-right:12px;
        padding-left:12px;
    }
    .cta-banner .btn-col .btn{
        font-size:16px
    }
}
@media(max-width:490px){
    .section.cta-banner {
        margin-top: -160px;
    }
}
/***CUSTOM***/
.section.custom-sctn {
    padding-top:clamp(32px, 6%, 100px);
    padding-bottom:clamp(32px, 4%, 72px)
}
.custom-sctn .text-col{
    padding-top:32px;
}
.custom-sctn .maintitle {
    color:var(--primary);
    margin-bottom:8px
}
.custom-sctn .text-col p{
    margin-bottom:40px
}
.custom-sctn .text-col .btn{
    color:var(--secondary)
}
.custom-sctn .text-col .btn:hover{
    color:var(--white)
}
@media(min-width:801px){
    .custom-sctn .img-col{
        width:90%;
        margin-left:-40%
    }
    .custom-sctn .text-col{
        width:50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding-left:5%;
        padding-bottom:32px
    }
}
@media(max-width:800px){
    .custom-sctn .text-col{
        width:100%;
        text-align:center
    }
    .custom-sctn .img-col{
        width:100%
    }
    .custom-sctn .text-col .btn{
        margin-right:auto;
        margin-left:auto
    }
}
/***ACTION***/
.section.action-sctn {
    z-index: 1;
}
.action-sctn .text-col{
    padding-bottom:32px;
    padding-top:32px;
}
.action-sctn .text-col p{
    margin:0
}
.action-sctn .maintitle{
    color:var(--primary)
}
.action-sctn .video-col{
    position:relative
}
.action-sctn .video-col img,
.action-sctn .video-col picture{
    height:100%;
    width:100%;
    object-fit:cover
}
.action-sctn .video-col::after{
    content:"";
    background-image:url(/wp-content/uploads/play-video.png);
    width:94px;
    height:66px;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    margin:auto
}
@media(min-width:1601px){
    .action-sctn .video-col{
        width:80%;
        margin-right:-30%;
    }
}
@media(max-width:1600px) and (min-width:1441px){
    .action-sctn .video-col{
        width:65%;
        margin-right:-15%;
    }
}
@media(max-width:1440px) and (min-width:1025px){
    .action-sctn .video-col{
        width:55%;
        margin-right:-5%;
    }
}
@media(max-width:1024px) and (min-width:801px){
    .action-sctn .video-col{
        width: calc(50% + 16px);
        margin-right:-16px;
    }
}
@media(min-width:801px){
    .action-sctn .text-col{
        width:50%;
        padding-right:5%;
        display:flex;
        flex-direction:column;
        justify-content:center;
    }
    .action-sctn .video-col{
        display:flex;
        margin-bottom:-8%;
    }
}
@media(max-width:800px){
    .action-sctn .text-col,
    .action-sctn .video-col{
        width:100%;
        text-align:center
    }
    .action-sctn .maintitle{
        margin-bottom:16px
    }
    .action-sctn {
        padding-bottom:32px
    }
}
/***ABOUT***/
.section.about-sctn {
    background-color:var(--gray);
    color:var(--white);
    padding-bottom:clamp(52px, 7%, 120px);
    padding-top: clamp(52px, 7%, 72px);
}
.about-sctn .logo-col .exp{
    font-family:var(--font-family--h1);
    font-weight:400;
    line-height:1.2;
    text-wrap:balance;
    margin-top:20px;
    margin-bottom:0;
    padding-left:20px;
    padding-top: 40px;
    border-left:3px solid var(--primary);
    font-size: clamp(17px, 2.3vw, 30px);
    text-align:left
}
.about-sctn .text-col{
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.about-sctn .text-col a{
    color:var(--white)
}
@media(max-width:900px) and (min-width:801px){
    .section.about-sctn {
        padding-top: 15%;
    }
}
@media(min-width:501px){
    .about-sctn .logo-col{
        width:50%;
        padding-right:10%;
        max-width:calc(500px + 10%);
        margin-right:auto
    }
    .about-sctn .text-col{
        width:50%;
    }
}
@media(max-width:800px) and (min-width:501px){
    .about-sctn .logo-col{
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
    }
    .section.about-sctn{
        padding-top:120px
    }
    .about-sctn .maintitle{
        position:absolute;
        top:50px;
        text-align:center;
        right:0;
        left:0
    }
}
@media(max-width:500px){
    .about-sctn .text-col,
    .about-sctn .logo-col{
        width:100%;
    }
    .about-sctn .text-col{
        order:1;
        text-align:center;
        padding-bottom: 20px;
    }
    .about-sctn .logo-col{
        order:2;
        max-width:300px;
		text-align: center;
    }
    .about-sctn .text-col .btn{
        margin-right:auto;
        margin-left:auto;
        font-size:16px;
        flex-grow:1;
		width: 220px;
    }
    .about-sctn .maintitle{
        margin-bottom:12px
    }
	.about-sctn .logo-col img{
		max-width:220px
	}
	.about-sctn .logo-col .exp{
		padding-top:20px;
		padding-bottom:20px
	}
}
/***MAP***/
.section.map-sctn {
    padding:0
}
.map-sctn .section-wrap{
    max-width:100%
}
.map-sctn .img-col{
    width:100%;
    display:flex;
}
.map-sctn .img-col img,
.map-sctn .img-col picture{
    height:100%;
    width:100%;
    object-fit:cover
}
.map-sctn .info-col{
    background-color:var(--primary);
    border: 1px solid #707070;
    max-width:1320px;
    display:flex;
    color:var(--white);
    align-items: center;
    flex-wrap: wrap;
    
}
.map-sctn .maintitle{
    margin:0;
    font-size:clamp(24px, 2.5vw, 38px)
}
.map-sctn .maintitle .sp-main{
    display:block
}
.map-sctn .maintitle .sp-main-1 {
    display:block;
    color:var(--black);
    font-size: clamp(17px, 1.5vw, 20px);
}
.map-sctn .btn-inn{
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.map-sctn .btn-inn p{
    font-weight:700;
    font-size: clamp(16px, 1.6vw, 22px);
    text-wrap:balance;
    margin-bottom: 8px;
    width: 100%;
}
.map-sctn .btn-inn .btn{
    flex-grow:1;
    font-size:16px
}
@media(min-width:1025px){
    .map-sctn .text-inn{
        width: 65%;
    }
    .map-sctn .btn-inn{
        width: 35%;
    }
}
@media(min-width:801px){
    .map-sctn .info-col{
        position:absolute;
        bottom:0;
        padding: 32px 46px;
        width: 95%;
        border-radius: 0px 37px 0px 0px;
    }
    .map-sctn .img-col{
        height:100%;
        min-height:600px
    }
    .map-sctn .text-inn{
        padding-right: 5%;
    }
}
@media(max-width:1024px) and (min-width:801px){
    .map-sctn .text-inn{
        width: 55%;
    }
    .map-sctn .btn-inn{
        width: 45%;
    }
}
@media(max-width:800px){
    .map-sctn .text-inn{
        width: 100%;
        text-align:center;
        padding-bottom:12px
    }
    .map-sctn .btn-inn{
        width: 100%;
    }
    .map-sctn .info-col{
        padding:20px
    }
}
@media(max-width:800px) and (min-width:501px){
    .map-sctn .img-col{
        min-height:500px
    }
}
@media(max-width:500px){
    .map-sctn .img-col{
        min-height:300px
    }
}
/***FAQ***/
.section.faq-sctn {
    padding-top:clamp(32px, 6%, 100px);
    padding-bottom:clamp(32px, 6%, 100px)
}
.faq-sctn .title-col{
    width:100%
}
.faq-sctn .maintitle{
    color:var(--gray)
}
.faq-sctn .maintitle .sp-main{
    font-size:clamp(36px, 4vw, 56px)
}
.faq-sctn details{
    width:100%;
    margin-top:10px
}
.faq-sctn details h4{
    margin:0;
    font-weight:600;
    font-size:clamp(18px, 1.8vw, 20px)
}
@media(min-width:801px){
    .faq-sctn .video-col{
        width:45%;
        display:flex;
        justify-content:center;
        align-items:center
    }
    .faq-sctn .faq-col{
        width:55%;
        padding-right:5%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .faq-sctn .video-col img,
    .faq-sctn .video-col picture{
        width:100%
    }
}
@media(max-width:800px){
    .faq-sctn .faq-col,
    .faq-sctn .video-col{
        width:100%;
    }
    .faq-sctn .faq-col{
        padding-bottom:32px
    }
    .faq-sctn .video-col{
        text-align:center
    }
    .faq-sctn .maintitle{
        text-align:center;
        margin-bottom:20px
    }
}
@media(max-width:400px){
    .faq-sctn .maintitle .sp-main{
        display:block
    }
}