//home/u917864144/domains/humsafarholiday.com/public_html/assets/css
20 items
NAME ↑ SIZE MODIFIED PERMS ACTIONS
.. / Parent Directory
fonts — dir
2025-03-20 10:50 · rwxr-xr-x
— 2025-03-20 10:50 rwxr-xr-x
ajax-loader.html — 1.52 KB
2025-03-20 10:50 · rw-r--r--
1.52 KB 2025-03-20 10:50 rw-r--r--
animate.min.css — 56.63 KB
2025-03-20 10:50 · rw-r--r--
56.63 KB 2025-03-20 10:50 rw-r--r--
bootstrap.min.css — 203.42 KB
2025-03-20 10:50 · rw-r--r--
203.42 KB 2025-03-20 10:50 rw-r--r--
custom2.css — 9.96 KB
2025-03-20 10:56 · rw-r--r--
9.96 KB 2025-03-20 10:56 rw-r--r--
fontawesome.all.min.css — 55.53 KB
2025-03-20 10:50 · rw-r--r--
55.53 KB 2025-03-20 10:50 rw-r--r--
meanmenu.css — 6.92 KB
2025-03-20 10:50 · rw-r--r--
6.92 KB 2025-03-20 10:50 rw-r--r--
navber0.css — 37.81 KB
2025-03-20 11:08 · rw-r--r--
37.81 KB 2025-03-20 11:08 rw-r--r--
nouislider.css — 4.99 KB
2025-03-20 10:50 · rw-r--r--
4.99 KB 2025-03-20 10:50 rw-r--r--
owl.carousel.min.css — 4.1 KB
2025-03-20 10:50 · rw-r--r--
4.1 KB 2025-03-20 10:50 rw-r--r--
owl.theme.default.min.css — 1013 B
2025-03-20 10:50 · rw-r--r--
1013 B 2025-03-20 10:50 rw-r--r--
owl.video.play.html — 1.52 KB
2025-03-20 10:50 · rw-r--r--
1.52 KB 2025-03-20 10:50 rw-r--r--
popup.css — 6.79 KB
2025-03-20 10:50 · rw-r--r--
6.79 KB 2025-03-20 10:50 rw-r--r--
responsive0.css — 33.42 KB
2025-03-20 10:50 · rw-r--r--
33.42 KB 2025-03-20 10:50 rw-r--r--
slick-theme.html — 1.52 KB
2025-03-20 10:50 · rw-r--r--
1.52 KB 2025-03-20 10:50 rw-r--r--
slick-theme.min.css — 2.26 KB
2025-03-20 10:50 · rw-r--r--
2.26 KB 2025-03-20 10:50 rw-r--r--
slick.min.css — 1.25 KB
2025-03-20 10:50 · rw-r--r--
1.25 KB 2025-03-20 10:50 rw-r--r--
style.css — 204.51 KB
2025-04-09 07:37 · rw-r--r--
204.51 KB 2025-04-09 07:37 rw-r--r--
stylish.css — 46.89 KB
2025-03-20 10:50 · rw-r--r--
46.89 KB 2025-03-20 10:50 rw-r--r--
swiper-bundle.css — 22.49 KB
2025-03-20 10:50 · rw-r--r--
22.49 KB 2025-03-20 10:50 rw-r--r--
ONLINE
css
20 items
10:57:30
TERMINAL FM
NAVIGATION
ACTIONS
SELECTION
Edit
Preview
Download
Rename
Copy
Chmod
Delete
/*-------------------------------------------------------------------------------------- Template Name: WizardSlides - Ultimate Slider Collection with HTML, CSS, Tailwind, JS Author: MKTemplateWizard Version: 1.0.0 TABLE OF CONTENT ---------------------------------------------------------------------------------------- ======================================================================================== 1. GOOGLE FONT 2. BASE CSS STYLE 3. BUTTON STYLE 4. TEAM SLIDER TWO STYLE 5. SLIDER PAGINATION AND NAVIGATION STYLE 6. HERO SLIDER TWO STYLE ---------------------------------------------------------------------------------------- */ /*============================================ GOOGLE FONT =============================================*/ @import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,400;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,900&display=swap'); /*============================================ GOOGLE FONT =============================================*/ /*============================================ BASE CSS STYLE =============================================*/ body { font-family: "Poppins", sans-serif; font-size: 16px; line-height: 1.6; margin: 0; padding: 0; border: 0; outline: 0; } .bg-gradient { background: linear-gradient(to left, rgba(2, 45, 98, 0) 0, #022d62 100%), linear-gradient(to left, rgba(2, 45, 98, 0) 0, #022d62 100%); } /*============================================ BASE CSS STYLE =============================================*/ /*============================================ BUTTON STYLE =============================================*/ .btn { font-size: 16px; border: 2px solid #ffffff; height: 3em; padding: 8px 20px; text-transform: capitalize; font-weight: 500; text-align: center; display: flex; justify-content: center; align-items: center; overflow: hidden; z-index: 1; transition: all 0.3s ease-in-out; position: relative; letter-spacing: 1px; border-radius: 10px; } .btn::after { content: ""; position: absolute; inset: 0; width: 100%; height: 100%; z-index: -1; transform: scaleX(0); transition: transform 0.5s ease-in-out; transform-origin: bottom right; background-color: #ffffff; } .btn-secondary:hover.btn::after { transform-origin: left; transform: scaleX(1); } .btn-primary.btn::after { transform: scaleX(1); transform-origin: left; } .btn-primary:hover.btn::after { transform-origin: right; transform: scaleX(0); } /*============================================ BUTTON STYLE =============================================*/ /*============================================ TEAM SLIDER TWO STYLE =============================================*/ #team h2 { font-size: 40px; /* text-transform: uppercase; */ font-weight: 600; color: #fff; line-height: 1.2; max-width: 650px; margin: 0 auto 1.5rem; font-family: "roboto", sans-serif; letter-spacing: 1px; } @media (max-width: 576px) { #team h2{ font-size: 24px; line-height: 40px; } } .team-social li { display: inline-block; } .team-social li a { font-size: 22px; color: #18191d; height: 38px; width: 38px; line-height: 40px; display: inline-block; text-align: center; margin: 0; border: 1px solid transparent; border-radius: 50%; } .team-img { position: relative; } .team-img img { width: 100%; height: 20em; object-fit: cover; object-position: top; } .team-img1 img { width: 100%; height: 30em; object-fit: cover; object-position: top; } .team-social.white-bg li a { background: #ffffff; } .team-coverflow { position: relative; overflow: hidden; padding: 15px; width: 100%; max-width: 365px; margin: 0 auto; background: rgba(255, 255, 255, 0.25); box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 10px; } .team-coverflow .team-text { text-align: center; font-size: 14px; } .team-coverflow .team-text h5 { font-size: 1.6rem; } .swiper-slide-active .team-coverflow:hover .team-box-content { opacity: 1; visibility: visible; border-radius: 0; bottom: 0; } .team-box-content { background: rgba(255, 255, 255, 0.25); box-shadow: 0 8px 32px 0 rgba(18, 18, 20, 0.37); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); border-radius: 10px; border: 1px solid rgba(255, 255, 255, 0.18); position: absolute; text-align: center; width: 100%; left: 0; opacity: 0; visibility: hidden; padding: 20px 0; bottom: -20%; z-index: 1; transition: all linear 0.4s; } .team-coverflow .team-img { overflow: hidden; width: 100%; } .team-member-slider { padding: 4em 0em 12em 0em; background-color: rgba(0,0,0,0.5); } .team-member-slider .swiper-slide-shadow-left, .team-member-slider .swiper-slide-shadow-right { display: none; } .team-member-slider .swiper-slide { opacity: 0.5; } .team-member-slider .swiper-slide-prev { transform: scale(1.1) translate3d(25%, 0px, -155.962px) rotateX(0deg) rotateY(2.9808deg) !important; padding-right: 15px; cursor: pointer; } .team-member-slider .swiper-slide-next { transform: scale(1.1) translate3d(-25%, 0px, -155.962px) rotateX(0deg) rotateY(-2.9808deg) !important; padding-left: 15px; cursor: pointer; } .team-member-slider .swiper-slide-active { transform: translateY(25%) !important; transition: 300ms; opacity: 1 !important; } /*============================================ TEAM SLIDER TWO STYLE =============================================*/ /*============================================ SLIDER PAGINATION AND NAVIGATION STYLE =============================================*/ .slider-arrows { border-radius: 36px; background: rgba(0, 0, 0, 0.45); color: #fff; width: 45px; height: 45px; line-height: 47px; transition: 1s; } .swiper-button-prev:after, .swiper-button-next:after { font-size: 20px !important; } #product-slider-one .swiper-pagination .swiper-pagination-bullet-active { background: #ffffff; } #product-slider-one .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 38px !important; } .testimonial-slider-five.swiper { overflow-y: visible; } .hero-slider-three-pagination, .hero-slider-four-pagination { bottom: 30px !important; } .gallery .swiper-pagination, .hero-slider-three-pagination .swiper-pagination, .hero-slider-four-pagination .swiper-pagination, .testimonial-slider-seven-pagination .swiper-pagination { position: relative; bottom: -0.313rem; text-align: left; } .gallery .swiper-pagination-bullet, .hero-slider-three-pagination .swiper-pagination-bullet, .hero-slider-four-pagination .swiper-pagination-bullet, .testimonial-slider-seven-pagination .swiper-pagination-bullet { border-radius: 0; width: 1.125rem; height: 0.25rem; background: #fff; } .testimonial-slider-seven-pagination { bottom: 0px !important; } .testimonial-slider-seven-pagination .swiper-pagination-bullet { background: #777; } /*============================================ SLIDER PAGINATION AND NAVIGATION STYLE =============================================*/ /*============================================ HERO SLIDER TWO STYLE =============================================*/ .gallery { width: 100%; position: relative; min-height: 31.25rem; height: 100vh; } .gallery .content { position: absolute; z-index: 50; left: 4rem; top: 50%; transform: translatey(-50%); text-transform: uppercase; color: #fff; letter-spacing: 0.175rem; } .gallery .content span { font-size: clamp(1.85rem, 1.7053rem + 0.5447vw, 2.25rem); font-weight: 300; display: block; margin-bottom: -0.625rem; } .gallery .content h1 { font-size: clamp(3.5rem, 1.8723rem + 6.1277vw, 8rem); font-weight: 400; margin-inline: -0.313rem; } .gallery .content p { font-size: clamp(1.2rem, 1.0191rem + 0.6809vw, 1.7rem); margin-top: -0.313rem; } .gallery .content hr { display: block; width: 3rem; border: none; height: 0.125rem; background: #fff; margin-top: 0.938rem; margin-inline: 0.313rem; } .gallery footer { position: absolute; z-index: 50; left: 2rem; bottom: 1rem; transform: translatey(-50%); } .gallery footer ul { list-style: none; display: flex; gap: 1.563rem; } .gallery footer ul li { text-transform: uppercase; color: #fff; letter-spacing: 0.1rem; font-weight: 600; font-size: 1.75rem; color: #1aad8a; } .gallery footer ul li span { font-size: 0.8rem; opacity: 0.4; color: #fff; font-weight: 400; display: inline-block; margin-right: 0.5rem; } .gallery-slider { width: 100%; height: 100%; } .gallery-slider .swiper-slide { width: auto; height: 100%; } .gallery-slider .swiper-slide::after { position: absolute; content: ""; height: 100%; width: 100%; top: 0; left: 0; background: linear-gradient(to bottom, rgba(255, 0, 0, 0) 0%, #0000001c 100%); } .gallery-slider .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; pointer-events: none; } .gallery .swiper-pagination-bullet-active { background: #fff; } .gallery-thumbs { width: 14.375rem; padding: 0; overflow: hidden; position: absolute; bottom: 8rem; right: 0; } .gallery-thumbs .swiper-slide { width: 6.25rem; height: 6.25rem; text-align: center; overflow: hidden; opacity: 0.5; } .gallery-thumbs .swiper-slide-active { opacity: 1; } .gallery-thumbs .swiper-slide img { width: auto; height: 100%; } @media screen and (min-width: 42.5rem) { .gallery .content span { margin-bottom: -1.875rem; } } @media screen and (min-width: 42.5rem) { .gallery .content p { margin-top: -1.563rem; } } @media screen and (min-width: 37.5rem) { .gallery footer { left: 4rem; } } @media screen and (min-width: 37.5rem) { .gallery-thumbs { width: 25rem; } } @media screen and (max-width: 62.188rem) and (max-height: 43.75rem) { .content { top: 30% !important; transform: translatey(-30%); } }