.secMain.secMainHero { background: rgba(0,0,0,0.05); border-bottom: solid 1px rgba(0,0,0,0.1); margin-top: -2px; } .simple-slider.heroSlider { width: 100%; /*height: auto;*/ /*width: auto;*/ /*min-width: auto;*/ /*min-height: auto;*/ } .swiper-container.heroSliderInside { width: 100%; display: flex; flex-direction: column; grid-gap: 10px; } .swiper-wrapper.heroSliderInsideWrapper { width: 100%; } .swiper-slide.heroSliderInsideWrapperSlide { height: 450px!important; display: flex; flex-direction: row; grid-gap: 25px; justify-content: center; align-items: center; } @media (max-width: 992px) { .swiper-slide.heroSliderInsideWrapperSlide { height: 600px!important; } } @media (max-width: 576px) { .swiper-slide.heroSliderInsideWrapperSlide { height: 400px!important; } } .swiper-pagination.heroSliderInsidePagination { position: relative; padding: 10px; } .swiper-button-prev.heroSliderInsideBtn, .swiper-button-next.heroSliderInsideBtn { transition: ease 0.3s; position: relative; width: 100%; margin: 0!important; max-width: 125px; font-size: 24px; color: rgba(0,0,0,0.5); border-radius: 6px; background: rgba(255,255,255,0.5); border: solid 1px rgba(0,0,0,0.1); padding: 5px!important; height: auto; } @media (max-width: 992px) { .swiper-button-prev.heroSliderInsideBtn, .swiper-button-next.heroSliderInsideBtn { max-width: unset; } } .swiper-button-prev.heroSliderInsideBtn:hover, .swiper-button-next.heroSliderInsideBtn:hover { color: #ffffff; background: rgb(255,153,0); border: solid 1px rgba(0,0,0,0); } .swiper-button-prev.heroSliderInsideBtn::after, .swiper-button-next.heroSliderInsideBtn::after { content: none; } .swiper-button-prev.heroSliderInsideBtn.heroSliderInsideLeft { } .swiper-button-next.heroSliderInsideBtn.heroSliderInsideRight { } .heroSliderInsideBtns { width: 100%; display: flex; flex-direction: row; grid-gap: 35px; justify-content: center; align-items: center; } .heroSliderInsideWrapperSlideStore { width: 100%; height: 100%; display: flex; flex-direction: row; grid-gap: 25px; padding: 15px; } @media (max-width: 992px) { .heroSliderInsideWrapperSlideStore { flex-direction: column; padding: 0; grid-gap: 15px; } } .heroSliderInsideWrapperSlideStoreMedia { width: 100%; height: 100%; background: white; padding: 10px; border-radius: 10px; box-shadow: 0 0 4px 0 rgb(0,0,0,0.1); } .heroSliderInsideWrapperSlideStoreDetails { display: flex; flex-direction: column; grid-gap: 15px; min-width: 350px; } @media (max-width: 992px) { .heroSliderInsideWrapperSlideStoreDetails { min-width: unset; max-height: 200px; } } .heroSliderInsideWrapperSlideStoreDetailsSec { height: 100%; width: 100%; background: white; border-radius: 8px; box-shadow: 0 0 4px 0 rgb(0,0,0,0.1); display: flex; flex-direction: column; grid-gap: 25px; padding: 0px; overflow: auto; border: solid 10px white; } @media (max-width: 992px) { .heroSliderInsideWrapperSlideStoreDetailsSec { flex-direction: row; } } .heroSliderInsideWrapperSlideStoreDetailsSec::-webkit-scrollbar { display: none; } .heroSliderInsideWrapperSlideStoreMediaPic { width: 100%; height: 100%; /*padding-top: 56.25%;*/ position: relative; overflow: hidden; /*box-shadow: 0 0 4px 0 rgb(0,0,0,0.1);*/ border: solid 1px rgba(0,0,0,0.1); border-radius: 8px; } .heroSliderInsideWrapperSlideStoreMediaPicImg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } .heroSliderInsideWrapperSlideStoreDetailsSecProduct { transition: ease 0.4s; overflow: hidden; border-radius: 8px; background: rgba(0,0,0,0.1); width: 100%; display: flex; flex-direction: column; grid-gap: 10px; padding: 10px; padding-top: 56.25%; position: relative; border: solid 2px rgba(255,153,0,0); } @media (max-width: 992px) { .heroSliderInsideWrapperSlideStoreDetailsSecProduct { padding-top: unset; min-width: 300px; min-height: 135px; } } .heroSliderInsideWrapperSlideStoreDetailsSecProduct:hover { border: solid 2px #ff9900; transform: scale(1.01); } .heroSliderInsideWrapperSlideStoreDetailsSecProductImg { position: absolute; top: 0; bottom: 0; right: 0; left: 0; height: 100%; width: 100%; object-fit: cover; } .heroSliderInsideWrapperSlideStoreDetailsSecProductDetails { width: 100%; height: 100%; position: absolute; top: 0; bottom: 0; left: 0; right: 0; padding: 15px; display: flex; flex-direction: column; justify-content: end; } .heroSliderInsideWrapperSlideStoreDetailsSecProductDetailsText { color: rgba(255,255,255,0.75); font-weight: 700; font-size: 14px; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } .heroSliderInsideWrapperSlideStoreMediaPicDetails { position: absolute; top: 0; bottom: 0; right: 0; left: 0; display: flex; flex-direction: column; justify-content: end; padding: 15px; } .heroSliderInsideWrapperSlideStoreMediaPicDetailsBox { width: 100%; background: rgba(255,255,255,0.75); border-radius: 8px; padding: 15px; backdrop-filter: blur(10px); box-shadow: 0 0 8px 0 rgb(0,0,0,0.1); display: flex; flex-direction: row; grid-gap: 15px; align-items: center; } .heroSliderInsideWrapperSlideStoreMediaPicDetailsBoxPic { transition: ease 0.4s; width: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center; overflow: hidden; border-radius: 8px; max-width: 75px; max-height: 75px; height: 75px; position: relative; border: solid 2px #ffffff; box-shadow: 0 0 4px 0 rgba(0,0,0,0); } @media (max-width: 576px) { .heroSliderInsideWrapperSlideStoreMediaPicDetailsBoxPic { max-width: 50px; max-height: 50px; height: 50px; display: none; } } .heroSliderInsideWrapperSlideStoreMediaPicDetailsBoxPic:hover { border: solid 2px #ff9900; box-shadow: 0 0 4px 0 rgb(0,0,0,0.1); } .heroSliderInsideWrapperSlideStoreMediaPicDetailsBoxPicImg { width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; bottom: 0; right: 0; left: 0; } .heroSliderInsideWrapperSlideStoreMediaPicDetailsBoxText { flex-grow: 1; display: flex; flex-direction: column; grid-gap: 5px; font-size: 16px; } .heroSliderInsideWrapperSlideStoreMediaPicDetailsBoxTextName { font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 1; } .heroSliderInsideWrapperSlideStoreMediaPicDetailsBoxTextBio { display: -webkit-box; -webkit-box-orient: vertical; overflow: hidden; -webkit-line-clamp: 2; } .infoCardLanding { transition: ease 0.4s; width: 100%; display: flex; flex-direction: column; background: rgba(255,255,255,0.5); border-radius: 8px; overflow: hidden; border: solid 4px rgba(0,0,0,0); padding: 25px 25px; box-shadow: 0 0 4px 0 rgba(0,0,0,0); grid-gap: 25px; color: rgba(0,0,0,0.5); } .infoCardLanding:hover { background: #ffffff; overflow: hidden; border: solid 4px rgb(255,153,0); box-shadow: 0 0 4px 0 rgba(0,0,0,0); color: rgba(0,0,0,0.65); transform: scale(1.01); } .infoCardLanding:hover > *:nth-child(1) { color: rgb(255,153,0); transform: scale(1.05); } .infoCardLanding:hover > *:nth-child(2) > *:nth-child(1) { color: rgb(255,153,0); } .infoCardLandingMedia { transition: ease 0.4s; display: flex; flex-direction: column; justify-content: center; align-items: center; grid-gap: 10px; font-size: 52px; /*color: rgba(0,0,0,0.5);*/ } .infoCardLandingDetails { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; grid-gap: 10px; /*color: rgba(0,0,0,0.5);*/ } .infoCardLandingDetailsHead { transition: ease 0.4s; font-size: 24px; font-weight: 700; } .infoCardLandingDetailsText { }