*,*:after,*:before{box-sizing:border-box}*{margin:0;padding:0;font:inherit}ul[role=list],ol[role=list]{list-style:none}html,body{height:100%}body{text-rendering:optimizeSpeed;line-height:1.5;background-color:#93887b}a:not([class]){text-decoration-skip-ink:auto;text-decoration:none}img,picture,svg{max-width:100%;display:block}.container{--max-width: 1440px;--padding: 3rem;width:min(var(--max-width),100% - (var(--padding) * 2));display:flex;padding:3rem 0;justify-content:center;margin-inline:auto;gap:3rem;flex-wrap:wrap}h1{color:#fff;font-family:SF Arabic;font-size:2rem;font-style:normal;font-weight:700;line-height:normal;text-align:center;width:100%}.card-container{width:21.6875rem;flex-shrink:0;filter:drop-shadow(0 4px 25px rgba(0,0,0,.25)) drop-shadow(0 4px 4.8px rgba(0,0,0,.25));border-radius:10px}.card-container .img-sec{flex-shrink:0;aspect-ratio:320/200;width:100%}img{border-top-right-radius:10px;border-top-left-radius:10px}.card-container .header{width:100%;padding:.56rem 2.2rem}.card-container[num="1"] .header{background-color:#3e6295}.card-container[num="1"]{background-color:#0c1e47}.card-container[num="2"]{background-color:#44290c}.card-container[num="3"]{background-color:#302021}.card-container[num="2"] .header{background-color:#c29c5f}.card-container[num="3"] .header{background-color:#805a6c}.content-sec{padding:2rem}p{color:#fff}@media (max-width: 1236px) and (min-width: 850px){.container{flex-direction:column}.card-container{display:flex;width:100%;position:relative}.card-container[num="1"] .left{background-color:#0c1e47}.card-container[num="2"] .left{background-color:#44290c}.card-container[num="3"] .left{background-color:#302021}.img-sec img{border-bottom-right-radius:10px;border-top-left-radius:0;border-bottom-left-radius:0;width:100%}.img-sec{border-radius:0/0px 0 0 0px;flex:1 0 40%}.left{width:100%;flex:2 1 60%;max-height:18.75rem;overflow-y:auto;border-top-left-radius:10px}P{font-size:1.5rem;margin-top:3rem}.card-container .header{position:absolute;width:60%;border-top-left-radius:10px}}