/* help page start */
.help__page{
    background-color: var(--color-blue);
    padding: 50px 0px;
    margin-top: 35px;
}

.help__page .help__all{
    color: var(--color-white);
    text-align: center;
}


.help__page .help__all h5{
    margin-top: 30px;
}

.help__page .help__all .help__slider{
    margin-top: 40px;
    display: flex;
    align-items: center;
    
}

.help__page .help__all .help__slider i{
    color: var(--color-white);
    border: 1px solid var(--color-white);
    border-radius: 50%;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content:center;
    cursor: pointer;
}



.help__page .help__all .help__slider .swiper-slide img{
    height: 126px;
    width: 126px;
    margin: auto;
}
.help__page .help__all .help__slider .swiper-slide a{
    color: var(--color-white);
}

/* help page end */



/* help blog start */

.blogs{
    margin-top: 100px;
}

.blogs .blogs__all h3{
    text-align: center;
    color: var(--color-blue);
}

.blogs .blogs__all .blogs__main{
    margin-top: 100px;
}
.blogs .blogs__all .blogs__main:first-child{
    margin-top: 60px;
}



.blogs .blogs__all .blogs__main .blog__contact{
    margin-top: 80px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.blogs .blogs__all .blogs__main .blog__contact .blog__contact-img{
    max-width: 302px;
    height: 220px;
}
.blogs .blogs__all .blogs__main .blog__contact .blog__contact-text{
   text-align: center;
}
.blogs .blogs__all .blogs__main .blog__contact .blog__contact-text h4{
    color: var(--color-blue);
 }
 .blogs .blogs__all .blogs__main .blog__contact .blog__contact-text p{
   margin-top: 30px;
 }
 .blogs .blogs__all .blogs__main .blog__contact .blog__contact-text ul{
    display: flex;
    align-items: center;
    gap: 65px;
    margin-top: 50px;
  }
  
  .blogs .blogs__all .blogs__main .blog__contact .blog__contact-text ul a{
    color: var(--color-white);
    display: flex;
    align-items: center;
    gap: 15px;
  }

 /* help blogs end  */



 /* responsive start */

 @media screen and (max-width:1200px){
    .blogs{
        margin-top: 60px;
    }
    .blogs .blogs__all .blogs__main{
        margin-top: 40px;
    }
   
    
 }
/* responsive end */