/* blog start */
.blog__detail{
    margin-top: 50px;
}

.blog__detail .detail__main{
    margin-top: 15px;
   
    margin: 0 auto;
}
.blog__detail .detail__main h2{
    text-align: center;
    color: var(--color-blue);
}
.blog__detail .detail__main .slider__main{
    margin-top: 50px;
    align-items: center;
    gap: 100px;
}

.blog__detail .detail__main .slider__main .detail__slider img{
    object-fit: contain;
    height: 409px;
    width: 100%;
}


.blog__detail .detail__main .slider__main .detail__slider .swiper-slide{
   display: flex;
   flex-direction: column;
   gap: 30px;
   text-align: center;
   height: auto;
}

.blog__detail .detail__main .slider__main .detail__slider .swiper-slide p{
   text-align:start;
}


.blog__detail .detail__main .ico__box{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    align-items:center;
}

.blog__detail .detail__main .slider__ico{
    display: inline-flex;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
    border-radius:8em;
    gap: 15px;
    align-items: center;
    border: 1px solid var(--color-pink);
    background-color: var(--color-pink);
    color: var(--color-white);
    height: 60px;
    width: 200px;
    cursor: pointer;
}

.swiper-pagination {
    position: static !important;
    margin: auto;
    margin-top: 50px;
}

/* blog end */


/* responsive start */
@media screen and (max-width:992px){
    .blog__detail .detail__main .slider__ico{
        display: none;
       
    }
    
   

}
@media screen and (max-width:768px){
  
.blog__detail .detail__main .slider__main .detail__slider img{
   
    height: 272px;
   
}
.blog__detail .detail__main{
    margin-top: 50px;
   
}

}



/* responsive end */