:root {
    --color-grey-light-1: #F8F9FA;
    --color-grey-light-2: #E9ECEF;
    --color-grey-light-3: #DEE2E6;
    --color-grey-light-4: #CED4DA;
    --color-grey-light-5: #ADB5BD;
    --color-grey-dark-1:  #C757D;
    --color-grey-dark-2: #495057;
    --color-grey-dark-3: #343A40;
    --color-grey-dark-4: #212529;

    --color-primary-1: #161925; /* real dark blue */
    --color-primary-2: #23395B; /* dark blue */
    --color-primary-3: #406E8E; /* lighter blue */
    --color-primary-4: #8EA8C3; /* light blue */

    --navy: #0B213B;
    --green: #161F08;
    --brown: #8E6A43;
    --light-blue: #B4C5D3;
    --grey-blue: #ADB5BD;
    --gold: #F5B637;




    --border-grey: solid 1px var(--color-grey-dark-2);
}

* {
    margin: 0;
    padding: 0;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

img {
    display: block;
    max-width: 100%;
}

body {
    box-sizing: border-box;
/*    max-width: 2000px;*/
    padding-top: 0;
    font: 1.4rem "Jost", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
}

html {
    font-size: 62.5%;
    font-weight: 400;
    line-height: 1.6;
    background-color: var(--color-grey-light-1);
    background-size: cover;
    background-repeat: no-repeat;

}

header {

}

.header__image-container {
    display: grid;
    grid-template-rows: 2fr 3fr;
    grid-template-columns: 5% 90% 5%;
    min-height: 0;
    min-width: 0;
    position: relative;
}

.header__image-container-gradient {
    height: 100%;
    width: 100%;
    grid-column: 1/-1;
    grid-row: 1/-1;
    z-index: 3;
    background: linear-gradient(to bottom, #0000002F, #0A213AB2 80%);
}

.header__image {
    width: 100%;
    min-height: 400px;
    max-height: 750px;
    object-fit: cover;
    grid-row: 1/-1;
    grid-column: 1/-1;
    z-index: 2;
}

.header__image-text {
    grid-row: 1/-1;
    grid-column: 1/-1;
    z-index: 5;
    margin-top: auto;
    margin-block: auto;
    margin-left: 6rem;
}

.header__image-small {
    display: inline-block;
    display: flex;
}

.header__image-small-text {
    font-size: 1.6rem;
    /*    font-size: max(.82vw, 1rem);*/
    font-weight: 500;
    color: var(--gold);
    text-transform: uppercase;
    margin-left: 5px;
}

.small-diamond-svg {
    align-self: center;
    dominant-baseline: middle;
    width: max(1vw, 1rem);
    height: max(1vw, 1rem);
    fill: var(--gold);
}

.header__image-quote {
    display: inline-block;
    color: var(--color-grey-light-1);
    /*    font-size: max(3.25vw, 2.5rem);*/
    /*    font-size: min(4.8vw, 1.6rem);*/
    font-size: 6.4rem;
    font-weight: 700;
    margin-top: 8px;
    margin-bottom: 1.4rem;
    max-width: 58%;
    text-wrap: auto;
    white-space: normal;
    overflow-wrap: normal;
    word-wrap: normal;
    word-break: normal;
}

.header__image-cta {
    display: flex;
    align-items: center;
}

.header__image-cta-btn-link {
    font-size: 1.6rem;
}

.header__image-cta-span-link {
    color: white;
    text-decoration: none;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
}

.header__image-cta-svg svg {

}

.header__image-cta-span {
    margin-left: 2.4rem;
    margin-right: 1rem;
}

.header__image-cta-btn {
    background-color: var(--gold);
    color: black;
    border: none;
    padding-block: 1.6rem;
    padding-inline: 2rem;
    border-radius: 5px;
    font-weight: 500;
}

@media screen and (max-width: 800px) {
    .header__image {
        aspect-ratio: 394/655;
    }

    .header__image-quote {
        max-width: 70%
    }
}

@media screen and (max-width: 425px) {
    .header__image-small-text{
        grid-column: 5/-1;
    }
    .header__image-quote {
        grid-column: 8/-1;
    }
}



@media screen and (max-width: 800px) {

    .cta-container {
        margin-block: 6rem;
        /*        display: grid;*/
        /*        grid-template-columns: 1fr 80% 1fr;*/
    }
}

@media screen and (max-width: 990px) {
    .header__image-quote {
        font-size: 3.2rem;
    }

    .header__image-text {
        margin-left: 2.2rem;
    }

    .header__image-cta-btn-link {
        font-size: 1.4rem;
    }

    .header__image-cta-span-link {
        font-size: 1.4rem;
    }

}


/****************************/
/****************************/
/****************************/
/****************************/
/* ABOUT SECTION */

.about {
    display: grid;
    grid-template-columns: 4fr 5fr;
    align-items: center;
}


.about-profile-container {
    display: flex;
    text-align: center;
}


.about-grey-box {
    grid-row: 1/2;
    grid-column: 2/-1;
    height: 70%;
    width: 70%;
    /*    margin-block: 5rem;*/
    justify-self: end;
    background-color: #F0F0F0;
}

.about-profiles {
    grid-row: 1/2;
    grid-column: 2/-1;
    background-color: white;
    /*    width: max-content;*/
    justify-self: end;
    /*    margin-right: 7rem;*/
    margin-block: 25rem;
}

.about-profile {
    margin: 2rem;
}

.about-profile-image {
    height: 350px;
}

.about-profile-name {
    font-weight: 700;
}

.about-profile-title {

}

.about-profile-line {
    width: auto;
    margin: 2rem;
    height: 9px;
    background: linear-gradient(to right, var(--gold) 0%, var(--gold) 30%, var(--navy) 30%);
}

.about-text {
    grid-column: 1/2;
    margin: 6rem;
    font-size: 1.6rem;

}

.about-text-accent {
    color: var(--gold);
}
.about-text-accent span {
/*    display: inline-block;*/
    text-transform: uppercase;
}

.about-text-image-small-diamond {

}

.about-text-title {
    margin-block: 1rem;
    font-size: 4.5rem;
    font-weight: 700;
}

.about-text-paragraph {
    display: inline-block;
    font-weight: 400;
}

.about-text-link {
    text-decoration: none;
    color: black;
    display: flex;
    margin-top: 2rem;
    font-weight: 500;

}

.about-text-link svg {
    align-self: center;
    margin-left: 10px;
}

@media screen and (max-width: 1250px) {
    .about-profile-line {
    /*        display: none;*/
    }

    .about-profile-image {
        height: auto;
        width: 200px;
    }

    .about-grey-box {
        display: none;
    }

    .about {
        disply: block;
    }

    .about-profile-container {
        display: inline-flex;
        margin-inline: auto;
    }
}

@media screen and (max-width: 1150px) {

    .about-profile-image {
        height: auto;
        width: 233px;
    }

    .about-grey-box {
        display: none;
    }

    .about {
        display: block;
        margin: 6rem;
    }

    .about-text {
        margin: 0;
    }

    .about-profiles {
        margin-top: 2rem;
        margin-bottom: 0;
        margin-inline: auto;
    }

    .about-profile-line {
        display: none;
    }

}


@media screen and (max-width: 900px) {
    .about-profile-container {
        flex-direction: column;
    }
    .about-profile-line {
        display: none;
    }

    .about-profile-image {
        height: auto;
        width: 350px;
    }
}


/****************************/
/****************************/
/****************************/
/****************************/
/* OUR SERVICES */
.our-service {
    display: flex;
    align-items: center;
    background-color: var(--navy);
    color: white;
    padding: 6rem;
    position: relative;
}

.our-service__svg {
    position: absolute;
    top: 0;
    left: 6%;
    transform: translateY(-50%);
    width: 48px;
    height: 48px;
}

.our-service__text {
    flex-basis: 40%;
    /*    margin: 6rem;*/
    font-size: 1.6rem;
}

.our-service__text-heading {
    display: block;
    font-size: 4.5rem;
}

.our-service__text-accent {
    color: var(--gold);
    display: inline-block;
    text-transform: uppercase;
    text-align: center;
}

.our-service__text-small-diamond-svg {
    align-self: center;
    dominant-baseline: middle;
    width: max(1vw, 1rem);
    height: max(1vw, 1rem);
    fill: var(--gold);
}

.our-service__text-paragraph {
    display: block;
    font-size: 1.6rem;
    font-weight: 400;
}

.our-service__text-paragraph ul li {
    margin-left: 2rem;
/*    display: inline-block;*/
}

.our-service__image-container {
    width: 50%;
    margin-left: 5rem;
    justify-self: end;
    /*    margin-right: auto;*/

}

.our-service__image {
    height: auto;
    width: 100%;
    object-fit: cover;
    aspect-ratio: 625/401;
}

.our-service__text-cta {
    margin-top: 5rem;

}

.our-service__text-cta-btn {

}

.our-service__text-cta-btn button {
    padding-block: 1.6rem;
    padding-inline: 2rem;
    background-color: var(--gold);
    border-radius: 5px;
    font-size: 1.6rem;
    font-weight: 500;
    border: none;
}

.our-service__text-cta-phone-svg {
    fill: white;
    height: 1.4rem;
    margin-left: 2rem;
    margin-right: 1rem;
    dominant-baseline: middle;
}

.our-service__text-cta-number {
    text-decoration: none;
    color: white;
}


@media screen and (max-width: 1100px) {
    .our-service {
        flex-direction: column;
    }

    .our-service__image-container {
        margin-top: 3rem;
        margin-bottom: 0;
        margin-inline: 0;
        width: auto;
    }
}

@media screen and (max-width: 600px) {
    .our-service {
        padding-inline: 2rem;
    }
}

@media screen and (max-width: 500px) {

    .our-service__svg {
        position: absolute;
        top: 0;
        left: 6%;
        transform: translateY(-50%);
        width: 30px;
        height: 30px;
    }
}

/****************************/
/****************************/
/****************************/
/****************************/
/* OUR PROCESS */
.our-process {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(20, 48px);
    justify-content: center;
}

.our-process__title {
    grid-column: 1/2;
    grid-row: 3/6;
    margin-top: 2%;
}

.our-process__title-accent {
    color: var(--gold);
    display: flex;
    justify-content: center;
    text-transform: uppercase;
    text-align: center;
    font-size: 1.6rem;
}

.our-process__title-small-diamond-svg {
    align-self: center;
    dominant-baseline: middle;
    width: max(1vw, 1rem);
    height: max(1vw, 1rem);
    fill: var(--gold);
    margin-right: .5rem;
}


.our-process__title-heading {
    font-size: 4.5rem;
    font-weight: 700;
    text-align: center;
}

.our-process__steps-container {
    display: flex;
    position: relative;
    justify-content: space-evenly;
    grid-row: 6/20;
    grid-column: 1/2;
}

.our-process__step {
    position: relative;
    /*    margin: 10px;*/

}

.our-process__step-number {
    left: 50%;
    position: relative;
    transform: translate(-50%, 50%);
    -webkit-text-stroke: 2px var(--gold);
    font-size: 5rem;
    color: var(--navy);
    /*    display: block;*/
    height: 150px;
    width: 150px;
    background-color: var(--navy);
    text-align: center;
    z-index: 10;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
}
.our-process__step-number span {
    display: inline-block;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    position: absolute;
}

.our-process__step-border {
    left: 100%;
    height: 154px;
    width: 154px;
    background: var(--gold);
    overflow: visible;
    z-index: 5;
    position: absolute;
    clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%);
    left: 50%;
    transform: translate(-77px, 73px);
}

.our-process__step-number::after {
    content: attr(data-text);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-text-stroke: 0;
    pointer-events: none;
}

.our-process__step-image {
    border-radius: 10px;
    height: 400px;
}

.our-process__steps-grey-box {
    height: 300px;
    width: 96%;
    justify-self: center;
    display: block;
    /*    background-color: pink;*/
    background-color: #F0F0F0;
    grid-row: 13/-1;
    grid-column: 1/2;
}

.our-process__step-text {
    max-width: 330px;
    margin-left: 1.6rem;;
    position: absolute;
    top: 63%;
}

.our-process__step-title {
    color: var(--gold);
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 1.2rem;
}

.our-process__step-p {
    font-size: 1.6rem;
    font-weight: 400;
    color: #FFFFFF;
}

@media screen and (max-width: 1200px) {
    .our-process__step-text {
        top: 80%;
    }

    .our-process__steps-container {
        flex-direction: column;
        align-items: center;
    }

    .our-process__steps-grey-box {
        display: none;
    }

    .our-process {
        display: block;
    }
    .our-process__title {
        margin-top: 0;
    }
    .our-process {
        margin-block: 6rem;
    }

    .our-process__title-heading {
        font-size: 2rem;
        font-weight: 700;
        text-align: center;
    }
}

/****************************/
/****************************/
/****************************/
/****************************/
/* FORM */

.success {
    font-size: 2.25rem;
    font-weight: 400;
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.success-contact,
.success-contact:hover,
.success-contact:visited,
.success-contact:active {
    color: white;
    text-decoration: none
}

.success-contact {
    font-size: 1.6rem;
    border: solid white 1px;
    border-radius: 5px;
    padding-inline: 2rem;
    padding-block: 1.4rem;
}

.form-container {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: #0A213A;
    color: #FFFFFF;
    padding-block: 5rem;
}

.linked_section-form {
    padding-top: 45px;
    margin-top: -45px;
}

.form-container__form {
    background-color: transparent;
    display: flex;
    align-items: center;
    flex-basis: 35%;
}

.form-container__img {
    object-fit: cover;
    aspect-ratio: 630/531;
    width: 100%;
    /*    width: 50%;*/
}

.form-container__img-container {
    position: relative;
    width: 50%;
}

.form-container__img-img-svg {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
}

.fieldWrapper {
    font: 1.6rem "Jost", sans-serif;
    font-weight: 300;
    margin-block: 12px;

}

.fieldWrapper:not(:nth-last-child(-n+3)) {

}

.eval-form {
    min-width: 320px;
}

.form__text-sub-heading {
    color: var(--gold);
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    height: 1.9rem;
    line-height: 1.9rem;
}

.form__text-small-diamond-svg {
    align-self: center;
    height: 1.9rem;
    width: 1.9rem;
    fill: var(--gold);
    dominant-baseline: middle;
}

.form__text-sub-heading span {
    margin: 1rem;
}

.form__text-heading {
    font-weight: 700;
    font-size: 4rem;
}

#privacy-policy label a {
    color: var(--gold);
    text-decoration: none;
}

#privacy-policy label a:hover {
    color: var(--gold);
    cursor: pointer;
    text-decoration: underline;
}

#privacy-policy label a:active {
    color: var(--gold);
}

#privacy-policy label a:focus {
    color: var(--gold);
}

#privacy-policy label a:visited {
    color: var(--gold);
}

.yes-no-q {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


@media screen and (max-width: 900px) {
    .yes-no-q {
        flex-direction: column;
        justify-content: start;
        align-items: start;
    }

    .form-container {
        flex-direction: column;
        gap: 2rem;
    }

    .form-container__form {
        margin-inline: 2rem;
    }

    .form-container__img-container {
        margin-top: 2rem;
        width: 500px;
    }

    .form-container__img {
        aspect-ratio: 333/276;
    }
}

@media screen and (max-width: 800px) {

    .form-container__img {
    /*        width: 450px;*/
    }
    .form-container__img-container {
        width: 450px;
    }
}

@media screen and (max-width: 650px) {

    .form-container__img-container {
    /*        width: 80%;*/
    }
}

@media screen and (max-width: 560px) {
    .form-container__img-container {
        width: calc(100vw - 4rem);
    }

    .form-container {
    }

    .form-container__form {
    }
}

.textbox-container__label {
    display: block;
    margin-top: 4rem;
    margin-bottom: 2rem;
}

input[type="text"] {
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    margin-bottom: 6px;
    padding: 4px;
    background-color: transparent;
    color: #FFFFFF;
}

input[type="text"]:focus,
input[type="text"]:active {
    border: 1px solid #FFFFFF;
    outline: none;
}

.textbox-container textarea {
    border: 1px solid #FFFFFF;
    border-radius: 10px;
    margin-bottom: 6px;
    padding: 1rem;
    background-color: transparent;
    color: #FFFFFF;
    width: 85%;
    box-sizing: border-box;
}

.textbox-container textarea:focus {
    border: 1px solid #FFFFFF;
    outline: none;
}

.textbox-container textarea:active {
    border: 1px solid #FFFFFF;
    outline: none;
}

.checkbox-container {
    display: flex;
    justify-content: space-between;
}

.checkbox-container > div {
    display: flex;
}
.checkbox-container > div > div {
    margin: 5px;
    white-space: nowrap;
}

.custom-radio {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.custom-radio input[type="radio"] {
    display: none; /* Hide the default radio button */
}

.custom-radio .radio-fill {
    width: 12px;
    height: 12px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: inline-block;
    margin-right: 8px;
    position: relative;
}

.custom-radio input[type="radio"]:checked + .radio-fill {
    background-color: var(--gold); /* This fills the circle with gold when selected */
}



/*#C98E57
#D1AB84
#E9D0B2*/
.submit_btn {
    background-color: var(--gold);
    text-align:center;
    padding-inline: 2.6rem;
    padding-block: 1.6rem;
    color: black;
    font-size: 2rem;
    border: none;
    border-radius: 8px;
    transition: .15s ease-out
}

.next_arrow {
    display: inline-block;
    transition: .15s ease-out
}

.submit_btn:hover .next_arrow {
    transform: translateX(1rem);
}

.submit_btn:hover {
    filter: brightness(75%);
}

.submit_btn:active {
    transform: translateY(3px);
}

.linked_section {
    padding-top: 100px;
    margin-top: -100px;
}

.success {
    text-align: center;
    displaye: flex;
    flex-direction: column;
    align-items: center;
}

/*.success_line {*/
/*    width: 35%;*/
/*    height: 4px;*/
/*    background-color: #000; *//* Change this color to match your design */
/*    margin-left: 35%;*/
/*    margin-right: 30%*/
/*}*/

.success span {
}

.success h1 {
}

.success p {
    font-size: 1.6rem;
}







/***************/
/***************/
/***************/
/***************/
/*        harbor docks during the day */
/*        dubies */
/* OUR TEAM ****/

.our-team {
    padding: 6rem;
    background-color: #FFFFFF;
}

.our-team-profiles {
    background-color: white;
    display: flex;
    flex-direction: column;
    padding: 3rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    border-radius: 5px;
}

.our-team-profile {
    display: flex;
}

.our-team-profile-image {
    height: auto;
    width: 233px;
    object-fit: cover;
}

.our-team-profile-name {
    font-size: 2.4rem;
    font-weight: 700;
}

.our-team-profile__text {
    margin-left: 3rem;
}

.our-team-profile-title {
    font-size: 1.6rem;
    color: #B9B9B9;

}

.our-team-profile__description {
    margin-top: 3rem;
}

.our-team-profile-line {
    width: auto;
    margin-block: 2rem;
    height: 9px;
    background: linear-gradient(to right, var(--gold) 0%, var(--gold) 233.33px, var(--navy) 233.33px);
}

.our-team-text-accent {
    color: var(--gold);
}

.our-team-text-accent span {
    text-transform: uppercase;
}

.our-team-text-title {
    margin-block: 1rem;
    font-size: 4.5rem;
    font-weight: 700;
}

@media screen and (max-width: 800px) {

    .our-team {
        padding-inline: 2rem;
    }

    .our-team-profiles {
        gap: 2rem;
        box-shadow: none;
        padding: 0;
    }

    .our-team-profile {
        flex-direction: column;
        padding: 2rem;
        box-shadow: 0 0 10px rgba(0, 0, 0, .1);
        border-radius: 5px;
    }

    .our-team-profile__text {
        margin-left: 0;
    }

    .our-team-profile-image {
        width: calc(100% - 4rem);
        aspect-ratio: 329/376;
        align-self: center;
    }

    .our-team-profile-line {
        display: none;
    }
}
/***************/
/***************/
/***************/
/***************/
/**** BLOG *****/

.suggested_blogs__index-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.suggested_blogs__view-all {
    text-decoration: none;
    color: #0A213A;
    display: flex;
}

.suggested_blogs__view-all:hover {
    text-decoration: underline;
    color: #0A213A;
}

.suggested_blogs__view-all:visited {
    color: #0A213A;
}

.suggested_blogs__view-all span {
    margin-right: 1rem;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-block: auto;
}

.suggested_blogs {
    margin-inline: 6rem;
    margin-block: 6rem;
}

.suggested_blogs__accent {
    color: var(--gold);
    font-weight: 500;
    font-size: 1.6rem;
}

.suggested_blogs__title {
    margin-bottom: 2.4rem;
    color: #0A213A;
    font-size: 4rem;
}

#id_search_text {
    color: #000000;
    border: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .2);
}
#id_search_text:focus {
    box-shadow: 0 0 10px rgba(0, 0, 0, .4);
}

.suggested_blogs__one {
    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 1.6rem;
    margin-top: 1.6rem;
    margin-bottom: 2.4rem;
}

.suggested_blogs__one .suggested_blogs__blog:first-child {
    grid-row: 1/3;
    grid-column: 1/3;
}

.suggested_blogs__blog-image {
    object-fit: cover;
    object-position: left top;
}

.suggested_blogs__one .suggested_blogs__blog:first-child .suggested_blogs__blog-image {
    aspect-ratio: 754/557;
    width: 100%;
}

.suggested_blogs__one .suggested_blogs__blog:nth-child(2) {
    grid-row: 1/2;
    grid-column: 3/4;
}

.suggested_blogs__one .suggested_blogs__blog:nth-child(3) {
    grid-row: 2/3;
    grid-column: 3/4;
}

.suggested_blogs__one .suggested_blogs__blog:not(:first-child) .suggested_blogs__blog-image {
    aspect-ratio: 467/225;
    width: 100%;
}

.suggested_blogs__two {
    display: flex;
    margin-block: 1.6rem;
}

.suggested_blogs__two .suggested_blogs__blog .suggested_blogs__blog-image {
    aspect-ratio: 393/225;
    width: 100%;
}

.suggested_blogs__two .suggested_blogs__blog:nth-child(2) {
    margin-inline: 1.6rem;
}

.suggested_blogs__blog {
    padding: 1.6rem;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.suggested_blogs__blog-title {
    font-size: 2rem;
    font-weight: 500;
    width: 95%;
    margin-inline: auto;
    margin-top: 1rem;
    color: black;
}

.related-articles__article-read-more {
    margin-inline: auto;
    margin-top: auto;
/*    margin-bottom: 2rem;*/
    display: flex;
    justify-content: start;
    align-items: center;
    text-decoration: none;
    width: 95%;
}

.related-articles__article-read-more span {
    font-size: 1.6rem;
    font-weight: 500;
    color: var(--gold);
}

.related-articles__article-read-more__svg {
    height: 1.6rem;
    width: 1.6rem;
    margin-left: 1rem;
}

.search {
    display: flex;
    align-items: center;
}

.search .fieldWrapper {
    margin-right: 1rem;
}

.search .fieldWrapper input[type="text"] {
    padding: .5rem;
}

.search .fieldWrapper input[type="text"]:focus {
    outline: none;
    border-color: none;
    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}


.search_btn {
    background-color: var(--gold);
    padding-inline: 1rem;
    padding-block: 1rem;
    color: black;
    font-size: 1.6rem;
    border: none;
    border-radius: 8px;
    transition: .15s ease-out;
    line-height: 1;
}

.search_btn:hover {
    filter: brightness(95%);
    cursor: pointer;
}

.search_btn:active {
    transform: translateY(3px);
}

.search-result {
    display: flex;
    margin-block: 1rem;
}

.blog-search-thumbnail {
    height: 5rem;
    margin-right: 2rem;
}

.search-result {
    text-decoration: none;
    color: #000000;
}

.search-result:hover {
    text-decoration: underline;
    color: #000000;
}

.search-result:focus {
    text-decoration: none;
    color: #000000;
}


@media screen and (max-width: 750px) {
    .suggested_blogs {
        margin-inline: 2rem;
    }

    .suggested_blogs__index-title {
        flex-direction: column;
        align-items: flex-start;
    }

    .suggested_blogs__one {
        display: flex;
        flex-direction: column;
    }

    .suggested_blogs__one .suggested_blogs__blog:first-child .suggested_blogs__blog-image,
    .suggested_blogs__one .suggested_blogs__blog:not(:first-child) .suggested_blogs__blog-image,
    .suggested_blogs__blog-image {
        aspect-ratio: 329/225;
        width: 100%;
    }

}

@media screen and (max-width: 660px) {
    .suggested_blogs__one {
        margin-bottom: 1.6rem;
    }

    .suggested_blogs__two {
        flex-direction: column;
        padding-inline: 0;
        align-items: center;
        gap: 1.6rem;
    }

    .suggested_blogs__two .suggested_blogs__blog:not(:first-child) .suggested_blogs__blog-image {
        aspect-ratio: 329/225;
        width: 100%;
    }

    .suggested_blogs__two .suggested_blogs__blog {
        width: 100%;
    }


}


/***************/
/***************/
/***************/
/***************/
/** CONTACT ****/
.header__image-contact {
    object-position: right top;
}

#contact-message-container .textbox-container__label {
    margin-top: 0;
    margin-bottom: 5px;
}

.text-input {
    display: flex;
    justify-content: space-between;
}

#contact-form .text-input {
    max-width: 350px;
}


.contact-channels {
    margin: 6rem;
}

.contact-channels__method-svg svg {
    fill: var(--gold);
    stroke: var(--gold);
    color: var(--gold);
    width: 2rem;
    height: 2rem;
}


.contact__title {
}

.contact__title-accent {
    color: var(--gold);
    display: flex;
    justify-content: start;
    text-transform: uppercase;
    text-align: left;
    font-size: 1.6rem;
}

.contact-channels {
}

.contact-channels__methods {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 1rem;
}

.contact-channels__method {
    background: #F9F9F9;
    display: flex;
    flex-direction: column;
    gap: 1rem;
    align-items: center;
    height: 200px;
    aspect-ratio: 350/259;
}

.contact__title-small-diamond-svg {
    align-self: center;
    dominant-baseline: middle;
    width: max(1vw, 1rem);
    height: max(1vw, 1rem);
    fill: var(--gold);
    margin-right: .5rem;
}


.contact__title-heading {
    font-size: 4.5rem;
    font-weight: 700;
    text-align: left;
}


.contact-channels__method-address a,
.contact-channels__method-address a:visited,
.contact-channels__method-address a:active,
.contact-channels__method-address a:hover {
    text-decoration: none;
    color: #0A213A;
    font-weight: 700;
}

.contact-channels__method-address {
    color: #0A213A;
    font-weight: 700;
}

.contact-channels__method-address > * {
    text-align: center;
}

.contact-channels__method-svg {
    margin-top: 5rem;
}

@media screen and (min-width: 1200px) {
    .contact-channels__method {
        height: 250px;
        aspect-ratio: 350/259;
    }
}

@media screen and (min-width: 1600px) {
    .contact-channels__method {
        height: 350px;
        aspect-ratio: 350/259;
    }
}


@media screen and (max-width: 920px) {

    .contact-channels {
        margin: 2rem;
    }

    .contact-channels__methods {
        flex-direction: column;
        gap: 4rem;
    }

    .contact-channels__method {
        aspect-ratio: 350/259;
    }

}



/****************
*****************
*****************
*****************
PRIVACY POLICY */
.privacy-policy {
    display: block;
    padding-top: 100px;
    margin: 4rem;
}

.privacy-policy__text {
    margin-block: 3rem;
}

.privacy-policy__sub-heading {
    font-size: 1.6rem;
}