/* Basic Reset */
:root{
    --primary-color: #cdad7d;
    --primary-shade: #8c785d;
    --primary-light: #f4f1ec;
    --green: #4E6E5D;
    --mid-green: #7b9c8a;
    --light-green: #e9faf3;
    --light: #ffffed;
    --white: #ffffff;
}
/* @font-face{
    font-family: 'librebaskerville';
    font-weight: 400;
    font-display: swap;
    src: url('/assets/webfontkit-20250528-115950/librebaskerville-bold-webfont.woff2') format('woff2');
    src: url('/assets/webfontkit-20250528-115950/librebaskerville-bold-webfont.woff') format('woff');
}
@font-face{
    font-family: 'librebaskerville';
    font-weight: 300;
    font-display: swap;
    src: url('/assets/webfontkit-20250528-115950/librebaskerville-regular-webfont.woff2') format('woff2');
    src: url('/assets/webfontkit-20250528-115950/librebaskerville-regular-webfont.woff') format('woff');
}
@font-face{
    font-family: 'Roboto';
    font-weight: 300;
    font-display: swap;
    src: url('/assets/webfontkit-20250528-115950/Roboto/Roboto-VariableFont_wdth\,wght.ttf') format('woff2');
    src: url('/assets/webfontkit-20250528-115950/Roboto/Roboto-VariableFont_wdth\,wght.ttf') format('woff');
}
@font-face{
    font-family: 'Roboto';
    font-weight: 500;
    font-display: swap;
    src: url('/assets/webfontkit-20250528-115950/Roboto/Roboto-VariableFont_wdth\,wght.ttf') format('woff2');
    src: url('/assets/webfontkit-20250528-115950/Roboto/Roboto-VariableFont_wdth\,wght.ttf') format('woff1');
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul{
    list-style: none;
}
a, p{
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
}
h1{
    font-family: 'librebaskerville', serif;
    font-weight: 400;
}
h2, h3, span{
    font-family: 'librebaskerville', serif;
    font-weight: 300;
} */
/* h3{
    font-family: 'librebaskerville', serif;
    font-weight: 300;
} */

/* Utilities */
.btn{
    border: none;
    display: inline-block;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
    text-transform: uppercase;
    cursor: pointer;
}
.btn-light{
    color: var(--light);
    background-color: var(--primary-color);
}
.btn-dark{
    color: var(--light);
    background-color: var(--green);
}

.introduction{
    background-color: var(--primary-light);
}
.introduction_content{
    display: flex;
    overflow: hidden;
}

.introduction_content .introduction_textarea{
    margin: auto 0 auto 0;
} 
.introduction_content h2{
    text-transform: capitalize;
    color: var(--green);
}
.introduction_content p{
    color: var(--green);
}
.introduction_content .introduction_image{
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.introduction_content img{
    display: block;
    object-fit: contain;
}

.our_services{
    /* background-color: var(--primary-light); */
    background-color: #f2ece3;
    color: var(--green);
}
.our_services h2{
    text-transform: capitalize;
}
.our_services .services_content{
    position: relative;
    overflow: hidden;
}

.services div:first-child{
    background-color: #f6dfbe
}
.services div:nth-child(2){
    background-color: #eacea5
}
.services div:nth-child(3){
    background-color: #dcc39c
}
.contracts{
    background-color: var(--primary-light);
    color: var(--green);
}
.trusted_by{
    background-color: #030d29;
    position: relative;
    overflow: hidden;
    width: 100vw;
}
.trusted_by >img{
    object-fit: cover;
    width: 100%;
    height: 100%;
    opacity: 0.2;
    position: absolute;
    top: 0;
    left: 0;
}
.trusted_by h2, .trusted_by h3{
    color: var(--primary-color);
}
.trusted_by h2{
    text-transform: capitalize;
}
.trusted_by p{
    color: var(--primary-light);
}
.trusted_clients{
    display: flex;
}

.trusted_clients > div {
    border: 1.5px solid var(--primary-color);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contact_us{
    background-color: var(--primary-light);
}

.contact_us_content h2{
    color: var(--green);
    font-size: 1.2rem;
}
.contact_us .days{
    color: var(--primary-color);
}
.address{
    display: flex;
    align-items: center;
    gap: 1rem;
}
.address p{
    color: var(--green);
}