body {
    font-family: "Montserrat", sans-serif;
    font-size: 16px;
    line-height: 26px;
}
#hero {
    background-image: linear-gradient(to top, #0e1021, #1c2143, #3c4682);
}
#hero .breadcrumbs {
    padding-inline-start: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    position: relative;
    padding-top: 150px;
}
.breadcrumbs li {
    color: #fff;
}
.breadcrumbs li a {
    color: #fff9;
    text-decoration: none;
}
.breadcrumbs li a:hover {
    color: #fff;
}
#hero h1 {
    font-family: "Lora", serif;
    color: #fff;
    font-weight: 700;
    font-size: 50px;
}
#hero .line {
    width: 10%;
    height: 0px;
    border-top: 2px solid rgb(184, 149, 106);
    margin: 0 auto;
}
#hero h2 {
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    line-height: 32px;
    color: #fff;
    font-weight: 400;
}
.bg-navy {
    background-color: rgb(28 33 67);
}
.uppercase {
    text-transform: uppercase;
}
.text-xs {
    font-size: 12px;
}
#contact-details span {
    font-weight: 500;
}
.font-heading {
    font-size: 36px;
    line-height: 40px;
    font-family:"Merriweather", serif;
    color: rgb(28 33 67);
    font-weight: 900;
    letter-spacing: 1.25px;
}
#contact-details .col-md-6 .line {
    width: 12.5%;
    height: 0px;
    border-top: 2px solid rgb(184, 149, 106);
}
.contact-block {
    background-color: #F8F7F5;
}
.gap-3 {
    gap: .75rem;
}
.gap-8 {
    gap: 2rem;
}
.justify-between {
    justify-content: space-between;
}
.flex-col {
    flex-direction: column;
}
.flex {
    display: flex;
}
.mb-12 {
    margin-bottom: 3rem;
}
.items-start {
    align-items: flex-start;
}
.flex {
    display: flex;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.w-10 {
    width: 2.5rem;
}
.h-10 {
    height: 2.5rem;
}
.contact-block:hover {
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);
}
.transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.border-l-4 {
    border-left: 4px solid rgb(184, 149, 106);
}
.Phone a, .Email a {
    color: #000;
    text-decoration: none;
}
.Phone a:hover, .Email a:hover {
    color: rgb(184, 149, 106);
}
.text-xl {
    font-size: 1.25rem !important;
    line-height: 1.75rem !important;
}
.text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
}
.text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important;
}
.text-\[\#B8956A\] {
    color: rgb(184 149 106);
}
.text-white\/70 {
    color: #ffffffb3;
}
.text-white {
    color: #fff;
}
.justify-between {
    justify-content: space-between;
}
.mb-6 {
    margin-bottom: 1.5rem;
}
.py-12 {
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.py-20 {
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.bg-\[\#F8F7F5\] {
    background-color: rgb(248 247 245);
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.max-w-7xl {
    max-width: 80rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.text-center {
    text-align: center;
}
.tracking-widest {
    letter-spacing: .1em;
}   
.font-medium {
    font-weight: 500;
}
.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}
.py-2 {
    padding-top: .5rem;
    padding-bottom: .5rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
#map-sec .line {
    width: 10%;
    height: 0px;
    border-top: 2px solid rgb(184, 149, 106);
    margin: 0 auto;
}
.bg-\[\#B8956A\] {
    background-color: rgb(184 149 106);
}
.py-3 {
    padding-top: .75rem;
    padding-bottom: .75rem;
}
.px-6 {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
#map-sec a {
    text-decoration: none;
    border-radius: 5px;
}
.opacity-10 {
    opacity: .1;
}
.inset-0 {
    inset: 0;
}
.absolute {
    position: absolute;
}
#call-us a {
    text-decoration: none;
    border-radius: 5px;
    padding: 0 25px;
}
.bg-\[\#0f1229\] {
    background-color: rgb(15 18 41);
}
footer {
    background-color: rgb(15 18 41);
}
.pt-16 {
    padding-top: 4rem;
}
.pb-8 {
    padding-bottom: 2rem;
}
.px-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}
.max-w-7xl {
    max-width: 80rem;
}
.mx-auto {
    margin-left: auto;
    margin-right: auto;
}
.z-10 {
    z-index: 10;
}
.relative {
    position: relative;
}
.gap-6 {
    gap: 1.5rem;
}
.flex-col {
    flex-direction: column;
}
.flex-shrink-0 {
    flex-shrink: 0;
}
.text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
}
.text-muted {
    color: rgb(154 185 214) !important;
}
.gap-3 {
    gap: .75rem;
}
.items-start {
    align-items: flex-start;
}
.bg-white\/5 {
    background-color: #ffffff0d;
}
.border-white\/10 {
    border-color: #ffffff1a;
}
.border {
    border-width: 1px;
}
.rounded-full {
    border-radius: 9999px;
}
.justify-center {
    justify-content: center;
}
.items-center {
    align-items: center;
}
.w-9 {
    width: 2.25rem;
}
.h-9 {
    height: 2.25rem;
}
.font-semibold {
    font-weight: 600;
}
.text-\[11px\] {
    font-size: 11px;
}
.block {
    display: block;
}
.mb-1 {
    margin-bottom: .25rem !important;
}
.hover\:text-muted:hover {
    color: rgb(154 185 214) !important;
}
footer a {
    text-decoration: none;
}
.leading-relaxed {
    line-height: 1.625;
}
.max-w-3xl {
    max-width: 48rem;
}
.mb-12 {
    margin-bottom: 3rem;
}
.-mt-4 {
    margin-top: -1rem;
}
.bg-white\/10 {
    background-color: #ffffff1a;
}
.w-full {
    width: 100%;
}
.h-px {
    height: 1px;
}
.mb-10 {
    margin-bottom: 2.5rem;
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.grid {
    display: grid;
}
footer ul {
    padding-inline-start: 0;
    list-style: none;
}
footer ul a {
    display: flex;
    padding-bottom: 20px;
}
.group:hover .group-hover\:w-3 {
    width: .75rem;
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
}
.duration-300 {
    transition-duration: .3s;
}
.transition-all {
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.bg-muted {
    background-color: rgb(154 185 214);
}
.bg-muted\/40 {
    background-color: #9ab9d666;
}
.areas-we-serve li {
    display: flex;
    padding-bottom: 20px;
}
.areas-we-serve .h-px {
    height: 1px;
    display: inline-flex;
    margin-right: 15px;
} 
.w-0 {
    width: 0px;
}
.w-3 {
    width: .75rem;
}
.h-px {
    height: 1px;
}
.hover\:text-white:hover {
    color: rgb(255 255 255);
}
.text-left {
    text-align: left;
}
@media (min-width: 640px) {
    .sm\:gap-4 {
        gap: 1rem;
    }
        .sm\:gap-8 {
        gap: 2rem;
    }
    .sm\:flex-row {
        flex-direction: row;
    }
    .sm\:w-12 {
        width: 3rem;
    }
    .sm\:h-12 {
        height: 3rem;
    }
    .sm\:text-xl {
        font-size: 1.25rem !important;
        line-height: 1.75rem !important;
    }
    .sm\:text-sm {
        font-size: .875rem !important;
        line-height: 1.25rem !important;
    }
        .sm\:mb-2 {
        margin-bottom: .5rem;
    }
    .sm\:p-6 {
        padding: 1.5rem;
    }
    .sm\:px-6 {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
    .sm\:mb-12 {
        margin-bottom: 3rem;
    }
    .sm\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }
    .sm\:h-24 {
        height: 6rem;
    }
        .sm\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    
}
@media (min-width: 768px) {
    .md\:py-20 {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
    .md\:pt-20 {
        padding-top: 5rem;
    }
    .md\:pb-10 {
        padding-bottom: 2.5rem;
    }
    .md\:gap-12 {
        gap: 3rem;
    }
    .md\:mb-14 {
        margin-bottom: 3.5rem;
    }
    .md\:mb-16 {
        margin-bottom: 4rem;
    }
        .md\:-mt-6 {
        margin-top: -1.5rem;
    }
        .md\:gap-10 {
        gap: 2.5rem;
    }
        .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }
}
@media (min-width: 1024px) {
    .lg\:px-8 {
        padding-left: 2rem;
        padding-right: 2rem;
    }
        .lg\:text-4xl {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }
        .lg\:flex-row {
        flex-direction: row;
    }
        .lg\:pt-2 {
        padding-top: .5rem;
    }
        .lg\:gap-12 {
        gap: 3rem;
    }
        .lg\:items-start {
        align-items: flex-start;
    }
}