.cover-section,.icon-box{position:relative;overflow:hidden}.cover-section::before,.icon-box::before{content:'';position:absolute;top:0;left:0;height:100%}.box:hover,.icon-box:hover{transform:translateY(-10px)}.box h3,.cover-content h3,.icon-image,h3{margin-bottom:15px}.icon-box,.icon-section{background-color:var(--background-color)}.cover-section::before,.icon-shape{background-color:var(--primary-color)}.box,.cover-section,.icon-box{text-align:center}.cover-section{display:flex;align-items:center;justify-content:center}.cover-section::before{opacity:.7;width:100%;opacity:.75;z-index:1;backdrop-filter:blur(5px)}.cover-content h3{color:var(--active-color)}.cover-content h5{color:var(--background-color)}.box h3,.icon-title,h3{color:var(--primary-color)}.icon-description,body,p{color:var(--secondary-color)}.icon-section{display:flex;flex-direction:column;gap:20px}.icon-row{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.icon-column{flex:1}.icon-box{border:1px solid var(--secondary-color)}.icon-box:hover{box-shadow:0 6px 20px rgba(0,0,0,.15);border-color:var(--hover-color)}.icon-box:focus{outline:0;border:2px solid var(--active-color)}.icon-image,.icon-shape{border-radius:50%;transition:transform .3s}.icon-box:hover .icon-image,.icon-box:hover .icon-shape{transform:scale(1.1)}@media (max-width:1024px){.icon-title{font-size:1.1rem}.icon-description{font-size:.95rem}}@media (max-width:768px){.cover-content h3{font-size:32px}.cover-content h5{font-size:18px}.icon-row{flex-direction:column;gap:15px}.icon-column{width:100%}.icon-image{width:50px;height:50px}.icon-title{font-size:1rem}.icon-description{font-size:.9rem}}@media (max-width:480px){.icon-image{width:40px;height:40px}.icon-title{font-size:.95rem}.icon-description{font-size:.85rem}}.icon-shape{width:80px;height:80px;display:flex;justify-content:center;align-items:center;font-size:2rem;color:var(--background-color);margin:0 auto 15px}.icon-section,body{background-color:var(--background-color)}.container{width:80%!important}.row{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}.first-row .left-col,.first-row .right-col{flex:1;min-width:300px}.pro-image{width:100%;height:80%;border-radius:10px}.first-row .right-col{display:flex;flex-direction:column;justify-content:center}h3{font-size:1.8rem}p{font-size:1.2rem}.second-row .box-col{flex:1;min-width:280px}.box{border:1px solid var(--light-gray);box-shadow:0 5px 15px rgba(0,0,0,.1)}.box:hover{box-shadow:0 10px 20px rgba(0,0,0,.15)}.p{text-align:justify}.white-color p{color:#f5f5f5}@media (max-width:768px){.container{width:90%}.row{flex-direction:column;align-items:center}.box,.first-row .right-col{text-align:center}.cover-section{height:40vh!important}}:root{--primary-color:#0F8975;--secondary-color:#060609;--background-color:#F1FFFF;--hover-color:#0F8975;--active-color:#19cca5;--light-gray:#e0e0e0}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Cairo,sans-serif;direction:rtl}.container{margin:0 auto;padding:60px 0;display:flex;flex-direction:column;gap:40px}.cover-section{background-image:url('your-cover-image.jpg');background-size:cover;background-position:center;height:70vh;display:flex;align-items:center;justify-content:center;color:#fff}.cover-content{z-index:2;text-align:center;padding:20px;animation:.8s ease-out fadeIn}.cover-content h3{font-size:52px;color:var(--active-color);font-weight:700}.cover-content h5{font-size:24px;color:var(--background-color);font-weight:400}.box h3,.icon-title{color:var(--primary-color)}.icon-section{display:flex;flex-direction:column;gap:30px;padding:40px}.box,.icon-box{background-color:#fff}.icon-row{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;animation:.6s ease-in-out slideUp}.icon-column{flex:1;min-width:240px;transition:transform .4s ease-in-out}.icon-box{border:2px solid var(--secondary-color);border-radius:20px;padding:25px;transition:box-shadow .4s,transform .4s;cursor:pointer;animation:.7s ease-out fadeInUp}.icon-box::before{width:100%;background-color:var(--hover-color);opacity:0;z-index:-1;transition:opacity .4s}.icon-box:hover::before{opacity:.1}.icon-box:hover{box-shadow:0 8px 25px rgba(0,0,0,.15);border-color:var(--hover-color)}.icon-image{object-fit:cover;width:70px;height:70px;object-fit:cover;border-radius:50%;transition:transform .3s}.icon-box:hover .icon-image{transform:scale(1.15)}.icon-title{font-size:1.4rem;margin:15px 0;font-weight:600}.icon-description{font-size:1.1rem;line-height:1.6;color:var(--secondary-color)}.box{padding:30px;border:1px solid var(--light-gray);border-radius:15px;box-shadow:0 5px 20px rgba(0,0,0,.1);transition:transform .4s,box-shadow .4s;text-align:center}.box:hover{box-shadow:0 10px 30px rgba(0,0,0,.15)}.box-image{width:100%;height:auto;margin-bottom:20px;border-radius:12px;transition:transform .4s}.box:hover .box-image{transform:scale(1.05)}.box h3{font-size:1.6rem}.box p{font-size:1.1rem;color:var(--secondary-color)}@keyframes fadeIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.icon-title{font-size:1.2rem}.icon-description{font-size:1rem}}@media (max-width:768px){.cover-content h3{font-size:36px}.cover-content h5{font-size:20px}.icon-row{flex-direction:column;gap:20px}.icon-image{width:60px;height:60px}}@media (max-width:480px){.icon-image{width:50px;height:50px}.icon-title{font-size:1rem}.icon-description{font-size:.9rem}.cover-section{height:45vh}}