/** Shopify CDN: Minification failed

Line 15:19 Expected identifier but found "{"
Line 15:20 Unexpected "{"
Line 15:30 Expected ":"

**/
.jdgm-widget.jdgm-review-widget,.jdgm-rev-widg__title{
  color:#fff;
}
.partner-section-slider-wrapper.gm-trailor-section{
 max-width: 90%;
}
.product-detail-page-new{
  background-color:{{ settings.product-detail-pg }};

  margin-top:0;
  padding-top:80px;
}
.player-card-sect, .py-cards{
  background: #130436;
}
.product-detail-page-new .prod__title h1{
  color:#fff !important;
}
.product-detail-page-new .jdgm-prev-badge__text{
 color: #D2D2D2;
font-family: Inter;
font-size: 13px;
font-style: normal;
font-weight: 400;
line-height: 20.8px 
text-decoration-line: underline;
}
.product-detail-page-new .prod__option-label, .product-detail-page-new .prod__option, .live-views-text, .product-detail-page-new .f-price-item{
  color:#fff;
}
.player-card-sect{
    padding-top:53px;
    padding-bottom:53px;
  }
  .card-wrapper{
   display: flex;
    justify-content: center;
    gap: 35px;
  }
  .card-outer .card-head{
    padding-top:31px;
  }
  .card-outer{
        display: flex;
    flex-direction: column;
    align-items: center;
    
    gap: 27px;
  width: 220px;
height: 182px;
flex-shrink: 0;
    border-radius: 20px;

    animation: changeShadowcard  15s infinite;
  }
   @keyframes changeShadowcard {
            0% {
            border-radius: 20px;
border: 1px solid #BEE8FF;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 53.5%, rgba(255, 255, 255, 0.20) 100%);
box-shadow: 0px 0px 58.8px 0px #18ACFF, 0px 0px 36px 0px #000513;
            }
            12.5% {
              border-radius: 20px;
border: 1px solid #759BFF;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 53.5%, rgba(255, 255, 255, 0.20) 100%);
box-shadow: 0px 0px 58.8px 0px #121CFB, 0px 0px 36px 0px #000513;
            }
            25% {
               border-radius: 20px;
border: 1px solid #E0C8FF;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 53.5%, rgba(255, 255, 255, 0.20) 100%);
box-shadow: 0px 0px 58.8px 0px #C213FF, 0px 0px 36px 0px #000513;
            }
            37.5% {
               border-radius: 20px;
border: 1px solid #FFA5E0;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 53.5%, rgba(255, 255, 255, 0.20) 100%);
box-shadow: 0px 0px 58.8px 0px #FF0CAC, 0px 0px 36px 0px #000513;
            }
            50% {
             border-radius: 20px;
border: 1px solid #FF7381;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 53.5%, rgba(255, 255, 255, 0.20) 100%);
box-shadow: 0px 0px 58.8px 0px #FF0720, 0px 0px 36px 0px #000513;
            }
            62.5% {
               border-radius: 20px;
border: 1px solid #FFCE94;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 53.5%, rgba(255, 255, 255, 0.20) 100%);
box-shadow: 0px 0px 58.8px 0px #FF900E, 0px 0px 36px 0px #000513;
            }
            75% {
            border-radius: 20px;
border: 1px solid #FFEBA2;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 53.5%, rgba(255, 255, 255, 0.20) 100%);
box-shadow: 0px 0px 58.8px 0px #FFD43C, 0px 0px 36px 0px #000513;
            }
            87.5% {
             border-radius: 20px;
border: 1px solid #C3FFA7;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 53.5%, rgba(255, 255, 255, 0.20) 100%);
box-shadow: 0px 0px 58.8px 0px #4FDA0D, 0px 0px 36px 0px #000513;
              
            }
            100% {
             border-radius: 20px;
border: 1px solid #BEE8FF;
background: linear-gradient(180deg, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 53.5%, rgba(255, 255, 255, 0.20) 100%);
box-shadow: 0px 0px 58.8px 0px #18ACFF, 0px 0px 36px 0px #000513;
            }
           
        }
  .title-play{
    color: #FFF;
text-align: center;
text-shadow: 0px 0px 10px rgba(255, 255, 255, 0.65);
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
        text-transform: uppercase;
      text-align:center;
    padding-left:5px;
    padding-right:6px;
  }
  .title-caption{
   color: #FFF;
font-family: Inter;
font-size: 15px;
font-style: normal;
font-weight: 400;
line-height: 22.5px;

    text-align:center;
  }
.clasic-cards-al{
  position:relative;
  z-index:10;
}
.py-cards{
  padding-top:153px;
  padding-bottom:141px;
  padding-left:51px;
  padding-right:51px;
  position:relative;
  
}
.py-cards:after{
      content: "";
    position: absolute;
    border-radius: 1626px;
    background: rgba(151, 71, 255, 0.20);
    filter: blur(100px);
    width: 100%;
    bottom: 0;
    left:0;
    height: 520px;
}
.clasic-cards-al-title .ht{
  text-align: center;
font-family: 'oswald-bold';
font-size: 60px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 66px */
text-transform: uppercase;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) 29.52%, rgba(255, 255, 255, 0.80) 40.2%, #FFF 49.91%, rgba(255, 255, 255, 0.80) 59.65%, rgba(255, 255, 255, 0.10) 69.96%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.al-head{
  display:flex;
  flex-direction:column;
  gap:18px;
  justify-content:center
}
.al-desc{
 max-width: 618px;
    width: 100%;
    margin: 0 auto;
}
.al-desc p{
  color: #FFF;
text-align: center;
text-shadow: 0px 4px 16.1px rgba(0, 0, 0, 0.25);
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 27px */
}
.section-card-wrapper-ab:after{
    content: "";
    position: absolute;
    border-radius: 339px;
    background: rgba(255, 7, 32, 0.20);
    filter: blur(100px);
    width: 339px;
    height: 296px;
    flex-shrink: 0;
    top: 109px;
    right: 68px;

}
.section-card-wrapper-ab:before{
    content: "";
    position: absolute;
    border-radius: 339px;
    background: rgba(255, 7, 32, 0.20);
    filter: blur(100px);
    width: 339px;
    height: 296px;
    flex-shrink: 0;
    bottom: -50px;
    left: 68px;
  z-index:2;
}
.clasic-cards-al-wrapper{
  display: flex;
    flex-direction: column;
    gap: 54px;
}

.card-caption{
    position: absolute;
    top: 14px;
    right: 17px;
    color: #FFF;
    text-align: center;
    font-family: Inter;
    font-size: 18px;
    font-style: normal;
    font-weight: 800;
    text-transform:uppercase;
    line-height: normal;
    letter-spacing: 0.54px;
    display: inline-flex;
    padding: 8px 15px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 100px;
    border: 1px solid rgba(255, 255, 255, 0.50);
    background: rgba(255, 255, 255, 0.15);
    box-shadow: 0px 4px 18.4px 0px rgba(0, 0, 0, 0.25);
}
  .card-image {
    display: block;
    width: 100%;
    transition: opacity 0.8s ease;
  }

  .card-video {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0;
    transition: opacity 0.8s ease;
    pointer-events: none;
  }

  .card-al:hover .card-image {
    opacity: 0;
  }

  .card-al:hover .card-video {
    opacity: 1;
  }

.image-hover-card .card-img,  .image-video-card .card-al{
    position: relative; 
    overflow: hidden;
    display: flex;
width: 450px;
height: 284.738px;
justify-content: center;
align-items: center;
flex-shrink: 0;
  border-radius: 20px;
border: 1px solid #FF9DA7;

box-shadow: 0px 0px 40px 5px rgba(255, 7, 32, 0.70);
  transition:all 0.5s ease;
  }
.image-hover-card:hover .card-img, .image-video-card:hover .card-al{
  border-radius: 20px;
border: 1px solid #BEE8FF;

box-shadow: 0px 0px 40px 5px rgba(24, 172, 255, 0.65);
}

  .card-image {
    display: block;
    width: 100%;
    transition: opacity 0.5s ease;
  height:100%;
  object-fit:cover;

  }

  .hover-image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity 0.8s ease;
  }
.default-image {
  opacity:1;
    transition: opacity 0.8s ease;
}

  .card-img:hover .default-image {
    opacity: 0;
  }

  .card-img:hover .hover-image {
    opacity: 1;
  }
.al-card-hover-wrapper{
      display: flex;
    justify-content: center;
  gap:40px;
}
                  /* ------------- Partner-Card -- Slider __ css-----------  */
.partner-top-container{
  position:relative;
  z-index:10;
}
.partner-bg:after{
      content: "";
    position: absolute;
    background: linear-gradient(180deg, #160C44 0%, rgba(22, 12, 68, 0.00) 100%);
    width: 100%;
    top: 0;
    left: 0;
    height: 175px;
}
.partner-bg:before{
      content: "";
    position: absolute;
   background: linear-gradient(180deg, rgba(19, 4, 54, 0.00) 0%, #130436 100%);
    width: 100%;
    bottom: 0;
    left: 0;
    height: 189px;
}
.partner-bg-overly:after{
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    background: linear-gradient(90deg, rgba(19, 4, 54, 0.00) 0%, #130436 81%);
    width: 1079px;
    height: 100%;
   
}
.part-cards-outer{


  display:flex;
  padding:19px;
  gap:24px;
  width:max-content;
}
.pt-title h4{
  color: #FFF;
text-align: center;
font-family: Inter;
font-size: 22px;
font-style: normal;
font-weight: 700;
line-height: normal;
  margin-top:7px;
}
.part-cards.meta-guest-cards{
  background: rgb(217 217 217 / 10%) !important;
  gap:12px;
 
}
.part-cards{
  border-radius: 20px;
border: 3px solid #D2D2D2;
background: rgba(217, 217, 217, 0.00);
backdrop-filter: blur(17.5px);
  padding:21px 21px 28px 21px;
      display: flex;
    flex-direction: column;
    gap: 35px;

}
.card-img-pt.meta-card{
   width: 100%;
}
.card-img-pt{
  width: 265px;
  height: 201px;
  border-radius: 5px;
  border: 3px solid rgba(255, 255, 255, 0.80);
  background: url(<path-to-image>) lightgray 50% / cover no-repeat;
  box-shadow: 0px 0px 37.1px 0px rgba(0, 0, 0, 0.77);
  position:relative;
  display: flex;
  justify-content: center;
  
}
.img-pt-title{
  position:absolute;
  bottom:14px;
  width: 167px;
}
.img-pt-title h4{
 color: #FFF;
text-align: center;
text-shadow: 0px 0px 16.3px #000;
font-family: Oswald;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 105%; /* 31.5px */
      text-transform: uppercase;
}
.card-img-pt1{
  width:100%;
  height:100%;
  object-fit:cover;
}
.btn-partner-logo{
  border-radius: 100px;
  border: 1px solid rgba(255, 255, 255, 0.60);
  background: #8D00BC;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25), 0px 0px 26.5px 0px #C213FF, 0px 0px 41.8px 0px #C213FF;
  width: 171.33px;
  height: 45px;
  flex-shrink: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}

.partner-top-wrapper{
  display:flex;
      align-items: flex-start;
}
.pt-card-side{
  width:60%;
  display: flex;
  justify-content: center;
}
.ptc-content-side{
  width:40%;
}
.partner-detial-wrapper{
  display:flex;
  flex-direction:column;
  gap:27px;
}
.partner-detail-content-outer{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.pdc-title h4{
  color: #FFF;
font-family: Inter;
font-size: 34px;
font-style: normal;
font-weight: 800;
line-height: 125%; /* 42.5px */
}
.pdc-desc{
  color: #FFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 170%; /* 27.2px */
}
.partner-section-slider{
  background: #130436;
  padding-bottom:118px;
}

.partner-section-slider-wrapper{

    max-width: 1140px;
    margin: 0 auto;
    padding: 0 100px;
    position: relative;
}
.ptc-swiper-con{
  overflow:hidden;
  position:relative;
}
.partner-section-slider-wrapper.gm-trailor-section .ptc-swiper-con .ptc-slide{
  height: 176px;

}
.ptc-swiper-con .ptc-slide{
  height: 247.063px;
 border-radius: 12px;
border: 5px solid rgba(255, 255, 255, 0.70);
  box-shadow: 0px 0px 37px 0px rgba(0, 0, 0, 0.77);
  overflow: hidden;
}
.ptc-swiper-con .ptc-slide img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.play-btn-slider{
      position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  cursor:pointer;
}

@media screen and (min-width:992px){
  
.ptc-slider.ptc-swiper-con.gm-trailer-con:after{
  
    content: "";
    position: absolute;
    left: 0;
    top: 0;
        z-index:0;
    background: none;

}
.ptc-slider.ptc-swiper-con.gm-trailer-con:before{
  
    content: "";
    position: absolute;
    right: 0;
    top: 0;
  z-index:0;
    background: none;

}
.ptc-slider.ptc-swiper-con:after{
  
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 315px;
    background: linear-gradient(90deg, #130436  0%, rgba(19, 4, 54, 0.00) 81%);
    z-index: 99;
}
.ptc-slider.ptc-swiper-con:before{
  
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 315px;
    background: linear-gradient(-90deg, #130436  0%, rgba(19, 4, 54, 0.00) 81%);
    z-index: 99;
}
  }
.ptc-next-btn, .ptc-prev-btn, .meta-btn-next, .meta-btn-prev{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor:pointer;
}
.ptc-next-btn, .meta-btn-next{
  right:-35px;
  
}
.ptc-prev-btn, .meta-btn-prev{
  left:-35px;
}

/* Key feature ssection css ----------------------------- */
.key-feat-bg:after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  background: linear-gradient(180deg, rgba(19, 4, 54, 0.00) 0%, #130436 100%);
  width:100%;
  height: 331px;
  transform: rotate(180deg);
}
.key-feat-bg:before{
  content:"";
  position:absolute;
  bottom:0;
  left:0;
 background: linear-gradient(180deg, rgba(19, 4, 54, 0.00) 0%, #130436 100%);
  width:100%;
  height: 334px;

}

.key-feature-outer{
  position:relative;
  z-index:10;
      display: flex;
    flex-direction: column;
    gap: 35px;
  padding: 0 70px;
}
.ky-left{
  width: 35%;
  padding:36px 59px 50px 34px;
  display:flex;
  flex-direction:column;
  gap:12px;
}
.ky-with-img{
  width:65%;
  height: 347px;
}
.key-feature-top-wrapper{
  display:flex;
  gap:35px;
}
.bg-clsic{
border-radius: 20px;
border: 3px solid rgba(210, 210, 210, 0.5);
background: rgba(217, 217, 217, 0.00);
backdrop-filter: blur(17.5px);
}
.ky-title h4{
  color: #FFF;
font-family: Inter;
font-size: 34px;
font-style: normal;
font-weight: 800;
line-height: 125%; /* 42.5px */
}
.ky-desc p{
color: #FFF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 165%; /* 29.7px */
}
.ky-title-sec h4{
  color: #FFF;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 125%; /* 30px */
}
.ky-desc-sec p{
  color: #FFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%; /* 25.6px */
}
.ky-with-img {
  display:flex;
  align-items: center;
    padding-left: 53px;
  padding-right:34px;
  gap:45px;
}
.ky-img{
  width: 100%;    
  height: 399px;
  
}
.ky-img img{
    height: 100%;
   max-width: 266px;
}
.ky-sec-box-desc{
  display: flex;
    flex-direction: column;
    gap: 10px;
}

.ky-3-box, .ky-4-box{
 width:50%;
     height: 347px;
  position:relative;
}
.ky-3-box{
  display:flex;
    padding-left: 34px;
}
.key-feature-bottom-wrapper{
display:flex;
  gap:35px;
}
.box3-title h4{
  color: #FFF;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 125%; /* 30px */
}
.box3-desc p{
  color: #FFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%; /* 25.6px */
}
.box3-btn{
  width: 210px;
height: 30px;
flex-shrink: 0;
  border-radius: 100px;
background: #FFF;
  filter: drop-shadow(0px 0px 20.5px rgba(24, 172, 255, 0.80));
      display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}
.box3-btn img{
      width: 82px;
}
.box3-btn h5{
  color: #18ACFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 25.6px */
}
.box-3-content-wrap{
  display:flex;
  flex-direction:column;
  gap:10px;
}
.box-3-content{
  width: 50%;
    padding-top: 31px;
      display: flex;
    flex-direction: column;
    gap: 26px;
}
.box3-img{
  width: 100%;
    
    width: 50%;
    position: relative;
    top: 51px;
    left: 24px;
  
}
.box3-img img{
  height:100%;
  object-fit:contain;
}
.box4-content-wrap{
  display: flex;
    flex-direction: column;
    gap: 10px;
}
.box4-content{
  padding: 31px 37px 0 33px;
}
.box-4-title h4{
  color: #FFF;
font-family: Inter;
font-size: 24px;
font-style: normal;
font-weight: 800;
line-height: 125%; /* 30px */
}
.box-4-desc p{
  color: #FFF;
font-family: Inter;
font-size: 16px;
font-style: normal;
font-weight: 500;
line-height: 160%; /* 25.6px */
}

.ky-box-5{
  padding: 33px 37px 33px 43px;
  width:100%;
  display: flex;
    flex-direction: column;
    gap: 24px;
}
.box-5-title h4{
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) -3.58%, rgba(255, 255, 255, 0.80) 30.46%, #FFF 50.83%, rgba(255, 255, 255, 0.80) 73.27%, rgba(255, 255, 255, 0.10) 104.34%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
 position:relative;
font-family: 'oswald-bold';
font-size: 40px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 44px */
text-transform: uppercase;
}
.box-5-title h4::before {
  content: attr(data-text);
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  color: #fff;
  text-shadow: 0px 0px 29.3px rgba(151, 71, 255, 0.50);
  background: none;

}
.ky-feature-last-wrapper{
    position: relative;
  border-radius:20px;
    overflow: hidden;
    border: 3px solid rgba(210, 210, 210, 0.5);
}
.ky-feature-layer{
   position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(217, 217, 217, 0.10);
    backdrop-filter: blur(17.5px); 
    z-index: 0;
}
.btn-wrap .btn-item{
  color: #FFF;
text-align: center;
font-family: Inter;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: 160%; /* 32px */
   position: relative;
    z-index: 3;
}
.text-btn-wrap{
  display:flex;
  justify-content:space-between;
  align-content:center;
}
.btn-wrap{
  display:flex;
  gap:15px;
  position:relative;
  z-index: 2; 
}
.btn-wrap:after{
  content:"";
  position:absolute;
  border-radius: 100px;
box-shadow: 0px 0px 13px 0px rgba(255, 7, 32, 0.60);
    background: linear-gradient(270deg, #FF0720 0%, #9747FF 100%);
  top:50%;
  transform: translateY(-50%);
  height:9px;
  width:100%;
   z-index: 1;
  animation: changeline 8s ease infinite;
}
@keyframes changeline {
  0%, 50%{
    box-shadow: 0px 0px 13px 0px rgba(255, 7, 32, 0.60);
    background: linear-gradient(270deg, #FF0720 0%, #9747FF 100%);
  }
  100%{
    box-shadow: 0px 0px 13px 0px rgba(151, 71, 255, 0.60);
 
background: linear-gradient(270deg, #9747FF 0%, #FF0720 100%);
  }
}
.btn-item{
  padding:5px 18px;
}
.btn-clsic{
  border-radius: 100px;
border: 2px solid #ffffffb3;
background: rgba(217, 217, 217, 0.10);
backdrop-filter: blur(17.5px);
}
.box-5-para{
  z-index:1;
}
.box-5-para p{
  color: #FFF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 150%; /* 27px */
}
.play-st-name{
  color: #FFF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 800;
line-height: 150%;
}
.click-url{
  color: #BB86FF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 150%;
text-decoration-line: underline;
}
/*  gif product  */

.gif-title h4{
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.10) -10.84%, rgba(255, 255, 255, 0.80) 11.45%, #FFF 48.39%, rgba(255, 255, 255, 0.80) 84.45%, rgba(255, 255, 255, 0.10) 106.63%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
  font-family: 'oswald-bold';
font-size: 42px;
font-style: normal;
font-weight: 700;
line-height: 110%; /* 46.2px */
text-transform: uppercase;
}
.gif-desc p{
  color: #FFF;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 600;
line-height: 160%; /* 28.8px */
}
.gif-btn-wrap{
  display: inline-flex;
padding: 15px 25px;
justify-content: center;
align-items: center;
gap: 10px;
  width:max-content;
  border-radius: 100px;
  z-index: 16;
    cursor: pointer;
/* border: 0.7px solid rgba(255, 255, 255, 0.79);
background: #CD0015;
box-shadow: 0px 0px 7.4px 0px rgba(255, 193, 193, 0.65), 0px 0px 36.4px 0px rgba(238, 43, 63, 0.79), 0px 0px 26.5px 0px #EB0018; */
animation: btnchange 10s ease infinite;
}
@keyframes btnchange {
0%, 35%{
  border: 0.7px solid rgba(255, 255, 255, 0.79);
background: #CD0015;
box-shadow: 0px 0px 7.4px 0px rgba(255, 193, 193, 0.65), 0px 0px 36.4px 0px rgba(238, 43, 63, 0.79), 0px 0px 26.5px 0px #EB0018;
}
  35%, 75% {
   
border: 0.7px solid rgba(255, 255, 255, 0.79);
background: #9747FF;
box-shadow: 0px 0px 7.4px 0px rgba(151, 71, 255, 0.60), 0px 0px 36.4px 0px #9747FF, 0px 0px 26.5px 0px #9747FF;
  }
  100%{
    border: 0.7px solid rgba(255, 255, 255, 0.79);
background: #CD0015;
box-shadow: 0px 0px 7.4px 0px rgba(255, 193, 193, 0.65), 0px 0px 36.4px 0px rgba(238, 43, 63, 0.79), 0px 0px 26.5px 0px #EB0018;
  }
}
.gif-btn-wrap a{
  color: #FFF;
text-align: center;
font-family: Inter;
font-size: 18px;
font-style: normal;
font-weight: 700;
line-height: normal;
letter-spacing: 0.36px;
}
.text-with-gif-section{
background: #130436;
  padding-top:166px;
  padding-bottom:250px;
  position:relative;

}
.text-with-gif-section:after{
      content: "";
    position: absolute;
    bottom: 0;
    left: -17%;
    border-radius: 828px;
    background: rgba(151, 71, 255, 0.18);
    filter: blur(100px);
    width: 828px;
    height: 731px;
    flex-shrink: 0;
   z-index:1;
}
section.text-with-gif-section:before{
      content: "";
    position: absolute;
    top: 113px;
    left: 45px;
    border-radius: 339px;
    background: rgba(255, 7, 32, 0.30);
    filter: blur(100px);
    width: 339px;
    height: 296px;
    flex-shrink: 0;
   z-index:1;
}
.section-gif-wrap:after{
  content: "";
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 471px;
    background: radial-gradient(50% 50% at 50% 50%, rgba(151, 71, 255, 0.20) 0%, rgba(151, 71, 255, 0.00) 100%);
    width: 471px;
    height: 421px;
    flex-shrink: 0;
   z-index:10;
}
.section-gif-wrap:before{
  content: "";
    position: absolute;
    top: 305px;
    right: 0;
    border-radius: 339px;
    background: rgba(255, 7, 32, 0.20);
    filter: blur(100px);
    width: 339px;
    height: 296px;
    flex-shrink: 0;
  z-index:10;
}
.gif-outer-con{
  position:relative;

}
.gif-section{
  height: 100%;
}
.gif-section img{
  width:100%;
  height:100%;
  object-fit: contain;
}

.gif-detail-outer{
      padding-top: 95px;
    padding-left: 117px;
  padding-bottom:111px;
  width:35%;
  display: flex;
    flex-direction: column;
    gap: 26px;
  position:relative;
  z-index:10;
}
.gif-inner-border{
  display: flex;
   position: relative;
     

    border-radius: 20px;
      outline: 0.2px solid #ffffff54;
  animation: borderchange 10s ease infinite  ;

}
@keyframes borderchange {
 0%, 35%{
     box-shadow: inset 0 0 30px rgba(238, 43, 63, 0.79), 0 0 30px rgba(238, 43, 63, 0.79);
    border: 9px solid #CD0015;
  }
 35%, 75%{
    box-shadow:inset 0px 0px 30px  rgba(151, 71, 255, 0.79), 0px 0px 30px  rgba(151, 71, 255, 0.79);
  border: 9px solid #9747FF;
  }
 100%{
     box-shadow: inset 0 0 30px rgba(238, 43, 63, 0.79), 0 0 30px rgba(238, 43, 63, 0.79);
    border: 9px solid #CD0015;
  }
 
  
}

.gif-img{
    position: absolute;
    top: auto;
    right: 141px;
    height: 650px;
    width: 391px;
    bottom: -250px;
  
}

.gif-content-wrap{
  display:flex;
  flex-direction:column;
  gap:14px;
}
@media screen and (max-width:1320px){
  .ky-with-img{
    justify-content: flex-end;
    padding-top: 36px;
    padding-bottom: 36px;
        height: 100%;
  }
  .ky-sec-box-desc{
    width:50%;
  }
  .ky-img{
    position:absolute;
    left:15px;
  }
  .text-btn-wrap{
    flex-wrap: wrap;
    gap: 20px;
  }
}
@media screen and (max-width:1140px){
  .pt-card-side, .ptc-content-side{
    width:auto
  }
  .part-cards-outer{
          flex-direction: column;
  }
  .partner-top-wrapper{
    gap:80px;
  }
  .ptc-prev-btn{
    left:0;
  }
  .ptc-next-btn{
    right:0;
  }
}
@media screen and (max-width:1024px){
  .key-feature-top-wrapper{
    flex-direction:column;
  }
  .ky-sec-box-desc{
    width:60%;
  }
  .ky-left, .ky-with-img{
    width:100%;
  }
  .ky-with-img{
    padding-top:50px;
    padding-bottom:50px;
  }
  .key-feature-bottom-wrapper{
    flex-direction:column;
  }
  .ky-3-box, .ky-4-box{
    width:100%;
  }
}
@media screen and (max-width:992px){
  .image-hover-card .card-img, .image-video-card .card-al{
        max-width: 450px;
    width: 100%;
  }
 
  .text-btn-wrap{
            align-items: center;
  }
  .btn-wrap .btn-item{
    white-space:nowrap;
  }
  .box-5-btn{
        overflow: scroll;
        scroll-behavior: smooth;
        scrollbar-width: none;
      }
 
   .py-cards{
    padding-left:1rem;
    padding-right:1rem;
  }
.gif-inner-border{
  flex-direction: column;
}
.gif-detail-outer{
      width: 100%;
    height: 100%;
  padding-left:50px;
}

  
  
}

@media screen and (max-width:768px){
  .partner-section-slider-wrapper{
    padding: 0 60px;
  }
  .card-wrapper{
    flex-direction: column;
    align-items: center;
  }
  .card-outer{
        max-width: 400px;
    width: 100%;
  }
  .al-card-hover-wrapper{
    flex-direction: column;
        align-items: center;
  }
  .py-cards{
    padding-left:1rem;
    padding-right:1rem;
  }

  .partner-top-wrapper{
    flex-direction:column;
    justify-content:center;
    align-items:center;
  }
  .key-feature-outer{
    padding:0 1rem;
  }
  .gif-img{
    position: relative;
           width: 70%;
        height: 500px;
        left: 50%;
        right: auto;
        transform: translateX(-50%);
        bottom: -150px;
  
  }
    .ky-with-img {
      flex-direction:column;
      padding-left: 35px;
    }
    .ky-sec-box-desc{
      width:100%;
    }
    .ky-img{
      position:static;
      display: flex;
        justify-content: center;
    }
  .ky-3-box{
    flex-direction:column-reverse;
    padding-bottom: 25px;
    height:100%;
  }
  .ky-4-box{
    height:100%;
  }
  .box-3-content{
    width:100%;
  }
  .box3-img{
    width:100%;
    left:0;
    display:flex;
    justify-content:center;
  }
  .gif-detail-outer{
    padding-left:24px;
    padding-right:24px;
    padding-bottom:0;
  }
  .clasic-cards-al-title .ht{
    font-size:54px;
  }
  .partner-section-slider{
    padding-bottom:50px;
  }
  .text-with-gif-section{
    padding-top:50px;
  }
}
@media screen and (max-width:520px){
   .partner-section-slider-wrapper{
    padding: 0 30px;
  }
  .meta-btn-next, .meta-btn-prev{
    z-index:10;
   
  }
  .meta-btn-next{
    right:0;
  }
  .meta-btn-prev{
    left:0;
  }
  .ptc-next-btn svg , .ptc-prev-btn svg,   .meta-btn-next svg, .meta-btn-prev svg{
    width:70px !important;
  }
  .ptc-next-btn, .ptc-prev-btn{
    z-index:10;
  }
  .gif-img{
    bottom:auto;
    top:70px;
    height:100%;
  }
  .btn-wrap:after{
    width:200%;
  }
  .text-with-gif-section{
    padding-bottom:150px;
  }
}