.scrollContainer{display:flex;gap:1rem;overflow-x:auto;padding:2rem 1rem;scroll-snap-type:x mandatory;-ms-overflow-style:none;scrollbar-width:none}.scrollContainer::-webkit-scrollbar{display:none}.mobailcontainer{flex:0 0 auto;width:23rem;height:10rem;scroll-snap-align:start;position:relative;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#f8ebda,#e7c498);box-shadow:0 20px 24px -4px rgba(16,24,40,.08),0 8px 8px -4px rgba(16,24,40,.03)}.cardContent{width:100%}.cardContent,.textSection{display:flex;height:100%;position:relative}.textSection{flex-direction:column;justify-content:space-between;z-index:2;padding:20px}.textContent{flex:1 1;display:flex;flex-direction:column;height:50%;width:100%}.buttonContainer{display:flex;justify-content:flex-start;width:100%;margin-top:auto}.imageSection{flex:0 0 50%;position:relative;display:flex;justify-content:flex-end;align-items:flex-end;overflow:hidden}.textSection h1{color:#000;font-size:.75rem;font-weight:700;line-height:150%;letter-spacing:-.045rem;margin:0}:dir(ltr) .textSection h1{font-size:.6rem;letter-spacing:0}.textSection p{color:#000;font-size:.625rem;font-weight:400;line-height:1.875rem;margin:0;white-space:nowrap}:dir(ltr) .textSection p{white-space:break-spaces;font-size:.5rem;line-height:.875rem}.phoneImage{width:100%;height:auto;position:absolute;bottom:0;right:0;max-height:120%;object-fit:contain;object-position:center bottom}:dir(ltr) .phoneImage{transform:scaleX(-1)}.bulidingimg{max-height:100%;width:100%;height:auto;position:absolute;bottom:0;right:0;object-fit:contain}@media (max-width:768px){.mobailcontainer{height:25rem}.cardContent{flex-direction:column}.textSection{flex:0 0 40%;padding:20px;order:2}.imageSection{flex:1 1;order:1;position:relative;display:flex;justify-content:center;align-items:center;width:100%}.textSection h1{font-size:1.8rem}.textSection p{font-size:1.1rem;line-height:1.6rem}.phoneImage{position:relative;width:100%;height:100%;object-fit:cover;object-position:center}.bulidingimg{object-fit:fill}}@media (max-width:765px){.scrollContainer{margin-top:9rem}}@media (max-width:480px){.scrollContainer{padding:1rem .5rem;margin-top:9rem}.mobailcontainer{width:95vw;height:480px}.cardContent{flex-direction:column}.textSection{flex:0 0 35%;padding:16px;order:2}.imageSection{flex:1 1;order:1;position:relative;display:flex;justify-content:center;align-items:center;width:100%}.textSection h1{font-size:1.5rem}.textSection p{font-size:1rem;line-height:1.5rem}.phoneImage{position:relative;width:100%;height:100%;object-fit:cover;object-position:center}}.mobailcontainercard{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;width:90%;margin:auto;border-radius:24px;border:1px solid rgba(187,144,90,.3);background:linear-gradient(180deg,#f8ebda,#e7c498);box-shadow:0 20px 24px -4px rgba(16,24,40,.08),0 8px 8px -4px rgba(16,24,40,.03);height:27rem;position:relative;overflow:hidden;direction:rtl;background-color:red}.textSectionMobailcard{flex:1 1;padding:40px;display:flex;flex-direction:column;align-items:flex-start;gap:.25rem;align-self:stretch}.textSectionMobailcard h1{color:#000;text-align:right;font-size:2.1rem;font-style:normal;font-weight:700;line-height:150%;letter-spacing:-.045rem}.textSectionMobailcard p{color:#000;text-align:right;font-size:1.25rem;font-style:normal;font-weight:400;line-height:1.875rem}.storeButtons{display:flex;gap:10px;flex-wrap:wrap}.imageSectionMob{flex:1 1;min-width:280px;display:flex;position:relative;height:100%;align-items:flex-end;justify-content:flex-start}@media (max-width:768px){.mobailcontainercard{flex-direction:column;height:auto;padding-top:10px;padding-bottom:10px}.imageSectionMob{order:-1;height:250px;width:100%;justify-content:center;margin-bottom:20px}.phoneImagemob{position:relative;height:auto;width:100%;max-height:250px}.textSectionMobailcard{align-items:center;text-align:center;padding:0}.storeButtons{justify-content:center}}@media (max-width:480px){.imageSectionMob{height:200px}.phoneImagemob{width:80%;max-height:200px}.textSectionMobailcard h1{font-size:1.5rem}.textSectionMobailcard p{font-size:1rem}.storeButtons img{width:120px}}