.feature-image{ display: block; width: 100%; position: relative;}
.feature-image img{ max-height: 627px; object-fit: cover; display: block; width: 100%; position: relative;}

.details-section-1 {   display: block; width: 100%;  }
.title-block{ padding: 63px 24px 50px 0; display: block; width: 100%; position: relative;}
.title-block::after{ width: 100vw; height: 1px; position: absolute; left: 50%; transform: translateX(-50%);  bottom: 0;  content: ''; background: #3f4957; }
.title-block .cate-row{ display: flex; align-items: center; }
.title-block .cate-row{ gap: 20px; display: flex; align-items: center;}
.title-block .cate-row .cat { display: flex; flex-wrap: wrap;}
.title-block .cate-row .cat span{  background-color: rgba(188, 197, 211, 0.7); min-height: 36px;  font-size: 16px; line-height: 1.5; font-family: 'stolzl'; align-items: center; color: #06080b; display: flex;  justify-content: center; white-space: nowrap; padding: 0 38px; }
.title-block .cate-row .cat-text{ min-height: 36px; display: flex; align-items: center; border-left:#06080B solid 2px ;font-family: 'stolzl'; line-height: 1.5; padding: 0 0 0 20px;color: #3f4957; font-size: 16px; font-weight: 500; }
.post-title h1{  padding: 32px 0 0 0; font-weight: normal; line-height: 1.5;letter-spacing: 0.64px;text-align: left;color: #06080b; font-size: 32px; }

.left-colum-news-inner{ display: block;width:calc(100% - 52px); margin: 0 0 0 50px;}
.details-section-block{ position: relative; display: flex; width: 100%;}
.details-section-block .left-colum{ width:calc(100% - 276px);}
.details-section-block .right-colum{  width: 276px;}
.left-colum-news-inner{ border-left: #3f4957 solid 1px; }
.news-contain-1{ background-color: #f8fbff; width: 100%; display: block; padding: 60px 64px 94px;}
 



.cms-data h1{ margin: 0; padding:48px 0 32px 0;font-size: 40px;line-height: normal; font-weight: normal;  color: #3f4957;   }
.cms-data h2{margin: 0; padding:48px 0 32px 0;font-size: 36px;line-height: normal; font-weight: normal;  color: #3f4957;  } 
.cms-data h3{margin: 0; padding:48px 0 32px 0;font-size: 32px;line-height: normal; font-weight: normal;  color: #3f4957;   }
.cms-data h4{margin: 0; padding:48px 0 32px 0;font-size:28px;line-height: normal; font-weight: normal;  color: #3f4957;  } 
.cms-data h5{margin: 0; padding:48px 0 32px 0; color: #3f4957;  font-weight:normal; font-size: 24px;line-height: 1.79;    } 
.cms-data h6{margin: 0; padding:48px 0 32px 0;font-size: 20px;line-height: normal; font-weight: normal;  color: #3f4957;  }
 
.cms-data .heading-tag + .heading-tag{ padding-top: 0px; }
.cms-data>*:first-child{ padding-top: 0px; }
.cms-data  p{ margin: 0; padding: 0;  color: #3f4957;  line-height: 1.63; font-size: 16px;     }
.cms-data  ul li strong,
.cms-data  ol li strong,
.cms-data  p strong{ font-weight: bold; }
.cms-data  p img{ max-width: 100%; display: block; margin: 16px  auto; }
.cms-data  p + p{ padding-top: 16px; }
.cms-data  ul li a,
.cms-data  ol li a,
.cms-data  p a{  margin: 0; padding: 0; color: #3f4957;    text-decoration: underline !important; }
.cms-data  ol li a:hover,
.cms-data  ul li a:hover,
.cms-data  p a:hover{   opacity: 0.5;  }
.cms-data  ul{ margin: 0px; padding: 16px 0 0px  0px;  }
.cms-data  ul li{   margin: 0; padding: 0;   color: #3f4957;  line-height: 1.63; font-size: 16px; font-weight: normal;   position: relative; padding-left: 10px;  list-style: disc; list-style-position: outside;  display: list-item;}
 .cms-data  ul li + li{ margin-top:6px; }
.cms-data  ol{ margin: 0px; 	  padding: 16px 0 0px  16px;  }
.cms-data  ol li{  margin: 0; padding: 0; color: #3f4957;  line-height: 1.63; font-size: 16px; font-weight: normal; display: list-item; list-style-type: decimal; list-style-position: outside; } 
.cms-data  ol li + li{ margin-top:8px; }
 
.cms-data .heading-tag:first-child{ padding-top: 0px;; }
.cms-data  ol + p,
.cms-data  ul + p,
.cms-data   p + ul,
.cms-data   p + ol,
.cms-data   ol + ul,
.cms-data   ul + ol{ padding-top: 16px; }
 

.cms-data .heading-tag + ul,
.cms-data .heading-tag + ol,
.cms-data .heading-tag + p{ padding-top: 0; }
.left-colum-news-inner{ display: flex; flex-direction: column;}
.news-contain-2  { display: block; width:calc(100% + 2px);  background-color: #3f4957; padding: 60px 64px 52px; }
.news-contain-2.cms-data .heading-tag{ color: #fff; }
.news-contain-2.cms-data p,
.news-contain-2.cms-data ul li,
.news-contain-2.cms-data ol li,
.news-contain-2.cms-data p a,
.news-contain-2.cms-data ul li a,
.news-contain-2.cms-data ol li a{ color: #fff;}

.right-colum{ position: relative;  background-color: #1e2631; }

.news-contain-3 .row{display: flex ;flex-wrap: wrap;}
.news-contain-3 .row .col-md-6{ width: 50%; }
.news-contain-3 .row .col-md-12{ width: 100%; }
.news-contain-3 .row .col-md-6{ width: 50%; }

.news-dlt-images-1{ display: block; width: 100%;}
.news-contain-3 .row{ display: flex; width: 100%; flex-wrap: wrap;}
.news-contain-3 .row .col-md-12{ display: flex; width: 100%; flex-wrap: wrap;}
.news-dlt-images-1 .img{ width: 100%; display: flex;}
.news-dlt-images-1 .img img{ width: 100%; display: flex;}
.news-dlt-images-2 .img{ padding: 100% 0 0 0; overflow: hidden; position: relative; width: 100%; display: flex;}
.news-dlt-images-2 .img img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; object-fit: cover; display: flex;} 
.news-dlt-images-3{ display: flex ;align-items: flex-start;}
.img-col-1{ width: 42%;}
.img-col-2{ width: 58%;}
.img-col-1 .img{ aspect-ratio: 380/265; position: relative; display: block; overflow: hidden; width: 100%; position: relative;}
.img-col-1 .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.img-col-1 .img.img-2{ aspect-ratio: 380/366; }
.img-col-2 .img{ aspect-ratio: 534/643; position: relative; display: block; overflow: hidden; width: 100%; position: relative;}
.img-col-2 .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }
.news-contain-3{ display: block;     width: calc(100% + 2px);}
.desktop-images{ display: block; width: 100%;}
/*.news-contain-3 .play-icon{ position: absolute; right:26px; bottom: 26px; }*/
.news-contain-3 .play-icon{ position: absolute; width: 100px; height: 100px;  left: calc(50% - 50px); top: calc(50% - 50px);}
.news-contain-3 .play-icon a{ display: flex ;align-items: center;}
.news-contain-3 .play-icon a img{ position: relative; width:40px; height: auto; }
.news-contain-3 .img{ position: relative; }
 
.details-section-block .right-colum .right-inner{ transition: all 0.3s ease-in-out; padding: 0px 0 0 54px;  background: #151b24; position: relative;  }
 
.news-feed{ padding: 0 0 34px; }
.news-feed h6{ padding: 0 0 23px; color: #fff; font-size: 20px; font-weight: normal; text-transform: uppercase;}
.news-feed ul li{ border-bottom: #fff solid 1px;}
.news-feed ul li a{ padding: 16px 0; font-size: 12px; display: flex; color: #fff; align-items: center; justify-content: space-between;}
.news-feed ul li a span { transition: all 0.3s ease-in-out; color: #BCC5D3; font-weight: 600;}
.news-feed ul li a strong{transition: all 0.3s ease-in-out; font-weight: normal;}
.news-feed ul li a:hover span{ font-weight: 900;   }
.news-feed ul li a:hover strong{ letter-spacing: 0.01rem;}
.news-feed ul li:last-child{ border: 0; } 


.side-data-inner{ padding: 62px 0 30px 54px; }
.info-box{ width: 100%; display: block;}
.info-box h6{ color: #fff; line-height: 1.71; font-size: 14px; font-weight: bold; }
.info-box p{color: #fff; line-height: 1.71; font-size: 14px; font-weight: normal; }
.info-box p a{  color: #fff; text-decoration: underline !important;}
.dlt-icons{padding: 33px 0 0 0; display: flex; gap: 18px; align-items: flex-start;  }
.dlt-icons .icon{ align-items: center;  position: relative;  display: flex;}
.dlt-icons .icon>a{padding: 10px 5px; align-items: center; display: flex;} 
.dlt-icons .icon>a>img{ width: 20px; }
.dlt-icons .icon>a>svg{ width: 20px; }
.dlt-icons .icon>a>svg .stroke-ele { stroke: #fff; transition: all ease-in-out 300ms; }
.dlt-icons .icon>a:hover>svg .stroke-ele { stroke: #989FAD; }
.dlt-icons .icon + .icon{ margin-top: -4px; }

.dlt-icons .icon ul{ position:absolute; left: 50%; bottom: 100%;  padding:8px 20px;  justify-content: center; display:flex;   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.05); gap: 10px; opacity: 0; transition: all 0.3s ease-in-out;
      background-color: #fff; border-radius:100px; transform: translateX(-50%);  }  
 .dlt-icons .icon ul li{ display: flex ; align-items: center;}
 .dlt-icons .icon ul li a{ display:flex; text-decoration:none; margin:0px; opacity:1; padding:0px; }
  .dlt-icons .icon ul li a img{min-width: 18px; width: 18px;}
  .dlt-icons .icon ul:after   {       width: 0;
      height: 0; position:absolute; content:''; left:50%; margin:0 0 0 -8px; top: 100%;
      border-left: 8px solid transparent;
      border-right: 8px solid transparent;
      border-top: 8px solid #fff; }
      .cls-socails-main:hover .cls-socails{ display:block;}  
  .dlt-icons .icon ul li a:hover{ opacity:0.5; }
  .dlt-icons .icon:hover ul { opacity: 1; }

.post-nav-main{ max-width: 100%; padding: 40px 0 0 0;display: flex ;align-items: center;transition: all 0.8s ease-in-out; position: absolute; bottom: 50px; gap:30px; }
.post-nav-main .nav-icon{ display: flex; align-items: center;}
.post-nav-main .nav-icon a{transition: all 0.8s ease-in-out; gap: 8px; display: flex; align-items: center;}
.post-nav-main .nav-icon a i{transition: all 0.3s ease-in-out; display: flex; align-items: center;  }
.post-nav-main .nav-icon a i img{ min-width: 10px; height: auto; width: auto; }
.post-nav-main .nav-icon a span{ transform: translateX(-15px); opacity: 0; transition: all 0.7s ease-in-out; color: #BCC5D3; overflow: hidden; width: auto; max-width:20px;  white-space: nowrap; font-size: 14px; font-weight: bold;  }
.post-nav-main .nav-icon a:hover span{ opacity: 1; transform: none; width: auto; max-width: 1000px; }
.post-nav-main .nav-icon.prev a span{ transform: translateX(15px); }
.post-nav-main .nav-icon.prev a:hover span{  transform: none; }
.post-nav-main .nav-icon.disbale{ opacity: 0.5; pointer-events: none;  }
.post-nav-main .nav-icon a:hover i{ opacity: 0.5; }
 .pin-spacer .right-inner { padding-top: 50px; }
.mobile-slider-news{  display: none;}
.mobile-slider-news .img{  height: 500px; position: relative; display: block; overflow: hidden; width: 100%; position: relative;}
.mobile-slider-news .img img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; }

.mobile-slider-news .img .play-icon{ position: absolute; right:26px; bottom: 26px; }
.mobile-slider-news .img .play-icon a{ display: flex ;align-items: center;}
.mobile-slider-news .img .play-icon a img{ position: relative; width:40px; height: auto; }
.mobile-slider-news .swiper-pagination{ display: flex ;align-items: center; justify-content: center;}

.mobile-slider-news .swiper-pagination { position: relative; padding: 26px 0 ; display: flex; align-items: center; justify-content: center; margin: 0; left: auto; bottom: auto; right: auto ;top: auto; }
.mobile-slider-news .swiper-pagination {gap: 8px;}
.mobile-slider-news .swiper-pagination span{ opacity: 1; margin: 0 !important; background: #BCC5D3; border-radius: 0; }
.mobile-slider-news .swiper-pagination span.swiper-pagination-bullet-active{ background: #021179; }
.mobile-slider-news .swiper-counter4{ min-height: 60px; padding: 0 30px;  }
.video-popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.9);
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 99999;
}

.video-popup-inner {
    position: relative;
    width: 100%; 
}

.video-wrapper video {
        width: 100%;
    border-radius: 10px;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}

.video-close {
    position: absolute;
    top: 16px;
    right: 16px;
    font-size: 40px;
    background: none;
    border: none;
    color: #fff;
    cursor: pointer;
	z-index: 10;
}
.video-wrapper{ display: flex;align-items: center; justify-content: center; width: 100%; position: relative;  height: 100vh;  }
.right-colum{ padding-top: 270px; }
.right-colum-inner{ position: sticky; top: 0px; display: flex; flex-direction: column; height: calc(-150px + 100dvh); }

.side-data-inner{ position: relative; flex-grow: 1; }
.side-data-inner::before{     width: calc((100vw - 1748px) / 2 + 100% + 7px);
    position: absolute;
    left: 0;
     height: 556px; 
    bottom: 100%;
    content: '';
    background: #151b24;
    z-index:1;
}

.side-data-inner::after{    width: calc((100vw - 1748px) / 2 + 100% - 269px);
    position: absolute;
    left: 100%;
    top: 0;  
    bottom: -0;
    height: 100%;
    content: '';
    background: #1e2631;
    z-index:1;
}

    .details-section-block .right-colum .right-inner{ position: relative; z-index: 5; }
    .sticky-wrapper { overflow: visible; } /* allows sticky */

@media (min-width: 2200px) {
    .side-data-inner::after { height: 100%; }
}

 @media (min-width: 1280px) and (max-width: 1799px) {
.side-data-inner::before{ width: calc((100vw - 1270px) / 2 + 100% + 14px); }
.side-data-inner::after{    width: calc((100vw - 1270px) / 2 + 100% - 261px);}	
}
@media (min-width: 1401px) and (max-width: 1599px) {
	
}
@media (min-width: 1281px) and (max-width: 1400px) {
.feature-image img{ max-height:500px ; }
.title-block{ padding: 40px 24px 40px 0; }
.post-title h1{ font-size: 28px; padding: 24px 0 0 0;}	
}
@media (min-width: 992px) and (max-width: 1280px) {
 .feature-image img{ max-height:450px ; }
 
.title-block{ padding: 40px 24px 40px 0; }
.post-title h1{ font-size: 24px; padding: 24px 0 0 0;}
.news-contain-2,
.news-contain-1{ padding: 32px 24px; }	

.side-data-inner::before{ width: calc((100vw - 970px) / 2 + 100% + 14px); }
.side-data-inner::after{    width: calc((100vw - 970px) / 2 + 100% - 262px);}	
}
@media (max-width: 992px) {
.details-section-1{ overflow: hidden; }   
 .details-section-block{ flex-direction: column;}
 .title-block{background: #f8fbff; padding: 38px 30px; }
 .title-block::after{ display: none; }
.post-title h1{ font-size: 32px; font-weight: 500; padding: 28px 0 0 0;}
.news-contain-2,
.news-contain-1{ padding: 32px 0px; }
.details-section-block .left-colum{width: 100%; }	
.left-colum-news-inner{ margin: 0; width: 100%; border: 0; }
.news-contain-2,
.news-contain-1{ position: relative; } 
.news-contain-2::after,
.news-contain-1::after{ width: 200vw;  left: -50vw; top: 0; position: absolute; background: #f8fbff; z-index: -1; pointer-events: none; bottom: 0; content: '';}
.news-contain-2::after{ background: #3f4957;}
.details-section-1 .container{ width: 100%; max-width: 100%; padding: 0;}
.details-section-block .right-colum .right-inner{ display: none;}
.details-section-block .right-colum{ width: 100%; padding: 66px 30px;}
.side-data-inner{ padding: 0; }
.post-nav-main .nav-icon.prev a span,
.post-nav-main .nav-icon a span{ max-width: none; opacity: 1; transform: none; }
.post-nav-main{ justify-content: space-between; }
.title-block .cate-row{ flex-direction: column; gap: 12px; align-items: flex-start;}
.title-block .cate-row .cat span{ min-height: 32px; color: #2c2424; font-size: 12px;}
.title-block .cate-row .cat-text{ font-size: 14px; padding: 0; border: 0; min-height: 0; font-weight: normal;}
 .news-contain-2,
.news-contain-1{ padding: 88px 30px; }
.news-contain-1{ padding-top: 0; }
.side-data-inner::after,
.side-data-inner::before{ display: none;}

.right-colum-inner { height: auto; }
.post-nav-main { position: relative; bottom: 0; }

}
@media (min-width: 768px) and (max-width: 991px) {
 .feature-image img{ max-height:450px ; }
}
@media (max-width: 767px) {
 .feature-image img{ max-height:500px ; height:500px ; }

.desktop-images{ display: none;}
.mobile-slider-news{  display: block; width: 100%;}
.mobile-slider-news .swiper-counter4{ padding: 0 54px 0 0;font-family: 'stolzl'; display: flex; line-height: 1.5; font-size: 32px; font-weight: 500;letter-spacing: 0.64px; min-height:60px;; color: #06080b; align-items: center; justify-content: flex-end;}
.mobile-slider-news .swiper-counter4  i{ font-style: normal; padding: 0 3px;}
}