@media (max-width: 4250px) { .header .header-logo img { width: 160px !important; height: 100px !important; } } @media (max-width: 767px) { .header .header-logo img { width: 150px !important; height: 88px !important; } .page-title.home01 { padding: 50px 0 70px !important; } } .form-select, .form-select2 { box-shadow: none; width: 100%; padding: 13px 15px; font-size: 16px; font-weight: 400; line-height: 22.4px; } .tf-btn.pd-4 { padding: 0px 10px !important; } .box-house .meta-list i { font-size: 16px; } #footer .footer-menu-list ul li:hover a { color: #eaecec !important; } .flat-title { margin-bottom: 20px !important; } @media (max-width: 767px) { .page-title.home01 .heading-title { margin-bottom: 0px !important; } .tf-btn i { font-size: 20px !important; } .tf-btn.pd-3 { padding: 0px 5px !important; } } .page-title { position: relative; z-index: 10; background-position: right !important; } @media (max-width: 767px) { h2, .h2 { font-size: 23px !important; } } .footer-col-block .title-mobile::before, .footer-col-block .title-mobile::after { display: none; } @media (max-width: 991px) { #footer .footer-menu-list { margin-bottom: 20px; } } .progress-wrap { bottom: 20px !important; left: 15px !important; } /* For small devices */ @media (max-width: 767px) { /* Turn off Swiper behaviour */ .swiper1.style-pagination.tf-sw-mobile-1 { overflow: visible !important; } .swiper-wrapper1 { display: flex !important; flex-wrap: wrap !important; gap: 15px; } .swiper-slide1 { width: 100% !important; /* full width on mobile */ flex: 0 0 100% !important; } /* Hide swiper pagination on mobile */ .sw-pagination1 { display: none !important; } } .floating-left { position: fixed; top: 208px; left: 15px; z-index: 999; } .floating-left .tf-btn { background: #5eba37; border: 1px solid #5eba37; border-radius: 6px; padding: 0px 10px; font-size: 14px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15); transition: all 0.3s ease; color: #fff; } .floating-left .tf-btn:hover { background: #f5f5f5; border-color: #aaa; } @media (max-width: 767px) { .page-title .wg-filter .form-title { flex-wrap: wrap; padding: 9px !important; gap: 0px; } .page-title .heading-title p { font-size: 12px; line-height: 16.2px; } h6 { font-size: 12px; } h1 { font-size: 32px !important; line-height: 34px !important; } } #footer { padding-top: 0px !important; } .form-title { overflow: hidden; margin: 10px; } /* Default (big devices) – keep your current row layout */ .banner-section .footer-info { display: flex; justify-content: space-between; align-items: center; margin-top: -50px; /* overlaps banner */ position: relative; z-index: 1000; padding: 10px; } /* Small devices – stack below the banner */ @media (max-width: 768px) { .banner-section .footer-info { flex-direction: column; /* stack items */ align-items: center; margin-top: 10px; /* place below banner */ gap: 10px; } .banner-section .footer-info a, .banner-section .footer-info span { margin-top: 0 !important; font-size: 16px; text-align: center; } } @media (max-width: 400px) { .dd { display: flex; justify-content: center; } } .box:hover { background: transparent !important; box-shadow: none !important; } .flat-account .group-btn .btn-social:hover { background: none !important; color: var(--Primary); } .categories-item.style-2:hover .icon-box { color: white !important; } .image-wrap { position: relative; overflow: hidden; } .image-wrap { position: relative; overflow: hidden; } .image-wrap img.goat-img { display: block; width: 100%; height: 262.5px; object-fit: contain; transition: opacity 0.3s ease-in-out; } .image-wrap video.goat-video { position: absolute; top: 0; left: 0; width: 100%; height: 262.5px; object-fit: contain; opacity: 0; transition: opacity 0.3s ease-in-out; pointer-events: none; } .image-wrap:hover img.goat-img { opacity: 0; /* hide image on hover */ } .image-wrap:hover video.goat-video { opacity: 1; /* show video on hover */ } .box-house .tf-btn, .tf-btn { border-radius: 8px !important; } @media (max-width: 767px) { .tf-spacing-1 { padding-top: 20px; padding-bottom: 20px; } h3, .h3 { font-size: 23px; } h5 { font-size: 18px; } } .box-house { border: 1px solid #c7c7c7 !important; } .text-1 { font-size: 14px !important; } .oneline { -webkit-line-clamp: 1; line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; color: #737373; } .box-house .meta-list { padding-bottom: 0px !important; } .floating-icons { position: fixed; right: 10px; /* adjust position */ bottom: 20px; /* place above progress-wrap */ display: flex; flex-direction: column; gap: 26px; z-index: 9999; } .floating-icons a { width: 36px; height: 36px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 22px; color: #fff; text-decoration: none; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease; } .floating-icons a:hover { transform: scale(1.1); } .float-whatsapp { background: #25D366; /* WhatsApp green */ } .float-call { background: #06a788; /* Your theme green (or #34b7f1 for blue) */ } @media (max-width: 340px) { .floating-left>div { display: flex; gap: 8px; } .floating-left { top: 128px !important; } .floating-left .btn-sm { margin-bottom: 0; width: auto; flex: 1; } }