/**************photos listing starts*************/ 
.photo-all-boxes .three-boxes{gap:30px;justify-content:flex-start;}
.photo-all-boxes .three-boxes .repeat-box{width:calc(33.33% - 20px);justify-content:flex-start;}
.photo-all-boxes .three-boxes .repeat-box a,
.photo-all-boxes .three-boxes .repeat-box figure,
.photo-all-boxes .three-boxes .repeat-box .text,
.photo-all-boxes .three-boxes .repeat-box .photo{display:block;width:100%;}
.photo-all-boxes .three-boxes .repeat-box .lazy-image{border-radius:4px;padding-top: 56.55%;}
.photo-all-boxes .three-boxes .repeat-box .text{ padding-top:10px;}
.photo-all-boxes .three-boxes .repeat-box .text h3{-webkit-line-clamp:3;font-size: 14px;font-weight: normal;}
/*.photo-all-boxes .repeat-box .photo .lazy-image{padding-top:56.66667%;}*/
.total-paging{border-top:1px dashed var(--color-3);}
.photo-all-boxes .splide__arrow{top:41%;}
.common-all-content .right-widgets .repeat-box .text h3 {font-weight: normal;}
.photo-all-boxes .splide__arrow--prev{left:-24px;}
.photo-all-boxes .splide__arrow--next{right:-24px;}
.photoIco {
    background: #7756F2; color: var(--white); border-radius: 3px;
    padding: 5px 8px; position: absolute; left: 10px; bottom:10px; z-index: 9; font-size: 14px;
} 
.top-photos{display:block;overflow:hidden;clear:both;margin-bottom:30px;}
.common-all-content .right-widgets .video-icon img{ padding: 5px 0px 7px 7px;}
 
/* .top-photos::before{position:absolute;left:0;right:0;bottom:0;top:25%;background-color:#000;content:'';border-radius:16px;} */
.photo-all-boxes .big-box{margin-top:2px;}
.photo-all-boxes .big-box a,
.photo-all-boxes .big-box figure,
.photo-all-boxes .big-box .text,
.photo-all-boxes .big-box .photo{display:block;width:100%;}
.photo-all-boxes .big-box .text{padding-top:10px;position: absolute;
    left: 0;right: 0px; bottom: 0px; z-index: 10; padding: 20px 60px 20px 20px;}
.big-box .lazy-image:before {
    content: ''; position: absolute; left: 0;
    right: 0; bottom: 0; height: 50%; background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.99) 100%);
    z-index: 2;
}
.photo-all-boxes .big-box .text h2,
.photo-all-boxes .big-box .text h3{color:var(--white);font-size:28px;font-weight:700;text-transform:none;}
.photo-all-boxes .big-box a:hover .text h2,
.photo-all-boxes .big-box a:hover .text h3{color:var(--tech-blue);}
.photo-all-boxes .big-box .video-icon{width:106px;height:106px;}
.photo-all-boxes .big-box .video-icon img{width:83px;height:auto;}
:root {--tech-blue:#6BD2FF;}
.top-photos .repeat-box .lazy-image {padding-top: 56.55%;}
/**************photos listing ends*************/

@media only screen and (max-width:991px){
.top-photos{padding-bottom: 15px;}
.photo-all-boxes .three-boxes{gap:20px;}
.photo-all-boxes .three-boxes .repeat-box{width:calc(50% - 10px);}
.photo-all-boxes .big-box .text h2,
.photo-all-boxes .big-box .text h3{font-size:22px;}
}
@media only screen and (max-width:767px){
.total-paging{border-top:0;}
.photo-all-boxes .big-box .video-icon{width:50px;height:50px;}
.photo-all-boxes .big-box .video-icon img{width:38px;height:auto;}
.photo-all-boxes .splide__arrow{width:30px;height:30px;}
.photo-all-boxes .splide__arrow--prev{left:-15px;}
.photo-all-boxes .splide__arrow--next{right:-15px;}
.photo-all-boxes .big-box .text{padding:10px;}
.photo-all-boxes .big-box .text h2,
.photo-all-boxes .big-box .text h3{font-size:24px;-webkit-line-clamp:3;}
.photo-all-boxes .three-boxes .repeat-box .text h3{-webkit-line-clamp:3;}
.top-photos{margin-bottom:15px;}
.top-photos::before{top:15%;}
.photo-all-boxes .repeat-box .photo .lazy-image{padding-top:67.66667%;}
}
@media only screen and (max-width:579px){
.photo-all-boxes .three-boxes{gap:15px}
.photo-all-boxes .three-boxes .repeat-box{width:calc(50% - 8px);}
.photo-all-boxes .three-boxes .repeat-box .text p{line-height:1.4;}
.top-photos{padding-bottom:10px;}
}
@media only screen and (max-width:479px){
 
}
@media only screen and (max-width:419px){
.photo-all-boxes .three-boxes .video-icon{width:36px;height:36px; border-width:1px;}
.photo-all-boxes .three-boxes .video-icon img{width:22px;height:auto;}
.photo-all-boxes .splide__arrow{top:37%;}
}
@media only screen and (max-width:389px){}
@media only screen and (max-width:351px){}