@import url(gridLayout.css);@import url(https://fonts.googleapis.com/css2?family=Hurricane&display=swap);.hurricane-regular{font-family:"Hurricane",cursive;font-weight:400;font-style:normal}main{grid-column:1/9;grid-row:1/auto;display:grid;grid-template-columns:1fr;grid-template-rows:auto;font-family:'Cairo',sans-serif;gap:0;padding:0}main section{grid-column:1 / -1;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:220px;color:beige;background-color:#fffbf7}main .title{position:relative;width:100%;min-height:50vh;overflow:hidden;background-image:none}.bg-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);z-index:1}.video-overlay-content{position:relative;z-index:2;text-align:center}main .title h2{color:#fff;text-shadow:2px 2px 4px rgb(0 0 0 / .5)}main .title h2{color:#fff;font-family:"Hurricane",cursive;font-weight:400;font-style:normal}main h2{font-size:5vw}main p{font-size:1.5vw}main .TXT_card1{color:#254844;min-height:220px;display:grid;place-items:center}main .TXT_card1 h2{margin:0;text-align:center}main .ITD{background-image:url(https://i.ibb.co/TxJjqHFz/Oud-Collection.png)}main .KIT{background-image:url(https://i.ibb.co/5QZzJkQ/Kit3V4.jpg)}main .FTD{background-image:url(https://i.ibb.co/v49SP6jt/Wesal-Collection.png)}main .WLC{background-image:url(https://i.ibb.co/gLGQBcR7/Tayf.png)}main .CMG{background-image:url()}main .ITD,main .KIT,main .FTD,main .WLC,main .CMG{min-height:100vh;background-size:cover;background-position:center;background-repeat:no-repeat}main .AppearingTxt{opacity:0;transition:opacity 0.5s ease-in-out;width:100vw;text-align:center}main .AppearingTxt:hover,main .AppearingTxt.touch-active{opacity:1}main .overlay-container{position:relative;width:100%;height:100%}main .overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}main .overlay::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#000;opacity:0;transition:opacity 0.5s ease-in-out;z-index:1}main .overlay h2,main .overlay p{position:relative;z-index:2;color:#fff;opacity:0;transition:opacity 0.5s ease-in-out;text-align:center}main .overlay .learn-more-btn{position:relative;z-index:2;display:inline-flex;align-items:center;justify-content:center;margin-top:18px;padding:12px 26px;border:1px solid rgb(255 255 255 / .88);border-radius:999px;background:rgb(255 255 255 / .12);color:#fff;text-decoration:none;font-size:1rem;font-weight:600;letter-spacing:.02em;opacity:0;transition:opacity 0.5s ease-in-out,background-color 0.2s ease,color 0.2s ease,transform 0.2s ease;cursor:pointer}main .overlay-container:hover .overlay::before,main .overlay-container.touch-active .overlay::before{opacity:.65}main .overlay-container:hover .overlay h2,main .overlay-container:hover .overlay p,main .overlay-container:hover .overlay .learn-more-btn,main .overlay-container.touch-active .overlay h2,main .overlay-container.touch-active .overlay p,main .overlay-container.touch-active .overlay .learn-more-btn{opacity:1}main .overlay .learn-more-btn:hover{background:rgb(255 255 255 / .92);color:#254844;transform:translateY(-2px)}@media screen and (max-width:768px){main{grid-column:1 / -1;display:block}main .title{min-height:clamp(280px, 50vh, 420px)}main h2{font-size:2.5rem!important;padding:0 20px}main p{font-size:1.1rem!important;line-height:1.6;padding:0 30px}.bg-video{width:100%;height:100%;object-fit:cover}.video-overlay-content{width:min(92%, 720px);padding:0 16px}main .overlay::before{opacity:.4}main .overlay h2,main .overlay p{opacity:1;padding:15px;text-shadow:0 3px 12px rgb(0 0 0 / .82)}main .overlay .learn-more-btn{opacity:1;margin-top:12px;padding:10px 22px;font-size:.95rem;background:rgb(255 255 255 / .16)}main .ITD,main .KIT,main .FTD,main .WLC{min-height:70vh}main .TXT_card1{min-height:150px;display:flex;align-items:center;justify-content:center}main .TXT_card1 h2{margin-top:0;font-size:2rem!important}main .TXT_card1 .AppearingTxt{opacity:1;width:auto}}