/*
Template Name: Popular News
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

/*********************news****************/

::placeholder {
	color: var(--light_gray)!important;
	opacity: 1; /* Firefox */
}
.contact_2{
   margin-top:-80px;
 }
.contact_right {
   min-height:581px;
 } 
.contact_3{
    width:80%;
 }
.icon{
	border:4px solid var(--border_light);
	width:60px;
	height:60px;
	line-height:54px;
}

.video_1 ul .active {
    background: var(--yellow);
    color: var(--black);
}
.video_1 ul a {
    background: var(--bs-white);
    color: var(--black);
	margin-left:5px;
	margin-right:5px;
	font-weight:bold;
}
.video_1 ul a:hover {
     background: var(--yellow);
     color: var(--black);
}
.video_icon{ 
     border:5px solid var(--yellow);
	 width:60px;
	 height:60px;
	 line-height:50px;
 }
.video_2_inner1{
    padding-top:18%;
 }
/*********************news_end****************/



@media screen and (max-width : 767px){
.news_dt3  ul li{
   display:block!important;
   margin-top:10px;
   margin-bottom:10px;
 }
.news_dt3  ul {
   display:block!important;
 }
.news_dt3  {
   text-align:center;
 }
.video_icon {
    width: 35px;
    height: 35px;
    line-height: 25px;
	font-size:14px!important;
}
.video_2_inner1 .fs-3{
    font-size:14px!important;
 }
.video_2_inner1 {
    padding:15px!important;
 }
.video_2_inner1 br{
   display:none;
 }
.video_2{
    margin-top:8px;
    margin-bottom:8px;
 }
.contact_2 {
    width:90%!important;
}
.contact_3_left{
   margin-top:8px;
   margin-bottom:8px;
 }
 }


@media (min-width:576px) and (max-width:767px) {

 }
 
@media (min-width:768px) and (max-width:991px) {
.news_dt3 ul li a{
   padding-left:10px!important;
   padding-right:10px!important;
   font-size:10px;
 }
.video_2_inner1  .font_14{
   font-size:12px;
 }
.video_icon {
    width: 40px;
    height: 40px;
    line-height: 30px;
	font-size:16px!important;
}
.video_2_inner1{
    padding-top:12%;
 }
.contact_2 {
    width:90%!important;
}
.contact_right { 
    padding:15px!important;
 }
.contact_right .form-control{ 
    height:30px;
 }
.contact_right .form_text{ 
    height:100px;
 }
.contact_right { 
   min-height:475px;
 }
.contact_left img { 
   min-height:475px;
   max-height:475px;
   width:100%;
 }

 }

@media (min-width:992px) and (max-width:1200px) {
.news_dt3 ul li a{
   padding-left:25px!important;
   padding-right:25px!important;
   font-size:12px;
 }
.video_2_inner1{
    padding-top:16%;
 }
.contact_2 {
    width:90%!important;
}
.contact_right { 
   min-height:475px;
 }
.contact_left img { 
   min-height:475px;
   max-height:475px;
   width:100%;
 }
 .contact_right .form-control{ 
    height:30px;
 }
.contact_right .form_text{ 
    height:100px;
 }
.contact_right { 
    padding:15px!important;
 }
 }

@media (min-width:1201px) and (max-width:1380px) {
.contact_right { 
   min-height:585px;
 }
.contact_left img { 
   min-height:585px;
   max-height:585px;
   width:100%;
 }
 }
@media (min-width:1400px) and (max-width:2000px) {
.contact_right { 
   min-height:690px;
 }
.contact_left img { 
   min-height:690px;
   max-height:690px;
   width:100%;
 }

 }

.ai-anchor-box img{
    width:700px;
    height:auto;
}

.logo_box{
    margin-top: -10px;
    padding-left: 10px;
}

.fixed_logo{
    position: fixed;
    left: 15px;      /* left side spacing */
    bottom: 50px;    /* footer se upar spacing */
    z-index: 9999;
} 

.fixed_logo img{
    height: 45px;    /* logo size */
    width: auto;
}

.news_custom_table{
    min-width:640px;
}

.news_1_left img,
.news_1_right img,
.video_2_inner img,
.contact_left img{
    max-width:100%;
    height:auto;
}

.video_2_inner img{
    aspect-ratio:16 / 10;
    object-fit:cover;
}

.live_tab_content{
    text-align:center;
}

.live_video_box{
    width:100%;
    overflow:hidden;
    background:var(--black);
    border:1px solid var(--border_light);
    box-shadow:0 10px 30px rgba(0,0,0,0.12);
}

.live_video_box iframe{
    display:block;
    width:100%;
    height:100%;
}

.video_category_wrap{
    max-width:1100px;
    margin-left:auto;
    margin-right:auto;
}

.video_category_group{
    margin-bottom:34px;
}

.video_category_group:last-child{
    margin-bottom:0;
}

.video_category_title{
    display:inline-block;
    margin-bottom:18px;
    padding-left:14px;
    border-left:5px solid var(--yellow);
    color:var(--black);
    font-size:22px;
}

.youtube_video_card{
    height:100%;
    overflow:hidden;
    background:var(--bs-white);
    border:1px solid var(--border_light);
    box-shadow:0 8px 24px rgba(0,0,0,0.08);
}

.youtube_video_card .ratio{
    background:var(--black);
}

.youtube_video_card iframe{
    display:block;
    width:100%;
    height:100%;
}

.youtube_video_card h6{
    margin:0;
    padding:14px 16px;
    color:var(--black);
    font-size:15px;
    line-height:1.4;
    text-align:center;
    text-transform:uppercase;
}

@media screen and (max-width : 767px){
.video_1 ul{
   flex-wrap:wrap;
   gap:8px;
}
.video_1 ul a{
   margin-left:0;
   margin-right:0;
   padding:8px 12px!important;
}
.video_2_inner1{
   display:flex;
   align-items:center;
   justify-content:center;
}
.contact_2{
   margin-top:0;
   width:100%!important;
}
.contact_3{
   width:100%;
}
.contact_right{
   min-height:0;
}
.fixed_logo{
   left:10px;
   bottom:10px;
}
.fixed_logo img{
   height:auto!important;
   width:90px!important;
}
.ai-anchor-box img,
img[src$="anchor.png"]{
   width:100%!important;
   max-width:280px;
}
.live_tab_content .row{
   margin-top:0!important;
}
.live_video_box{
   margin-left:auto;
   margin-right:auto;
}
.video_category_wrap{
   max-width:100%;
}
.video_category_group{
   margin-bottom:28px;
}
.video_category_title{
   display:block;
   margin-bottom:14px;
   font-size:18px;
}
.youtube_video_card h6{
   padding:12px;
   font-size:13px;
}
}