.subscribe-wrap {
            width: 100%;
            padding: clamp(30px, 4.166667vw, 80px) 0;
        }
  .subscribe-wrap  .container{
      display: flex;
  }      
        .subscribe-text {
            width: 45%;
            background-color: #e6e6e6;
            padding: clamp(20px, 6.25vw, 120px) clamp(20px, 4.166667vw, 80px);
            display: flex;
            flex-direction: column;
            gap: 24px;
        }
        .subscribe-text h2 {
            font-size: clamp(24px, 1.88vw, 36px);
            font-weight: 600;
            color: #000000;
        }
        .subscribe-text p {
            font-size: clamp(14px, 0.83vw, 16px);
            color: #666;
            line-height: 1.6;
            max-width: 420px;
        }

        .subscribe-btn {
            width: fit-content;
            padding: 14px 32px;
            background-color: #ffbc5c;
            border: none;
            border-radius: 999px;
            font-size: clamp(14px, 0.83vw, 16px);
            font-weight: 500;
            display: flex;
            align-items: center;
            gap: 10px;
            cursor: pointer;
            color: #333;
        }

 .subscribe-btn:hover {
    background-color: #fdd8a1;
}
        .subscribe-btn svg {
            width: 18px;
            height: 18px;
        }
         .subscribe-img img{
    
    object-fit: cover;
    width: 100%;
    height: auto;
}
        .subscribe-img {
            flex: 1;
            background-size: cover;
            background-position: center;
            position: relative;
        }
        
        .play-icon {
            position: absolute;
            bottom: 24px;
            right: 24px;
            width: 36px;
            height: 36px;
            background: rgba(0,0,0,0.4);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: #fff;
        }


@media(max-width:991px){
    .subscribe-btn {
        padding: 10px 30px;
    }
    .subscribe-text {
        gap: 15px;
        padding: 30px;
    }
}

@media(max-width:768px){
    .subscribe-wrap .container {flex-direction:column}
    .subscribe-text {width:100%;padding: 15px;gap: 10px;}
}