@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}
.ocs-container-outside{width:100%;padding:24px;border-radius:10px;background:linear-gradient(276deg,#52aee2 6.04%,#0d438d 101.28%)}
.ocs-container-outside .small{color:white}
.ocs-container{display:flex;width:100%;justify-content:space-between;align-items:center;gap:24px}
.ocs-p1{display:flex;align-items:center}
.ocs-p1 img{margin-right:24px;margin-left:24px;width:80px;height:80px}
.ocs-p1-h-div{display:flex;flex-direction:column;gap:8px;justify-content:center;width:max-content}
.ocs-p1-h-div .ocs-p1-h-div-h2{color:var(--card-white-card-ffffff,var(--White,#FFF));font-family:Rubik;font-size:32px;font-style:normal;font-weight:700;line-height:normal;text-transform:capitalize}
.ocs-p1-h-div .ocs-p1-h-div-h6{color:var(--card-white-card-ffffff,var(--White,#FFF));font-family:Rubik;font-size:24px;font-style:normal;font-weight:500;line-height:normal;text-transform:capitalize}
.ocs-p2{width:540px;display:flex;flex-wrap:wrap;gap:24px;justify-content:center}
.ocs-p2 .card{position:relative;display:flex;align-items:center;justify-content:space-evenly;flex-direction:column;width:196px;height:96px;margin-left:24px}
.ocs-p2 .card svg{width:100%;height:100%}
.ocs-p2 .card .img-details{position:absolute;display:flex;align-items:start;justify-content:center;flex-direction:column;left:35px;text-align:start;gap:8px}
.ocs-p2 .card .img-details .h1{width:147px;color:var(--text-black-131619,#131619);font-family:Rubik;font-size:26px;font-style:normal;font-weight:700;line-height:normal}
.ocs-p2 .card .img-details span{color:var(--text-black-131619,#131619);font-family:Rubik;font-size:12px;font-style:normal;font-weight:400;line-height:normal}
.ocs-p2 .card .i{position:absolute;left:-25px;background:linear-gradient(to right,#0074c9,#2099f1);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid #FFF}
@media only screen and (max-width:768px){.ocs-container-outside{padding:16px}
.ocs-container{flex-direction:column;justify-content:center;align-items:center;gap:8px}
.ocs-p2 .card .img-details{gap:4px}
.ocs-p1{flex-direction:column;text-align:center}
.ocs-p1 img{width:40px;height:40px}
.ocs-p1-h-div .ocs-p1-h-div-h2{font-size:20px;font-style:normal;font-weight:700}
.ocs-p1-h-div .ocs-p1-h-div-h6{font-size:16px;font-style:normal;font-weight:500;line-height:20px}
.ocs-p2{gap:12px;width:100%}
.ocs-p2 .card{width:144px;height:80px;margin-left:16px}
.ocs-p2 .card .img-details .h1{font-size:12px}
.ocs-p2 .card .img-details span{width:104px;font-size:9px}
.ocs-p2 .card .i{left:-15px;width:32px;height:32px}
.ocs-container-outside .small{margin-top:8px}
}