.faq-banner {
    position: relative;
    width: 100%;
    height: 90%;
    background-color: #34A853;
}
.faq-banner::after {
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 10%;
    background-color: white;
}
.faq-banner .card {
    height: 550px;
    overflow-y: scroll;
    box-shadow: 0px 3px 25px #57f44226;
}
#blog .card:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    transform: scale(1.01);
}
#blog .card img {
    transition: 0.4s;
}
#blog .card:hover img {
    transform: scale(1.05);
}
summary {
    list-style: none !important;
    list-style-type: none !important;
}

@supports (-webkit-touch-callout: none) {
    summary {
        list-style: none !important;
        list-style-type: none !important;
    }
}
summary::-webkit-details-marker {
    display: none !important;
}

#blog .card-foot img,svg {
      width: 25px!important;
}
#blog .button:hover .card {
    box-shadow: rgb(82 204 231 / 25%) 0px 50px 100px -20px, rgb(242 254 255 / 30%) 0px 30px 60px -30px, rgb(166 218 255 / 92%) 0px -2px 6px 0px inset;
    transform: scale(1.01);
}
.block-link {
    inset: 0;
    overflow: hidden;
    position: absolute;
    text-indent: 200%;
    white-space: nowrap;
}
#blog .card {
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
    transition: 0.4s ease !important;
}
#blog .image-container {
    position: relative;
    width: 100%;
    overflow: hidden;
}
#blog .card .h6 {
    height: 50px;
    overflow: hidden;
}
#blog .image-container img {
    width: 100%;
    height: auto;
    border: none;
    height: 220px;
}
#blog .image-container::before,#blog .image-container::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 0;
}
#blog .image-container::after {
    left: 0;
    border-right: 395px solid transparent;
    border-bottom: 22px solid #fff;
}
#about-contact .fgh .form-control {
    border-radius: 0!important;
    border-top: none!important;
    border-right: none!important;
    border-left: none!important;
    border-width: 1px!important;
}
#about-contact .form-control {
    border-color: #BFD6FB!important;
    background: none!important;
}
#about-contact .mult-slt .form-control {
    border-bottom-width: 3px!important;
}
.form-control:focus,.form-check-input:focus {
    box-shadow: none!important;
}
#about-contact ::placeholder {
    color: #CECECE!important; 
}
.about-contact-background .main-card {
    box-shadow: 0px 3px 25px #4285F426;
}
.about-contact-background .get-touch {
    font-size: 50px!important;
}
#about-contact .select_nb {
    white-space: nowrap!important;
    overflow-x: scroll!important;
    text-overflow: ellipsis!important;
}
@media (min-width: 1700px){
    .faq-banner .faq-image {
        width: 40%!important;
    }   
}
@media (min-width: 1376px) and (max-width: 1700px){
    .faq-banner .faq-image {
        width: 65%!important;
    }   
}
@media (min-width: 1024px) and (max-width: 1376px){
  .faq-banner .card .d-flex {
        padding-top: 0.5rem!important;
        padding-bottom: 0.5rem!important;
    }
}
@media (min-width: 700px) and (max-width: 990px){
    .faq-banner .faq-image {
        width: 100%!important;
    }
    .blog-banner .p-5 {
        padding: 1rem!important;
    }
    .faq-banner .w-75 {
        width: 95%!important;
    }
    #about-contact .pt-5 {
        padding-top: 1rem!important;
    }
    #about-contact .mx-5 {
        margin-right: 1rem!important;
        margin-left: 1rem!important;
    }
}
@media (min-width: 600px) and (max-width: 712px){
  #faq h5 {
    font-size: 16px!important;
  }
  .faq-banner .faq-image {
    width: 95%!important;
    }
    .faq-banner {
        height: 80%!important;
    }
    .faq-banner::after {
        height: 20%!important;
    }
    #about-contact .pt-5 {
        padding-top: 1rem!important;
    }
    #about-contact .mx-5 {
        margin-right: 1rem!important;
        margin-left: 1rem!important;
    }
}
@media (max-width: 600px){
    .faq-banner {
        position: relative;
        width: 100%;
        height: 60%;
        background-color: #34A853;
    }
    .faq-banner::after {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 40%;
        background-color: white;
    }
    .faq-banner .w-75 {
        width: 95%!important;
    }
    .blog-titl {
        font-size: 3rem!important;
    }
    .blog-banner h6 {
        font-size: 1.4rem;
    }
    .blog-banner .card-foot img,svg {
        width: 18px!important;
    }
    .blog-banner .p-5 {
        padding: 1rem!important;
    }
    #blog .card .h6 {
        height: auto;
        overflow: hidden;
        padding-bottom: 0.5rem;
    }
    .blog-banner .card-foot .text-muted{
        font-size: 10px!important;
    }
    .faq-banner h5 {
        font-size: 17px;
    }
    .faq-banner .pt-5 {
        padding-top: 0rem!important;
    }
    .faq-banner .faq-image {
        width: 100%!important;
    }
    .faq-banner .mt-5 {
        margin-top: 0rem!important;
    }
    #about-contact {
        margin-top: 3rem;
    }
    #about-contact .p-5 {
        padding: 0rem!important;
    }
    #about-contact .m-5 {
        margin: 0.5rem!important;
    }
    #about-contact .card .row,#about-contact .card .select_nb {
        display: block!important;
    }
    .about-contact-background {
        height:auto!important;
        margin-bottom: 1rem!important;
        padding-bottom: 0.1rem;
    }
    #about-contact .card .select_nb {
        text-wrap: wrap!important;
    }
    #about-contact .p-4 {
        padding: 0.8rem!important;
    }
}
@media (max-width: 375px){
    .blog-titl {
        font-size: 2rem!important;
    }
    .blog-banner h2 {
        font-size: 20px;
    }
    .blog-banner h6 {
        font-size: 0.8rem!important;
    }
}