/* Hero Banners */

#hero__main {
    background-image: url('../../Images/Banners/home.jpg'); /* Path to your image */
    background-size: cover; /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents image from repeating */
    /*background-size: contain;*/
    /*background-size: 100% auto;*/
    width: 100%;
    height: 992px;
}

#hero__about {
    background-image: url('../../Images/Banners/about.jpg'); /* Path to your image */
    background-size: cover; /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents image from repeating */
    /*background-size: contain;*/
    /*background-size: 100% auto;*/
    width: 100%;
    height: 500px;
}

#hero__services {
    background-image: url('../../Images/Banners/Services.jpg'); /* Path to your image */
    background-size: cover; /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents image from repeating */
    /*background-size: contain;*/
    /*background-size: 100% auto;*/
    width: 100%;
    height: 500px;
}
#hero__contact {
    background-image: url('../../Images/Banners/contact.jpg'); /* Path to your image */
    background-size: cover; /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents image from repeating */
    /*background-size: contain;*/
    /*background-size: 100% auto;*/
    width: 100%;
    height: 500px;
}
#banner__story {
    background-image: url('../../Images/Banners/story.jpg'); /* Path to your image */
    background-size: cover; /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents image from repeating */
    /*background-size: contain;*/
    /*background-size: 100% auto;*/
    width: 100%;
    height: 300px;
    border-radius: 30px;
}

#banner__services {
    background-image: url('../../Images/Banners/ServicesA.jpg'); /* Path to your image */
    background-size: cover; /* Ensures the image covers the entire element */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat; /* Prevents image from repeating */
    /*background-size: contain;*/
    /*background-size: 100% auto;*/
    width: 100%;
    height: 300px;
    border-radius: 30px;
}
/* BODY INFORMATION */
.container__body {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
    height: auto;
    margin: auto;
    background-color: #FFFFFF;
    margin-top: 58px;
}

    .container__body > .container__bodyContent {
        width: 100%;
        height: 100%;
        margin-top: 0;
        margin-bottom: 0;
        background-color: #FFFFFF;
    }
/* SECTION GENERAL LAYOUT START */
.section__layoutFW {
    display: flex;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

    .section__layoutFW > .container__sectionFW {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-content: center;
        align-items: center;
        width: 100%;
        position: relative;
    }

        .section__layoutFW > .container__sectionFW > .wrapper__sectionFW {
            display: flex;
            justify-content: center;
            max-width: 90%;
            width: 90%;
            position: absolute;
            margin: 0;
            height: 100%;
        }

.section__layoutSW {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-content: center;
    width: 100%;
}

    .section__layoutSW > .container__sectionSW {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 65%;
        margin: 2px 0;
    }

        .section__layoutSW > .container__sectionSW.section__spacingL {
            margin-top: 20px;
        }

        .section__layoutSW > .container__sectionSW.section__spacingM {
            margin-top: 40px;
        }

        .section__layoutSW > .container__sectionSW.section__spacingS {
            margin-top: 20px;
        }

        .section__layoutSW > .container__sectionSW.section__spacingTBM {
            margin-top: 20px;
            margin-bottom: 40px;
        }

        .section__layoutSW > .container__sectionSW > .wrapper__sectionSW {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 100%;
            position: relative;
        }

            .section__layoutSW > .container__sectionSW > .wrapper__sectionSW.content__position {
                margin: 0;
            }

            .section__layoutSW > .container__sectionSW > .wrapper__sectionSW.content__positionBTM {
                margin-bottom: 30px;
            }

            .section__layoutSW > .container__sectionSW > .wrapper__sectionSW.sectionSW__form--style {
                background-color: #efefef;
                border-radius: 8px;
                padding-bottom: 30px;
                padding: 20px 0;
  
            }
/* SECTION GENERAL LAYOUT END */
/* HERO BANNNER START */
.wrapper__sectionFW > .banner__image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.wrapper__sectionFW > .hero__header1 {
    font-family: "Montserrat", sans-serif;
    text-align: center;
    position: absolute;
    color: #112d43;
    font-weight: 800;
    width: 90%;
    line-height: 1.0;
    top: 18%;
}

    .wrapper__sectionFW > .hero__header1 > .hero__header1--style {
        font-size: 6vw;
    }

.wrapper__sectionFW > .hero__header2 {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    text-align: center;
    position: absolute;
    padding-right: 1rem;
    top: 45%;
    font-weight: 600;
    color: white;
    width: 90%;
}

    .wrapper__sectionFW > .hero__header2 > .hero__header2--style {
        font-size: 3vw;
    }

.wrapper__sectionFW > .hero__header3 {
    font-family: Helvetica, "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    text-align: center;
    position: absolute;
    padding-right: 1rem;
    top: 10%;
    font-weight: 800;
    color: #FFF;
    width: 90%;
    line-height: 1.4;
    /*-webkit-text-stroke-width: 1px;*/ /* Outline thickness */
    /*-webkit-text-stroke-color: #fff;*/ /* Outline color */
    /*paint-order: stroke fill;*/
}

    .wrapper__sectionFW > .hero__header3 > .hero__header3--style {
        font-size: 4.8vw;
    }
        .wrapper__sectionFW > .hero__header3 > .hero__header3--style.hero__header3--style--color {
            color: #FFF;
        }
        .wrapper__sectionFW > .hero__header3 > .hero__header3--style.hero__header3--style--colorD {
            color: #112d43;
        }
.wrapper__sectionFW > .hero__buttonS {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;
    text-align: center;
    position: absolute;
    top: 70%;
    left: 13%;
    font-weight: 600;
    width: 100%;
}

    .wrapper__sectionFW > .hero__buttonS > a:link {
        background-color: #112d43;
        color: #fff;
        padding: 6px 3px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        border-radius: 5px;
        height: 35px;
        min-height: 35px;
        width: 170px;
        font-size: 1.5rem;
        font-weight: 500;
    }

    .wrapper__sectionFW > .hero__buttonS > a:visited {
        background-color: #112d43;
        color: #fff;
    }

    .wrapper__sectionFW > .hero__buttonS > a:hover {
        background-color: white;
        color: #112d43;
        border: 1px solid #112d43;
    }

/*.wrapper__sectionFW > .hero__buttonS {
    top: 0%;
    margin-top: 85px;
    line-height: 1.6rem;
}*/

/*.wrapper__sectionFW > .hero__header3.hero__header--color {
    color: #102c42;
}

.wrapper__sectionFW > .hero__header3 > .hero__header3--style {
    font-size: 4.2rem;
}

    .wrapper__sectionFW > .hero__header3 > .hero__header3--style.hero__header3--styleC {
        color: #102c42;
    }*/
/* HERO BANNNER END */

/* GRID LAYOUT START */
.containerFW__grid {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: absolute;
    top: 26%;
    width: 80%;
    background-color: rgba(187, 187, 187, 0.7);
    border-radius: 8px;
    padding-bottom: 30px;
}

.containerSW__grid100 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    text-align: center;
    align-content: center;
    padding: 0;
    width: 100%;
}
    .containerSW__grid100.grid--styleBC {
        background-color: #fdefd5;
        border-radius: 30px;
        padding: 12px 3px;
        margin-top: 10px;
        margin-bottom: 30px;
    }
    .containerSW__grid100.grid__position {
        margin-bottom: 20px;
    }
    .containerSW__grid100.grid__positionL {
        margin-bottom: 40px;
    }
    .containerSW__grid100 > .wrapper__grid50 {
        display: flex;
        flex-direction: column;
        width: 48%;
    }

.containerSW__grid100 > .wrapperSW__grid50.grid50__borderL {
    border-left: 1px solid #808080;
}
            .containerSW__grid100 > .wrapperSW__grid50.grid50__borderL.grid50__spacingL {
                margin-left: 30px;
            }
.grid50__borderL .containerSW__grid100 > .wrapper__grid50 > .grid50__column {
    display: flex;
    flex-direction: column;
}

            .containerSW__grid100 > .wrapperSW__grid50 > .grid50__column.grid50__HS {
               /* height: 520px;*/
                /*margin-bottom: 25px;*/
            }

.containerSW__grid100 > .wrapper__grid50 > .grid50__column > .wrapper__listServices {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    align-content: flex-start;
    color: #000;
    margin: 10px 0;
    height: 65px;
}

.wrapper__listServices > .list__img {
    margin: 10px;
    padding: 2px;
    width: 3.4rem;
    height: 3.4rem;
}
.wrapper__listServices > .list__content {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    margin-left: 4px;
}
    .wrapper__listServices > .list__content > .content--style {
        font-weight: 500;
        font-size: 1.4rem;
    }
    .wrapper__listServices > .list__content > .content--styleS {
        font-weight: 400;
        font-size: 1.2rem;
    }
        .containerSW__grid50 {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-evenly;
            text-align: center;
            align-content: center;
            padding: 0;
            width: 100%;
        }

    .containerSW__grid50.containerSW__spacing {
        margin-bottom: 40px;
    }

    

    .containerSW__grid100 > .sectionSW__grid100,
    .containerSW__grid50 > .sectionSW__grid100 {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .containerSW__grid50 > .sectionSW__grid50 {
        width: 50%;
    }

    .containerSW__grid50 > .sectionSW__grid33 {
        width: 33%;
    }

    .containerSW__grid50 > .sectionSW__grid25 {
        width: 25%;
    }
/* GRID LAYOUT END */
/* START WHO SECTION */
/* GRID100 */
.wrapperFW__grid100 {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    text-align: left;
    width: 100%;
    padding-left: 1rem;
    margin: 4px 0;
    position: relative;
}

    /* GRID100 WRAPPER WHO START */

    .wrapperFW__grid100 > .grid100__row {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
        text-align: left;
        width: 100%;
    }

        .wrapperFW__grid100 > .grid100__row > .wrapper__header {
            padding: 3px;
            margin-bottom: 2px;
        }

            .wrapperFW__grid100 > .grid100__row > .wrapper__header > .header {
                color: #112d44;
                font-weight: 600;
            }

                .wrapperFW__grid100 > .grid100__row > .wrapper__header > .header > .header--style {
                    font-size: 1.6rem;
                }

        .wrapperFW__grid100 > .grid100__row > .wrapper__content {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: flex-start;
            width: 100%;
        }


            .wrapperFW__grid100 > .grid100__row > .wrapper__content.wrapper__content--style {
                text-align: center;
                justify-content: center;
            }

            .wrapperFW__grid100 > .grid100__row > .wrapper__content > .wrapper__input {
                width: 350px;
                margin: 3px 10px 3px 0px;
            }
            /*.grid100__row > .wrapper__content > .grid100__column {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
}*/

            .wrapperFW__grid100 > .grid100__row > .wrapper__content > .wrapper__boxWho {
                display: flex;
                flex-direction: row;
                justify-content: flex-start;
                background-color: #FFF;
                width: 200px;
                height: 55px;
                border-radius: 6px;
                border: 1px solid #112d44;
                padding: 2px;
                /*margin-right: 3rem;*/
                margin: 3px 10px 3px 0px;
            }

.wrapper__boxWho > .wrapper__boximage {
    display: flex;
    justify-content: center;
    height: 100%;
    text-align: center;
    align-content: center;
    margin: 0;
}

    .wrapper__boxWho > .wrapper__boximage > .boximage {
        padding: 2px;
        width: 5rem;
        height: 5rem;
    }


.wrapper__boxWho > .wrapper__boxcontent {
    display: flex;
    flex-direction: column;
}

    .wrapper__boxWho > .wrapper__boxcontent > .boxcontent {
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 7px;
        margin-bottom: 5px;
    }

        .wrapper__boxWho > .wrapper__boxcontent > .boxcontent > .boxcontent__header {
            font-size: 1.3rem;
            font-weight: 500;
            color: #112d44
        }

        .wrapper__boxWho > .wrapper__boxcontent > .boxcontent > .boxcontent__subheader {
            font-size: 0.9rem;
            font-weight: 400;
            color: #112d44
        }

    .wrapper__boxWho > .wrapper__boxcontent.boxcontent__sizeM {
        height: 150px;
    }

.wrapper__boxWho > .wrapper__boxdropdown {
    height: 100%;
    text-align: center;
    align-content: center;
    margin-left: 2px;
}

.boxdropdown--style {
    width: 44px; /* Adjust width as needed */
    height: 30px;
    padding: 5px 5px;
    border: 1px solid #112d44;
    border-radius: 4px;
    background-color: #fff;
    /*font-family: Arial, sans-serif;*/
    font-size: 1.1rem;
    color: #112d44;
    -webkit-appearance: none; /* Remove default browser styling for select */
    -moz-appearance: none;
    appearance: none;
    background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23000000%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13%205.7L146.2%20202.7%2018.3%2075.1a17.6%2017.6%200%200%200-25.3%2024.5l137.9%20137.9a17.6%2017.6%200%200%200%2025.3%200l137.9-137.9a17.6%2017.6%200%200%200-12.9-30.2z%22%2F%3E%3C%2Fsvg%3E'); /* Custom arrow icon */
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 10px;
}
    /* Style on hover/focus */
    .boxdropdown--style:hover, .boxdropdown--style:focus {
        border-color: #112d44;
        outline: none;
        /*box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);*/
    }

    .boxdropdown--style option {
        font-size: 1.1rem; /* Adjust the desired font size */
    }

.input-container {
    display: -ms-flexbox; /* IE10 */
    display: flex;
    width: 280px;
}

.icon {
    padding: 10px;
    background: #112d43;
    color: #fff;
    min-width: 50px;
    text-align: center;
}

.input-field {
    width: 100%;
    padding: 8px;
    outline: none;
}

    .input-field:focus {
        border: 2px solid #272262;
    }

.grid100__row > .wrapper__content > .wrapper__input > .wrapper__calendar {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
    width: 100%;
}

.wrapper__calendar > .calendar__header {
    margin: 0 5px;
    color: #112d44;
    font-weight: 500;
    padding-right: 5px;
    width: 70px;
}

    .wrapper__calendar > .calendar__header > .calendar__header--style {
        font-size: 1.2rem;
    }

.wrapper__calendar > .calendar__textbox {
    margin-top: 4px;
    margin-bottom: 1px;
    margin-right: 5px;
    /* width: 90px;*/
}

    .wrapper__calendar > .calendar__textbox > .calendar__textbox--style {
        font-size: 1.5rem;
    }

.wrapper__calendar > .calendar__icon {
    margin-top: 8px;
    margin-bottom: 1px;
    margin-left: 5px;
    margin-right: 10px;
    /*width: 50px;*/
}

    .wrapper__calendar > .calendar__icon > .calendar__icon-style {
        /*margin-left: 20px;*/
        /*width: 50px;*/
        /*border: 1px solid red;*/
    }
/* Main container styles */
.calendar__style .ajax__calendar_container {
    background-color: #f0f0f0;
    border: 1px solid #112d44;
    /*font-size: 1.0rem;
    font-weight: 400;*/
    width: 150px;
    /*font-family: Arial, sans-serif;*/
}
/* Header styles */
.calendar__style .ajax__calendar_header {
    background-color: #112d44;
    color: white;
    padding: 5px;
    text-align: center;
    height: 30px;
}

.calendar__style .ajax__calendar_title {
    font-size: 1.2rem;
}

.calendar__style .ajax__calendar_prev {
    margin-top: 2px;
    margin-bottom: 1px;
    color: #fff;
    background-color: #fff;
}

.calendar__style .ajax__calendar_next {
    margin-top: 2px;
    margin-bottom: 1px;
    color: #fff;
    background-color: #fff;
}

.calendar__style .ajax__calendar_body {
    width: 100%;
    padding: 5px;
}

    .calendar__style .ajax__calendar_body .ajax__calendar_dayname {
        font-size: 1.2rem;
        color: #112d44;
    }
/* Day cell styles */
.calendar__style .ajax__calendar_day {
    padding: 5px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    font-size: 1.1rem;
}
    /* Hover state for day cells */
    .calendar__style .ajax__calendar_day:hover {
        background-color: #e0e0e0;
        /*padding: 3px;*/
    }

.calendar__style .ajax__calendar_month {
}

.calendar__style .ajax__calendar_year {
}
/* Selected day style */
.calendar__style .ajax__calendar_selected {
    background-color: #28a745;
    color: white;
}
/* Today's date style */
.calendar__style .ajax__calendar_today {
    font-weight: bold;
    color: #dc3545;
}
/* Footer styles */
.calendar__style .ajax__calendar_footer {
    background-color: #112d44;
    color: #fff;
    padding: 5px;
    text-align: center;
    height: 30px;
    font-size: 1.0rem;
}

.wrapperFW__grid100 > .grid100__row > .wrapper__content > .wrapper__input > .input__container {
    margin: 1px 5px 1px 1px;
}
.wrapperFW__grid100 > .grid100__row > .wrapper__content > .wrapper__input > .input__container > .hero__button {
    /*    display: flex;
    justify-content: center;*/
    color: white;
    align-content: center;
    text-align: center;
    align-items: center;
}

    .wrapperFW__grid100 > .grid100__row > .wrapper__content > .wrapper__input > .input__container > .hero__button > a:link {
        background-color: #112d43;
        color: #fff;
        padding: 8px 3px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        border-radius: 5px;
        height: 38px;
        min-height: 38px;
        width: 230px;
        font-size: 1.8rem;
        font-weight: 500;
    }

    .wrapperFW__grid100 > .grid100__row > .wrapper__content > .wrapper__input > .input__container > .hero__button > a:visited {
        background-color: #112d43;
        color: #fff;
    }

    .wrapperFW__grid100 > .grid100__row > .wrapper__content > .wrapper__input > .input__container > .hero__button > a:hover {
        background-color: white;
        color: #112d43;
        border: 1px solid #112d43;
    }
/* END WHO SECTION */

/* START SERVICES SECTION */
.containerSW__grid100 > .sectionSW__grid100 > .sectionSW__headerL {
    display: flex;
    justify-content: center;
    margin: 0 10px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #557A95;
    width: 100%;
}

    /*.containerSW__grid100 > .sectionSW__grid100 > .sectionSW__headerL > .sectionSW__headerL--style {
        font-size: 1.6rem;
    }*/
    .containerSW__grid100 > .sectionSW__grid100 > .sectionSW__headerL > .sectionSW__headerL--style {
        font-size: 2.4rem;
    }

.containerSW__grid100 > .sectionSW__grid100 > .sectionSW__headerM {
    display: flex;
    justify-content: flex-start;
    /*margin: 2px 0;*/
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #606060;
    width: 100%;
}

    .containerSW__grid100 > .sectionSW__grid100 > .sectionSW__headerM > .sectionSW__headerM--style {
        font-size: 1.8rem;
    }

.containerSW__grid100 > .sectionSW__grid100 > .grid100__rowSW {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
    text-align: left;
    width: 100%;
}

    .containerSW__grid100 > .sectionSW__grid100 > .grid100__rowSW > .wrapper__boxServices {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-content: flex-start;
        height: 320px;
        width: 250px;
        background-color: #FFF;
        border-radius: 10px;
        margin: 10px 10px;
        border: 1px solid #B1A296;
        padding: 1rem 1rem;
        margin-bottom: 50px;
    }

        .containerSW__grid100 > .sectionSW__grid100 > .grid100__rowSW > .wrapper__boxServices.boxservicesL {
            height: 370px;
        }

.wrapper__boxServices > .wrapper__boximage {
    display: flex;
    justify-content: center;
    text-align: center;
    align-content: center;
    margin: 0;
}

    .wrapper__boxServices > .wrapper__boximage > .boximage {
        padding: 2px;
        width: 9rem;
        height: 9rem;
    }

.wrapper__boxServices > .wrapper__boxheader {
    display: flex;
    justify-content: center;
}

.wrapper__boxServices > .wrapper__boxheader.boxheaderL {
    height: 38px;
}

.wrapper__boxServices > .wrapper__boxheader > .boxheader {
    color: #606060;
    font-weight: 700;
    margin-bottom: 2px;
    margin-top: 2px;
}

        .wrapper__boxServices > .wrapper__boxheader > .boxheader > .boxheader--style {
            font-size: 1.9rem;
        }
.wrapper__boxServices > .wrapper__boxcontent.boxcontentL {
    height: 380px;
}
.wrapper__boxServices > .wrapper__boxcontent > .boxcontent {
    display: flex;
    justify-content: flex-start;
    margin: 3px 1px;
    font-weight: 400;
    /*padding: 2px 2px;*/
    color: #606060;
    text-align: left;
}

    .wrapper__boxServices > .wrapper__boxcontent > .boxcontent > .boxcontent--style {
        font-size: 1.7rem;
    }

.wrapper__boxServices > .wrapper__footercontent {
    margin-bottom: 5px;
}

    .wrapper__boxServices > .wrapper__footercontent > .footercontent {
        width: 100%;
        padding: 5px 0;
        font-weight: 700;
        color: #486880;
        margin-top: 5px;
        bottom: 0;
    }

        .wrapper__boxServices > .wrapper__footercontent > .footercontent > .footercontent--style {
            font-size: 2.1rem;
        }
/* END SERVICES SECTION */

/* START HOW SECTION */
/* START HOW SECTION */
#howimage--s {
    display: none;
}

.wrapper__sectionSW > .section__imageHow {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    border-radius: 30px;
    width: 80%;
}
/* END HOW SECTION */

/* GRID50 WRAPPER BOXHOW START */

.grid50__column > .wrapper__boxHow {
    text-align: center;
    position: absolute;
    top: 5%;
    width: 100%;
}

.wrapper__boxHow > .wrapper__boxheader {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    margin: 5px 2px;
}

    .wrapper__boxHow > .wrapper__boxheader > .boxheader {
        font-weight: 600;
        color: #FFF;
    }

        .wrapper__boxHow > .wrapper__boxheader > .boxheader > .boxheader--style {
            font-size: 2.7rem;
        }

.wrapper__boxHow > .wrapper__boxicons {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 0;
    width: 100%;
    margin: 10px 2px;
}

    .wrapper__boxHow > .wrapper__boxicons > .boxicons {
        padding: 2px;
        width: 8rem;
        height: 8rem;
    }

.wrapper__boxHow > .wrapper__boxcontent {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    margin: 0;
    width: 100%;
    margin: 10px 2px;
}

    .wrapper__boxHow > .wrapper__boxcontent > .boxcontent {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        font-family: "Montserrat", sans-serif;
        font-optical-sizing: auto;
        font-style: normal;
        text-align: center;
        padding-left: 1rem;
        padding-right: 1rem;
        margin: 1px 3px;
        width: 110px;
        font-weight: 500;
        color: #FFF;
        background-color: rgba(187, 187, 187, 0.7);
        border: 1px solid #FFF;
    }

        .wrapper__boxHow > .wrapper__boxcontent > .boxcontent > .boxcontent--style {
            font-size: 1.2rem;
        }

.wrapper__boxHow > .wrapper__boxbutton {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    text-align: center;
    align-content: center;
    margin: 10px 2px;
    height: 48px;
    position: absolute;
    width: 100%;
}

    .wrapper__boxHow > .wrapper__boxbutton > .boxbutton {
        color: #f4f4f4;
        height: 100%;
    }

        .wrapper__boxHow > .wrapper__boxbutton > .boxbutton > a:link {
            background-color: #557A95;
            color: #FFF;
            padding: 10px 10px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            border-radius: 5px;
            height: 45px;
            min-height: 38px;
            width: 190px;
            font-size: 1.6rem;
            font-weight: 500;
            border: 1px solid #557A95;
        }

        .wrapper__boxHow > .wrapper__boxbutton > .boxbutton > a:visited {
            background-color: #557A95;
            color: #FFF;
            border: 1px solid #557A95;
        }

        .wrapper__boxHow > .wrapper__boxbutton > .boxbutton > a:hover {
            background-color: #FFF;
            color: #557A95;
            border: 1px solid #557A95;
        }

/* GRID50 WRAPPER BOXHOW END */

/* GRID50 WRAPPER PEACE START */

/* GRID50 WRAPPER PEACE END */

.wrapper__grid50 > .grid50__column > .sectionSW__headerS {
    display: flex;
    justify-content: flex-start;
    margin-top: 10px;
    margin-bottom: 6px;
    font-family: "Montserrat", sans-serif;
    font-weight: 700;
    color: #808080;
}

    .wrapper__grid50 > .grid50__column > .sectionSW__headerS > .sectionSW__headerS--style {
        font-size: 1.6rem;
    }

.wrapper__grid50 > .grid50__column > .wrapper__box {
    text-align: center;
    position: absolute;
    top: 5%;
    height: 300px;
    width: 100%;
}

    .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxheader {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        text-align: center;
        position: absolute;
        width: 48%;
        font-family: "Montserrat", sans-serif;
    }

        .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxheader > .boxheader {
            font-weight: 600;
            color: #FFF;
        }

            .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxheader > .boxheader > .boxheader--style {
                font-size: 2.7rem;
            }

    .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxicons {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        margin: 0;
        position: absolute;
        width: 47%;
        top: 25%;
    }

        .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxicons > .boxicons {
            padding: 2px;
            width: 8rem;
            height: 8rem;
        }

    .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxcontent {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        margin: 0;
        position: absolute;
        top: 60%;
        width: 48%;
    }

        .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxcontent > .boxcontent {
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            width: 11rem;
            font-family: "Montserrat", sans-serif;
            font-optical-sizing: auto;
            font-style: normal;
            text-align: center;
            padding-left: 1rem;
            padding-right: 1rem;
            font-weight: 500;
            color: #FFF;
            background-color: rgba(187, 187, 187, 0.7);
            border: 1px solid #FFF;
        }

            .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxcontent > .boxcontent > .boxcontent--style {
                font-size: 1.2rem;
            }

    .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxbutton {
        display: flex;
        flex-direction: row;
        justify-content: space-evenly;
        text-align: center;
        align-content: center;
        margin: 0;
        height: 48px;
        width: 100%;
        position: absolute;
        top: 85%;
        width: 48%;
    }

        .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxbutton > .boxbutton {
            position: absolute;
            left: 42%;
            color: #f4f4f4;
            height: 100%;
        }

            .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxbutton > .boxbutton > a:link {
                background-color: #557A95;
                color: #FFF;
                padding: 10px 10px;
                text-align: center;
                text-decoration: none;
                display: inline-block;
                border-radius: 5px;
                height: 45px;
                min-height: 38px;
                width: 190px;
                font-size: 1.6rem;
                font-weight: 500;
                margin-left: 60px;
                border: 1px solid #557A95;
            }

            .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxbutton > .boxbutton > a:visited {
                background-color: #557A95;
                color: #FFF;
                border: 1px solid #557A95;
            }

            .wrapper__grid50 > .grid50__column > .wrapper__box > .wrapper__boxbutton > .boxbutton > a:hover {
                background-color: #FFF;
                color: #557A95;
                border: 1px solid #557A95;
            }

.wrapper__grid50 > .wrapper__img {
    display: flex;
    flex-direction: column;
    justify-content: start;
    width: 100%;
}

    .wrapper__grid50 > .wrapper__img > .grid50__img {
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
    }




.wrapper__grid100 > .grid100__columnL > .wrapper__box > .wrapper__list {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    color: #606060;
    margin-bottom: 10px;
    text-align: left;
}

    .wrapper__grid100 > .grid100__columnL > .wrapper__box > .wrapper__list > .list__item {
        margin: 3px 0;
    }

        .wrapper__grid100 > .grid100__columnL > .wrapper__box > .wrapper__list > .list__item > .item--style {
            font-size: 1.6rem;
        }

            .wrapper__grid100 > .grid100__columnL > .wrapper__box > .wrapper__list > .list__item > .item--style > span {
                font-weight: 500;
            }

.wrapper__grid100 > .wrapper__box {
    background-color: #FFF;
    border-radius: 10px;
    width: 190px;
    margin: 10px 3px;
    height: 300px;
    border: 1px solid #B1A296;
    padding: 2px;
}

    .wrapper__grid100 > .wrapper__box.box__sizeM {
        height: 320px;
    }
/* END HOW SECTION */

/* PEACE SECTION */
/* START PEACE SECTION */

/* END PEACE SECTION */

/* GRID50 WRAPPER BOXPEACE START */
.grid50__column > .wrapper__boxPeace {
    text-align: center;
    position: absolute;
    top: 5%;
    width: 100%;
}

.wrapper__boxPeace > .wrapper__boxheader {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    text-align: center;
    width: 100%;
    font-family: "Montserrat", sans-serif;
    margin: 5px 2px;
}

    .wrapper__boxPeace > .wrapper__boxheader > .boxheader {
        font-weight: 600;
        color: #FFF;
    }

.wrapper__boxPeace > .wrapper__header > .header {
    color: #112d43;
    margin-bottom: 15px;
    margin-top: 15px;
    font-weight: 600;
    line-height: 1em;
}

    .wrapper__boxPeace > .wrapper__header > .header > .header--style {
        font-size: 2.1rem;
    }

.wrapper__boxPeace > .wrapper__list {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #000;
    margin-bottom: 10px;
}

    .wrapper__boxPeace > .wrapper__list > .list__img {
        margin: 10px;
        padding: 2px;
        width: 3.4rem;
        height: 3.4rem;
    }

    .wrapper__boxPeace > .wrapper__list > .list__content {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        text-align: left;
        margin-left: 4px;
    }

        .wrapper__boxPeace > .wrapper__list > .list__content > .content--style {
            font-weight: 500;
            font-size: 1.4rem;
        }

        .wrapper__boxPeace > .wrapper__list > .list__content > .content--styleS {
            font-weight: 400;
            font-size: 1.2rem;
        }

.grid50__column > .wrapper__img > .grid50__imgPeace {
    border-top-right-radius: 30px;
    border-top-left-radius: 0;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 0;
}
/* GRID50 WRAPPER BOXPEACE END */
/* END PEACE SECTION */

/* FAQs SECTION */

.wrapper__section > .content__section > .faq__header {
    display: flex;
    justify-content: center;
    padding: 1rem 1rem;
}

    .wrapper__section > .content__section > .faq__header > .faq__header--style {
        font-size: 2.1vw;
        font-weight: 700;
        color: #557A95;
    }

.sectionSW__grid100 > .wrapper__boxFaqs {
    margin-bottom: 20px;
}

.wrapper__sectionSW > .faq__grid {
    margin-bottom: 20px
}

.faq__grid > .accordion-container,
.wrapper__boxFaqs > .accordion-container {
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #FFF;
}

    .wrapper__boxFaqs > .accordion-container > .accordion-item {
        background-color: #FFF;
        border: none;
        margin-bottom: 5px;
    }

        .wrapper__boxFaqs > .accordion-container > .accordion-item > .accordion__header {
            background-color: #FFF !important;
        }

            .wrapper__boxFaqs > .accordion-container > .accordion-item > .accordion__header > .accordion__header--style {
                color: #557A95;
                font-weight: 600;
                font-size: 1.8rem;
            }
/*.wrapper__boxFaqs > .accordion-container > .accordion-item > .accordion__header > .accordion__header--styleDark {
        color: #557A95;
        font-weight: 600;
        font-size: 1.8rem;
    }*/
.accordion-container > .accordion-item > .accordion-content {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    margin: 2px;
    background-color: #FFF;
    width: 100%;
}
/* Expands the content when active */
.accordion-container > .accordion-item .accordion-content.active {
    max-height: 280px; /* Use a value large enough for the content */
    align-content: flex-start;
    text-align: left;
}

.accordion-container > .accordion-item > .accordion-content > .accordion__subheader {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
}

    .accordion-container > .accordion-item > .accordion-content > .accordion__subheader > .accordion__subheader--style {
        font-size: 1.4rem;
        font-weight: 400;
        text-align: left;
        margin: 5px 20px;
    }
/*.accordion-button {
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    transition: background-color 0.2s;
    font-size: 1rem;
    display: flex;
    justify-content: space-between;
}
*/
/*.faq__accordion__header {
    background-color: #FFF !important;
}

    .faq__accordion__header > .faq__accordion__header--style {
        color: #112d43;
        font-weight: 600;
    }
*/
/*.faq__accordion__content {
    display: flex;
    flex-direction: row;*/
/*  justify-content: flex-start;*/
/*}*/
.accordion-button {
    --bs-accordion-btn-bg: #f0f0f0; /* Change to your desired color */
    --bs-accordion-active-bg: #f6f6f6; /* Change to your desired color */
    --bs-accordion-btn-focus-box-shadow: none; /* Removes the focus box shadow. Not recommended to remove this. */
    --bs-accordion-btn-focus-border-color: #fff; /* Sets the border color. accordion-button doesn't have a border by the way. */
    --bs-accordion-active-color: #ffffff; /* Active text color */
    height: 47px;
    padding: 3px;
    font-weight: 600;
    font-size: 1.8rem;
    box-shadow: none !important;
    /*color: #000000;*/
}

    .accordion-button.accordion-button--style {
        --bs-accordion-btn-bg: #f0f0f0; /* Change to your desired color */
        --bs-accordion-active-bg: #112d44; /* Change to your desired color */
        --bs-accordion-btn-focus-box-shadow: none; /* Removes the focus box shadow. Not recommended to remove this. */
        --bs-accordion-btn-focus-border-color: #fff; /* Sets the border color. accordion-button doesn't have a border by the way. */
        --bs-accordion-active-color: #ffffff; /* Active text color */
        height: 47px;
        padding: 13px;
        font-weight: 600;
        font-size: 1.8rem;
        box-shadow: none !important;
        text-align: right;
        margin: 0;
        /*color: #000000;*/
    }

    /*.accordion-item {
    margin-bottom: 5px;
}*/

    .accordion-button::after {
        background-image: none !important; /*Remove the SVG image*/
    }

    .accordion-button.collapsed {
        /*border-bottom: #ebebeb;*/
        box-shadow: none;
    }

    .accordion-button:not(.collapsed) {
        /*border: #ebebeb;*/
        box-shadow: none; /* Change this line to your desired border style */
        /* You can also set individual properties like: */
        /* border-style: dashed; */
        /* border-width: 5px; */
        /* border-color: blue; */
        background-color: #0d6efd; /* Your desired active color */
        color: white; /* Change text color for contrast */
    }

    .accordion-button:focus {
        outline: none;
        box-shadow: none;
        border-color: rgba(0,0,0,.125);
        background-color: red;
    }
/*.accordion-button:not(.collapsed) {
        color: #ffffff;*/ /* Example: white text */
/*}*/
/* Change text color on hover for accordion buttons */
/*.accordion-button:hover {
        color: #ff0000;*/ /* Example: red text on hover */
/*}

    .accordion-button.active {
        background-color: #ccc;
    }

    .accordion-button:focus {
        outline: none;
        box-shadow: none;*/ /* Important for Bootstrap to remove the focus ring */
/*box-shadow: none;
        border-color: rgba(0,0,0,.125);
        color: red;
    }*/
.wrapper__accordion {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-content: center;
    align-items: center;
    /*padding: 1px;*/
}

    .wrapper__accordion > .accordion__header--style {
        color: red;
        font-weight: 500;
    }

    .wrapper__accordion > .accordion__header--styleDark {
        color: #112d44;
        font-weight: 500;
    }

    .wrapper__accordion > .wrapper__accordion__icon {
        /*padding: 1px 0;*/
    }
/* Rotates the icon when active */
.accordion-button .wrapper__accordion__icon {
    background-color: #f6f6f6;
    color: #112d44;
    font-size: 1.8rem;
    font-weight: 600;
    transition: transform 0.2s;
}

    .accordion-button .wrapper__accordion__icon.wrapper__accordion__icon--style {
        background-color: #112d44;
        color: #FFF;
    }

/*.accordion-content {
    border-left: #673ab744 1px solid;
    border-bottom: #673ab744 1px solid;
    border-right: #673ab744 1px solid
}*/
/*.accordion .item .accordion-header button {
    background-color: transparent;
    box-shadow: none;
}*/
/*.accordion-button:hover {
    background-color: #ccc;
}*/
/* Styles for active state */
/*.accordion-button.active .icon {
    transform: rotate(45deg);
}*/
/*.accordion.active {
    background-color: #ccc;
}*/
/* END FAQS SECTION */
/* START CONTACT PAGE */
.contact__grid {
    width: 100%;
    padding: 5px;
}

    .contact__grid > .wrapper__contact {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 5px;
        margin-bottom: 20px;
    }

        .contact__grid > .wrapper__contact > .wrapper__contactlayout {
            display: flex;
            flex-direction: column;
            justify-content: flex-start;
            width: 48%;
            padding: 5px;
        }

            .contact__grid > .wrapper__contact > .wrapper__contactlayout.contactlayout--style {
                border-left: 1px solid #112d43;
                padding-left: 40px;
            }

.contactpage__header {
    color: #808080;
    font-weight: 700;
    margin-bottom: 7px;
}

    .contactpage__header > .contactpage__header--style {
        font-size: 1.6rem;
    }

.grid50__column > .wrapper__input {
    margin-top: 5px;
    margin-bottom: 10px;
    width: 100%;
    position: relative;
    text-align: left;
}

    .grid50__column > .wrapper__input > .wrapper__name {
        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }

.wrapper__input > .wrapper__name > .contactform__name {
    width: 300px;
    padding: 5px 3px;
}
    .wrapper__input > .wrapper__name > .contactform__name > .input__name {
        width: 195px;
    }
.wrapper__input > .wrapper__phone {
    width: 200px;
    padding: 5px 3px;
}
.wrapper__input > .wrapper__email {
    width: 444px;
    padding: 5px 3px;
}
.wrapper__help > .help__dropdown {
    padding: 5px 3px;
}

    .wrapper__help > .help__dropdown > .help__dropdown--style {
        height: 38px;
        /*        color: #808080;
        font-size: 1.3rem;*/
        padding: 5px 3px;
        width: 200px;
        font-size: 13px;
        font-family: 'Roboto', sans-serif;
        color: #7D8284;
        border: 1px solid #112d44;
    }

.help__dropdown--style > option {
    font-size: 13px;
    /* Adjust the size as needed */
}
.wrapper__input > .wrapper__message {
    width: 444px;
}
.wrapper__input > .wrapper__message > .message--style {
    width: 444px;
}
.wrapper__input > .wrapper__button {
    display: flex;
    justify-content: center;
    position: absolute;
    top: 90%;
    color: white;
    width: 100%;
    height: 3.8rem;
}

.wrapper__contactlayout > .container__contactinfo {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

.grid50__column > .wrapper__input > .wrapper__contactinfo {
    display: flex;
    flex-direction: row;
}

    .grid50__column > .wrapper__input > .wrapper__contactinfo > .contactinfo__icon {
        margin-right: 5px;
        width: 20px;
    }

        .grid50__column > .wrapper__input > .wrapper__contactinfo > .contactinfo__icon i {
            color: #808080;
        }

    .grid50__column > .wrapper__input > .wrapper__contactinfo > .contactinfo__header {
        margin-right: 10px;
    }

.grid50__column > .wrapper__input > .contactinfo__details {
    margin-left: 27px;
    font-size: 1.3rem;
}

    .grid50__column > .wrapper__input > .contactinfo__details > a:link {
        text-decoration: none;
        color: #808080;
        font-size: 1.3rem;
    }

    .grid50__column > .wrapper__input > .contactinfo__details > a:visited {
        color: #808080;
    }

    .grid50__column > .wrapper__input > .contactinfo__details > a:hover {
        color: #112d43;
    }

/*.grid50__column > .wrapper__input > .wrapper__boxcontent {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 15px;
    margin-bottom: 15px;
}*/

    .wrapper__boxcontent > .contactsocial__content {
        width: 200px;
    }

.wrapper__boxcontent > .contactsocial__content > .wrapper__contactsocial {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.contactsocial__content > .wrapper__contactsocial > .contactsocial--style {
    color: #808080;
    margin: 5px 6px;
}

    .contactsocial__content > .wrapper__contactsocial > .contactsocial--style > a:link {
        color: #808080;
        text-decoration: none;
    }

    .contactsocial__content > .wrapper__contactsocial > .contactsocial--style > a:visited {
        color: #808080;
    }

    .contactsocial__content > .wrapper__contactsocial > .contactsocial--style > a:hover {
        color: #112d43;
    }

.wrapper__input > .wrapper__button > a:link {
    background-color: #112d43;
    color: #fff;
    padding: 5px 0;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    border-radius: 5px;
    height: 3.8rem;
    min-height: 3rem;
    width: 200px;
    font-size: 1.6rem;
    font-weight: 500;
}

.wrapper__input > .wrapper__button > a:visited {
    background-color: #112d43;
    color: #fff;
}

.wrapper__input > .wrapper__button > a:hover {
    background-color: white;
    color: #112d43;
    border: 1px solid #112d43;
}

/* END CONTACT PAGE */
/*.wrapper__contents > .selection__align {
    display: flex;
    flex-direction: row;
    width: 100%;
}*/

/* START ABOUT SECTION */
/*.wrapper__section > .content__section > .section__header > .section__header--style.about__header {
    font-size: 2.7rem;
    font-weight: 600;
    color: #557A95;
 }*/

/* .wrapper__section > .content__section > .section__header > .section__header--style.about__header.about__header--s {
        font-size: 1.8rem;
    }*/
.containerSW__grid > .wrapper__grid100 > .grid100__columnL {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-content: flex-start;
    background-color: #FFF;
    margin: 10px 10px;
    padding: 1rem 1rem;
    text-align: left;
}

    .containerSW__grid > .wrapper__grid100 > .grid100__columnL > .wrapper__boxAbout {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        align-content: flex-start;
        background-color: #FFF;
        margin: 10px 10px;
        padding: 1rem 1rem;
        text-align: left;
    }

.wrapper__boxcontent {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin: 10px 0 8px 0;
}

.wrapper__boxcontent > .boxcontent__header {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    text-align: left;
    align-content: flex-start;
    color: #808080;
    font-weight: 700;
    margin-bottom: 7px;
}

      .wrapper__boxcontent > .boxcontent__header > .boxcontent__header--style {
            font-size: 1.6rem;
        }

    .wrapper__boxAbout > .wrapper__boxcontent > .boxcontent {
        margin-bottom: 10px;
        text-align: left;
        /* margin-left: 5px;
        margin-right: 5px;
        margin-top: 7px;
        margin-bottom: 5px;*/
    }

    .wrapper__boxAbout > .wrapper__boxcontent > .wrapper__list {
        list-style-type: disc;
        padding-left: 30px;
        margin: 15px 2px;
        text-align: left;
        width: 100%;
    }

.wrapper__boxAbout > .wrapper__list > .list__item {
    margin: 3px 0;
    text-align: left;
}

.wrapper__boxAbout > .wrapper__boxcontent > .wrapper__list > .list__item > .item--style > span {
    font-weight: 700;
    text-align: left;
}
/*.wrapper__boxAbout > .wrapper__boxcontent > .boxcontent > .boxcontent__header {
            font-size: 1.3rem;
            font-weight: 500;
            color: #112d44
        }

        .wrapper__boxAbout > .wrapper__boxcontent > .boxcontent > .boxcontent__subheader {
            font-size: 0.9rem;
            font-weight: 400;
            color: #112d44
        }*/

.container__sectionSW > .wrapper__Aboutbannerimg {
    /*margin: 2px;
    padding: 2px;*/
}

.content__section > .about__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
    margin: 0;
    height: 100%;
}

.content__section > .page__grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 0;
    margin: 0 15px;
    height: 100%;
}

    .content__section > .page__grid > .wrapper__grid {
        display: flex;
        flex-direction: column;
    }

        .content__section > .page__grid > .wrapper__grid > .grid__summary > .wrapper__gridsummary {
            font-weight: 500;
            width: 100%;
            padding: 2px 0;
        }

            .content__section > .page__grid > .wrapper__grid > .grid__summary > .wrapper__gridsummary > .gridsummary--style {
                font-size: 1.6rem;
            }

        .content__section > .page__grid > .wrapper__grid > .grid__wrap {
            display: flex;
            flex-direction: row;
            justify-content: space-evenly;
            flex-wrap: wrap;
            width: 100%;
        }

            .content__section > .page__grid > .wrapper__grid > .grid__wrap > .wrapper__box {
                display: flex;
                flex-direction: column;
                height: 250px;
                width: 200px;
                background-color: #FFF;
                border-radius: 10px;
                margin: 10px 10px;
                border: 1px solid #B1A296;
                padding: 1rem 1rem;
                margin-bottom: 50px;
            }

.section__grid--50 > .wrapper__box {
}

.wrapper__box > .wrapper__box__icons {
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

.content__section > .page__grid > .wrapper__grid > .grid__header > .wrapper__gridheader {
    width: 100%;
    margin: 5px 0;
    padding: 2px 3px;
    margin-top: 2px;
    font-size: 2.1vw;
    font-weight: 700;
    color: #FFF;
    background-color: #557A95;
    border-radius: 4px;
}

.wrapper__grid > .grid__wrap > .wrapper__box > .grid__header > .wrapper__gridheader {
    font-size: 2.1vw;
    font-weight: 700;
    color: #557A95;
    background-color: #FFF;
}

    .wrapper__grid > .grid__wrap > .wrapper__box > .grid__header > .wrapper__gridheader > .gridheader--style {
        font-size: 1.9rem;
    }


    .content__section > .page__grid > .wrapper__grid > .grid__header > .wrapper__gridheader.gridheader__background,
    .wrapper__grid > .grid__wrap > .wrapper__box > .grid__header > .wrapper__gridheader.gridheader__background {
        background-color: #FFF;
    }

.content__section > .page__grid > .wrapper__grid > .grid__content > .wrapper__gridcontent,
.wrapper__grid > .grid__wrap > .wrapper__box > .grid__content > .wrapper__gridcontent {
    width: 100%;
    margin: 3px 5px;
    padding: 2px 0;
    font-weight: 400;
}

    .content__section > .page__grid > .wrapper__grid > .grid__content > .wrapper__gridcontent > .gridcontent--style {
        font-size: 1.4rem;
        margin-bottom: 10px;
    }

.wrapper__box > .grid__content > .wrapper__gridcontent > .gridcontent--style {
    margin-top: 5px;
    font-size: 1.3rem;
    margin-bottom: 10px;
    height: 130px;
    padding: 0 4px;
}



.wrapper__gridimage {
    display: flex;
    flex-direction: column;
    justify-content: start;
    width: 100%;
}

    .wrapper__gridimage > .grid__img {
        border-top-right-radius: 30px;
        border-bottom-right-radius: 30px;
    }

.wrapper__grid > .grid__wrap > .wrapper__box > .grid__footer > .wrapper__gridfooter {
    width: 100%;
    padding: 5px 0;
    font-weight: 600;
    color: #486880;
}

    .wrapper__grid > .grid__wrap > .wrapper__box > .grid__footer > .wrapper__gridfooter > .gridfooter--style {
        font-size: 2.0rem;
    }

.grid__content > .wrapper__gridcontent > .gridcontent--style > .wrapper__gridlist,
.grid__content > .wrapper__gridcontent > .grid__column > .gridcontent--style > .wrapper__gridlist {
    list-style-type: disc;
    padding-left: 30px;
    padding-right: 30px;
    margin: 2px;
}

.grid__content > .wrapper__gridcontent > .grid__column > .gridcontent--style.column--size {
    width: 50%;
}

.grid__content > .wrapper__gridcontent > .grid__column > .column--size {
    width: 50%;
}

.grid__content > .wrapper__gridcontent > .gridcontent--style > .wrapper__gridlist > .gridlist__item,
.grid__content > .wrapper__gridcontent > .grid__column > .gridcontent--style > .wrapper__gridlist > .gridlist__item {
    margin: 3px 0;
}

    .grid__content > .wrapper__gridcontent > .gridcontent--style > .wrapper__gridlist > .gridlist__item > .gridlist__item--style,
    .grid__content > .wrapper__gridcontent > .grid__column > .gridcontent--style > .wrapper__gridlist > .gridlist__item > .gridlist__item--style {
        font-size: 1.3rem;
        margin-bottom: 5px;
        margin-top: 5px;
    }

        .grid__content > .wrapper__gridcontent > .gridcontent--style > .wrapper__gridlist > .gridlist__item > .gridlist__item--style > span,
        .grid__content > .wrapper__gridcontent > .grid__column > .gridcontent--style > .wrapper__gridlist > .gridlist__item > .gridlist__item--style > span {
            font-size: 1.3rem;
            font-weight: 500;
        }

.content__section > .about__grid > .wrapper__about {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    padding: 0 10px;
}

    .content__section > .about__grid > .wrapper__about > .about__item {
        margin: 3px 0;
    }


/* END ABOUT SECTION */

/* GRID 50 */
.wrapperSW__grid50 {
    display: flex;
    flex-direction: row;
    width: 50%;
    /*border: 1px solid green;*/
}

    .wrapperSW__grid50.grid50--style {
        background-color: #c8e7ad;
        border-top-right-radius: 0;
        border-top-left-radius: 30px;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 30px;
    }

    .wrapperSW__grid50 > .grid50__column {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        /*border: 1px solid red;*/
    }

        .wrapperSW__grid50 > .grid50__column.grid50__column-style {
            background-color: red;
        }

        .wrapperSW__grid50 > .grid50__column.grid50__spacingR {
            padding-right: 50px;
        }

.wrapperSW__grid50 > .grid50__column.grid50__spacingL {
    padding-left: 50px;
}

        .wrapperSW__grid50 > .grid50__column.grid50__alignL {
            text-align: left;
        }

        .wrapperSW__grid50 > .grid50__column.grid50__alignC {
            text-align: center;
        }

        .wrapperSW__grid50 > .grid50__column.grid50__spacingR.grid50__borderR {
            /*border-left: 1px solid red;*/
            /*margin-bottom: 40px;*/
        }

        .wrapperSW__grid50 > .grid50__column.grid50__spacingL.grid50__borderL {
            border-left: 1px solid #808080;
            margin-bottom: 30px;
        }

        .wrapperSW__grid50 > .grid50__column > .grid50__columm-AlignCT {
            position: absolute;
            top: 1%;
            margin: 10px 3px;
            height: 280px;
        }

        .wrapperSW__grid50 > .grid50__column > .wrapper__box {
            text-align: center;
            position: absolute;
            top: 5%;
            height: 300px;
            width: 100%;
        }



/* PRICES START */


.section__layoutSW > .container__sectionSW > .wrapper__sectionSW > .containerSW__grid > .wrapper__grid100 > .grid100__columnL {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 100%;
    margin-bottom: 5px;
}
/* PRICES END */