/*************top explore starts*************/
.tech-news{padding:15px 0 30px;}
.tech-news .news-boxes,
.tech-photos .news-boxes,
.tech-videos .news-boxes{display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;gap:20px}

.tech-videos .news-lhs, .tech-videos .news-rhs{flex:0 0 48.6667%;}
.tech-news .news-lhs {flex:0 0 56.6667%;} 
.videos .news-lhs + .news-rhs,
.tech-photos .news-lhs + .news-rhs{flex:1;}
.tech-news .news-lhs + .news-rhs{flex:1;display:flex;justify-content:flex-start;flex-wrap:wrap;align-items:flex-start;gap:20px}
.tech-news .news-lhs + .news-rhs .col-1{flex:1;}
.tech-news .news-lhs + .news-rhs .col-2{flex:0 0 300px;}
.tech-news .news-lhs + .news-rhs .two-row{display:block;}
.tech-news .news-lhs + .news-rhs .col-2 .repeat-box,
.tech-news .news-lhs + .news-rhs .repeat-box + .repeat-box{margin-top:20px;}
.tech-news .news-lhs .lazy-image{padding-top: 60%;}
.tech-news .news-lhs h1 {color: #fff;font-size: 28px;}
.tech-news .news-lhs h1:hover {color: var(--tech-blue);}
.tech-news article.big-box .lazy-image:before, .tech-photos article.big-box .lazy-image:before  {
    content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 60%;
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .2) 33%, rgba(0, 0, 0, .8) 100%);
    background-repeat: no-repeat; background-size: cover;
    background-position: center center; z-index: 5;
}
.tech-news article.big-box .text, .tech-photos article.big-box .text {
    position: absolute;left: 0;bottom: 0; right: 0; z-index: 6; padding: 15px; overflow: hidden;
}
.tech-videos {padding:10px 0 20px 0;}

.tech-videos h2 {font-size: 30px;}
.tech-videos .lazy-image {padding-top: 60%;}
.tech-videos .repeat-box .photo {flex: 0 0 140px;}
.tech-videos .repeat-box .text h3 {font-size: 16px;font-weight: normal;}
.tech-videos .repeat-box + .repeat-box {margin-top: 15px;}
.tech-videos .repeat-box.big-box .text h2 {white-space: normal;
    overflow: hidden;font-size:30px !important;
    text-overflow: ellipsis;padding-top: 10px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    padding: 10px 0 !important;
    font-size: 18px;
    line-height: 1.4;}

.tech-videos .news-rhs .video-icon {width:30px;height:30px;padding: 6px;}
.tech-videos .news-rhs .video-icon img {padding: 3px;}
.tech-videos .lazy-image img{object-fit: fill;}
.tech-news .news-lhs + .news-rhs .lazy-image,
.tech-photos .lazy-image{padding-top:60%}
.tech-photos .news-rhs .lazy-image,
.tech-news .news-rhs .lazy-image{padding-top:60%}
.recipes .repeat-box .text,
.webstories .repeat-box .text,
.tech-news .big-box .text,
 
.popular-news .repeat-box .text,
.tech-news .news-rhs .repeat-box .text{padding:10px 0 0;}
.tech-news .news-rhs .repeat-box .text{ min-height:55px;}
.webstories .splide__arrow::before{border: solid var(--black);border-width: 0 2px 2px 0}
.videos .repeat-box .text h3,
.tech-news .news-rhs .repeat-box .text h3{margin:0;font-size:16px;-webkit-line-clamp:2;}
.videos .repeat-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,.99) 100%);z-index:2}
.videos .repeat-box a:hover .lazy-image:before{background:linear-gradient(to bottom,  rgba(190,30,45,0) 0%,rgba(190,30,45,1) 100%);}
 
.tech-news .big-box .text h2,
.tech-news .big-box .text h3{font-size:32px;font-weight:700;text-transform:none;}
.tech-news .ads-box{width:300px;}
/*************top explore ends*************/ 
:root {--tech-blue:#6BD2FF;}
/*************videos starts*************/
.tech-videos {background: var(--tech-blue);}
.tech-videos .news-lhs .repeat-box .photo, .tech-videos .news-lhs .repeat-box .text {
    display: block;flex: auto; width: 100%; margin: 0;
}

/*************videos ends*************/ 

/**************Webstories starts*************/
.webstories{padding:20px 0;}
.webstories .repeat-box .photo{overflow:hidden;border-radius:6px;flex: auto;width: 100%;}
/* .webstories .repeat-box .photo:before{content:"";background:linear-gradient(to right, var(--white-8) 50%, rgba(255, 255, 255, 0) 0%);background-position:bottom;background-repeat:repeat-x, repeat-y;background-size:30px 2px, 2px 20px;width:100%;height:2px;position:absolute;left:10px;right:10px;bottom:15px;z-index:9;} */
.webstories .repeat-box .photo:after{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,.8) 100%);z-index:2}
.webstories .repeat-box .lazy-image{padding-top:178%;}
.webstories .splide-spacing {padding: 0 40px;}
.webstories .repeat-box .text {position: absolute;bottom: 10px;left: 10px;color: #fff;}
.popular-news .repeat-box .text h3,
.recipes .repeat-box .text h3,
.webstories .repeat-box .text p{font-size:14px;line-height:1.4;font-weight: normal;padding:0px;-webkit-line-clamp:3;color: #fff;z-index: 9;}
.recipes .splide__arrow--prev,
.recipes .splide__arrow--next,
.webstories .splide__arrow--prev,
.webstories .splide__arrow--next{top:50%;}
.webstories  .splide__arrow--next {right: -50px;}
.webstories .splide__arrow:before {width: 16px;height: 16px;}
.webstories .splide__arrow--prev {left: -50px;}
.webstories .splide__arrow:hover:before { 
    display: inline-block; content: ""; margin: 0px; border: solid var(--red);
    border-width: 0 2px 2px 0; padding: 2px; transform: rotate(-45deg);    
    position: relative; top: 0px; width: 16px; height: 16px;}
.webstories .splide__arrow--prev:hover:before {
    display: inline-block; content: ""; margin: 0px; border: solid var(--red);
    border-width: 0 2px 2px 0; padding: 2px;  -webkit-transform: rotate(-225deg);
    position: relative; top: 0px;width: 16px; height: 16px;
}
.webstories .splide__arrow {background:transparent;box-shadow: none;}
.webstories-icon,
.webstories-icon span{display:block;position:absolute}
.webstories-icon{background-color:var(--color-6);border-radius:50%;height:30px;right:5px;top:5px;width:30px}
.webstories-icon span{background-color:var(--white-9);border-radius:1px;width:8px;height:17px;left:50%;margin-left:-6px;top:7px;}
.webstories-icon span:after,
.webstories-icon span:before{background-color:var(--white-9);content:"";display:block;height:calc(100% - 4px);position:absolute;top:2px;width:2px}
.webstories-icon span:after{right:-3px}
.webstories-icon span:before{left:12px;height:calc(100% - 6px);top:3px;}
.webstories + .taboola-bottom{margin:0 0 30px;}
.webstories .repeat-box .text p:hover {color: var(--tech-blue);}
/**************Webstories starts*************/
 
/*************photos starts*************/
.tech-photos{padding:20px 0;}
.tech-photos .news-lhs {flex: 0 0 53.6667%;}
.tech-photos .news-lhs .repeat-box.big-box .photo {width: 100%;flex: auto;}
.tech-photos .repeat-box a:hover .text h2{color:var(--tech-blue);}
.tech-photos .repeat-box a:hover .text h3{color:var(--blue);}
.tech-photos .big-box .text h2 {color: #fff;font-size:30px;}
.tech-photos .repeat-box .text h3{font-size:18px;font-weight: normal;}
.tech-photos .repeat-box .photo {flex: 0 0 180px;}
.tech-photos .news-rhs .lazy-image{padding-top:57%}
.tech-photos .repeat-box + .repeat-box {margin-top: 15px;}
.photoIco { background: #7756F2; color: var(--white); border-radius: 3px;
    padding: 4px 7px; position: absolute; left: 10px;
    bottom: 10px; z-index: 9; font-size: 12px;
}
.tech-photos .big-box .lazy-image {padding-top: 57%;}
.tech-photos article.big-box .text {padding: 40px 15px 15px;}
.tech-photos article.big-box .text .photoIco {top: 0;bottom: inherit;height: 28px;font-size: 14px;padding: 5px 10px;}
/*************photos ends*************/

/*************popular starts*************/
.popular-news{padding:50px 0;}
.popular-news .four-boxes{gap:30px;}
.popular-news .repeat-box{width:calc(25% - 23px);}
.popular-news .repeat-box .lazy-image{padding-top:80%;;}
/*************popular ends*************/ 

@media screen and (max-width:1199px) and (min-width:1025px){
.popular-news .repeat-box .text h3, 
.recipes .repeat-box .text h3, 
.webstories .repeat-box .text p,
.videos .repeat-box .text h3, 
.tech-news .news-rhs .repeat-box .text h3,
.tech-news .news-rhs .repeat-box .text h3,
.interviews .repeat-box a .text p.watch-now{font-size:18px;}
.interviews .repeat-box .text h3{font-size:20px;}
.tech-photos .big-box .text h2, 
.tech-photos .big-box .text h3, 
.tech-news .big-box .text h2, 
.tech-news .big-box .text h3{font-size:26px;}
.videos .repeat-box .text{padding:10px;}
}
@media (max-width:1024px){
.tech-news .news-boxes,   
.tech-news .news-lhs + .news-rhs{display:block;}
.tech-news .ads-box{width:auto;margin-top:15px}
.tech-news .news-lhs + .news-rhs .repeat-box figure{display:flex;align-items:flex-start;width:100%;margin:0;gap:0 10px;}
.tech-news .news-lhs + .news-rhs .repeat-box .photo{flex:0 0 142px;}
.tech-news .news-lhs + .news-rhs .repeat-box .text{flex:1;padding:0;}
.popular-news .repeat-box .text h3, 
.recipes .repeat-box .text h3, 
.webstories .repeat-box .text p,
.videos .repeat-box .text h3, 
.tech-news .news-rhs .repeat-box .text h3,
.tech-news .news-rhs .repeat-box .text h3,
.interviews .repeat-box a .text p.watch-now{font-size:18px;line-height:1.4;}
.tech-news .news-rhs .repeat-box .text h3{-webkit-line-clamp:3;}
.tech-photos .big-box .text h2, 
.tech-photos .big-box .text h3, 
.tech-news .big-box .text h2, 
.tech-news .big-box .text h3{font-size:24px;line-height:1.4;}
.tech-news{padding-bottom:0;}
.videos .repeat-box .text{padding:10px;}
.webstories,
.recipes,
.interviews,
.popular-news,
.tech-photos,
.videos{padding:30px 0 75px;}
.common-all-content .border-heading .btn{background-color:var(--blue);color:var(--white);text-transform: capitalize;font-weight: normal;padding: 5px 40px;}
.common-all-content .border-heading .btn:hover{background-color:#2ca5da;color:var(--white);}
 
.splide__arrow--prev{left:-15px;}
.splide__arrow--next{right:-15px;}
.popular-news .repeat-box{width:calc(50% - 15px);}
}
@media only screen and (max-width:991px){
.tech-news .news-boxes, 
.tech-photos .news-boxes, 
.videos .news-boxes,
.tech-news .news-lhs, 
.tech-photos .news-lhs, 
.videos .news-lhs{display:block;}
.big-box{margin-bottom:15px;}
.tech-photos .news-rhs .repeat-box .text{min-height:81px;}
.tech-photos .news-rhs .repeat-box .text h3{-webkit-line-clamp:3;}
.interviews .splide__slide{align-items:flex-start;}
.interviews .repeat-box{width:100%;align-items:flex-start;}
.interviews .repeat-box a,
.interviews .repeat-box figure,
.interviews .repeat-box .text,
.interviews .repeat-box .photo{display:block;width:100%;} 
.interviews .repeat-box .text{margin-top:10px;}
}
@media only screen and (max-width:767px){
.tech-photos .news-lhs + .news-rhs .two-boxes,
.popular-news .four-boxes{display:block;}
.tech-photos .news-lhs + .news-rhs .repeat-box,
.popular-news .repeat-box{width:100%;}
.tech-photos .news-lhs + .news-rhs .repeat-box figure{display:flex;align-items:flex-start;}
.tech-photos .news-lhs + .news-rhs .repeat-box .text{display:flex;width:auto;flex:1;padding:0;min-height: inherit;}
.tech-photos .news-lhs + .news-rhs .repeat-box .photo{display:flex;width:auto;flex:0 0 110px;}
.tech-photos .news-lhs + .news-rhs .repeat-box,
.popular-news .repeat-box + .repeat-box{margin-top:20px!important;}
.popular-news .news-lhs + .news-rhs .repeat-box figure,
.popular-news .repeat-box figure{display:flex;align-items:flex-start;width:100%;margin:0;gap:0 10px;}
.popular-news .news-lhs + .news-rhs .repeat-box .photo,
.popular-news .repeat-box .photo{flex:0 0 142px;}
.popular-news .news-lhs + .news-rhs .repeat-box .text,
.popular-news .repeat-box .text{flex:1;padding:0;}
.popular-news .news-lhs + .news-rhs .repeat-box .text h3,
.popular-news .repeat-box .text h3{-webkit-line-clamp:3;}
.tech-photos .news-lhs + .news-rhs .repeat-box .photo .lazy-image,
.tech-news .lazy-image,
.tech-photos .lazy-image,
.popular-news .repeat-box .lazy-image{padding-top:67.6667%;}
.popular-news .repeat-box:first-child a,
.popular-news .repeat-box:first-child figure,
.popular-news .repeat-box:first-child .text,
.popular-news .repeat-box:first-child .photo{display:block;width:100%;margin:0;}
.popular-news .repeat-box:first-child .text{margin-top:10px;}
.popular-news .repeat-box:first-child .text h3{font-size:24px;line-height:1.4;}
.splide-spacing{margin:0 -15px 0  0;}
.videos .repeat-box .lazy-image{padding-top:58%;}
.videos .repeat-box .text{position:static;padding:10px 0;}
.videos .repeat-box .lazy-image::before{display:none;}
.interviews .repeat-box .text h3{font-size:20px;}
.repeat-box p.date{margin:8px 0 15px;}
.tech-news .news-lhs h1 {font-size: 22px;padding-bottom: 0;white-space: normal;
    overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp:3;
    display: -webkit-box; -webkit-box-orient: vertical;line-height:1.3}
.tech-news article.big-box .text, .tech-photos article.big-box .text {padding: 10px;}
.tech-news .news-lhs + .news-rhs .repeat-box .photo, .tech-videos .repeat-box .photo {flex: 0 0 110px;}
.tech-news .news-rhs .repeat-box .text h3 {font-size: 16px;font-weight: normal;}
.tech-news .news-lhs + .news-rhs .col-1 {margin-top: 20px;}
.tech-news .news-boxes, .tech-news .news-lhs + .news-rhs {margin-bottom: 20px;}
.tech-videos .border-heading h2, .webstories h2, .tech-photos h2 {font-size: 30px !important;text-align: left;}
.tech-videos .border-heading {justify-content: flex-start;margin-bottom: 0;}
.tech-videos .news-lhs, .tech-videos .news-rhs, .webstories h2, .tech-photos h2 {display: block;flex: auto;}
.tech-videos .repeat-box.big-box .text h2 {font-size: 22px !important;padding-bottom: 0 !important;}
.container {padding-left: 10px;padding-right: 10px;}
.tech-videos .repeat-box .text h3 {-webkit-line-clamp: 3;}
.tech-videos {padding:0px 0 85px 0;}
.webstories {padding:0px 0 85px;} 
.webstories .splide-spacing {padding: 0;}
.webstories .border-heading, .tech-photos .border-heading {margin-bottom: 0;}
.webstories .repeat-box .text p {font-size: 16px;padding-right: 5px;}
.tech-photos .big-box .text h2 {font-size: 22px !important;padding-top: 25px !important;}
.tech-photos .repeat-box .text h3 {font-size: 16px;}
.photoIco {bottom: 5px;}
}
@media only screen and (max-width:579px){}
@media only screen and (max-width:479px){
.videos{background:#000 url("../img/videos-bg-min-mobile.jpg") no-repeat center bottom;background-size:100% 100%;}
.webstories,
.recipes,
.interviews,
.popular-news,
.tech-photos,
.videos{padding:0px 0 75px;}
}
@media only screen and (max-width:419px){}
@media only screen and (max-width:389px){}
@media only screen and (max-width:351px){}