/*############################ default ###################################*/
.icw .breadcrumbs {
    font-family: "kurious-looped" !important;
    margin: 0 auto;
    padding-top: 30px;
    background-color: #fff;
}


#relate_product {}

.icw .sc-headline .h1{font-family:"kurious-looped"; font-weight: 600; color: #333333;}
.icw .sc-headline .h3{font-family:"kurious-looped"; font-weight: 500; color: #333333;}
.icw .btn{min-width: 140px; padding: 0 15px; height: 50px; line-height: 46px; font-weight: 600; font-size: 16px;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.0); border-width: 2px;
    border-radius: 25px;
}
.icw .btn.btn-primary{border-color: #00A94F; background-color: #00A94F; color: #fff;}
.icw .btn.btn-primary:hover{background-color: #13c165; border-color: #13c165;}
.icw .btn.btn-secondary{border-color: #00447C; background-color: #fff; color: #00447C; box-shadow: none;}
.icw .btn.btn-secondary:hover{background-color: #04335a; color: #fff;}

.icw .row.no-gutters{margin-left: 0; margin-right: 0;}
.icw .row.no-gutters > div{padding-left: 0; padding-right: 0;}

.action .more{color: #00A94F; font-size: 13px; font-family:"kurious-looped"; font-weight: 600; position: relative;}
.action .more span{text-decoration: underline;}
.action .more:hover{color: #13c165;}

.header-top::before{opacity: 1; background: #00a850;
    background: linear-gradient(90deg, #00a850 0%, #61d699 100%);
    background-size: 100% auto;
}

.icw .bg-gray {
    background-color: #F4F3F9 !important;
    padding: 20px;
    border-radius: 10px;
    margin-top: 10px;
}

.icw .table td {
    padding: 15px 10px;
    color: #666;
}

.icw .bg-gray .text {
    color: #333;
    text-align: center;
    font-family: "kurious-looped";
    margin-bottom: 15px;
}

.icw .btn-back {
    background-color: #00a94f;
    color: #ffffff !important;
    width: 220px;
    height: 50px;
    border-radius: 25px;
    font-family:"kurious-looped";
    font-size: 16px;
    font-weight: 600;
    line-height: 50px;
    padding: 0;
    display: inline-block;
    margin-bottom: 0;
    text-align: center;
    text-decoration: none !important;
    white-space: nowrap;
    background-image: none;
    border: 1px solid transparent;
    -moz-border-radius: 4px;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    cursor: pointer;
    display: block;
    margin: 0 auto;
}

.icw .btn-back:hover {
    background-color: #009445;
    color: #ffffff !important;
}

/*########################### hero banner ###################################*/
/* .sc-hero-banner{margin-top: 80px;} */

/*########################### Product-default ###################################*/
.default-item{background-color: #fff; border-radius: 10px; overflow: hidden;min-height: 100%;}
.default-item .thumb{overflow: hidden;}
.default-item .thumb .link img{transform: scale(1.0); transition: all 400ms ease-in-out; width: 100%;}
.default-item .thumb .link:hover img{transform: scale(1.1);}
.default-item .content {
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 380px;
}
.default-item .content .info{padding-bottom: 20px;}
.default-item .content .title{font-family:"kurious-looped"; font-size: 20px; font-weight: 600; color: #333333; margin-bottom: 10px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5;}
.default-item .content .title a{font-family: "kurious-looped"; font-size: 20px; font-weight: 600; color: #333333; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5;}
.default-item .content .title a:hover {
    color: #00A94F;
}
.default-item .content .desc{font-size: 16px; font-weight: 500; color: #333333; line-height: 1.5; font-family:"kurious-looped";}
.default-item .content .desc > li{padding-left: 12px; position: relative;}
.default-item .content .desc > li:before{content: '•';; position: absolute; top: 1px; left: 0;}
.default-item .content .action{text-align: left;}
.default-item .content .action a+a{margin-left: 36px;}
.default-item .content .t-des {overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font-family: "kurious-looped";}

/*########################### Product-List ###################################*/
.sc-product-list{background-color: #F5F5F5;}
.sc-product-list .sc-inner{padding: 50px 0 65px}
.sc-product-list .sc-headline{margin-bottom: 25px;}
.sc-product-list .sc-headline .h1 .color{color: #00A94F;}
.sc-product-list .sc-body{position: relative;}
.sc-product-list .item-list{
    display: flex; 
    flex-wrap: wrap; 
    margin: -15px -17px; 
}
.sc-product-list .item-list > li{padding: 15px 17px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}


/*########################### breakpoints ###################################*/
@media (max-width: 1199px) /*check 1024*/{
    /* .sc-hero-banner{margin-top: 60px;} */

    .default-item .content .action a+a {margin-left: 15px;}

    .footer-main { padding-bottom: 0;}
}

@media (max-width: 991px) {
    .sc-product-list .item-list > li { flex: 0 0 50%;max-width: 50%;}
}

@media (max-width: 767px) {
    .sc-product-list .item-list > li { flex: 0 0 100%;max-width: 100%;}
    /* .default-item .content {
        min-height: auto;
    } */
    
    .sc-product-list .sc-inner {
        padding: 40px 0 55px;
    }
}

.btn-sw-lang {
    display: none !important;
}