File manager - Edit - /home/asiatechinc/public_html/asiatech-websites/thepearlbeachresort.in/style1.css
Back
/* ================= HERO SLIDER ================= */ .hero-slider{ position:relative; height:100vh; overflow:hidden; } .hero-video{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; } .hero-fallback{ display:none; } /* Dark Overlay */ .hero-overlay{ position:absolute; inset:0; background:rgba(0,0,0,.6); z-index:-1; } /* Text Styles */ .hero-title{ font-size:28px; color:#fff; letter-spacing:2px; text-transform:uppercase; } .hero-brand { font-size: 40px !important; font-weight: 600; color: #fff; margin-top: 10px; line-height: 25px !important; } .hero-subtitle { font-size: 30px !important; color: #f2f2f2; letter-spacing: 1px; margin-top: 15px; } /* Buttons */ .hero-buttons{ display:flex; gap:18px; } .hero-btn{ padding:14px 36px; border-radius:40px; text-decoration:none; font-size:14px; letter-spacing:.5px; transition:.3s; } .hero-btn.outline{ border:1px solid #fff; color:#fff; } .hero-btn.outline:hover{ background:#fff; color:#000; } .hero-btn.filled{ background:#4587af; color:#fff; } .hero-btn.filled:hover{ background:#fff; } .tp-caption a:hover { color: #4587af; } @media(max-width:767px){ .hero-subtitle { font-size: 15px !important; margin-top: 32px !important; } .hero-title { font-size: 22px !important; } .hero-buttons { flex-direction: column; margin-top: 30px !important; } .hero-brand { margin-top: 10px !important; font-size: 22px !important;} .food-scroll-wrapper { margin-top: 50px; display: grid!important; gap: 30px; overflow-x: auto; padding-bottom: 15px; } } /* Mobile Optimization */ @media(max-width:768px){ .hero-video{ display:none; } .hero-fallback{ display:block; } .hero-brand{ font-size:38px; } .hero-buttons{ flex-direction:column; } } /* ================= ABOUT SECTION ================= */ .section-home-about{ padding:90px 0; } .about-content{ max-width:520px; } .about-content .heading{ font-size:32px; font-weight:600; margin-bottom:12px; } .about-content .box-border{ display:block; width:70px; height:3px; background:#4587af; margin-bottom:22px; } .about-content p{ font-size:16px; line-height:1.8; color:#555; margin-bottom:30px; } /* Button */ .about-btn{ display:inline-block; padding:14px 34px; border-radius:40px; background:#4587af; color:#fff; text-decoration:none; font-size:14px; transition:.3s; } .about-btn:hover{ background:#b88950; } /* Image Styling */ .about-image{ position:relative; text-align:center; } .about-image img{ width:100%; max-width:520px; border-radius:20px; box-shadow:0 25px 50px rgba(0,0,0,.15); } /* RESPONSIVE */ @media(max-width:768px){ .about-content{ text-align:center; margin:auto; } .about-content .box-border{ margin:18px auto; } .about-btn{ margin-bottom:30px; } } /* ================= FOOD & BEVERAGE HIGHLIGHTS ================= */ .section-food-highlights{ padding:90px 0; background:#faf8f5; } .section-food-highlights .section-title h2{ font-size:32px; font-weight:600; margin-bottom:10px; } .section-food-highlights .section-title p{ color:#777; text-align: center; font-size:17px; } /* Horizontal Scroll Wrapper */ .food-scroll-wrapper{ margin-top:50px; display:flex; gap:30px; overflow-x:auto; padding-bottom:15px; scroll-snap-type:x mandatory; } /* Hide scrollbar (optional) */ .food-scroll-wrapper::-webkit-scrollbar{ display:none; } /* Card */ .food-card{ min-width:280px; background:#fff; border-radius:22px; overflow:hidden; box-shadow:0 18px 40px rgba(0,0,0,.08); scroll-snap-align:start; transition:.3s; } .food-card:hover{ transform:translateY(-6px); } /* Image */ .food-img img{ width:100%; height:200px; object-fit:cover; } /* Content */ .food-content{ padding:22px; } .food-content h4{ font-size:18px; font-weight:600; margin-bottom:8px; } .food-content p{ font-size:14px; color:#666; line-height:1.6; } /* Mobile Optimization */ @media(max-width:768px){ .food-scroll-wrapper{ gap:20px; } .food-card{ min-width:240px; } } /* ================= WHY PEOPLE LOVE US ================= */ .section-why-love-us{ padding:90px 0; background:#fff; } .section-why-love-us .section-title h2{ font-size:32px; font-weight:600; margin-bottom:10px; } .section-why-love-us .section-title p{ font-size:17px; color:#777; text-align:center; } /* Grid */ .why-love-grid{ margin-top:60px; display:grid; grid-template-columns:repeat(auto-fit, minmax(210px, 1fr)); gap:30px; } /* Card */ .why-item{ background:#faf8f5; border-radius:22px; padding:40px 25px; text-align:center; transition:.3s; } .why-item:hover{ transform:translateY(-6px); box-shadow:0 15px 35px rgba(0,0,0,.08); } .section-home-about { padding: 90px 0; background: #faf8f5; } /* Icon */ .why-icon{ width:70px; height:70px; border-radius:50%; background:#4587af; color:#fff; display:flex; align-items:center; justify-content:center; font-size:28px; margin:0 auto 20px; } /* Text */ .why-item h4{ font-size:16px; font-weight:600; color:#333; line-height:1.5; } /* Mobile */ @media(max-width:768px){ .section-why-love-us{ padding:70px 0; } } /* ================= CAFE EXPERIENCE VIDEO ================= */ .section-cafe-video{ padding:90px 0; background:#faf8f5; } .section-cafe-video .section-title h2{ font-size:32px; font-weight:600; margin-bottom:10px; } .section-cafe-video .section-title p{ font-size:16px; color:#777; margin-bottom:40px; } /* Video wrapper */ .video-wrapper{ display:flex; justify-content:center; } .video-wrapper video{ width:100%; max-width:900px; border-radius:20px; box-shadow:0 20px 50px rgba(0,0,0,.1); } /* Responsive */ @media(max-width:768px){ .section-cafe-video{ padding:70px 5%; } .section-cafe-video .section-title h2{ font-size:28px; } .video-wrapper video{ max-width:100%; } } .section-cafe-video{ background-color:#fff; } .section-cafe-video .section-title p{ text-align:center; font-size:17px; } /* ================= VISIT INFORMATION ================= */ .section-visit-info{ padding:90px 0; background:#faf8f5; } .section-visit-info .section-title h2{ font-size:34px; font-weight:600; margin-bottom:10px; } .section-visit-info .section-title p{ font-size:17px; color:#666; text-align:center; margin-bottom:60px; } /* Grid */ .visit-info-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:30px; } /* Card */ .visit-item{ background:#ffffff; padding:40px 30px; text-align:center; border-radius:16px; box-shadow:0 10px 30px rgba(0,0,0,0.06); transition:.4s ease; position:relative; overflow:hidden; } /* Top Accent Line */ .visit-item::before{ content:''; position:absolute; top:0; left:0; width:100%; height:4px; background:#4587af; transform:scaleX(0); transition:.4s; } .visit-item:hover::before{ transform:scaleX(1); } /* Hover Effect */ .visit-item:hover{ transform:translateY(-10px); box-shadow:0 20px 40px rgba(0,0,0,0.12); } /* Heading */ .visit-item h4{ font-size:18px; font-weight:600; margin-bottom:12px; color:#222; } /* Text */ .visit-item p { font-size: 15px; color: #555; line-height: 1.6; text-align: center; } /* Responsive */ @media(max-width:992px){ .visit-info-grid{ grid-template-columns:repeat(2,1fr); } } @media(max-width:576px){ .section-visit-info{ padding:70px 0; } .section-visit-info .section-title h2{ font-size:28px; } .visit-info-grid{ grid-template-columns:1fr; } } /* ================= CONTACT LOCATION CTA ================= */ .contact-cta{ display:flex; gap:15px; flex-wrap:wrap; margin-top:25px; } .contact-cta .cta-btn{ padding:12px 28px; border-radius:50px; text-decoration:none; font-size:14px; font-weight:500; color:#fff; transition:.3s; } /* Button Colors */ .contact-cta .map-btn{ background:#8b5a2b; } .contact-cta .map-btn:hover{ background:#6e4520; } .contact-cta .call-btn{ background:#2b8b5a; } .contact-cta .call-btn:hover{ background:#206e47; } .contact-cta .whatsapp-btn{ background:#25d366; } .contact-cta .whatsapp-btn:hover{ background:#1ebe57; } /* Responsive */ @media(max-width:768px){ .contact-cta{ justify-content:center; } }
| ver. 1.4 |
Github
|
.
| PHP 7.4.33 | Generation time: 0.02 |
proxy
|
phpinfo
|
Settings