/**************Webstories starts*************/
.webstories-repeat-boxes .three-boxes{gap:30px;justify-content:flex-start;}
.webstories-repeat-boxes .repeat-box{width:calc(33.33% - 20px);}
.webstories-repeat-boxes .repeat-box a,
.webstories-repeat-boxes .repeat-box figure,
.webstories-repeat-boxes .repeat-box .text,
.webstories-repeat-boxes .repeat-box .photo{display:block;width:100%; margin: 0;}
.webstories-repeat-boxes .repeat-box .lazy-image{padding-top:178%;border-radius:10px;}
.webstories-repeat-boxes .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,0.99) 100%);z-index:2}
.webstories-repeat-boxes .repeat-box .text{position:absolute;left:0;right:0px;bottom:0px;z-index:10;padding:15px;}
.webstories-repeat-boxes .repeat-box .text p{color:var(--white);font-weight:400; font-size:16px; line-height:1.5;font-weight: 600;}
.webstories-repeat-boxes .repeat-box a:hover .lazy-image:before{background:linear-gradient(to bottom,  rgba(190,30,45,0) 0%,rgba(190,30,45,1) 100%);}

.webstories-icon,
.webstories-icon span{display:block;position:absolute}
.webstories-icon{height:30px;right:5px;top:5px;width:30px}
.webstories-icon span{background-color:var(--white-9);border-radius:1px;width:10px;height:20px;left:50%;margin-left:-4.5px;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:3px}
.webstories-icon span:after{right:-4px}
.webstories-icon span:before{left:-4px}
.total-paging{border-top:1px dashed var(--color-3);}
.common-all-content .right-widgets .repeat-box .text h3 {font-weight: normal;}
.common-all-content .right-widgets .repeat-box .photo .lazy-image{border-radius:0px;padding-top:56.66667%;}
.common-all-content .right-widgets .video-icon {padding: 7px;}
.common-all-content .right-widgets .video-icon img {padding: 5px 5px 5px 6px; height: 26px;
    width: 26px;}
/**************Webstories starts*************/

@media only screen and (max-width:991px){}
@media only screen and (max-width:767px){}
@media only screen and (max-width:579px){
.webstories-repeat-boxes .three-boxes{gap:15px}
.webstories-repeat-boxes .repeat-box{width:calc(33.33% - 10px);}
.webstories-repeat-boxes .repeat-box .text p{line-height:1.4; font-size:14px;}
.total-paging{border-top:0;}
.webstories-repeat-boxes .repeat-box .text{padding:10px;}
}
@media only screen and (max-width:479px){
.webstories-repeat-boxes .repeat-box{width:calc(50% - 8px);}  
}
@media only screen and (max-width:419px){}
@media only screen and (max-width:389px){}
@media only screen and (max-width:351px){}