/**********FONTS**********/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');
.montserrat-500{
    font-family: "Montserrat", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
} 
.raleway-500{
    font-family: "Raleway", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
}
.open-sans-500 {
    font-family: "Open Sans", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    font-variation-settings:
        "wdth" 100;
}


/**********COLORS*********/
:root {
    --primaryColor: #0003ff;
    --secondaryColor: #fe0000;

    --mainbgcolor: #ffffff;

    --textColorDark: #1e1b1c;
    --textColorLight: #ffffff;
    --hyperlinkColor: #0003ff;

    --mainNavColor: #ffffff;
    --mainNavTextColor: #1e1b1c;

    --accordionIconColor: #fe0000;
}


/**********BASE ELEMENTS**********/
sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}
h1 {
    text-align: left; 
    font-family: 'Montserrat';
    font-weight: 700;
    color: var(--secondaryColor); 
    font-size: 32px; 
    text-transform: uppercase;
    margin: 0;
    border-bottom: 2px solid var(--secondaryColor);
    padding: 0 5px;
}
h3 {
    text-align: left; 
    font-family: 'Raleway'; 
    font-weight: 500;
    color: var(--textColor); 
    font-size: 24px; 
    margin: 0 0 30px 0;
}
.flex-center {
    display: flex;
    align-items: center;
    justify-content: center;
}
 * {
    box-sizing: border-box;
 }


/**********SECTION HEADER**********/
.section-header {
    width: 100%;
    display: flex;
    justify-content: left;
    flex-direction: row;
    padding-left: 60px;
    padding-right: 60px;
    margin-bottom: 30px;
}
.section-decoration {
    width: 15px;
    height: inherit;
    background-color: var(--secondaryColor);
}
@media only screen and (max-width: 750px) {
    .section-header {
        padding-left: 20px;
        padding-right: 20px;
    }
}


/**********SECTION BODY**********/
.section-container {
    width: 100%;
    height: auto;
    flex-direction: column;
}
.section-container__pt {
    padding-top: 60px;
}
.section-container__pb {
    padding-bottom: 60px;
}
.section-container__ph {
    padding-left: 60px;
    padding-right: 60px;
}
@media screen and (max-width: 750px) {
    .section-container__ph {
    padding-left: 20px;
    padding-right: 20px;
    }
}


/**********MAIN NAVIGATION MENU**********/
.main-nav__container {
    position: sticky;
    top: 0;
    border-bottom: 2px var(--secondaryColor) solid;
    z-index: 50;
}
.main-nav__header {
    /*width: auto;
    height: fit-content;*/
    background-color: var(--mainNavColor);
    box-sizing: border-box;
    padding: 0 70px;
}
.main-nav__inner-container {
    width: 100%;
    height: 100px;
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
}
.main-nav__left-container {
    width: auto; 
    height: 100%;
    display: flex;
    align-items: center;
}
.main-nav__right-container {
    width: fit-content; 
    height: 100%;
    display: flex;
    align-items: center;
}  



/**********ABOUT**********/
.about-container_inner {
    width: 100%;
    flex-direction: row;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-blend-mode: darken; 
    background-color: rgba(0, 0, 0, 0.6); 
}
.about-container_child {
    margin: 90px;
    background: rgba(255,255,255,0.8);
    border-radius: 10px;
    padding: 50px;
    box-sizing: border-box;
    color: black;
    width: 70%;
    max-width: 1500px;
}
.about-container_child p {
    color: var(--textColor);
    font-family: 'Raleway';
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    text-align: justify;
    margin: 0;
}
.about-container_child img {
    width: 70px;
    margin-right: 40px;
}
@media only screen and (max-width: 750px) { 
    .about-container_inner {
        flex-direction: column;
    }
    .about-container_child {
        width: 90%;
        padding: 30px;
    }
    .about-container_child p {
        font-size: 14px;
        /*text-align: left;*/
    }
    .about-container_child img {
        width: 50px;
        margin-right: 20px;
    }
}

/**********SERVICES**********/
.services-table__wrapper {
    overflow-x: auto;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    display: flex;
    align-items: center;
}
.services-table {
    border-collapse: collapse;
    border-spacing: 0;
}
.services-table th, td {
    max-width: 600px;
    min-width: 250px;
    text-wrap: wrap;
    border: 0px;
    border-spacing: 0px;
    text-align: left;
    padding: 10px 20px;
}
.services-table tr:first-child{background-color: var(--secondaryColor); color: white;}
.services-table tr:nth-child(even){background-color: #dfdfef;}