@charset "UTF-8";
@import url("./fontquatro.css");

/* Begin global styles */
:root {
    --brand-primary-color: #E00808;
    --brand-primary-color-light: #25AAE1;
    --brand-secondary-color: #8DC416;
}

body {
    font-family: 'Quatro', sans-serif;
    font-weight: regular;
}

.text-brand-primary {
    color: var(--brand-primary-color);
}

.text-brand-secondary {
    color: var(--brand-secondary-color);
}

.border-brand-primary {
    border-color: var(--brand-primary-color) !important;
}

.border-brand-secondary {
    border-color: var(--brand-secondary-color);
}

.bg-white {
    background-color: #FFFFFF;
}

.bg-brand-primary {
    background-color: var(--brand-primary-color);
}

.bg-brand-primary-light {
    background-color: var(--brand-primary-color-light);
}

.bg-brand-secondary {
    background-color: var(--brand-secondary-color);
}

.badge-circle {
    max-height: 1.75rem;
    max-width: 1.75rem;
    min-height: 1.75rem;
    min-width: 1.75rem;
    border-radius: 50%;
}
/* End global styles */

/* Begin (home/tempaltes) navbar section */
.navbar-section .brand-logo {
    max-height: 38px;
    width: auto;
}

.navbar-section .whatsapp-icon {
    background-image: url(../img/whatsapp.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 25px 25px;
}
/* End (home/tempaltes) navbar section */

/* Begin (home/templates) header section */
.header-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.header-section-home-background-image {
    background-image: url(../img/home-header.jpg);
}

.header-section-alpha-background-image {
    background-image: url(../img/alpha-header.jpg);
}

.header-section-beta-background-image {
    background-image: url(../img/beta-header.jpg);
}
/* End (home/tempaltes) header section */

/* Begin (home) welcome section */
.welcome-section {

}
/* End (home) welcome section */

/* Begin (home) jobs section */
.jobs-section {

}
/* End (home) jobs section */

/* Begin (home) what do we offer section */
.what-do-we-offer-section {

}
/* End (home) what do we offer section */

/* Begin (home) about section */
.about-section {
.card-body.p-5 {
    background-color: #E4E4E3;
}
}
/* End (home) about section */

/* Begin (templates) what are you going to do section */
.what-are-you-going-to-do-section-section {

}
/* End (templates) what are you going to do section */

/* Begin (templates) what are you bringing section */
.what-are-you-bringing-section {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.what-are-you-bringing-section-alpha-background-image {
    background-image: url(../img/alpha-what-are-you-bringing.jpg);
}

.what-are-you-bringing-section-beta-background-image {
    background-image: url(../img/beta-what-are-you-bringing.jpg);
}
/* End (templates) what are you bringing section */

/* Begin (templates) what do you get section */
.what-do-you-get-section-section {

}
/* End (templates) what do you get section section */

/* Begin (templates) your department section */
.your-department-section-section {

}
/* End (templates) your department section */

/* Begin apply now section */
.apply-now-section {

}

.apply-now-section .sform {
    height: 1250px !important;
}
/* End apply now section */

/* Begin (home/templates) footer section */
.footer-section {

}
/* End (home/templates) footer section */

/* Begin X-Small devices (portrait phones, less than 576px) */
/* No media query for `xs` since this is the default in Bootstrap */

/* Begin Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {

}
/* End Small devices (landscape phones, 576px and up) */

/* Begin Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {

}
/* End Medium devices (tablets, 768px and up) */

/* Begin Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .apply-now-section .sform {
        height: 890px !important;
    }
}
/* End Large devices (desktops, 992px and up) */

/* Begin X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {

}
/* End X-Large devices (large desktops, 1200px and up) */

/* Begin XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {

}
/* End XX-Large devices (larger desktops, 1400px and up) */






@media (min-width: 992px) {
  .container.what-do-we-offer-section.py-5 .col-lg-8 {
        width: 50%;
    }
}

img.brand-logo {
    width: 175px;
}

.what-are-you-bringing-section .pb-4 {
    padding-bottom: 1.0rem !important;
}

.what-do-you-get-section .pb-4 {
    padding-bottom: 1.0rem !important;
}

.what-do-you-get-section .align-items-center {
    align-items: normal !important;
}

.what-do-you-get-section  .pb-2 {
    padding-bottom: 1.5rem !important;
}

@media (max-width: 768px) {
.navbar-section .brand-logo {
    max-height: 28px;
    width: auto;
}
	
.header-section .fs-6.text-secondary {
    font-size: 0.8rem !important;
}
	
.header-section-alpha-background-image {
        background-position: -800px -0px;
	}
.what-are-you-bringing-section-alpha-background-image {
    background-position: -20px -10px;
}
.header-section-home-background-image {
    background-position: -130px -20px;
}
}

nav.navbar .btn-outline-success {
    background-color: #C23734;
    color: white;
    outline: auto;
}

nav.navbar .btn-outline-success:active {
    background-color: #99C240;
    color: white;
    outline: auto;
}

.blockquote-footer::before {
    content: "";
}