@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Telugu:wght@100..900&display=swap');
body{
	    overflow-x: hidden;
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
     font-family: 'Noto Sans Telugu', sans-serif;
}



.container-fluid {
    width: 100%;
    padding-right: 0.75rem;
    padding-left: 0.75rem;
    margin-right: auto;
    margin-left: auto;
        background: #e9e9e9;
}


.row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-right: calc(-0.5 * var(--bs-gutter-x));
    margin-left: calc(-0.5 * var(--bs-gutter-x));
    background: white;
    padding: 10px;
    padding-top: 0px;
        padding-bottom: 13px;
    margin-bottom: 20px;
     border-radius: 12px;
     box-shadow: 0px 2px 3px #00000040;
}

.row > * {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-right: calc(var(--bs-gutter-x) * 0.5);
    padding-left: calc(var(--bs-gutter-x) * 0.5);
    margin-top: var(--bs-gutter-y);
   
}

.g-0 {
    --bs-gutter-x: 0;
    --bs-gutter-y: 0;
}

.col-1  { width: 8.33333333%; }
.col-2  { width: 16.66666667%; }
.col-3  { width: 25%; }
.col-4  { width: 33.33333333%; }
.col-6  { width: 50%; }
.col-12 { width: 100%; }

.d-flex  { display: flex !important; }
.d-none  { display: none !important; }
.flex-column        { flex-direction: column !important; }
.justify-content-end{ justify-content: flex-end !important; }
.align-items-end     { align-items: flex-end !important; }


.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }


.text-dark { color: #212529 !important; }
.shadow-lg { box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.175) !important; }


.btn {
    display: inline-block;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    border-radius: 0.375rem;
    transition: color .15s ease-in-out, background-color .15s ease-in-out,
                border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}

.btn-danger:hover {
    color: #fff;
    background-color: #bb2d3b;
    border-color: #b02a37;
}


.dropdown {
    position: relative;
    margin-top: 5px;
}

.dropdown-menu {
        position: absolute;
    z-index: 1000;
    display: none;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #ffffff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 0.375rem;
}

.dropdown:hover .dropdown-menu,
.dropdown-menu.show {
    display: block;
}

.dropdown-toggle::after {
    display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border-top: 0.3em solid;
    border-right: 0.3em solid transparent;
    border-bottom: 0;
    border-left: 0.3em solid transparent;
}

.dropdown-item {
    display: block;
    width: 100%;
    padding: 0.25rem 1rem;
    clear: both;
    font-weight: 400;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    text-decoration: none;
}




.poppins-semibold {
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-style: normal !important;
}
.merriweather {
  font-family: "Merriweather", serif !important;
  font-optical-sizing: auto !important;
  font-weight:400 !important;
  font-style: normal !important;
  font-variation-settings:
    "wdth" 100 !important;
}
.dm-sans {
  font-family: "DM Sans", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 600 !important;
  font-style: normal !important;
}




.teluguone-home {
     width: 100%;
     height: fit-content;
     min-height: 1200px;
    background: #e9e9e9; 
}

.home-content {
    width: 100%;
    max-width: 1250px;
    margin: 0 auto;
       
}
html , body {
   background: #f4f5f7;
   box-sizing: none;
}


.google-auto-placed.ap_container {
    position: absolute !important;
	display:none !important;
}


       /*=====================================   HEADER STYLES ================================  */

       .home-header  {
      
       width:100%;
       display: flex;
       flex-direction: column;
           box-shadow: 0 5px 6px rgba(0, 0, 0, 0.160784);
          background: white;
          max-width: 1230px;
    margin: auto;
        
     }

     .home-header-main {

      width: 100%;
      margin: 0 auto;
      display: flex;
      justify-content:center;
      align-items: center;
      
     }

   .header-logo-div {
    width: 16%;
    display: flex;
    align-items: center;
    justify-content: center;
}

    
     .header-logo{
   height: 120px;
    width: 150px;
    margin: 10px 20px 2px;
    }


     .header-banner { 
   height: 130px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
       margin: 8px 0px;
    width: 68%;
    max-width: 1250px;
}
     
     .header-social {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 40%;
    width: 16%;
}
.header-social a {
    width: fit-content !important;
}
a.header-social-tweets-anchor {
    width: 100% !important;
    text-align: center;
    font-size: 19px;
    animation: colorChange 1s infinite ease-in-out;
}
a.header-social-tweets-anchor:hover {
  animation: none; 
  color: blue;
}
@keyframes colorChange {
    0% {
        color: black;
    }
    50% {
        color: red;
    }
    100% {
        color: black;
    }
}

.header-social .icon {
   height: 40px;
    width: 40px;
    padding: 5px;
    transition:all 0.3s ease-in-out;
}
.header-social .icon:hover {
     border-radius: 50%;
    background-color: #d80000d6;
    transform: scale(1.08);
    box-shadow: 0 10px 25px rgba(255, 0, 0, .18);
}

     .header-banner a {
      display: block;
    width: 100%;
    height: 100%;

     }

     .header-banner a img {
       height:100%;
       width: 100%;
       border: 1px solid rgba(0, 0, 0, 0.041);
       border-radius: 10px;
       
     }


       .home-content hr {
         margin: 0 !important;
       }


     .header-links-container {
            
       height: auto;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 0px;
    padding-top: 10px;
    padding-bottom: 15px;
    background: transparent;
    font-weight: 700;
    margin: 0 auto;
    justify-content: space-between;
    max-width: 1170px;
    /* box-shadow: 0 5px 6px rgba(0, 0, 0, 0.160784); */

     }

     .header-link {
        font-size: 17px;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.233);
    line-height: 1.2;
    color: #000000cc;
    text-decoration: none;
    background: transparent;
    border: 1px solid #00000000;
    padding: 2px 5px;
    font-weight: 600;
    white-space: nowrap;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
     }

   .main-dropdown {
       position:relative;
       transition: all 0.3s ease-in-out;
       margin-top: 5px;
   }

	 .submenu {
    display: none;
        position: absolute;
    inset: 0px auto auto 0px;
    margin: 0px;
    transform: translate(0px, 23px);
    z-index: 3000;
   }

   .main-dropdown:hover .submenu {
       display: block;
       top: -1px;
   }
   .main-dropdown:hover .header-link {
          color: #d60000;

   }
  
   .dropdown-menu.show  , .submenu{
    background: rgb(255, 255, 255) !important;
     transition: all 0.3s ease-in-out;
   }
	 .dropdown-item {
           color: #000000ba !important;
    font-size: .8175rem;
    border-bottom: 1px solid rgba(128, 128, 128, 0.082) !important;
    font-weight: 700 !important;
    transition: all 0.3s ease-in-out;
     }
     .dropdown-item:hover {
           color: rgb(255 255 255) !important;
    background: #4b4b4b;
    font-weight: 500 !important;
    text-shadow: 0px 2px 3px black;
     }

  .header-yt-anchor-container {
     display: flex;
    margin-left: auto;
    background: white;
    padding: 2px 10px;
    border-radius: 5px;
    box-shadow: 0px 1px 3px #00000069;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    cursor: pointer;
    text-decoration: none;
    gap: 5px;
    background: #cb0202;
    text-shadow: 0px 2px 3px #00000070;
    font-family: 'Poppins';
}
.header-yt-anchor-container i {
    width: fit-content;
    font-size: 32px;
}
	 
	 .tone-home-gallery-swiper-header a{
	color: white;
    text-decoration: none;
    cursor: pointer;
    width: 100%;
   /* font-family: sans-serif !important; */
	}
	
      .tone-home-gallery-swiper-header a:nth-child(2) {
	     text-shadow:none !important;
		 
	  
	  }




      .yt-banners-container object {
        height: 100px;
       } 
     


       @media (max-width:1500px) {
        /* .header-logo{
          height: 150px;
          width: 160px;
         
       } */

   

       .header-link {
        font-size:16px;
        font-weight: 500;
        }
       }
      

       @media (max-width:1500px) {
           .header-banner {
               height: 120px;
           }
       }


       @media (max-width:1250px) {
        .header-links-container {
    gap: 0px;
    max-width: 1000px;
    
}
    .header-link {
        font-size: 15px;
        font-weight: 600;
    }
   
    .header-yt-anchor-container {
    font-size: 10px;
    margin: 2px;
}
       } 

       @media (max-width:1000px) {
         .header-logo {
        height: 100px;
        width: 120px;
    }

          .header-banner {
        width: 60%;
        height: 84px;
    }

       .header-link {
        font-size:13px;
        font-weight: 600;
        }
       }




    /*=========================== LATEST UPATES SLIDER STYLES ========================================== */

    

     .latest-updates-slider {
        margin:10px 0;
        height:450px;
        width: 99%;

     }
     
   
     .latest-updates-slider .swiper {
           width: 100%;
    height: 470px;
    background: rgb(0, 0, 0);
    padding: 0px;
    border-radius: 10px;
      }
  
      .latest-updates-slider .swiper .swiper-slide {
        text-align: center;
        font-size: 18px;
        background: rgb(255, 255, 255);
        display: flex;
        justify-content: center;
        align-items: center;
        position: relative;
       
      }
  
      .latest-updates-slider .swiper .swiper-slide a ,.latest-updates-slider .swiper .swiper-slide a img {
        display: block;
        width: 100%;
        height: 100%;
        /* object-fit: cover; */
        
      }
      .latest-updates-slider .swiper-pagination ,.latest-updates-slider .swiper-pagination-clickable,
      .latest-updates-slider .swiper-pagination-bullets,
      .latest-updates-slider .swiper-pagination-horizontal,
      .latest-updates-slider .swiper-pagination .swiper-pagination-bullet {
     z-index: 1 !important;
    pointer-events: none !important;
}
.latest-updates-slider .swiper-pagination {
    z-index: 1 !important;
    pointer-events: none !important;
}

    
.swiper-pagination-bullet {
    background: rgb(255, 255, 255) !important;
  width: 16px;            
  height: 16px;
  margin: 8px;           
  cursor: pointer;
}  

.swiper-pagination-bullet-active {
    background: red !important;
}

 

@media (pointer: coarse) {  
  .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    margin: 10px;
  }
}
  
      .text-overlay-container {

         text-decoration: none;
    text-shadow: rgba(0, 0, 0, 0.698) 0px 2px 2px;
    position: absolute;
    z-index: 10;
    display: block;
    width: 92% !important;
    top: 86%;
    left: 0;
    right:0;
    bottom: 0;
    text-align: center;
    color: rgb(255, 255, 255);
    font-size: 16px;
    font-weight: 400;
    padding: 40px;
    padding-bottom: 12px;
    padding-top: 12px;
    background: rgba(0, 0, 0, 0.61);
    line-height: 20px;
        }




  
     .latest-updates-slider-title {
         
         font-family:monospace;
         font-size: 28px; 
         color: #000000;
         text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.291);
         font-weight: 700;
         text-align: center;
         margin: 15px 0px;
     }


     @media (max-width:1500px) {
        
      .latest-updates-slider { 
        height: 450px;
         }
    
         .text-overlay-container {
             
          font-size: 15px;
         }

         .latest-updates-slider-title {
             
          font-size: 23px;
         }


     }


    

     @media (max-width:1000px) {
      
      .latest-updates-slider { 
        height: 450px;
         }
    
         .text-overlay-container {
             
          font-size: 18px;
         }

         .latest-updates-slider-title {
             
          font-size: 20px;
         }

     } 




     /*===========================   POLITICAL AND MOVIE NEWS CSS ========================*/

   .pam-container {
    width: 50%;
    height: fit-content;
    /* border-left: 1px solid #5f5f5f3b; */
      border-left: 1px solid #73000073;
    overflow: hidden;
}

     .pam-container a {
      text-decoration: none;
     }



  .pam-container-mainlink {
    text-decoration: none;
    width:90%;
    transition: all 0.3s ease;
    display: block;
   margin:15px auto;
  }

  .pam-container-mainlink img {
      width: 100%;
      height:200px; 
      border-radius:5px;
      background: rgba(0, 0, 0, 0.058);
      padding:1px;
      transition: all 0.3s ease;
  }

  .remaining-box {
     height: 210px;
    border: 1px solid #73000073;
    width: 100%;
    border-radius: 2px;
    border-left: none;
    border-right: none;
}


.pam-container-mainlink p {
    text-align: center;
    font-size: 18px;
    margin: 8px 0px;
    color: #b30000;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 11%);
    max-height: 50px;
    min-height: 50px;
    overflow: hidden;
    padding-bottom: 3px;
    line-height: 25px;
}


  .pam-container-sublink {
      
     font-size: 18px;
    margin: 15px 8px;
    color: #000000ec;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 12%);
    max-height: 25px;
    min-height: 25px;
    line-height: 22px;
    overflow: hidden;
    padding-bottom: 3px;
    transition: all 0.3s ease;
    font-weight: 500;
     
  }

  .pam-container-sublink span {
    color: rgb(7, 17, 102);
  }

  .pam-container-mainlink img:hover {
        transform: scale(01.03);
  }

  .pam-container-mainlink p:hover {
    color: rgb(0, 0, 0) !important;
  }

  .pam-container-sublink:hover {
     text-decoration:1px  underline blue;
  }



  @media (max-width:1500px) {

    .pam-container {
overflow:hidden;
	  display:flex;
	  flex-direction: column;
	  justify-content: space-around;
	
    }

  .remaining-box {
    height: 225px;
}


      .pam-container-mainlink img {
        height: 200px;
        border-radius: 8px;
    }
 .pam-container-mainlink {
    margin: 7px auto;
 }

    .pam-container-mainlink p {
        font-size: 17px;
        max-height: 44px;
        min-height: 44px;
        line-height: 22px;
    }

    .pam-container-sublink {
        font-size: 17px;
        margin: 5px 8px;
        max-height: 40px;
        min-height: 40px;
        padding-bottom: 0px;
        padding-top: 5px;
        line-height: 16px;
    }
      
  }


  @media (max-width:1000px) {

   .pam-container {
        height: 420px;
    }

   .pam-container-mainlink img {    
     height:170px; 
     border-radius: 8px;   
    }

     .pam-container-mainlink p {
              font-size: 17px;
        max-height: 55px;
        min-height: 55px;
        margin: 3px 0px;
    }
   
   .pam-container-sublink{
	          max-height: 38px;
        min-height: 38px;
        font-size: 15px;
        margin: 1px 8px;
   }
    
  }



     
     



     

     /*===================== COMMON SECTION HEADER ==================================== */

      .common-section-header {
            color: rgb(255 255 255);
    /* font-family: sans-serif !important;*/
    padding: 0px 5px !important;
    margin: 0px 0 0px 0px !important;
   
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.184);
    letter-spacing: 1px;
    font-weight: 400 !important;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    /* background: #d30000; */
   /* font-family: sans-serif !important; */
    border-left:2px solid white;
    padding-right:25px !important;
     } 
   .common-section-header a:nth-child(1) {
      color: white !important;
    font-size: 17px;
    background: #d30000;
    padding: 5px 8px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    border-left: 10px solid #a80000;
    border-right: 10px solid #a80000;
    max-width: 170px;
    min-width: 150px;
    white-space: nowrap;
    text-align: center;
    font-family: "Poppins", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-shadow: 0px 3px 5px black;
}
.common-section-header a:nth-child(2) {
    margin-right: 5px;
}
 .col-2.common-section-header.dah-header {
    padding: 0px 7px !important;
    font-size: 22px;
}

     .common-section-header-line {

          /* height: 1px; */
        background: rgba(1, 19, 46, 0.253);
        /* margin: 10px 0 0px 0px !important; */
     }


     @media (max-width:1500px) {
     
      .common-section-header {
         margin:0px 0 !important;
         font-size: 22px;
      }
    
    }


   @media (max-width:1000px) {

    .common-section-header {
      margin:0px 0 ;
      font-size: 21px;
   }

    }



    
.news-header-icon-container {
       display: flex;
       align-items: center;
       justify-content: flex-start;
       gap: 20px;
       margin: 0px;
       height: auto;
       padding:10px 36px;
       background: white;
       /* flex-wrap: wrap; */
}
 
.icon-anchor {
       height: 35px;
    width: 35px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 2px;
    padding-top: 7px;
    gap: 5px;
    transition: transform 0.2s;
    font-family: fantasy;
    color: #250b3ed9;
    font-weight: 500;
    font-size: 20px;
    letter-spacing: 2px;
    text-shadow: 0px 2px 2px #0000003b;
}

.media-anchor-icon { 
    height: 100%;
    width:100%;
    display: block;
    text-decoration: none;
    font-size:30px;
    
}

.fa-facebook {
  color: #2b51a2;
}
  
.fa-youtube {
        color: #ffffff;
}

.fa-square-x-twitter {
   color: black;
}
  

.media-anchor-icon:hover {
      transform:scale(1.05);
      filter: brightness(100%);
}

@media (max-width:1380px) {
    .icon-anchor {
    height: 30px;
    width: 30px;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 3px 5px;
    padding-top: 7px;
    gap: 5px;
    transition: transform 0.2s;
    font-family: fantasy;
    color: #250b3ed9;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: 2px;
    text-shadow: 0px 2px 2px #0000003b;
}
}

/* ========================= Devotional And Health Container ================================== */

#div_home_movie_reviews {
    margin-top: 10px;
}
  .dah-container {
    width: 49%;
    height: fit-content;
    overflow: hidden;
    background: rgba(128, 128, 128, 0.119);
    margin: auto;
        border-radius: 10px;
        margin-top: 10px;
}

     .dah-container a {
      text-decoration: none;
     }



  .dah-container-mainlink {
    text-decoration: none;
    width:90%;
    transition: all 0.3s ease;
    display: block;
   margin:15px auto;
  }

  .dah-container-mainlink img {
      width: 100%;
      height:175px; 
      object-fit: cover;
      border-radius:5px;
      background: rgba(0, 0, 0, 0.058);
      padding:1px;
      transition: all 0.3s ease;
  }

  .dah-remaining-box {
        height: 210px;
    border: 1px solid #b5434333;
    width: 100%;
    border-radius: 10px;
}


.dah-container-mainlink p {
       text-align: center;
    font-size: 18px;
    margin: 8px 0px;
    color: #b30000;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 7%);
    max-height: 50px;
    min-height: 50px;
    overflow: hidden;
    padding-bottom: 3px;
    line-height: 25px;
}


  .dah-container-sublink {
      
    font-size: 18px;
    margin: 15px 8px;
    color: #000000ec;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 12%);
    max-height: 25px;
    min-height: 25px;
    line-height: 22px;
    overflow: hidden;
    padding-bottom: 3px;
    transition: all 0.3s ease;
    font-weight: 500;
     
  }

  .dah-container-sublink span {
    color: rgb(7, 17, 102);
  }

  .dah-container-mainlink img:hover {
        transform: scale(01.03);
  }

  .dah-container-mainlink p:hover {
    color: rgb(0, 0, 0) !important;
  }

  .dah-container-sublink:hover {
     color:#8d2b3c
  }



  @media (max-width:1500px) {

    .dah-container {
overflow:hidden;
	  display:flex;
	  flex-direction: column;
	  justify-content: space-around;
	
    }

  .dah-remaining-box {
    height: 240px;
}


      .dah-container-mainlink img {
        height: 200px;
        border-radius: 8px;
    }
 .dah-container-mainlink {
    margin: 7px auto;
 }

    .dah-container-mainlink p {
        font-size: 17px;
        max-height: 44px;
        min-height: 44px;
        line-height: 22px;
    }

    .dah-container-sublink {
        font-size: 17px;
        margin: 5px 8px;
        max-height: 41px;
        min-height: 41px;
        padding-bottom: 0px;
        padding-top: 5px;
        line-height: 15px;
    }
      
  }


  @media (max-width:1000px) {

   .dah-container {
        height: 420px;
    }

   .dah-container-mainlink img {    
     height:170px; 
     border-radius: 8px;   
    }

     .dah-container-mainlink p {
              font-size: 17px;
        max-height: 55px;
        min-height: 55px;
        margin: 3px 0px;
    }
   
   .dah-container-sublink{
	          max-height: 38px;
        min-height: 38px;
        font-size: 15px;
        margin: 1px 8px;
   }
    
  }



     
     





     /*===========================================  Home News Section css  ============================ */

.home-news-card {
    width: 95%;
    margin: 15px auto;
    height: fit-content;
}
     .home-news-card a {
       text-decoration: none;
       width: 100%;
       height: 100%;
       display: block;

     }

  .home-news-card a img {
    width: 100%;
       height:220px;
    object-fit: cover;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.058);
    padding: 1px;
}

     .home-news-card a p {

         text-align: center;
         font-size: 18px;
         margin: 5px 0px;
         color: #b30000;
         text-shadow: 0px 2px 2px #0000001c;
         max-height: 31px;
         overflow: hidden;
     }

   div.col-6:has(.view-all-btn) ,  div.col-3:has(.view-all-btn), div.col-1:has(.view-all-btn) {
    /* background: #d30000; */
    border-right: 6px solid white;
   }


.view-all-btn {
   height: fit-content;
    width: fit-content;
    margin: 5px 0 5px 0px !important;
    display: block !important;
    background-color: #91b3ea4f !important;
    color: #071537db !important;
    font-weight: 400 !important;
    border: 1px solid #00000000 !important;
    font-size: 15px !important;
    padding: 3px 4px !important;
}

    .view-all-btn a {
    /*
	font-family: sans-serif;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.507);
	*/
    font-size: 15px;
    display: block;
    height: 100%;
    width: 100%;
    padding: 2px 10px;
    border-radius: 5px;
	color: #000 !important;
}


     @media (max-width:1500px) {
        .home-news-card a img {
        height: 260px;
        border-radius: 8px;
    }

    .home-news-card a p {
        font-size: 17px;  
    }
         
     }


     @media (max-width:1260px) {

    .home-news-card {
    width: 95%;
    margin: 8px auto;
    height: fit-content;
}
    
      .home-news-card a img {
        height: 200px;
        border-radius: 8px;
    }

    .home-news-card a p {
        font-size: 17px;  
      }
       
     }




          /*========================== Photo Gallery SECTION ================================ */


     .big {
    height: 500px;
    width: 76%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    object-fit: cover;
    padding: 5px;
    margin: 5px 10px 10px;
    border: 1px solid #0000001f;
   }

    .big a {
       position: absolute;
       top: 0;
       left: 0;
       right: 0;
       bottom: 0;
       width: 100%;
       height: 100%;
       display:flex;
       justify-content: center;
       align-items: flex-end;
        text-shadow:0px 2px 3px rgba(0, 0, 0, 0.838); 
       /* background: #02020228; */
        color: rgb(255, 255, 255);
        font-size: 22px;
        font-weight: 500;
        padding-bottom: 10px;
          border-radius: 15px;
          text-decoration: none;
          text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.698);
   } 

  

   .big img {
      cursor: pointer;
     object-fit: cover;
     transition: all .4s;
     width: 100%;
     height: 100%;
     
   }


   .small-col {  
        display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: center;
    width: 20%;
    max-height: 515px;
           }

   .small-row {    
        display: flex;
    align-items: center;
    justify-content: space-around;
    margin: 0px 0px 2px !important;
    width: 98.1%;
    /* padding-left: 15px; */
   }

  .small-row .small {
       width: 15%;
  }

   .small {
     width: 70%;
    height: 130px;
    background: rgb(0 0 0 / 0%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    object-fit: cover;
    position: relative;
    margin: 10px 0px;
    padding: 1px;
   
    transition: all 6s 
ease;

   }

   .small:not(:hover) {
  animation: blinkScale 1s infinite ease-in-out;
}


   .small:hover {
    animation: none !important;
  transform: scale(1.2);
     z-index: 3000;
     padding: 0px !important;
   }
   
   

   .small img {
   cursor: pointer;
    object-fit: cover;
    transition: all .4s;
    width: 100%;
    height: 100%;
    padding: 2px;
   }

   .small a {
    border-radius:15px;  
     position: absolute;
      top: 0;
      left: 0;
    right: 0;
     bottom: 0;
    width: 100%;
    height: 100%;
    display:flex;
    justify-content: center;
    align-items: flex-end;
     text-shadow:0px 2px 3px rgba(0, 0, 0, 0.838); 
    /* background: #ffffff28; */
     color:#ffffff;
     font-size: 22px;
     font-weight: 500;
     padding-bottom: 10px;
       text-decoration: none;
       text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.698);
       
   }

/*=========== PHOTO GALLERY SECTION TOO ==============*/


.gallery-card {
    width: 95%;
    margin: 15px auto;
    height: fit-content;
}
     .gallery-card a {
       text-decoration: none;
       width: 100%;
       height: 100%;
       display: block;
       position: relative;

     }

.gallery-card a img {
    width: 100%;
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
    background: rgba(0, 0, 0, 0.058);
    padding: 1px;
}
   
.gallery-card a h3 {
   position: absolute;
    bottom: 8px;
    text-align: center;
    padding: 7px;
        left: 1px;
    right: 1px;
    font-size: 16px;
    border-bottom-left-radius: 10px;
    padding-bottom: 5px;
    padding-top: 9px;
    background: #ff000087;
    border-bottom-right-radius: 10px;
    color: white;
    text-shadow: 0px 2px 3px #0000002e;
    min-height:45px;
    max-height: 45px;
    overflow: hidden;
    font-weight: 500;
    line-height:30px;
    font-family: "Poppins", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-shadow: 0px 3px 5px black;
}
   @media (max-width:1500px) {
    .big {
            height: 425px;
        margin: 5px 10px;
    }

    .small {
      width:110px ;
      height:100px;

    }

    /* .small-col {
      justify-content: center;
      align-items: center;
      
    } */
  .small-row .small {
    width: 17%;
}
       .small-row {
        width: 98.3%;
    }
   }


   @media (max-width:1000px) {
    .big {
      height: 300px;
      margin: 5px 10px;
    }

    .small-col {
        
        height: 300px;
    }

    .small {
      width:100px ;
      height:100px;

    }
   }


   @media (max-width:1500px) {
       .gallery-card a img {
        height: 300px;
        border-radius: 8px;
    }

   

   }

   @media (max-width:1260px) {
           .gallery-card a img {
        height: 250px;
        border-radius: 8px;
    }
  
 
   }



     /*====================   BANNERS SECTION ======================================*/
  .banner-container {
    width: 98%;
    margin: 5px auto;
  }
 
.banner-container a img {
    width: 100%;
    height: 140px;
    border-radius: 5px;
    border: 1px solid rgba(0, 0, 0, 0.048);
    transition: transform 0.2s ease;
}

/* .banner-container a img:hover {
    transform:scale(1.02); 
    box-shadow:0px 2px 3px rgba(0, 0, 0, 0.48); 
} */


@media (max-width:1500px) {
     .banner-container a img {
        width: 100%;
        height: 130px;
        border-radius: 5px;
    }
 
}

@media (max-width:1300px) {
     .banner-container a img {
        width: 100%;
        height: 120px;
        border-radius: 5px;
    }

 
}

@media (max-width:900px) {
  .banner-container a img {
      width:100%;
      height: 60px;
      border-radius: 5px;
  }   
}

@media (max-width:768px) {
  .banner-container a img {
      width:100%;
      height: 60px;
      border-radius: 2px;
      margin: 5px 0px;
  }
  .banner-container-col {
      padding:3px !important;
  }   
}





     /* <!------------REVIEWS SECTION-------------> */



.review-small {
    padding: 5px;
    background-color: rgba(128, 128, 128, 0.119);
    margin: 5px auto;
    width: 99%;
    height: fit-content;
}

   .review-small a {
         
    width: 100%;
    display: flex;
    align-items: center;
    text-decoration: none;
   }

   .review-small a img {
     width: 170px !important;
    height: 135px;
}

.review-small a h2 {
    font-size: 21px;
    letter-spacing: 0.4px;
    font-weight: 400;
    line-height: 1.4rem;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.062);
    color: #b30000;
    padding-left: 0px;
}




 .review-small a h2:hover {
     color: black;
 }

 .review-small-info {
    height: 140px;
    padding: 10px;
}

.review-small-info p {
   height: 90px;
    overflow: hidden;
    margin-bottom: 0;
    color: #424242;
    font-size: 18px;
    line-height: 30px;
}


 @media (max-width:1500px) {
     

       .review-small a img {
        width:200px;
        height: 154px;
    }

      
        .review-small a h2 {
        font-size: 20px;
        padding-left: 0px;
    }
    .review-small-info {
    height: 154px;
    padding: 8px;
}
      .review-small-info p {
        height: 71px;
        overflow: hidden;
        margin-bottom: 0;
        line-height: 23px;
        font-size: 18px;
    }


 }

 @media (max-width:1260px) {

    .review-small a img {
           width: 190px;
        height: 150px;
    }

.review-small a h2 {
  font-size:18px;
}
    .review-small-info {
        height: 120px;
        padding: 8px;
    }
       .review-small-info p {
        height: 70px;
        overflow: hidden;
        margin-bottom: 0;
        font-size: 17px;
    }
 }


 /* ===========    MOVIES AND KIDs One  SLIDER CSS =================================*/

.tone-home-gallery-swiper .swiper {
    width: 98%;
    height: fit-content;
   margin: 5px auto 15px;
}
    .tone-home-gallery-swiper-header {
    /* background:rgb(211 0 0) !important; */
    color:white;
    text-align:center;
    padding:3px 6px;
    font-size:22px;
    margin-top: 0px;
    /* font-family: sans-serif;*/
    /* box-shadow: 0px 2px 3px grey; */
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.432);
    display: flex;
    justify-content: space-between;
    margin: 3px 0;
}
.tone-home-gallery-swiper-header a:nth-child(1) {
     width: fit-content;
    display: block;
    color: white !important;
    font-size: 17px;
    background: #d30000;
    padding: 5px 8px;
    border-bottom-right-radius: 30px;
    border-top-left-radius: 30px;
    border-left: 10px solid #a80000;
    border-right: 10px solid #a80000;
    max-width: 170px;
    min-width: 170px;
    white-space: nowrap;
    text-align: center;
    font-family: "Poppins", sans-serif !important;
    font-weight: 400 !important;
    font-style: normal !important;
    text-shadow: 0px 3px 5px black;
}
.tone-home-gallery-swiper-header a:nth-child(2) {
  width: fit-content;
}

.tone-home-gallery-swiper .swiper-wrapper {
  gap: 20px;
}
   
.tone-home-gallery-swiper .swiper .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 280px !important;
    height: 200px;
    background-color: rgb(255, 255, 255);
    position: relative;
    margin: 5px 0;
}

.tone-home-gallery-swiper .grandalayam-swiper .swiper-slide {
        height: 400px;
}


.tone-home-gallery-swiper .swiper .swiper-slide a , .tone-home-gallery-swiper .swiper .swiper-slide a img {
  height: 100%;
  width: 100%;
  border-radius: 15px;
}

 .tone-home-gallery-swiper .swiper .swiper-slide a img {
    box-shadow: 0px 2px 3px #00000086;
    
}





@media (max-width:1500px) {
  .tone-home-gallery-swiper .swiper .swiper-slide {
    background-position: center;
    background-size: cover;
    width: 336px !important;
    height: 260px;
    position: relative;
}

   .tone-home-gallery-swiper .grandalayam-swiper .swiper-slide {
        height: 370px;
}



}

@media (max-width:1260px) {
      .tone-home-gallery-swiper .swiper .swiper-slide {
        background-position: center;
        background-size: cover;
        width: 300px !important;
        height: 240px;
    
        position: relative;
    }

      .tone-home-gallery-swiper .grandalayam-swiper .swiper-slide {
        height: 330px !important;
}



}

    @media (max-width: 760px) {
   .tone-home-gallery-swiper .swiper   .swiper-button-next {
      
       right: 20px;
        transform: rotate(90deg);
      }

    .tone-home-gallery-swiper .swiper  .swiper-button-prev {
        left: 20px;
        transform: rotate(90deg);
      }
    }





/*===================================== KS SLIDER SECTION CSS =============================== */

/*=================  MOVIES HOME IMAGE SLIDER CSS ======================== */


  
.ks-slider-section .swiper {
 width: 97%;
    height: 200px;
    margin: 10px auto;
    padding-top: 0px;
    background: #ffffff;
}

.ks-slider-section .swiper .swiper-wrapper {
    margin-left: 90px;
}
.ks-slider-section .swiper .swiper-slide {
    position: relative;
    padding: 7px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: transparent;
    text-align: center;
    height: 180px;
    width: 200px !important;
	margin-top:8px;
}
.ks-slider-section .swiper .swiper-slide a {
  width: 100%;
  height: 100%;
}

.ks-slider-section .swiper .swiper-slide a img {
  display: block;
  width: 100%;
  height:100%;
  object-fit: cover;
 
  border: 1px solid rgba(255, 255, 255, 0);
}



.ks-slider-section {
     width: 95%;
    margin: 10px auto;
    background: rgb(255 255 255) !important;
    border-radius: 2px;
    box-shadow: 0px 0px 4px #0956aa;
    border: none;
}


.ks-slider-section .swiper .swiper-slide  a .slider-see-more {
    display:flex;
   justify-content: center;
   align-items: center;
   color: white;
   text-decoration: none;
   border: 1px solid white;
}

a {
  text-decoration: none;
}


@media (max-width:1500px) {

  /*.ks-slider-section .swiper {

    height: 200px;
    padding-top: 10px;
  } */
  .ks-slider-section .swiper .swiper-slide {
    padding: 7px;
    height: 180px;
    width: 200px !important;
  }
  
}

@media (max-width:900px) {
  .ks-slider-section .swiper {

    height: 200px;
    margin:10px auto;
    padding-top: 10px;
  }
  .ks-slider-section .swiper .swiper-slide {
    padding:5px;
    height: 180px;
    width: 180px;
  }

}


@media (max-width:768px) {

  .ks-slider-section {
      width: 100%;
      margin: 5px auto;
      background: rgb(80, 111, 121);
  }

  .ks-slider-section .swiper .swiper-wrapper {
    margin-left: -295px;
 }
  .ks-slider-section .swiper {

    height: 200px;
    margin:10px auto;
    padding-top: 5px;
  }
  .ks-slider-section .swiper .swiper-slide {
    padding:2px;
    height:130px;
    width: 130px !important;
  }


  .ks-slider-section .swiper .swiper-button-next:after, .ks-slider-section  .swiper .swiper-button-prev:after {
   font-size:20px !important;
  
}

.swiper-pagination {
   display: none;
}


}



.csw-container { 
  width: 100%;
  margin: auto;
  height: auto;
  min-height: 220px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
  padding: 12px 0;
  border-right: 2px solid #c4c4c43b;
}



.csw-container a {
 text-decoration: none;
}



.csw-container-mainlink {
width: 98%;
    flex: 0 0 130px;
    transition: all 0.3s ease;
    display: block;
    margin: auto;
}

.csw-container-mainlink img {
 width: 100%;
 height: 225px; 
 object-fit: cover;
 border-radius:5px;
 background: rgba(0, 0, 0, 0.058);
 padding:1px;
 transition: all 0.3s ease;
}


.csw-container-mainlink p {
text-align: center;
    font-size: 16px;
    margin: 8px 0px 0px;
    color: #000000ec;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 0%);
    line-height: 1.3;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}


.csw-sublinks-container {
       min-width: 0;
       height: auto;
       display: flex;
       flex-direction: column;
       align-items: center;
       padding: 0;
       width: 98%;
}
.csw-sublinks-container a {
   width: 100%;
}

.csw-container-sublink {
       width: 100%;
    font-size: 14px;
    color: #000000ec;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0px 2px 2px rgb(0 0 0 / 0%);
    white-space: nowrap;
    margin: 6px 0;
    line-height: 1.4;
    padding-left: 5px;
    padding-bottom: 8px;
    border-bottom: 2px solid #8888883b;
    transition: all 0.3s ease;
    font-weight: 500;
}
.csw-container-sublink::before {
    content: "»";
    margin: 4px;
    font-size: 18px;
}

.csw-sublinks-container button {
  margin-left: auto !important;
  margin-top: 4px;
}

.csw-container-sublink span {
color: rgb(7, 17, 102);
}

.csw-container-mainlink img:hover {
   transform: scale(01.03);
}

.csw-container-mainlink p:hover {
color: red !important;
}

.csw-container-sublink:hover {
text-decoration:1px  underline blue;
}


/* Tablet fallback: below this the column becomes too narrow for the
   side-by-side poster + list, so stack the poster on top. */
@media (max-width:1200px) {

  .csw-container {
    flex-direction: column;
    align-items: center;
    gap: 6px;
  }

   .csw-container-mainlink {
    width: 60%;
    flex: 0 0 auto;
   }

   .csw-container-mainlink img {
    height: 220px;
   }

   .csw-container-mainlink p {
    font-size: 15px;
   }

   .csw-sublinks-container {
    width: 100%;
    padding: 8px 10px 0;
   }

   .csw-container-sublink {
    font-size: 14px;
    white-space: normal;
   }
   .csw-container-mainlink p {
        -webkit-line-clamp: 1;
   }
}







/*==============================  FOOTER ===================================================*/

.home-footer {
  height:200px;
  display: flex;
  flex-direction:column;
  box-shadow: 0px 2px 3px grey;
  background:rgb(131 6 6);
  margin:6px 0px;
  justify-content: center;
 
}

.footer-nav {
  width:100%;
  display: flex;
  justify-content: center;
  align-items:center;
  gap:4px;
  list-style-type: none;
  
}
.footer-nav-item {
  padding:3px;
}

.footer-nav-link {
  color:white;
  text-shadow:0px 1px 1px rgba(0, 0, 0, 0.911);
  font-size:15px;
  font-weight:500;
  text-decoration:none;
  font-family: sans-serif;
}

.footer-copyright {
  color:white;
  font-size:18px;
  font-weight:500;
  text-align: center;
  text-shadow:0px 1px 1px rgba(0, 0, 0, 0.824);
  font-family: sans-serif;
      margin: 10px 0;
}
.footer-desclaimer {
  color:white;
  font-size:16px;
  font-weight:400;
  text-align:center;
  /* max-width:85%; */
  margin:0px 10px;
  font-family: sans-serif;
}


@media (max-width:800px) {
  .home-footer {
      height:200px;
      display: flex;
      flex-direction:column;
      border:1px solid black;

      margin:6px 0px;
  }
  
  .footer-nav {
      width:100%;
      display: flex;
      justify-content: center;
      align-items:center;
      gap:4px;
      list-style-type: none;
      flex-wrap:wrap;
  }
  .footer-nav-item {
      padding:3px;
  }
  
  .footer-nav-link {
      color:white;
      font-size:14px;
      font-weight:500;
      text-decoration:none;
  }
  
  .footer-copyright {
      color:white;
      font-size:15px;
      font-weight:500;
      text-align: center;
  }
  .footer-desclaimer {
      color:white;
      font-size:9px;
      font-weight:400;
      text-align:center;
      /* max-width:85%; */
      margin:0px 10px;
  }
  .footer-desclaimer span {
        font-size:13px !important;
  }
}





     /*============================ Animation Center ==================================== */


     @keyframes blinkScale {
      0% {
        transform: scale(1);
      }
      50% {
        transform: scale(1.05); /* slightly larger */
      }
      100% {
        transform: scale(1); /* back to normal */
      }
    }



    @keyframes showViewBoxBefore {
    
      0% {
          width:0%;
          opacity:0;
          font-size:0px;
      }
      20% {
          width:15%;
          opacity:0.2;
          font-size:1px;
      }
      40% {
          width:25%;
          opacity:0.4;
          font-size:1px;
      }
      60% {
          width:34%;
          opacity:0.6;
          font-size:1px;
      }
      80% {
         width:44%; 
         opacity:0.8;
         font-size:1px;
      }
    
      100% {
           width:45%;
           opacity:1;
           font-size:medium;
      }
    }
    
    @keyframes showViewBoxAfter {
        
      0% {
          width:0%;
          opacity:0;
          font-size:0px;
      }
      20% {
          width:15%;
          opacity:0.2;
          font-size:1px;
      }
      40% {
          width:25%;
          opacity:0.4;
          font-size:1px;
      }
      60% {
          width:34%;
          opacity:0.6;
          font-size:1px;
      }
      80% {
         width:44%; 
         opacity:0.8;
         font-size:1px;
      }
    
      100% {
           width:45%;
           opacity:1;
           font-size:medium;
      }
    }


    .view-btn{
color: white;
text-decoration: none;
padding: 2px 10px;
border-radius: 5px;
}



/*================================ SCROLL UP ====================================*/

    .scroll-up {
      display: none;
      justify-content: center;
      align-items: center;
      position: fixed;
    right: 70px;
    bottom: 70px;
    z-index: 3000;
    }

    .scroll-up-btn {
      position: fixed;
      width:50px;
      height:50px;
      background: #920000;
    color: #fff;
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 26px;
    z-index: 3000;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 5px;
    padding-bottom: 6px;
    text-shadow: 0px 2px 3px black;
    box-shadow: 0px 4px 7px #00000070;
    }

    .scroll-up-btn:hover {
        transform: translateY(-10px);
    background-color: #de2e2e
    }

    .scroll-up-btn span {
      /* animation: gototop 1.2s linear infinite alternate-reverse; */
      height: fit-content;
    padding-top: 5px;
    }

    @keyframes gototop {
      0% {
        transform: translateY(-0.5rem);
      }

      100% {
        transform: translateY(0.5rem);
      }
    }


    
@media (max-width:1300px) {
 
     
        .latest-updates-slider {
        height: 470px;
        }
        .latest-updates-slider .swiper {
    width: 100%;
    height: 490px;
        }
        .remaining-box {
        height: 145px;
        }
           .view-all-btn, .view-btn {
        padding: 2px 11px !important;
        font-size: 11px !important;
    }
    a.header-yt-anchor-container {
    font-size: 10px;
    font-weight: bold !important;
}
.header-yt-anchor-container i {
    width: fit-content;
    font-size: 24px;
}
     
          .pam-container-sublink {
        font-size: 16px;
        margin: 0px 8px;
        max-height: 35px;
        min-height: 35px;
        padding-bottom: 0px;
        padding-top: 5px;
        line-height: 27px;
        height: 35px;
    }
  
 
    .home-footer {
      height:150px;
      display: flex;
      flex-direction:column;
      border:1px solid black;
    
      margin:6px 0px;
  }
  
  .footer-nav {
      width:100%;
      display: flex;
      justify-content: center;
      align-items:center;
      gap:4px;
      list-style-type: none;
  }
  .footer-nav-item {
      padding:3px;
  }
  
  .footer-nav-link {
      color:white;
      font-size:12px;
      font-weight:500;
      text-decoration:none;
  }
  
  .footer-copyright {
      color:white;
      font-size:15px;
      font-weight:500;
      text-align: center;
  }
  .footer-desclaimer {
      color:white;
      font-size:11px;
      font-weight:400;
      text-align:center;
      /* max-width:85%; */
      margin:0px 10px;
  }
  .footer-desclaimer span {
        font-size:14px !important;
  }
}

/* .csw-container button, .csw-container button a {
    background: #d30000 !important;
    color: white !important;
} */



  .logo-zip {
  display: flex;
  align-items: center;
  gap: 12px;
  flex-shrink: 0;
}

.logo-zip.main {
    margin: 0px auto;
}


.logo-zip img {
        height: 35px;
    width: 90px;
    border-radius: 2px;
}


@media (max-width:1400px) {


    .logo-zip img {
        height: 35px;
        width: 85px;
        border-radius: 2px;
    }
}
@media (max-width:1250px) {
     .logo-zip img {
        height: 30px;
        width: 60px;
        border-radius: 2px;
    }
  }









.channels-dropdown{
      max-width: 1400px;
    width:100vw;
    background:#fff;
    border-top:1px solid #ececec;
    border-bottom:1px solid #ececec;
    box-shadow:0 10px 35px rgba(0,0,0,.12);
    display:none;
    z-index:999;
    transition: all 3s;
        /* margin-bottom: 15px; */
        position: absolute;
        border-radius: 15px;
        box-shadow: 0 5px 6px rgb(0 0 0 / 49%);
}

/* .header-links-container:has(.yt-dropdown-wrapper:hover) ~ .channels-dropdown,
.channels-dropdown:hover {
    display: block !important;
} */
.yt-dropdown-wrapper:hover  .channels-dropdown,
.channels-dropdown:hover {
      display: block !important;
    position: absolute;
    right: -8vw;
}


.channels-wrapper{

       width: 100%;
    margin: auto;
    padding: 10px 0 13px;

}

.channels-wrapper h3{

    font-size:24px;
    margin-bottom:10px;
    color:#222;
    font-weight:700;
    padding-left: 20px;

}

.channels-grid{
gap: 22px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
padding: 0 20px;


}

.channel-card{

    text-decoration:none;

    text-align:center;

    transition:.3s;

}

.channel-card img{

      width: 70px;
    height: 70px;
    transition: .3s;
    padding: 0px 2px;
    object-fit: contain;
    filter: brightness(103%);
    border: 2px solid rgba(0, 0, 0, 0.062);
    border-radius: 7px;

}

.channel-card span{

    display:block;

    margin-top:10px;

    color:#222;

    font-weight:600;

    font-size:15px;

}

.channel-card:hover{

    transform:translateY(-6px);

}

.channel-card:hover img{

    border-color:#ff0000;

    transform:scale(1.08);

    box-shadow:0 10px 25px rgba(255,0,0,.18);

}

.channel-card:hover span{

    color:#ff0000;

}


@media(max-width:1500px) {
  .yt-dropdown-wrapper:hover .channels-dropdown, .channels-dropdown:hover {
    display: block !important;
    position: absolute;
    right: -10vw;
    max-width: 1100px;
}
}


@media(max-width:1250px) {
  .yt-dropdown-wrapper:hover .channels-dropdown, .channels-dropdown:hover {
    display: block !important;
    position: absolute;
    right: -2vw;
    max-width: 1000px;
}
.channels-grid{
gap: 15px;
padding: 0 15px;
}
}

.obj-TORI {
    width: 100%;
    height: 100%;
    max-height: 230px !important;
    background: #f4f5f7;
}

.obj-TORI html , .obj-TORI body {
  background: red !important;
}

#div_home_videos {
      border-left: 1px solid #00000026;
}

.tone-home-gallery-swiper-head a:nth-child(1)::before {
  background: var(--accent-color) !important;
}

.tone-home-gallery-swiper-head a:nth-child(2) {
      color: #b8242c !important;
}