.content h3 {
  margin: 0 0 5px 0;
  font-size: 13px;
}

 .media_container {
     display: flex;
     align-items: center;
     gap: 4rem;   
     position: relative; z-index: 1;
 }
 .media_title {
     width: 30%;
 }
 .slider_section {
     width: 70%;
 }
 .swiper-scrollbar.swiper-scrollbar-horizontal{
    background-color: #CFD5F2; 
    /* width: 500px; */
}
.swiper-scrollbar-drag{
    background-color: #F6B824;
    /* width: 50px !important; */
}
.slider_section .content a h3,
.slider_section .content h3{
  font-family: 'meutassemi_bold'; font-weight: normal;
   text-transform: capitalize;
    letter-spacing: 1px;
    line-height: 17px;
    color: #fff;
    text-shadow: 0 1px 1px #00000082;
}

.swiper-slide-active .content a h3 {   font-size: 16px;  line-height: 24px; }

.postDate{
    color: #fff;
    font-size: 12px;
    font-family: 'Open Sans';
}
.otherLinks{
  cursor: pointer;
  position: absolute;
  height: 70%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
 /********news css******/
 .swiper-container.custom-swiper{
    overflow: hidden;
  }
  .custom-swiper.news-swiper{
    width: 100%;
    height: 500px;
  }
  .news-swiper .swiper-slide {
    transition: all 0.3s ease;
    width: 200px;
    height: 300px;
    background: #020621;
    border-radius: 10px;
  }
 
  .news-swiper .swiper-wrapper{
    align-items: center;
  }

  .news-swiper .swiper-slide-active {
    width: 640px !important;
    height: 400px !important;
  }
  .news-swiper .swiper-slide-active .slide-item  { box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px; opacity: 1; }
  .news-swiper .slide-item {
    border-radius: 10px; position: relative;
    overflow: hidden;
    height: 100%; opacity: 0.3;
  }
  .news-swiper .swiper-slide:hover .slide-item { opacity: 1; }
  .news-swiper .slide-item::before,
  .photos-swiper .slide-item::before { content: ''; position: absolute; left: 0; right: 0;  bottom: 0; background-image: linear-gradient(rgba(5, 15, 76, 0), #050F4C); height: calc(100% - 25%); }
  /***********pvni commen css ********/
  .slide-item img {
    width: 100%;
    height: 100%; /* Make image full height of slide item */
    object-fit: cover;
  }
  
  .content {
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
}
.content  .content-inner { position: absolute;
  bottom: 0;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: baseline;
  justify-content: end;
  padding: 2rem 1.5rem;
 }
 .content  .content-inner img.vid-icon { width: 60px;
  height: 60px;
  position: absolute;
  top: 40%;
  left: 45%;
  bottom: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center; }
 
  
  .content p {
    margin: 0;
    font-size: 14px;
  }
  /* .swiper-button-prev, .swiper-button-next {
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    width: 40px;
    height: 40px;
    border-radius: 50%;
  }
  .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper{
    align-items: center;
  }
  .swiper-button-prev:after, .swiper-button-next:after {
    font-size: 18px;
  } */
  
.swiper-container.custom-swiper.photos-swiper {
  position: relative;
  overflow: hidden;
}

.custom-swiper.photos-swiper {
  width: 100%;
  overflow: visible;
  height: 400px;
}

.photos-swiper .slide-item {
  position: relative;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
  height: clamp(300px, 92%, 800px);
}
.photos-count-wrap { display: flex; align-items: center; }
.photos-count-wrap span.photo-count { margin-right: 1rem; display: flex; align-items: center; }
.photos-count-wrap span.photo-count img { width: 16px; height: auto; margin-right: 5px;}
/*********videos Css*******/
.media_title-inner.latest-photos h2 span, .latest-photos .media-link{ color: #C6322D; }
.latest-photos .media-link svg{ color: #C6322D; }  
.swiper-container.custom-swiper{ position: relative; overflow: hidden; }
 
  /********** swipper slisder navigation ******/
.swiper-button-prev::after,.swiper-button-next::after
{
  font-size: 0;  
}

.nav-arrow {
  width:24px;
  height: 24px;
  position: absolute;
  top: 91%;
  transform: translateY(-50%);
  z-index: 10;
  cursor: pointer;
  mask-size: contain;
  mask-repeat: no-repeat;
  mask-position: center;
  background-color: #D7DEFF;/* Default color */
  transition: background-color 0.3s ease;
}
.nav-arrow.slide-nav-arrow{
  top: 100%; /*video navigation css */

}
.custom-prev {
  left: 39%;
  mask-image: url(../../assets/images/nav-arrowprev.png);
}

.custom-next {
  right: 55%;
  mask-image: url(../../assets/images/nav-arrowprev.png);
  transform: translateY(-50%) rotate(180deg);
}

.nav-arrow.active {
  background-color: #F6B824;; /* Active color (blue in this example) */
}

.nav-arrow:not(.active):hover {
  background-color: #F6B824; /* Hover color for inactive state */
}

/****share option contaioner css ****/
.news-info-sec .postDate{border-right: 0.20px solid #fff;padding-right: 10px;margin-right: 10px;}
.share_buttn {background: transparent; border: none; cursor: pointer;}
.share_buttn img { width: 25px; height: 25px;}

.social-share-options{display: flex; gap: 1rem; padding-top: 20px;position: absolute; top: 0; right: 0; left:  1rem;transition: all 0.5s;}

.share-container {
  position: absolute; top: 1rem; left: 1rem; z-index: 9;
}

.share-button {
  background: none;
  border: none;
  cursor: pointer;
  transition: transform 0.2s;
  background: #12227dcf;
  padding: 8px;
  border-radius: 24px;
}
.share-button img {  height: 16px; width: 16px; }

.share-button:hover {
  transform: scale(1.1);
}

.share-button.active {
  background-color: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}
.share-menu {
  position: absolute;
  left: 3rem;
    top: -10px;
  background: white;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  padding: 5px 8px;
  z-index: 1000;
  display: flex;
  gap: 8px;
}
.share-option {
  width: 28px;
  height: 28px;
  padding: 8px;
  cursor: pointer;
  border-radius: 50%;
  transition: all 0.2s;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3 ease-in-out;
}

.share-option svg {
  width: 22px;
  height: 22px;
  fill: #12227d;cursor: pointer;
}


/* Platform-specific colors on hover */
.share-option:hover svg {
  fill: #1877f2;  /* Facebook blue */
}

.share-option:nth-child(2):hover svg {
  fill: #1DA1F2;  /* Twitter blue */
}

.share-option:nth-child(3):hover svg {
  fill: #25D366;  /* WhatsApp green */
}




 /**media Query css******/
 @media (max-width:990px) {
  .content .content-inner { padding: 1rem 1rem 1.5rem 1rem;}
  .slider_section .content a h3, .slider_section .content h3 { font-family: 'meutasregular'; font-size: 13px; line-height: 20px; }
     .media_container {
         flex-direction: column;
         gap: 2rem;
     }
     /* .content{
        bottom: 21px;
     } */
     .news-swiper .swiper-slide-active{
        width: 100% !important;
        height: 100% !important;     
      }    
     .media_container .media_title {
         width: 95%;
         margin-right: auto;
     }
    
     .media_container .slider_section {
         width: 100%;
         padding: 0 1rem;
     }
     .custom-swiper.news-swiper {
         height: 300px;

     }
     /****photoes slider******/
     .custom-swiper.photos-swiper{
        height: 350px;
     }
     .news-swiper .swiper-slide{
        height: 100%; width: 100%;
     }
   
     .bg-curve-wrap{
        width: calc(100vw - 0%);
        border-radius: 0
     }
     .nav-arrow{
      display: none;
     } 
     
  
 }