/*kp-new-product start*/
.kp-new-product1st {
    position: relative;
}
.kp-caroudels-head {
    height: 48px;
}
.kp-caroudels-head h2 {
    color: #0C1B43;
}
.kp-caroudels-head-buts {
    width: 220px;
    height: 40px;
}
.kp-caroudels-head-buts .kp-caroudels-head-buts-next, .kp-caroudels-head-buts .kp-caroudels-head-buts-prev {
    margin: 0;
}
.kp-new-products-container {
    width: 100%;
    max-width: 1320px;
    height: 372px;
}
.kp-new-products-card {
    width: 168px;
    height: 351.85px !important;
    border-radius: var(--kp-rad4) !important;
    background-color: #D5E6F6;
    padding: 20px;
    transition: var(--kp-del);
}
.kp-new-products-card img {
    width: 140px;
    height: 140px !important;
    object-fit: contain;
    border-radius: var(--kp-rad1) !important;
    z-index: 1;
    transform: translateY(40px);
    transition: var(--kp-del);
}
.kp-new-products-card h4 {
    font-weight: 800;
    color: #FFFFFF;
    transform: translateY(60px);
    visibility: hidden;
    opacity: 0;
    transition: var(--kp-del);
    z-index: 1;
}
.kp-new-products-card p {
    color: #FFFFFF;
    transform: translateY(150px);
    visibility: hidden;
    opacity: 0;
    transition: var(--kp-del);
    z-index: 1;
    font-weight: 800;
    font-size: 18px;
    line-height: 36px;
}
.kp-new-products-card p span {
    margin-right: 5px;
}
.kp-new-products-card:hover {
    background-color: #E76941;
    transform: translateY(-20px);
}
.kp-new-products-card:hover.kp-new-products-card img {
    transform: translateY(0px);
}
.kp-new-products-card:hover.kp-new-products-card h4 {
    transform: translateY(20px);
    visibility: visible;
    opacity: 1;
}
.kp-new-products-card:hover.kp-new-products-card p {
    transform: translateY(20px);
    visibility: visible;
    opacity: 1;
}
.kp-new-products .swiper-slide {
    width: 168px !important;
    height: 372px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}
.kp-new-products-card-svg1, .kp-new-products-card-svg2, .kp-new-products-card-svg3, .kp-new-products-card-svg4, .kp-new-products-card-svg5, .kp-new-products-card-svg6, .kp-new-products-card-svg7, .kp-new-products-card-svg8, .kp-new-products-card-svg9 {
    display: none;
    transition: var(--kp-del);
}
.kp-new-products-card .kp-new-products-card-svg1, .kp-new-products-card .kp-new-products-card-svg3, .kp-new-products-card .kp-new-products-card-svg5, .kp-new-products-card .kp-new-products-card-svg6, .kp-new-products-card .kp-new-products-card-svg7, .kp-new-products-card .kp-new-products-card-svg8, .kp-new-products-card .kp-new-products-card-svg9 {
    color: #C3D9ED;
}
.kp-new-products-card:hover .kp-new-products-card-svg1, .kp-new-products-card:hover .kp-new-products-card-svg3, .kp-new-products-card:hover .kp-new-products-card-svg5, .kp-new-products-card:hover .kp-new-products-card-svg6, .kp-new-products-card:hover .kp-new-products-card-svg7, .kp-new-products-card:hover .kp-new-products-card-svg8, .kp-new-products-card:hover .kp-new-products-card-svg9 {
    color: #DD5C34;
}
.kp-new-products-card-svg1 {
    right: 0;
    bottom: 65px;
}
.kp-new-products-card-svg2 {
    top: 35px;
    right: -23px;
    color: #ffffff;
}
.kp-new-products-card-svg3 {
    bottom: 0;
}
.kp-new-products-card-svg4 {
    right: -24px;
    bottom: 35px;
    color: #F0F5FA;
}
.kp-new-products-card-svg5 {
    left: 0px;
    top: 40px;
}
.kp-new-products-card-svg6 {
    bottom: 0;
}
.kp-new-products-card-svg7 {
    right: 0;
    top: 40px;
}
.kp-new-products-card-svg8 {
    left: 0;
    bottom: 40px;
}
.kp-new-products-card-svg9 {
    top: 0;
}
.kp-new-products-card.kp-np1 .kp-new-products-card-svg1, .kp-new-products-card.kp-np8 .kp-new-products-card-svg1, .kp-new-products-card.kp-np15 .kp-new-products-card-svg1 {
    display: block;
}
.kp-new-products-card.kp-np2 .kp-new-products-card-svg2, .kp-new-products-card.kp-np2 .kp-new-products-card-svg3, .kp-new-products-card.kp-np9 .kp-new-products-card-svg2, .kp-new-products-card.kp-np9 .kp-new-products-card-svg3, .kp-new-products-card.kp-np16 .kp-new-products-card-svg2, .kp-new-products-card.kp-np16 .kp-new-products-card-svg3 {
    display: block;
}
.kp-new-products-card.kp-np3 .kp-new-products-card-svg4, .kp-new-products-card.kp-np3 .kp-new-products-card-svg5, .kp-new-products-card.kp-np10 .kp-new-products-card-svg4, .kp-new-products-card.kp-np10 .kp-new-products-card-svg5, .kp-new-products-card.kp-np17 .kp-new-products-card-svg4, .kp-new-products-card.kp-np17 .kp-new-products-card-svg5 {
    display: block;
}
.kp-new-products-card.kp-np4 .kp-new-products-card-svg6, .kp-new-products-card.kp-np11 .kp-new-products-card-svg6, .kp-new-products-card.kp-np18 .kp-new-products-card-svg6 {
    display: block;
}
.kp-new-products-card.kp-np5 .kp-new-products-card-svg7, .kp-new-products-card.kp-np12 .kp-new-products-card-svg7, .kp-new-products-card.kp-np19 .kp-new-products-card-svg7 {
    display: block;
}
.kp-new-products-card.kp-np6 .kp-new-products-card-svg4, .kp-new-products-card.kp-np6 .kp-new-products-card-svg8, .kp-new-products-card.kp-np13 .kp-new-products-card-svg4, .kp-new-products-card.kp-np13 .kp-new-products-card-svg8, .kp-new-products-card.kp-np20 .kp-new-products-card-svg4, .kp-new-products-card.kp-np20 .kp-new-products-card-svg8 {
    display: block;
}
.kp-new-products-card.kp-np6 .kp-new-products-card-svg4, .kp-new-products-card.kp-np13 .kp-new-products-card-svg4, .kp-new-products-card.kp-np20 .kp-new-products-card-svg4 {
    right: -24px;
    top: 45px;
    color: #F0F5FA;
}
.kp-new-products-card.kp-np7 .kp-new-products-card-svg9, .kp-new-products-card.kp-np14 .kp-new-products-card-svg9, .kp-new-products-card.kp-np21 .kp-new-products-card-svg9 {
    display: block;
}
.kp-special-but3 {
    border-radius: var(--kp-rad2);
    width: 136px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #D5E6F6;
    color: #0C1B43;
    transition: var(--kp-del);
    font-weight: 400;
}
.kp-special-but3:hover {
    background-color: #C3D9ED;
}
/*kp-new-product end*/
@media(max-width: 768px) {
    /*kp-new-product start*/
    .kp-new-product1st {
        position: relative;
        height: 539px;
    }
    .kp-caroudels-head {
        height: 539px;
        position: absolute;
        flex-direction: column;
        top: 0;
        left: 0;
        right: 0;
    }
    .kp-new-products-container {
        position: absolute;
        top: 0px;
        bottom: 0;
        margin: auto;
    }
    /*kp-new-product end*/
}