* {
    /*border: 1px solid;*/
}

.sectionHead {
    padding: .7em 0;
    display: grid;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
    /*border: 1px solid;*/
}

    .sectionHead .section_title {
        /*border: 1px solid;*/
        margin: .25em 0;
        text-align: center;
        /*font-variant: unicase;*/
        font-weight: 600;
        font-size: x-large;
    }

        .sectionHead .section_title::before {
            content: '';
            display: flex;
            width: 60%;
            margin: auto;
            margin-bottom: 7px;
            height: 2px;
            border-radius: .5em;
            background: linear-gradient(to right, #fff0, var(--bs-primary) 38%, #ffff 38%, #fff0 40%, var(--bs-secondary) 40%, var(--bs-secondary) 61%, #fff0 61%, #fff0 63%, var(--bs-primary) 63%, #fff0);
        }

        .sectionHead .section_title::after {
            content: '';
            display: flex;
            width: 60%;
            margin: auto;
            margin-top: 10px;
            height: 2px;
            border-radius: .5em;
            background: linear-gradient(to right, #fff0, var(--bs-primary) 38%, #ffff 38%, #fff0 40%, var(--bs-secondary) 40%, var(--bs-secondary) 61%, #fff0 61%, #fff0 63%, var(--bs-primary) 63%, #fff0);
        }


.foot_logobox {
    display: grid;
    align-items: center;
    /*justify-content: center;*/
    padding-bottom: 10px;
}


    .foot_logobox img {
        max-width: 120px;
        margin: 0;
    }

.foot_navbox h4 {
    font-size: 14pt;
    color: var(--bs-primary);
    font-weight: bold;
}

.foot_navbox ul {
    list-style: none;
    padding-left: 0;
}

    .foot_navbox ul li a {
        padding-right: 10px;
    }

    .foot_navbox ul li a, .nav-item .nav-link, .bg_hoverstyle {
        display: inline-block;
        text-decoration: none;
        background: linear-gradient(to bottom, #ffffff00 calc(100% - 2px), var(--bs-secondary) calc(100% - 2px));
        background-repeat: no-repeat;
        background-size: 0% 100%;
        /*transition: background-size 0.5s ease;*/
        transition: all 0.5s ease;
    }

        .foot_navbox ul li a:hover, .nav-item .nav-link:hover, .bg_hoverstyle:hover, .nav-item .nav-link.active {
            animation: backgroundcolor .5s forwards alternate;
            color: var(--bs-secondary);
        }


@keyframes backgroundcolor {
    to {
        background-size: 100% 100%;
    }
}


.page_head {
    /*background: url('Images/page_bg.jpg') no-repeat;
            background-size: cover;
            background-position: bottom;*/
    background: linear-gradient(-10deg, transparent, var(--bs-secondary));
    min-height: 250px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

    .page_head nav {
        display: grid;
        align-items: flex-end;
        justify-content: center;
        grid-auto-flow: row;
        margin: 0 auto;
        gap: 15px;
        padding-top: 90px;
        padding-bottom: 25px;
        max-width: 95%;
    }

    .page_head .quote {
        max-width: 95%;
        /*max-width: 100%;*/
        background: #ffffff77;
        box-shadow: 2px 2px 0.25em #adb5bd6b, inset 1px 1px 5px #f8f9fa7a;
        border-radius: .25em;
        transform: rotate(1deg);
        margin: 0 auto;
    }

        .page_head .quote .quote-text {
            margin: 0;
            padding: 10px 10px 15px 10px;
            text-align: center;
            color: black;
            font-weight: 400;
            font-size: 13pt;
            line-height: normal;
            transform: rotate(-1deg);
            background: #ffffff77;
            border: 1px solid #f8f9fa7a;
        }



            .page_head .quote .quote-text q::before,
            .page_head .quote .quote-text q::after {
                font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
                font-weight: bolder;
                text-shadow: none;
                margin: 0 .25em;
            }

.breadcrumb {
    background: #ffffff99;
    padding: 0 .5em;
    border-radius: .25em;
    overflow: hidden;
    margin: 0;
    margin-left: auto;
}

    .breadcrumb * a {
        text-decoration: none;
        color: black;
    }

    .breadcrumb .breadcrumb-item.active a {
        color: var(--bs-secondary);
        font-weight: 500;
    }


.svg_3style {
    position: relative;
    width: -webkit-fill-available;
    height: -webkit-fill-available;
    display: flex;
    min-height: 350px;
}

    .svg_3style .svg_3title {
        /*position: ;*/
        text-align: center;
        width: 100%;
        font-size: xx-large;
        margin: auto;
        font-weight: 900;
        letter-spacing: -1px;
        line-height: 1.7;
    }

        .svg_3style .svg_3title :nth-child(n) {
            display: inline-flex;
            align-items: center;
            line-height: 1;
            background: #ffffff55;
            font-style: normal;
            padding: .1em .25em;
            border-radius: .25em;
        }

        .svg_3style .svg_3title :nth-child(odd) {
            background: repeating-linear-gradient(rgba(var(--bs-primary-rgb), .5) 1px, white 3px);
            /*text-shadow: 3px 2px rgba(var(--bs-secondary-rgb), .5);*/
            /*box-shadow: 0 0 0 1px var(--bs-secondary);*/
        }

        .svg_3style .svg_3title :nth-child(even) {
            background: repeating-linear-gradient(rgba(var(--bs-secondary-rgb), .5) 1px, white 3px);
            /*box-shadow: 0 0 0 1px var(--bs-primary);*/
            transform: translateY(-7px);
        }

    .svg_3style svg {
        /* border: 0px solid #fff0; */
        fill: #fff;
    }

    .svg_3style > span {
        width: 40px;
        height: 40px;
        overflow: hidden;
        border-radius: 50%;
        /*margin: 10px;*/
        background: var(--bs-secondary);
        padding: 5px;
        box-shadow: 0 0 0 2px var(--bs-secondary);
        display: flex;
        align-items: center;
    }

        .svg_3style > span:nth-child(odd) {
            background: var(--bs-primary);
            box-shadow: 0 0 0 2px var(--bs-primary);
        }

    .svg_3style > .svg1 {
        position: absolute;
        top: 7%;
        left: calc(45% - 40px / 2);
        z-index: -1;
    }

    .svg_3style > .svg2 {
        position: absolute;
        top: 25%;
        right: 15%;
        z-index: -1;
    }

    .svg_3style > .svg3 {
        position: absolute;
        bottom: 35%;
        right: 10%;
        z-index: -1;
    }

    .svg_3style > .svg4 {
        position: absolute;
        bottom: 20%;
        right: 30%;
        z-index: -1;
    }

    .svg_3style > .svg5 {
        position: absolute;
        bottom: 30%;
        left: 20%;
        z-index: -1;
    }

    .svg_3style > .svg6 {
        position: absolute;
        top: 15%;
        left: calc(25% - 40px / 2);
        z-index: -1;
    }

@media (max-width: 586px) {
    .svg_3style .svg_3title {
        font-size: x-large;
    }
}


.card_container {
    display: flex;
    flex-flow: wrap;
    gap: 15px;
    align-items: flex-start;
    justify-content: center;
}

.imgcard_container {
    /*display: flex;*/
    /*flex-flow: wrap;*/
    /*gap: 15px;*/
    /*align-items: flex-start;*/
    /*justify-content: center;*/
}

    .card_container .card_box, .imgcard_container .imgcard_box {
        padding: 20px 20px;
        /*border: 1px solid;*/
        max-width: 21em;
        width: 100%;
        background: linear-gradient(45deg, rgba(var(--bs-primary-rgb), .9));
        background-repeat: no-repeat;
        background-size: 0% 100%;
        background-color: rgba(var(--bs-primary-rgb), .05);
        font-weight: 400;
        font-size: large;
        border-radius: .125em;
        box-shadow: 2px 2px .5em lightgrey;
        min-height: 250px;
        /*background-position: right;*/
    }

        .card_container .card_box:hover {
            animation: backgroundcolor .5s forwards alternate;
            color: white;
        }

        .card_container .card_box .card_header {
            /*border-bottom: 2px solid var(--bs-secondary);*/
            background: linear-gradient(to bottom, #ffffff00 95%, var(--bs-secondary) 95%);
            background-repeat: no-repeat;
            /*background-size: 0% 100%;*/
            padding-bottom: 10px;
            text-transform: uppercase;
            font-size: 16pt;
            font-weight: 600;
            letter-spacing: 1px;
        }

            .card_container .card_box .card_header::first-letter {
                color: var(--bs-secondary);
                font-weight: bold;
            }

.card_container .card_box {
    align-content: center;
}

    .card_container .card_box:hover .card_header {
        /*animation: backgroundcolor .5s forwards alternate;*/
        color: white;
    }

.imgcard_container .imgcard_box .card_header {
    color: var(--bs-secondary);
    font-weight: bold;
}

.imgcard_container .imgcard_box {
    padding: 0;
    overflow: hidden;
    border-radius: .5em;
    background: linear-gradient(to bottom, #ffffff00 calc(100% - 5px), var(--bs-secondary) 5px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    display: grid;
}

.imgcard_container .swiper-slide.imgcard_box, .imgcard_container .imgcard_box {
    height: -webkit-fill-available;
    align-content: flex-start;
}

.imgcard_container .imgcard_box .imgcard_img {
    height: 250px;
    margin: auto;
    transition: all .5s;
}

.imgcard_container .swiper-slide.imgcard_box .imgcard_imgbox, .imgcard_container .imgcard_box .imgcard_imgbox {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.imgcard_container .imgcard_box .card_body, .imgcard_container .swiper-slide.imgcard_box .card_body {
    padding: 15px;
}

.imgcard_container .imgcard_box:hover, .imgcard_container .imgcard_box.swiper-slide-active {
    animation: backgroundcolor .5s forwards alternate;
}

    .imgcard_container .imgcard_box:hover .imgcard_img {
        transform: scale(1.2) rotate(2deg);
    }

#slide_style1 .silde_body {
    max-width: 300px;
    min-height: 250px;
    margin: auto;
    display: grid;
    align-content: center;
    /*padding: 20px 0;*/
}

#slide_style1 .swiper-slide > nav {
    border: none !important;
}

#slide_style1 .swiper-slide > nav, #slide_style1 .swiper-slide.swiper-slide-active > nav {
    background: linear-gradient(to bottom, #ffffff calc(100% - 5px), var(--bs-secondary) 5px);
    background-repeat: no-repeat;
    background-size: 0% 100%;
    overflow: hidden;
}

#slide_style1 .swiper-slide:hover > nav,
#slide_style1 .swiper-slide.swiper-slide-active > nav {
    animation: backgroundcolor .5s forwards alternate;
}


@media (max-width: 810px) {
    .card_container .card_box, .imgcard_container .imgcard_box {
        max-width: 500px;
    }

    .imgcard_container .swiper-slide.imgcard_box {
        width: calc(100vw - .5em);
        max-width: 95%;
    }
}