@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300;400;500;600;700&display=swap');*{margin:0;padding:0;box-sizing:border-box}
.glip-container{padding:24px 50px;margin-top:20px}
.glipcard_active .src_inactive{display:none}
.glipcard_inactive .src_active{display:none}
.glip-container .glip-header .h1{color:var(--text-black-131619,#131619);text-align:center;font-family:Rubik;font-size:32px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}
.glip-container .glip-header p{color:var(--text-grey-1363-c-41,#363c41);text-align:center;font-family:Rubik;font-size:16px;font-style:normal;font-weight:400;line-height:18px;margin-top:8px}
.glip-container .glip-cardsbox{width:100%;padding:5px 5px 16px 1px;margin-top:24px;display:flex;gap:24px;overflow:scroll}
.glip-container .glip-cardsbox::-webkit-scrollbar{display:none}
.glip-container .glip-cardsbox .glipcard{width:195px;height:144px;padding:16px 0;gap:24px;border-radius:10px;border:1px solid #2d607c;background:#eaf7ff;cursor:pointer;display:flex;flex-direction:column;align-items:center}
.glip-container .glip-cardsbox .glipcard_active{background:var(--balic-brand-color-blue-005-eac,#005dac);border-radius:8px;border:1px solid #2d607c;color:white}
.glip-container .glip-cardsbox button{width:48px;height:48px;border-radius:50%;border:0;display:flex;align-items:center;justify-content:center;background:#fff;background:linear-gradient(90deg,#0074c9 0,#2099f1 100%)}
.glip-container .glip-cardsbox .button_active{background:#fff}
.glip-container .glip-cardsbox span{font-family:Rubik;text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:20px;width:140px}
.glip-container .glipcont-details{display:flex;flex-direction:column;gap:20px}
.glip-container .glipcont-details .glipcard-detis{display:flex;align-items:center;gap:6px}
.glip-container .glipcont-details .glipcard-detis p{color:var(--text-black-131619,#131619);font-family:Rubik;font-size:14px;font-style:normal;font-weight:500;line-height:18px}
.glipcard{transform:scale(1);transition:all .1s}
.glipcard:hover{transform:scale(1.05);transition:all .3s}
@media screen and (max-width:800px){.glip-container{padding:24px 30px}
}
@media screen and (max-width:500px){.glip-container .glip-cardsbox{overflow:scroll}
.glip-container .glip-cardsbox .glipcard{flex-shrink:0}
.glip-container{padding:16px;margin-top:unset}
.glip-container .glip-header{display:flex;align-items:center;flex-direction:column}
.glip-container .glip-header .h1{font-size:18px;width:336px;text-align:center}
.glip-container .glip-header p{font-size:12px}
}
.glip-container .glip-cardsbox h3{font-family:Rubik;text-align:center;font-size:16px;font-style:normal;font-weight:500;line-height:20px;width:140px}