.split-layout{display:flex;direction:rtl;height:500px;position:relative;font-family:Cairo,sans-serif;max-width:1400px;margin:50px auto;border-radius:20px;overflow:hidden}.color-block{flex:1;background-color:var(--background-color);z-index:1;width:100%;border-radius:10px}.image-block{flex:2;position:relative;z-index:2}.overlap-image{position:absolute;top:50px;left:-50px;width:120%;max-width:none;z-index:3;height:calc(100% - 100px);object-fit:cover}.text-block{flex:2;background-color:#f9f9f9;padding:40px 30px;z-index:1;position:relative;width:100%;border-radius:10px}.text-title{font-size:40px;font-weight:700;color:#222;margin-bottom:15px}.text-description{width:80%;font-size:24px;font-weight:400;line-height:1.6;color:#555;margin-bottom:20px}.text-button{display:inline-block;padding:12px 24px;background-color:var(--background-color);color:#fff;border-radius:6px;text-decoration:none;font-weight:700;transition:.3s;font-size:18px}.text-button:hover{background-color:var(--text2-color);transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.play-button{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:4;width:80px;height:80px;cursor:pointer;text-align:center;transition:transform .3s}.play-button:hover{transform:translate(-50%,-50%) scale(1.1)}.play-icon{width:100%;height:100%}@media (max-width:1200px){.split-layout{height:450px}.text-title{font-size:36px}.text-description{font-size:20px}}@media (max-width:992px){.split-layout{flex-direction:column;height:auto;margin:30px auto}.color-block{display:none}.image-block{order:1;flex:none;height:300px}.overlap-image{position:relative;top:0;left:0;width:100%;height:100%}.text-block{order:2;flex:none;padding:30px 20px}.text-title{font-size:32px;text-align:center}.text-description{width:100%;font-size:18px;text-align:center;margin:0 auto 20px}.text-button{display:block;margin:0 auto;text-align:center;max-width:200px}.play-button{width:60px;height:60px}}@media (max-width:768px){.text-title{font-size:28px}.text-button,.text-description{font-size:16px}.image-block{height:250px}.text-button{padding:10px 20px}}@media (max-width:576px){.split-layout{margin:20px 15px;border-radius:10px}.text-title{font-size:24px}.text-block{padding:25px 15px}.image-block{height:200px}.play-button{width:50px;height:50px}.text-button{max-width:180px;font-size:15px}}