#terms-and-conditions .title-background,
#terms-and-coditions .title-background, 
#who-we-are .title-background { background-image: url(/static/images/who_we_are.webp); }
#terms-and-coditions .title-background, #who-we-are .title-background, #faq .title-background, #contact .title-background{ background-position: center top; background-size: 100% auto; height: 200px; }
#terms-and-coditions .title-background .card-body, 
#who-we-are .title-background .card-body, 
#faq .title-background .card-body, 
#contact .title-background .card-body { padding-top: 128px; }
#terms-and-coditions .title-background .card-body h1, #who-we-are .title-background .card-body h1, #faq .title-background .card-body h1, #contact .title-background .card-body h1 { background-color: rgb(93 72 110 / 80%); width: 50%; margin-left: 49%; margin-right: 1%; padding: 20px; max-width: 700px; border-radius: 10px; color: #fff; text-align: right; } 
#terms-and-coditions #first-container, #terms-and-coditions .container-block, #who-we-are .container-block { margin-left: 15%; width: 70%; display: flex; }
#who-we-are #first-container, #faq #first-container { padding-top: 5%; }
#terms-and-coditions #first-container { padding-top: 10%}
#who-we-are .container-block .left-image { display:inline-block; width: 30%; text-align: end; }
#who-we-are .container-block .right-image { display:inline-block; width: 30%; }
#who-we-are .container-block .left-image img, #who-we-are .container-block .right-image img { max-width: 400px; }
#who-we-are .container-block .text{ width: 70%; display: flex; align-items: center; }
#who-we-are .container-block .text,
#who-we-are .container-block .text p { text-align: justify;}
#terms-and-coditions #first-container .text div, #terms-and-coditions .container-block .text div, #who-we-are .container-block .text div { width: 100%; }
#faq .container-block { margin: 0 auto; width: 80%; }
#faq .title-background {  background-image: url(/static/images/faq.webp); }
#faq .container-block .title { font-size: 28px; font-weight: 600; color: rgb(60 50 67 / 1); text-transform: uppercase; border-bottom: 2px solid rgb(93 72 110 / 80%); }
#faq .container-block .questions { cursor: pointer; padding: 15px; color: #8e799f; line-height: 2.75rem; font-size: 1.35rem; }
#faq .container-block .questions.-selected { color: #251632; }
#faq .container-block .answer { display: none; border: 1px solid rgb(65 18 104 / 80%); margin: 0 auto; width: 95%; padding: 25px; border-radius: 10px; }
#faq .title-background { background-image: url(/static/images/faq.webp); }
#contact .title-background { background-image: url(/static/images/contact.webp); }
#contact .content-form { width: 50%; margin: 0 auto; padding-top: 5%; }
#contact .content-form .form-control { padding: 10px; margin-bottom: 10px; }
#contact .content-form .content-button { text-align: end; }
#contact .content-form .content-button .btn-outline-light { background-color: rgb(65 18 104 / 80%); border: 1px solid #251632; color: #fff; height: 70px; font-size: 26px; width: 20%; min-width: 100px; }   
#contact .content-form .content-button .btn-outline-light:hover { background-color: #fff; color: rgb(65 18 104 / 80%); }
.mt-5 { position: relative; height: 400px; margin-top: 100px !important; }
@media screen and (max-width: 1940px) {
    #who-we-are .container-block { margin-left: 10%; width: 80%; display: flex; }
}
@media screen and (max-width: 1720px) {
    #who-we-are .container-block { margin-left: 5%; width: 90%; display: flex; }
    #who-we-are .container-block .left-image img, #who-we-are .container-block .right-image img { max-width: 340px; }
}
@media screen and (max-width: 1440px) {
    body {max-width: 1440px; width: 100%;}
    body header .logo { max-width: 200px; width: 20%; }
    #terms-and-coditions #first-container { padding-top: 10%; }
    #who-we-are #first-container { padding-top: 8%; }
    #contact .content-form { padding-top: 6%; }
}
@media screen and (max-width: 1280px) {
    #who-we-are .title-background .card-body h1, 
    #faq .title-background .card-body h1, 
    #contact .title-background .card-body h1, 
    #terms-and-coditions .title-background .card-body h1 { width: 48%; margin-right: 20%; padding: 16px; font-size: 1.7rem !important; }
    #who-we-are .container-block .left-image img, 
    #who-we-are .container-block .right-image img { max-width: 250px; }
}
@media screen and (max-width: 1024px) {
    #who-we-are #first-container, #contact .content-form { padding-top: 8% !important; }   
    #contact .content-form { width: 70%; margin: 0 auto; }
    #who-we-are .title-background .card-body h1 { width: 80%; margin-left: 28%; }
    #who-we-are .container-block .text { width: 100%; display: block; padding-top: 6%;}
    #terms-and-coditions .title-background .card-body h1{ width: 55%; margin-left: 42%; }
    #terms-and-coditions #first-container { padding-top: 15%; }
    #who-we-are .container-block .text p { margin-top: 0; margin-bottom: 1rem; padding: 0 20px; }
}
@media screen and (max-width: 912px) {
    #who-we-are .container-block .left-image img, #who-we-are .container-block .right-image img { max-width: 240px; }
    #who-we-are .title-background .card-body h1 { width: 80%; margin-left: 20%; }
    #who-we-are .container-block { display: block; }
    #who-we-are .container-block .right-image, #who-we-are .container-block .left-image { display: block; text-align: center; width: 100%; padding-top: 6%; }
}
@media screen and (max-width: 820px) {
    #who-we-are .container-block .left-image img, #who-we-are .container-block .right-image img { max-width: 210px; }
    .body-container .title-background .card-body h1 { width: 78% !important; font-size: 1.51rem; margin-left: 18% !important; }
}
@media screen and (max-width: 768px) {
    #contact .content-form .content-button .btn-outline-light { width: 30%; }
    body header .logo { max-width: 100%; width: 100%; }
}
@media screen and (max-width: 600px) {
    #who-we-are .title-background .card-body h1, #faq .title-background .card-body h1, #contact .title-background .card-body h1 { width: 90%; margin-left: 7%; }
    #who-we-are #first-container, #contact .content-form { padding-top: 15% !important; }
    #contact .content-form { width: 90%; }
    .-captcha div {margin-left: -1.5px;}
    #contact .content-form .content-button { padding-top: 5%; }
    #contact .content-form .content-button .btn-outline-light {width: 100% }    
}
@media screen and (max-width: 425px) {
    #terms-and-coditions .title-background .card-body h1 { width: 84% !important; margin-left: 13% !important; }
    #faq #first-container,
    #who-we-are #first-container, 
    #contact .content-form,
    #terms-and-coditions #first-container { padding-top: 25% !important; }
}
@media screen and (max-width: 320px) {
    .title { margin-top: 0rem !important; /*  */ }
    #who-we-are .title-background .card-body h1, 
    #faq .title-background .card-body h1, 
    #contact .title-background .card-body h1, 
    #terms-and-coditions .title-background .card-body h1 { font-size: 1.1rem !important; }
}