.headline_area{ position:relative; width:100% !important; height:420px !important; overflow:hidden !important; border-radius:5px;}


#headline{  padding:0px; height:420px; }



#headline li{list-style:none;}

#headline li .cat{    position: absolute;
    color: #FFF;
    font-size: 24px;
    font-weight: bold;
    bottom: 71px;
    margin: 10px;
    padding: 5px 10px;}

#headline li i{position:absolute;  color:#ffffffd4; font-size:52px; font-weight:bold; top:40%; left:45%; margin:10px; padding:10px; width:inherit;}


#headline .owl-buttons{display:none}
#headline:hover .owl-buttons{display:block}

#headline li .baddi{
	    position: absolute;
    color: #FFF !important;
    font-size: 14px;
    font-weight: bold;
    top: 10px;
    left: 10px;
    margin: 0px;
    padding: 5px 10px;
    z-index: 2;
    background: #ff2333;
	}
#headline li .baddi-1{
	    position: absolute;
    color: #FFF !important;
    font-size: 14px;
    font-weight: bold;
    top: 10px;
    right: 10px;
    margin: 0px;
    padding: 5px 10px;
    z-index: 2;
    background: #fab758;
	}

#headline .owl-pagination{   position:absolute;bottom:0px;left:0px; width:100%; text-align: center;}
#headline:hover .owl-pagination{ display: inherit;}
#headline .owl-page span {
    width: 43px;
    /* height: 26px; */
    font-size: 18px;
    font-weight: 500;
    color: #FFFFFF;
    border-radius: 0px;
    text-align: center;
    cursor: pointer;
    background: #FFF;
    /* line-height: 21px; */
    background: var(--bs-gray-700);
    margin: 6px 1px;
	border-radius:3px;
}
#headline .owl-page.active span{ background:#ff4136; color:#FFF;}




.headline-item{ display:block; width:100%; height:420px; position:relative; }




.headline_theme1 .bg{
	width:100%; height:100%; position:absolute; z-index:2;
	background: rgb(0,0,0);
	background: linear-gradient(180deg, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 1) 87%, rgba(0, 0, 0, 1) 100%);
	}
	
.headline_theme1 img{
	position:absolute; z-index:1; right:0px; width:100%; min-height:420px;
	}
.headline_theme1 .title {
    position: absolute;
    z-index: 3;
    color: #FFF;
    font-family: var(--roboto);
    font-size: 26px;
    font-weight: 800;
    /* width: 100%; */
    /* left: 30px; */
    /* top: 24%; */
    line-height: 1.2em;
    bottom: 40px;
    padding: 20px;
    text-align: center;
    font-weight: 700;
}
.headline_theme1 .headline-badge{
	display:none;
			 	 position:absolute; left:30px; top:10px; font-size:24px; z-index:9999;     color: #fff;}

.headline_theme1 .headline-category{ display:block;
				 position:absolute; padding:5px; left:30px; color:#FFF; top:60px; font-family:var(--roboto); font-size:16px; font-weight:bold; z-index:9999}


	
	


.headline_theme2 .bg {
	width:100%; height:100%; position:absolute; z-index:2;
	background: rgb(0,0,0);
	background: linear-gradient(270deg, rgba(0,0,0,1) 0%, rgba(0,0,0,1) 31%, rgba(0,0,0,0) 69%);
	}
.headline_theme2 img{ position:absolute; z-index:1; left:0px; height:480px;
}

.headline_theme2 .title{
	position:absolute; z-index:3; color:#FFF; text-align:right; font-size:42px; font-weight:800; width:450px; right:30px; top:20%; line-height: 1.2em;
	}
.headline_theme2 .headline-badge{
				 position:absolute; right:30px; top:10px; font-size:24px; z-index:9999}

.headline_theme2 .headline-category{ display:block;
				 position:absolute; padding:5px; right:30px; color:#FFF; top:60px; font-size:16px; font-weight:bold; z-index:9999}
	
	
	
.headline_theme3 .bg {
	width:100%; height:100%; position:absolute; z-index:2;
	background: rgb(0,0,0);
	background: linear-gradient(0deg, rgb(0 0 0 / 92%) 0%, rgb(0 0 0 / 46%) 31%, rgba(0,0,0,0) 69%);
	}
.headline_theme3 img{ position:absolute; z-index:1; left:0px; width:100%; height:480px;
}

.headline_theme3 .title{
	position:absolute; z-index:3; color:#FFF; text-align:right; font-size:42px; font-weight:800; width:100%; left:0px;     bottom: 80px; line-height: 1.2em;
    text-align: center;
	}
.headline_theme3 .headline-badge{
				 position:absolute; left:30px; top:20px; font-size:24px; z-index:9999}

.headline_theme3 .headline-category{ display:block;
				 position:absolute; padding:5px; left:30px; color:#FFF; bottom:60px; font-size:16px; font-weight:bold; z-index:9999}
				 
				 
				 



@media (max-width: 991.98px){
	#headline {
    padding: 0px;
    height: 280px !important;
}

.headline_theme1 img {
    min-height: 280px !important;
	object-fit: fill;
}

.headline-item {
    height: 280px !important;
}

.headline_theme1 .title {
    font-size: 20px !important;
    font-weight: 600;
}


.headline_area {
    height: 280px !important;
    margin-bottom: 20px;

}

#headline .owl-page span {
    width: auto !important;
    height: auto !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    color: var(--bs-gray-100) !important;
    border-radius: 0px;
    background: var(--bs-gray-700);
    margin: 6px 1px;
    border-radius: 3px;
}


#headline .owl-pagination {
    bottom: -43px !important;
}


}