.inside-well-planned-kitchen-container{display:flex;flex-direction:column;gap:12px;align-items:center;padding:40px;@media screen and (max-width:650px){padding:20px 0}
.iwpk-title{font-size:32px;font-weight:500;color:#232426;@media screen and (max-width:650px){font-size:24px}
}
.iwpk-desc{font-size:16px;font-weight:400;color:#232426;@media screen and (max-width:650px){font-size:14px;color:#696f75}
}
.iwpk-tab-container{width:100%;display:flex;gap:20px;position:relative;@media screen and (max-width:650px){flex-direction:column}
.iwpk-left-container{width:70%;@media screen and (max-width:650px){width:100%}
>img{width:100%;object-fit:contain;@media screen and (max-width:650px){height:auto}
}
}
.iwpk-right-container{display:flex;flex-direction:column;gap:20px;width:28%;position:absolute;right:0;height:100%;@media screen and (max-width:650px){position:unset;width:100%;padding-left:10px}
.iwpk-tabs{display:flex;gap:16px;border-bottom:1px solid #9da1b0;font-size:14px;font-weight:500;.iwpk-tab{padding:5px;padding-bottom:10px;color:#9da1b0;cursor:pointer}
.iwpk-tab.active{border-bottom:1.5px solid #000;color:#202129}
}
.iwpk-cards-container{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;max-height:100%;overflow-y:scroll;@media screen and (max-width:650px){display:flex;gap:10px;overflow-x:scroll}
.iwpk-cards-teaser{display:flex;flex-direction:column;border-radius:12px;border:1px solid #e6e7eb;@media(max-width:650px){min-width:158px}
>img{height:168px;object-fit:cover;border-top-left-radius:12px;border-top-right-radius:12px}
.iwpk-card-name-container{display:flex;gap:10px;padding:18px 10px;align-items:center;.serial-no-container{font-size:10px;font-weight:600;.iwpk-serial-no{height:16px;width:16px;background:#000;border-radius:50%;color:#fff;display:flex;align-items:center;justify-content:center}
}
.iwpk-name{font-size:14px;font-weight:500}
}
}
}
.iwpk-cards-container::-webkit-scrollbar{display:none}
.iwpk-teaser-container-main{display:flex;flex-direction:column;gap:12px;.iwpk-teaser-container{padding:20px;border:1px solid #e6e7eb;border-radius:8px;display:flex;gap:20px;align-items:center;>img{height:50px;width:50px}
.teaser-details{display:flex;flex-direction:column;gap:8px;.td-name{font-size:18px;font-weight:500;color:#232426}
.td-details{font-size:14px;font-weight:300;color:#75787b}
}
}
}
}
}
}