.tooltip{ cursor:pointer; } .tooltip:hover{ text-transform:underline; } .tooltip span i{ color:#e72325; padding-left:10px; } .color-title{ color:#E72325; } .pp-lst{ position: absolute; bottom: 30px; right: 0; left: 0; margin: 0 auto; width: 0px; height: auto; background: #000; z-index: 999; opacity: 0; visibility: hidden; -webkit-transition: .4s; -o-transition: .4s; transition: .4s; padding:25px; } li.tooltip:hover > .pp-lst{ width:500px; opacity:1; visibility:visible; } .tltp-cntn { display: flex; overflow-y: scroll; height: 140px; -ms-overflow-style: none;  scrollbar-width: none;  } .tltp-cntn::-webkit-scrollbar { display: none;  } li.tooltip:hover > .pp-lst .tltp-cntn{ animation-delay: -2s; } .lft-img{ width:40%; } .rgt_cnt{ width: 60%; padding-left: 20px; } .rgt_cnt h6{ color:#e72325; } .rgt_cnt p{ color: #fff; font-size: 12px; margin-bottom: 0; } #lightbox { background: rgba(0,0,0,0.8); position: fixed; left: 0; top: 0; width: 100%; height: 100%; display: none; justify-content: center; align-items: center; color: #fff; z-index:99999; } .lgtbx-img{ position:relative; } #lightbox .close { position: absolute; cursor: pointer; right: 5%; top: 5%; font-size: 50px; }   .swiper { width: 100%; height: 100%; } .swiper-slide { text-align: center; font-size: 18px; background: #fff;  display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; } .swiper { width: 100%; height: 625px; margin-left: auto; margin-right: auto; overflow:hidden; } .swiper-slide { background-size: cover; background-position: center; } .mySwiper2 { width: 100%; } .mySwiper { height: 20%; box-sizing: border-box; padding: 10px 0; } .mySwiper .swiper-slide { width: 25%; height: 100%; opacity: 0.4; } .mySwiper .swiper-slide-thumb-active { opacity: 1; } .swiper-slide img { display: block; width: 100%; height: 100%; object-fit: cover; cursor:pointer; } .inv_glry{ overflow:hidden; position:relative; } .inv_glry .swiper-button-next, .inv_glry .swiper-button-prev{ background-image:inherit; top: 50%; width: 20px; height: 20px; } .inv_glry .swiper-button-next i, .inv_glry .swiper-button-prev i{  display:none; } .inv_glry .swiper-button-next, .inv_glry .swiper-button-prev { color: #fff; } .swiper-wrapper{ display:flex; }  .lightbox-sub{ width: 60%; margin: 0 auto; height: 100%; position: relative; top: 15%; left: 0; right: 0; } .lightbox-sub .swiper-slide img{ object-fit:contain!important; } .lightbox-sub .swiper-slide{ background:transparent!important; } .modal-swiper-button-prev, .modal-swiper-button-next{ position: absolute; top: 50%; font-size: 50px; cursor:pointer; } .modal-swiper-button-next{ right: 15%; } .modal-swiper-button-prev{ left: 15%; } .glry_list .swiper-slide img{ height:125px; }   .col2-src-filter .wpc-filters-section { margin-bottom: 0px; } .video-sec { background-color: #cf3435 !important; } .video-sec iframe{ width: 100%; height: 100%; } .video-gallery-img { width: 100%; position: relative; } .video-gallery-img:after { content: "\f03d"; font-family: Font Awesome\ 6 Solid; font-weight: 900; position: absolute; display: block; top: 33%; left: 0; right: 0; font-size: 30px; color: #fff; margin: 0 auto; cursor: pointer; } .image-sect .swiper-wrapper, .inv_glry_slider .swiper-wrapper{ flex-wrap: wrap; } .image-sect .swiper-slide, .inv_glry_slider .swiper-slide{ width:100%; } .image-sect .swiper-slide img{ object-fit:contain; }