menu dop down blor code
selector .elementor-nav-menu–dropdown { border-radius: 12px; background: rgba(229, 234, 235, 0.10); backdrop-filter: blur(10px); padding: 10px; } selector .elementor-nav-menu–dropdown li a{ border-radius: 8px !important; padding: 8px !important; } selector .elementor-item:hover .sub-arrow { transform: scaleY(-1) !important; }
selector .swiper-pagination-progressbar{ margin-left: 36%; margin-top: 100px; } selector .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{ position: unset; width: 370px; } @media(max-width:1000px){ selector .swiper-pagination-progressbar{ margin-left: 3%; margin-top: 75px; } selector .swiper-pagination.swiper-pagination-progressbar.swiper-pagination-horizontal{ position: unset; width: 90%; } } selector .swiper { overflow: visible; } selector .swiper { clip-path: inset(0 -200% 0 0); }
selector .card:hover .elementor-icon
selector .card:hover .elementor-icon{ color: #fff; transform: scale(1.1); }
Header sclik color effection
.elementor-sticky–effects {backdrop-filter: blur(12px); /* Glass blur effect */-webkit-backdrop-filter: blur(12px);}
Blur effect explanation
.glass-box { background: rgba(0, 0, 0, 0.6); /* bg-black/60 */ backdrop-filter: blur(12px); /* Glass blur effect */ -webkit-backdrop-filter: blur(12px); box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); /* shadow-2xl */ padding: 2rem; /* p-8 */ border-radius: 1rem; /* optional: smooth corners */ }
container background image hover background image zoom css code
/* Main Card */ selector { position: relative; overflow: hidden; cursor: pointer; /* Normal state = slight zoom-out look */ background-size: 102% 102% !important; background-position: center center !important; transition: background-size .45s cubic-bezier(.25,.46,.45,.94); } /* Hover = smart smooth zoom-in */ selector:hover, selector:active { background-size: 115% 115% !important; } /* Play Icon hidden initially */ selector […]