@font-face {
    font-family: "Bosch Sans";
    src: url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-Light.otf) format("opentype"), url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-LightItalic.otf) format("opentype"), url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-Light.woff) format("woff"), url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-LightItalic.woff) format("woff");
    font-weight: 200
}

@font-face {
    font-family: "Bosch Sans";
    src: url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-Regular.ttf) format("truetype"), url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-RegularItalic.ttf) format("truetype"), url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-Regular.woff) format("woff"), url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-RegularItalic.woff) format("woff");
    font-weight: 400
}

@font-face {
    font-family: "Bosch Sans";
    src: url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-Bold.ttf) format("truetype"), url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-BoldItalic.ttf) format("truetype"), url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-Bold.woff) format("woff"), url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-BoldItalic.woff) format("woff");
    font-weight: 700
}

@font-face {
    font-family: "Bosch Sans";
    src: url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-Black.ttf) format("truetype"), url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-BlackItalic.ttf) format("truetype"), url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-Black.woff) format("woff"), url(/si_upload/gfx/2026/03_17_bosch/fonts/BoschSans-BlackItalic.woff) format("woff");
    font-weight: 900
}

.flex {
    display: flex
}

.flex-column {
    flex-direction: column
}

.flex-row {
    flex-direction: row
}

.flex-center {
    align-items: center
}

.flex-start {
    align-items: flex-start
}

.flex-end {
    align-items: flex-end
}

.flex-stretch {
    align-items: stretch
}

.flex-between {
    justify-content: space-between
}

.flex-around {
    justify-content: space-around
}

.flex-evenly {
    justify-content: space-evenly
}

.flex-justify-center {
    justify-content: center
}

.flex-wrap {
    flex-wrap: wrap
}

.gap-200 {
    gap: 200px
}

.p-0 {
    padding: 0
}

.p-0_5 {
    padding: .5rem
}

.p-1 {
    padding: 1rem
}

.p-1_5 {
    padding: 1.5rem
}

.p-2 {
    padding: 2rem
}

.p-3 {
    padding: 3rem
}

.p-4 {
    padding: 4rem
}

.p-5 {
    padding: 5rem
}

.pt-0 {
    padding-top: 0
}

.pt-0_5 {
    padding-top: .5rem
}

.pt-1 {
    padding-top: 1rem
}

.pt-1_5 {
    padding-top: 1.5rem
}

.pt-2 {
    padding-top: 2rem
}

.pt-3 {
    padding-top: 3rem
}

.pt-4 {
    padding-top: 4rem
}

.pt-5 {
    padding-top: 5rem
}

.pb-0 {
    padding-bottom: 0
}

.pb-0_5 {
    padding-bottom: .5rem
}

.pb-1 {
    padding-bottom: 1rem
}

.pb-1_5 {
    padding-bottom: 1.5rem
}

.pb-2 {
    padding-bottom: 2rem
}

.pb-3 {
    padding-bottom: 3rem
}

.pb-4 {
    padding-bottom: 4rem
}

.pb-5 {
    padding-bottom: 5rem
}

.px-0 {
    padding-left: 0;
    padding-right: 0
}

.px-0_5 {
    padding-left: .5rem;
    padding-right: .5rem
}

.px-1 {
    padding-left: 1rem;
    padding-right: 1rem
}

.px-1_5 {
    padding-left: 1.5rem;
    padding-right: 1.5rem
}

.px-2 {
    padding-left: 2rem;
    padding-right: 2rem
}

.px-3 {
    padding-left: 3rem;
    padding-right: 3rem
}

.px-4 {
    padding-left: 4rem;
    padding-right: 4rem
}

.px-5 {
    padding-left: 5rem;
    padding-right: 5rem
}

.py-0 {
    padding-top: 0;
    padding-bottom: 0
}

.py-0_5 {
    padding-top: .5rem;
    padding-bottom: .5rem
}

.py-1 {
    padding-top: 1rem;
    padding-bottom: 1rem
}

.py-1_5 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.py-2 {
    padding-top: 2rem;
    padding-bottom: 2rem
}

.py-3 {
    padding-top: 3rem;
    padding-bottom: 3rem
}

.py-4 {
    padding-top: 4rem;
    padding-bottom: 4rem
}

.py-5 {
    padding-top: 5rem;
    padding-bottom: 5rem
}

.min-w-0 {
    min-width: 0
}

.min-w-200 {
    min-width: 200px
}

.min-w-full {
    min-width: 100%
}

.max-w-0 {
    max-width: 0
}

.max-w-200 {
    max-width: 200px
}

.max-w-300 {
    max-width: 300px
}

.max-w-full {
    max-width: 100%
}

.w-auto {
    width: auto
}

.w-1\/2 {
    width: 50%
}

.w-1\/3 {
    width: 33.333333%
}

.w-2\/3 {
    width: 66.666667%
}

.w-1\/4 {
    width: 25%
}

.w-2\/4 {
    width: 50%
}

.w-3\/4 {
    width: 75%
}

.w-1\/5 {
    width: 20%
}

.w-2\/5 {
    width: 40%
}

.w-3\/5 {
    width: 60%
}

.w-4\/5 {
    width: 80%
}

.w-1\/6 {
    width: 16.666667%
}

.w-2\/6 {
    width: 33.333333%
}

.w-3\/6 {
    width: 50%
}

.w-4\/6 {
    width: 66.666667%
}

.w-5\/6 {
    width: 83.333333%
}

.w-1\/12 {
    width: 8.333333%
}

.w-2\/12 {
    width: 16.666667%
}

.w-3\/12 {
    width: 25%
}

.w-4\/12 {
    width: 33.333333%
}

.w-5\/12 {
    width: 41.666667%
}

.w-6\/12 {
    width: 50%
}

.w-7\/12 {
    width: 58.333333%
}

.w-8\/12 {
    width: 66.666667%
}

.w-9\/12 {
    width: 75%
}

.w-10\/12 {
    width: 83.333333%
}

.w-11\/12 {
    width: 91.666667%
}

.w-full {
    width: 100%
}

.w-200 {
    width: 200px
}

.font-thin {
    font-weight: 200 !important;
}

.font-normal {
    font-weight: 400 !important;
}

.font-bold {
    font-weight: 700 !important;
}

.font-extrabold {
    font-weight: 900 !important;
}

.font-white {
    color: #fff !important;
}

@media (max-width:530px) {
    .font-title {
        padding-left: 1rem;
        padding-right: 1rem
    }
}

.mt-0 {
    margin-top: 0
}

.mt-0_5 {
    margin-top: .5rem
}

.mt-1 {
    margin-top: 1rem
}

.mt-1_5 {
    margin-top: 1.5rem
}

.mt-2 {
    margin-top: 2rem
}

.mt-3 {
    margin-top: 3rem
}

.mt-4 {
    margin-top: 4rem
}

.mt-5 {
    margin-top: 5rem
}

.mb-0 {
    margin-bottom: 0
}

.mb-0_5 {
    margin-bottom: .5rem
}

.mb-1 {
    margin-bottom: 1rem
}

.mb-1_5 {
    margin-bottom: 1.5rem
}

.mb-2 {
    margin-bottom: 2rem
}

.mb-3 {
    margin-bottom: 3rem
}

.mb-4 {
    margin-bottom: 4rem
}

.mb-5 {
    margin-bottom: 5rem
}

.text-center {
    text-align: center
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.flex-center-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0 2rem
}

@media (max-width:768px) {
    .sm-w-full {
        width: 100%;
        min-width: 100%;
        max-width: 100%
    }

    .sm-gap-0 {
        gap: 0
    }

    .sm-py-0 {
        padding-top: 0;
        padding-bottom: 0
    }

    .sm-max-w-200 {
        max-width: 200px
    }
}

.text-wrap {
    word-wrap: break-word
}

.accordion-btn {
    border: none;
    border-top: 1px solid #000;
    cursor: pointer;
    width: 100%;
    text-align: left;
    outline: 0;
    transition: .4s;
    font-size: 1rem;
    background: rgba(0, 0, 0, 0);
    padding: 1rem 1rem 1rem 0;
    margin: 0;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.accordion-btn span {
    width: calc(100% - 10px);
    font-weight: 600
}

.accordion-btn img {
    width: 20px;
    height: 20px;
    transform: rotate(270deg);
    transition: transform .3s ease
}

.accordion-btn:hover span {
    color: #3579bb;
    transition: color .3s ease
}

.accordion-btn.active img {
    transform: rotate(450deg)
}

.accordion-btn.active span {
    color: #3579bb
}

.accordion-panel {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height .2s ease-out
}

table {
    width: 100%;
    text-align: center;
    border-collapse: collapse
}

table thead {
    background-color: #d5e3ff
}

table thead th {
    color: #000;
    padding: 8px 24px
}

table thead th:first-child {
    text-align: left;
    max-width: 260px
}

@media (max-width:768px) {
    table thead th {
        padding: 8px;
        font-size: .75rem
    }
}

table tbody tr {
    border-top: 1px solid #959aa2
}

table tbody tr:last-child {
    border-bottom: 1px solid #959aa2
}

table tbody tr td:first-child {
    text-align: left;
    max-width: 260px
}

table tbody tr a {
    color: #3579bb;
    text-decoration: underline
}

table tbody tr a:hover {
    color: #2a5f9e
}

@media (max-width:768px) {
    table tbody tr a {
        font-size: .75rem
    }
}

table tbody tr:nth-child(2n) {
    background-color: #f0f1f2
}

table td {
    padding: 8px 24px
}

table td:last-child {
    border-right: none
}

@media (max-width:768px) {
    table td {
        padding: 8px;
        font-size: .75rem
    }
}

.navigation-container ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    gap: 2rem;
    width: 100%;
    background: #f0f1f2;
    list-style: none;
    padding: .75rem;
    margin-top: 2.5rem;
    border-bottom: 2px solid #9599a1
}

@media screen and (max-width:768px) {
    .navigation-container ul {
        flex-direction: column;
        align-items: center
    }
}

.navigation-container ul li {
    text-align: center
}

.navigation-container ul li a {
    font-size: 1rem;
    font-weight: 400;
    color: #000
}

.navigation-container ul li a:hover {
    color: #355d97
}

.tabs-section .tabs {
    display: flex;
    justify-content: center;
    gap: .25rem
}

@media screen and (max-width:700px) {
    .tabs-section .tabs {
        flex-direction: column
    }
}

.tabs-section .tabs label {
    padding: 15px 20px;
    cursor: pointer;
    border: 1px solid transparent;
    margin-right: 4px;
    background: #f0f1f2;
    font-weight: 700;
    text-align: center;
    width: 100%
}

.tabs-section .placeholder_price {
    background-color: #d5e3ff;
    width: 100%;
    padding: 15px 20px;
    text-align: center;
    color: #000;
    font-weight: 700;
    margin-top: .5rem;
    margin-bottom: 2rem
}

.tabs-section .tabs label:hover {
    background: #f0f1f2
}

.tabs-section input[type=radio] {
    display: none
}

.tabs-section input[type=radio]:checked+label {
    font-weight: 700
}

.tabs-section .tab-content {
    text-align: center
}

.tabs-section .tab-content>div {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem
}

.tabs-section .tab-content>div .placeholder {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 195px
}

.tabs-section .tab-content>div .placeholder div {
    width: 100%;
    height: 200px;
    background: #959aa2;
    margin-bottom: 10px
}

.tabs-section .tab {
    display: none
}

.tabs-section #tab1:checked~.tabs label[for=tab1],
.tabs-section #tab2:checked~.tabs label[for=tab2],
.tabs-section #tab3:checked~.tabs label[for=tab3],
.tabs-section #tab4:checked~.tabs label[for=tab4],
.tabs-section #tab5:checked~.tabs label[for=tab5],
.tabs-section #tab6:checked~.tabs label[for=tab6],
.tabs-section #tab7:checked~.tabs label[for=tab7] {
    background: rgba(0, 0, 0, 0);
    border-color: #959aa2
}

.tabs-section #tab1:checked~.content #content1,
.tabs-section #tab2:checked~.content #content2,
.tabs-section #tab3:checked~.content #content3,
.tabs-section #tab4:checked~.content #content4,
.tabs-section #tab5:checked~.content #content5,
.tabs-section #tab6:checked~.content #content6,
.tabs-section #tab7:checked~.content #content7 {
    display: block
}

.carousel .swiper-button-prev {
    --swiper-navigation-sides-offset: 3rem
}

.carousel .swiper-button-next {
    --swiper-navigation-sides-offset: 1rem
}

.carousel .swiper-wrapper {
    padding-bottom: 2rem
}

.carousel .slide {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem;
    align-items: center;
    justify-items: center;
    justify-content: center;
    height: 100%;
    user-select: none
}

@media (max-width:900px) {
    .carousel .slide {
        grid-template-columns: 1fr
    }
}

.carousel .slide .image {
    width: 100%;
    text-align: center
}

.carousel .slide .image img {
    width: auto;
    height: auto
}

.carousel-small {
    display: block;
    width: 50%
}

@media (max-width:900px) {
    .carousel-small {
        width: 100%
    }
}

.carousel-small .slide {
    grid-template-columns: 1fr
}

.carousel-column {
    display: block;
    min-width: 100%;
    width: 100%
}

.carousel-column .slide {
    grid-template-columns: 1fr
}

.section-carousel-2 {
    display: flex;
    gap: 2rem
}

@media (max-width:900px) {
    .section-carousel-2 {
        flex-direction: column
    }
}

.grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 1rem
}

.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}

.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}

.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}

.grid-cols-4 {
    grid-template-columns: repeat(4, minmax(0, 1fr))
}

.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}

.grid-cols-6 {
    grid-template-columns: repeat(6, minmax(0, 1fr))
}

.grid-cols-7 {
    grid-template-columns: repeat(7, minmax(0, 1fr))
}

.grid-cols-8 {
    grid-template-columns: repeat(8, minmax(0, 1fr))
}

.grid-cols-9 {
    grid-template-columns: repeat(9, minmax(0, 1fr))
}

.grid-cols-10 {
    grid-template-columns: repeat(10, minmax(0, 1fr))
}

.grid-cols-11 {
    grid-template-columns: repeat(11, minmax(0, 1fr))
}

.grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr))
}

.col-span-1 {
    grid-column: span 1/span 1
}

.col-span-2 {
    grid-column: span 2/span 2
}

.col-span-3 {
    grid-column: span 3/span 3
}

.col-span-4 {
    grid-column: span 4/span 4
}

.col-span-5 {
    grid-column: span 5/span 5
}

.col-span-6 {
    grid-column: span 6/span 6
}

.col-span-7 {
    grid-column: span 7/span 7
}

.col-span-8 {
    grid-column: span 8/span 8
}

.col-span-9 {
    grid-column: span 9/span 9
}

.col-span-10 {
    grid-column: span 10/span 10
}

.col-span-11 {
    grid-column: span 11/span 11
}

.col-span-12 {
    grid-column: span 12/span 12
}

.m-0 {
    margin: 0 !important
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.mt-0 {
    margin-top: 0 !important
}

.mr-0 {
    margin-right: 0 !important
}

.mb-0 {
    margin-bottom: 0 !important
}

.ml-0 {
    margin-left: 0 !important
}

.m-1 {
    margin: .25rem !important
}

.mx-1 {
    margin-left: .25rem !important;
    margin-right: .25rem !important
}

.my-1 {
    margin-top: .25rem !important;
    margin-bottom: .25rem !important
}

.mt-1 {
    margin-top: .25rem !important
}

.mr-1 {
    margin-right: .25rem !important
}

.mb-1 {
    margin-bottom: .25rem !important
}

.ml-1 {
    margin-left: .25rem !important
}

.m-2 {
    margin: .5rem !important
}

.mx-2 {
    margin-left: .5rem !important;
    margin-right: .5rem !important
}

.my-2 {
    margin-top: .5rem !important;
    margin-bottom: .5rem !important
}

.mt-2 {
    margin-top: .5rem !important
}

.mr-2 {
    margin-right: .5rem !important
}

.mb-2 {
    margin-bottom: .5rem !important
}

.ml-2 {
    margin-left: .5rem !important
}

.m-3 {
    margin: .75rem !important
}

.mx-3 {
    margin-left: .75rem !important;
    margin-right: .75rem !important
}

.my-3 {
    margin-top: .75rem !important;
    margin-bottom: .75rem !important
}

.mt-3 {
    margin-top: .75rem !important
}

.mr-3 {
    margin-right: .75rem !important
}

.mb-3 {
    margin-bottom: .75rem !important
}

.ml-3 {
    margin-left: .75rem !important
}

.m-4 {
    margin: 1rem !important
}

.mx-4 {
    margin-left: 1rem !important;
    margin-right: 1rem !important
}

.my-4 {
    margin-top: 1rem !important;
    margin-bottom: 1rem !important
}

.mt-4 {
    margin-top: 1rem !important
}

.mr-4 {
    margin-right: 1rem !important
}

.mb-4 {
    margin-bottom: 1rem !important
}

.ml-4 {
    margin-left: 1rem !important
}

.m-5 {
    margin: 1.25rem !important
}

.mx-5 {
    margin-left: 1.25rem !important;
    margin-right: 1.25rem !important
}

.my-5 {
    margin-top: 1.25rem !important;
    margin-bottom: 1.25rem !important
}

.mt-5 {
    margin-top: 1.25rem !important
}

.mr-5 {
    margin-right: 1.25rem !important
}

.mb-5 {
    margin-bottom: 1.25rem !important
}

.ml-5 {
    margin-left: 1.25rem !important
}

.m-6 {
    margin: 1.5rem !important
}

.mx-6 {
    margin-left: 1.5rem !important;
    margin-right: 1.5rem !important
}

.my-6 {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.mt-6 {
    margin-top: 1.5rem !important
}

.mr-6 {
    margin-right: 1.5rem !important
}

.mb-6 {
    margin-bottom: 1.5rem !important
}

.ml-6 {
    margin-left: 1.5rem !important
}

.m-8 {
    margin: 2rem !important
}

.mx-8 {
    margin-left: 2rem !important;
    margin-right: 2rem !important
}

.my-8 {
    margin-top: 2rem !important;
    margin-bottom: 2rem !important
}

.mt-8 {
    margin-top: 2rem !important
}

.mr-8 {
    margin-right: 2rem !important
}

.mb-8 {
    margin-bottom: 2rem !important
}

.ml-8 {
    margin-left: 2rem !important
}

.m-10 {
    margin: 2.5rem !important
}

.mx-10 {
    margin-left: 2.5rem !important;
    margin-right: 2.5rem !important
}

.my-10 {
    margin-top: 2.5rem !important;
    margin-bottom: 2.5rem !important
}

.mt-10 {
    margin-top: 2.5rem !important
}

.mr-10 {
    margin-right: 2.5rem !important
}

.mb-10 {
    margin-bottom: 2.5rem !important
}

.ml-10 {
    margin-left: 2.5rem !important
}

.m-12 {
    margin: 3rem !important
}

.mx-12 {
    margin-left: 3rem !important;
    margin-right: 3rem !important
}

.my-12 {
    margin-top: 3rem !important;
    margin-bottom: 3rem !important
}

.mt-12 {
    margin-top: 3rem !important
}

.mr-12 {
    margin-right: 3rem !important
}

.mb-12 {
    margin-bottom: 3rem !important
}

.ml-12 {
    margin-left: 3rem !important
}

.m-16 {
    margin: 4rem !important
}

.mx-16 {
    margin-left: 4rem !important;
    margin-right: 4rem !important
}

.my-16 {
    margin-top: 4rem !important;
    margin-bottom: 4rem !important
}

.mt-16 {
    margin-top: 4rem !important
}

.mr-16 {
    margin-right: 4rem !important
}

.mb-16 {
    margin-bottom: 4rem !important
}

.ml-16 {
    margin-left: 4rem !important
}

.m-20 {
    margin: 5rem !important
}

.mx-20 {
    margin-left: 5rem !important;
    margin-right: 5rem !important
}

.my-20 {
    margin-top: 5rem !important;
    margin-bottom: 5rem !important
}

.mt-20 {
    margin-top: 5rem !important
}

.mr-20 {
    margin-right: 5rem !important
}

.mb-20 {
    margin-bottom: 5rem !important
}

.ml-20 {
    margin-left: 5rem !important
}

.m-24 {
    margin: 6rem !important
}

.mx-24 {
    margin-left: 6rem !important;
    margin-right: 6rem !important
}

.my-24 {
    margin-top: 6rem !important;
    margin-bottom: 6rem !important
}

.mt-24 {
    margin-top: 6rem !important
}

.mr-24 {
    margin-right: 6rem !important
}

.mb-24 {
    margin-bottom: 6rem !important
}

.ml-24 {
    margin-left: 6rem !important
}

.m-32 {
    margin: 8rem !important
}

.mx-32 {
    margin-left: 8rem !important;
    margin-right: 8rem !important
}

.my-32 {
    margin-top: 8rem !important;
    margin-bottom: 8rem !important
}

.mt-32 {
    margin-top: 8rem !important
}

.mr-32 {
    margin-right: 8rem !important
}

.mb-32 {
    margin-bottom: 8rem !important
}

.ml-32 {
    margin-left: 8rem !important
}

.m-40 {
    margin: 10rem !important
}

.mx-40 {
    margin-left: 10rem !important;
    margin-right: 10rem !important
}

.my-40 {
    margin-top: 10rem !important;
    margin-bottom: 10rem !important
}

.mt-40 {
    margin-top: 10rem !important
}

.mr-40 {
    margin-right: 10rem !important
}

.mb-40 {
    margin-bottom: 10rem !important
}

.ml-40 {
    margin-left: 10rem !important
}

.m-48 {
    margin: 12rem !important
}

.mx-48 {
    margin-left: 12rem !important;
    margin-right: 12rem !important
}

.my-48 {
    margin-top: 12rem !important;
    margin-bottom: 12rem !important
}

.mt-48 {
    margin-top: 12rem !important
}

.mr-48 {
    margin-right: 12rem !important
}

.mb-48 {
    margin-bottom: 12rem !important
}

.ml-48 {
    margin-left: 12rem !important
}

.m-56 {
    margin: 14rem !important
}

.mx-56 {
    margin-left: 14rem !important;
    margin-right: 14rem !important
}

.my-56 {
    margin-top: 14rem !important;
    margin-bottom: 14rem !important
}

.mt-56 {
    margin-top: 14rem !important
}

.mr-56 {
    margin-right: 14rem !important
}

.mb-56 {
    margin-bottom: 14rem !important
}

.ml-56 {
    margin-left: 14rem !important
}

.m-64 {
    margin: 16rem !important
}

.mx-64 {
    margin-left: 16rem !important;
    margin-right: 16rem !important
}

.my-64 {
    margin-top: 16rem !important;
    margin-bottom: 16rem !important
}

.mt-64 {
    margin-top: 16rem !important
}

.mr-64 {
    margin-right: 16rem !important
}

.mb-64 {
    margin-bottom: 16rem !important
}

.ml-64 {
    margin-left: 16rem !important
}

.-m-0 {
    margin: 0 !important
}

.-mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.-my-0 {
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

.-mt-0 {
    margin-top: 0 !important
}

.-mr-0 {
    margin-right: 0 !important
}

.-mb-0 {
    margin-bottom: 0 !important
}

.-ml-0 {
    margin-left: 0 !important
}

.-m-1 {
    margin: -.25rem !important
}

.-mx-1 {
    margin-left: -.25rem !important;
    margin-right: -.25rem !important
}

.-my-1 {
    margin-top: -.25rem !important;
    margin-bottom: -.25rem !important
}

.-mt-1 {
    margin-top: -.25rem !important
}

.-mr-1 {
    margin-right: -.25rem !important
}

.-mb-1 {
    margin-bottom: -.25rem !important
}

.-ml-1 {
    margin-left: -.25rem !important
}

.-m-2 {
    margin: -.5rem !important
}

.-mx-2 {
    margin-left: -.5rem !important;
    margin-right: -.5rem !important
}

.-my-2 {
    margin-top: -.5rem !important;
    margin-bottom: -.5rem !important
}

.-mt-2 {
    margin-top: -.5rem !important
}

.-mr-2 {
    margin-right: -.5rem !important
}

.-mb-2 {
    margin-bottom: -.5rem !important
}

.-ml-2 {
    margin-left: -.5rem !important
}

.-m-3 {
    margin: -.75rem !important
}

.-mx-3 {
    margin-left: -.75rem !important;
    margin-right: -.75rem !important
}

.-my-3 {
    margin-top: -.75rem !important;
    margin-bottom: -.75rem !important
}

.-mt-3 {
    margin-top: -.75rem !important
}

.-mr-3 {
    margin-right: -.75rem !important
}

.-mb-3 {
    margin-bottom: -.75rem !important
}

.-ml-3 {
    margin-left: -.75rem !important
}

.-m-4 {
    margin: -1rem !important
}

.-mx-4 {
    margin-left: -1rem !important;
    margin-right: -1rem !important
}

.-my-4 {
    margin-top: -1rem !important;
    margin-bottom: -1rem !important
}

.-mt-4 {
    margin-top: -1rem !important
}

.-mr-4 {
    margin-right: -1rem !important
}

.-mb-4 {
    margin-bottom: -1rem !important
}

.-ml-4 {
    margin-left: -1rem !important
}

.-m-5 {
    margin: -1.25rem !important
}

.-mx-5 {
    margin-left: -1.25rem !important;
    margin-right: -1.25rem !important
}

.-my-5 {
    margin-top: -1.25rem !important;
    margin-bottom: -1.25rem !important
}

.-mt-5 {
    margin-top: -1.25rem !important
}

.-mr-5 {
    margin-right: -1.25rem !important
}

.-mb-5 {
    margin-bottom: -1.25rem !important
}

.-ml-5 {
    margin-left: -1.25rem !important
}

.-m-6 {
    margin: -1.5rem !important
}

.-mx-6 {
    margin-left: -1.5rem !important;
    margin-right: -1.5rem !important
}

.-my-6 {
    margin-top: -1.5rem !important;
    margin-bottom: -1.5rem !important
}

.-mt-6 {
    margin-top: -1.5rem !important
}

.-mr-6 {
    margin-right: -1.5rem !important
}

.-mb-6 {
    margin-bottom: -1.5rem !important
}

.-ml-6 {
    margin-left: -1.5rem !important
}

.-m-8 {
    margin: -2rem !important
}

.-mx-8 {
    margin-left: -2rem !important;
    margin-right: -2rem !important
}

.-my-8 {
    margin-top: -2rem !important;
    margin-bottom: -2rem !important
}

.-mt-8 {
    margin-top: -2rem !important
}

.-mr-8 {
    margin-right: -2rem !important
}

.-mb-8 {
    margin-bottom: -2rem !important
}

.-ml-8 {
    margin-left: -2rem !important
}

.-m-10 {
    margin: -2.5rem !important
}

.-mx-10 {
    margin-left: -2.5rem !important;
    margin-right: -2.5rem !important
}

.-my-10 {
    margin-top: -2.5rem !important;
    margin-bottom: -2.5rem !important
}

.-mt-10 {
    margin-top: -2.5rem !important
}

.-mr-10 {
    margin-right: -2.5rem !important
}

.-mb-10 {
    margin-bottom: -2.5rem !important
}

.-ml-10 {
    margin-left: -2.5rem !important
}

.-m-12 {
    margin: -3rem !important
}

.-mx-12 {
    margin-left: -3rem !important;
    margin-right: -3rem !important
}

.-my-12 {
    margin-top: -3rem !important;
    margin-bottom: -3rem !important
}

.-mt-12 {
    margin-top: -3rem !important
}

.-mr-12 {
    margin-right: -3rem !important
}

.-mb-12 {
    margin-bottom: -3rem !important
}

.-ml-12 {
    margin-left: -3rem !important
}

.-m-16 {
    margin: -4rem !important
}

.-mx-16 {
    margin-left: -4rem !important;
    margin-right: -4rem !important
}

.-my-16 {
    margin-top: -4rem !important;
    margin-bottom: -4rem !important
}

.-mt-16 {
    margin-top: -4rem !important
}

.-mr-16 {
    margin-right: -4rem !important
}

.-mb-16 {
    margin-bottom: -4rem !important
}

.-ml-16 {
    margin-left: -4rem !important
}

.-m-20 {
    margin: -5rem !important
}

.-mx-20 {
    margin-left: -5rem !important;
    margin-right: -5rem !important
}

.-my-20 {
    margin-top: -5rem !important;
    margin-bottom: -5rem !important
}

.-mt-20 {
    margin-top: -5rem !important
}

.-mr-20 {
    margin-right: -5rem !important
}

.-mb-20 {
    margin-bottom: -5rem !important
}

.-ml-20 {
    margin-left: -5rem !important
}

.-m-24 {
    margin: -6rem !important
}

.-mx-24 {
    margin-left: -6rem !important;
    margin-right: -6rem !important
}

.-my-24 {
    margin-top: -6rem !important;
    margin-bottom: -6rem !important
}

.-mt-24 {
    margin-top: -6rem !important
}

.-mr-24 {
    margin-right: -6rem !important
}

.-mb-24 {
    margin-bottom: -6rem !important
}

.-ml-24 {
    margin-left: -6rem !important
}

.-m-32 {
    margin: -8rem !important
}

.-mx-32 {
    margin-left: -8rem !important;
    margin-right: -8rem !important
}

.-my-32 {
    margin-top: -8rem !important;
    margin-bottom: -8rem !important
}

.-mt-32 {
    margin-top: -8rem !important
}

.-mr-32 {
    margin-right: -8rem !important
}

.-mb-32 {
    margin-bottom: -8rem !important
}

.-ml-32 {
    margin-left: -8rem !important
}

.-m-40 {
    margin: -10rem !important
}

.-mx-40 {
    margin-left: -10rem !important;
    margin-right: -10rem !important
}

.-my-40 {
    margin-top: -10rem !important;
    margin-bottom: -10rem !important
}

.-mt-40 {
    margin-top: -10rem !important
}

.-mr-40 {
    margin-right: -10rem !important
}

.-mb-40 {
    margin-bottom: -10rem !important
}

.-ml-40 {
    margin-left: -10rem !important
}

.-m-48 {
    margin: -12rem !important
}

.-mx-48 {
    margin-left: -12rem !important;
    margin-right: -12rem !important
}

.-my-48 {
    margin-top: -12rem !important;
    margin-bottom: -12rem !important
}

.-mt-48 {
    margin-top: -12rem !important
}

.-mr-48 {
    margin-right: -12rem !important
}

.-mb-48 {
    margin-bottom: -12rem !important
}

.-ml-48 {
    margin-left: -12rem !important
}

.-m-56 {
    margin: -14rem !important
}

.-mx-56 {
    margin-left: -14rem !important;
    margin-right: -14rem !important
}

.-my-56 {
    margin-top: -14rem !important;
    margin-bottom: -14rem !important
}

.-mt-56 {
    margin-top: -14rem !important
}

.-mr-56 {
    margin-right: -14rem !important
}

.-mb-56 {
    margin-bottom: -14rem !important
}

.-ml-56 {
    margin-left: -14rem !important
}

.-m-64 {
    margin: -16rem !important
}

.-mx-64 {
    margin-left: -16rem !important;
    margin-right: -16rem !important
}

.-my-64 {
    margin-top: -16rem !important;
    margin-bottom: -16rem !important
}

.-mt-64 {
    margin-top: -16rem !important
}

.-mr-64 {
    margin-right: -16rem !important
}

.-mb-64 {
    margin-bottom: -16rem !important
}

.-ml-64 {
    margin-left: -16rem !important
}

.absolute {
    position: absolute
}

.relative {
    position: relative
}

.fixed {
    position: fixed
}

.sticky {
    position: sticky
}

.top-0 {
    top: 0
}

.right-0 {
    right: 0
}

.bottom-0 {
    bottom: 0
}

.left-0 {
    left: 0
}

.top-1 {
    top: .25rem
}

.right-1 {
    right: .25rem
}

.bottom-1 {
    bottom: .25rem
}

.left-1 {
    left: .25rem
}

.top-2 {
    top: .5rem
}

.right-2 {
    right: .5rem
}

.bottom-2 {
    bottom: .5rem
}

.left-2 {
    left: .5rem
}

.top-3 {
    top: .75rem
}

.right-3 {
    right: .75rem
}

.bottom-3 {
    bottom: .75rem
}

.left-3 {
    left: .75rem
}

.top-4 {
    top: 1rem
}

.right-4 {
    right: 1rem
}

.bottom-4 {
    bottom: 1rem
}

.left-4 {
    left: 1rem
}

.top-5 {
    top: 1.25rem
}

.right-5 {
    right: 1.25rem
}

.bottom-5 {
    bottom: 1.25rem
}

.left-5 {
    left: 1.25rem
}

.top-6 {
    top: 1.5rem
}

.right-6 {
    right: 1.5rem
}

.bottom-6 {
    bottom: 1.5rem
}

.left-6 {
    left: 1.5rem
}

.top-8 {
    top: 2rem
}

.right-8 {
    right: 2rem
}

.bottom-8 {
    bottom: 2rem
}

.left-8 {
    left: 2rem
}

.top-10 {
    top: 2.5rem
}

.right-10 {
    right: 2.5rem
}

.bottom-10 {
    bottom: 2.5rem
}

.left-10 {
    left: 2.5rem
}

.top-12 {
    top: 3rem
}

.right-12 {
    right: 3rem
}

.bottom-12 {
    bottom: 3rem
}

.left-12 {
    left: 3rem
}

.top-16 {
    top: 4rem
}

.right-16 {
    right: 4rem
}

.bottom-16 {
    bottom: 4rem
}

.left-16 {
    left: 4rem
}

.top-20 {
    top: 5rem
}

.right-20 {
    right: 5rem
}

.bottom-20 {
    bottom: 5rem
}

.left-20 {
    left: 5rem
}

.top-24 {
    top: 6rem
}

.right-24 {
    right: 6rem
}

.bottom-24 {
    bottom: 6rem
}

.left-24 {
    left: 6rem
}

.top-32 {
    top: 8rem
}

.right-32 {
    right: 8rem
}

.bottom-32 {
    bottom: 8rem
}

.left-32 {
    left: 8rem
}

.top-40 {
    top: 10rem
}

.right-40 {
    right: 10rem
}

.bottom-40 {
    bottom: 10rem
}

.left-40 {
    left: 10rem
}

.top-48 {
    top: 12rem
}

.right-48 {
    right: 12rem
}

.bottom-48 {
    bottom: 12rem
}

.left-48 {
    left: 12rem
}

.top-56 {
    top: 14rem
}

.right-56 {
    right: 14rem
}

.bottom-56 {
    bottom: 14rem
}

.left-56 {
    left: 14rem
}

.top-64 {
    top: 16rem
}

.right-64 {
    right: 16rem
}

.bottom-64 {
    bottom: 16rem
}

.left-64 {
    left: 16rem
}

.-top-0 {
    top: 0
}

.-right-0 {
    right: 0
}

.-bottom-0 {
    bottom: 0
}

.-left-0 {
    left: 0
}

.-top-1 {
    top: -.25rem
}

.-right-1 {
    right: -.25rem
}

.-bottom-1 {
    bottom: -.25rem
}

.-left-1 {
    left: -.25rem
}

.-top-2 {
    top: -.5rem
}

.-right-2 {
    right: -.5rem
}

.-bottom-2 {
    bottom: -.5rem
}

.-left-2 {
    left: -.5rem
}

.-top-3 {
    top: -.75rem
}

.-right-3 {
    right: -.75rem
}

.-bottom-3 {
    bottom: -.75rem
}

.-left-3 {
    left: -.75rem
}

.-top-4 {
    top: -1rem
}

.-right-4 {
    right: -1rem
}

.-bottom-4 {
    bottom: -1rem
}

.-left-4 {
    left: -1rem
}

.-top-5 {
    top: -1.25rem
}

.-right-5 {
    right: -1.25rem
}

.-bottom-5 {
    bottom: -1.25rem
}

.-left-5 {
    left: -1.25rem
}

.-top-6 {
    top: -1.5rem
}

.-right-6 {
    right: -1.5rem
}

.-bottom-6 {
    bottom: -1.5rem
}

.-left-6 {
    left: -1.5rem
}

.-top-8 {
    top: -2rem
}

.-right-8 {
    right: -2rem
}

.-bottom-8 {
    bottom: -2rem
}

.-left-8 {
    left: -2rem
}

.-top-10 {
    top: -2.5rem
}

.-right-10 {
    right: -2.5rem
}

.-bottom-10 {
    bottom: -2.5rem
}

.-left-10 {
    left: -2.5rem
}

.-top-12 {
    top: -3rem
}

.-right-12 {
    right: -3rem
}

.-bottom-12 {
    bottom: -3rem
}

.-left-12 {
    left: -3rem
}

.-top-16 {
    top: -4rem
}

.-right-16 {
    right: -4rem
}

.-bottom-16 {
    bottom: -4rem
}

.-left-16 {
    left: -4rem
}

.-top-20 {
    top: -5rem
}

.-right-20 {
    right: -5rem
}

.-bottom-20 {
    bottom: -5rem
}

.-left-20 {
    left: -5rem
}

.-top-24 {
    top: -6rem
}

.-right-24 {
    right: -6rem
}

.-bottom-24 {
    bottom: -6rem
}

.-left-24 {
    left: -6rem
}

.-top-32 {
    top: -8rem
}

.-right-32 {
    right: -8rem
}

.-bottom-32 {
    bottom: -8rem
}

.-left-32 {
    left: -8rem
}

.-top-40 {
    top: -10rem
}

.-right-40 {
    right: -10rem
}

.-bottom-40 {
    bottom: -10rem
}

.-left-40 {
    left: -10rem
}

.-top-48 {
    top: -12rem
}

.-right-48 {
    right: -12rem
}

.-bottom-48 {
    bottom: -12rem
}

.-left-48 {
    left: -12rem
}

.-top-56 {
    top: -14rem
}

.-right-56 {
    right: -14rem
}

.-bottom-56 {
    bottom: -14rem
}

.-left-56 {
    left: -14rem
}

.-top-64 {
    top: -16rem
}

.-right-64 {
    right: -16rem
}

.-bottom-64 {
    bottom: -16rem
}

.-left-64 {
    left: -16rem
}

.bg-white {
    background: #fff
}

.color-white {
    color: #fff
}

.color-primary {
    color: #3579bb
}

@media screen and (max-width:1024px) {
    .banner-1 .banner-1-info {
        position: unset;
        width: 100%;
        padding-inline: 4rem
    }
}

@media screen and (max-width:730px) {
    .page2-icons {
        justify-content: center
    }
}

.bosch-container {
    margin: 0 auto
}

.bosch-container img {
    max-width: 100%;
    width: 100%
}

.bosch-container {
    width: 1200px;
    max-width: 100%;
    margin: auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 16px
}

.bosch-container * {
    font-family: "Bosch Sans";
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.header_baner {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.header_baner .buttons {
    position: absolute;
    top: 425px;
    left: 48px;
    display: flex;
    gap: 2rem;
    align-items: center
}

@media only screen and (max-width:1200px) {
    .header_baner .buttons {
        top: 36vw;
        left: 6vw
    }
}

@media only screen and (max-width:1000px) {
    .header_baner .buttons {
        top: 36vw;
        left: 6vw;
        gap: .5rem
    }

    .header_baner .buttons .button {
        font-size: .8rem;
        padding: .5rem 1rem
    }
}

@media only screen and (max-width:780px) {
    .header_baner .buttons {
        gap: .2rem;
        top: 34vw
    }

    .header_baner .buttons .button {
        font-size: .6rem;
        padding: .2rem .5rem
    }
}

@media only screen and (max-width:600px) {
    .header_baner .buttons .button {
        font-size: .5rem;
        padding: 0 .4rem
    }
}

@media only screen and (max-width:460px) {
    .header_baner .buttons {
        gap: .1rem;
        top: 32vw
    }

    .header_baner .buttons .button {
        font-size: .4rem;
        padding: 0 .2rem
    }
}

.bosch-container a,
.bosch-container button,
.bosch-container h1,
.bosch-container h2,
.bosch-container h3,
.bosch-container h4,
.bosch-container h5,
.bosch-container h6,
.bosch-container p {
    color: #000
}

.bosch-container h1 {
    font-size: 1.9rem;
    font-weight: 700
}

@media (max-width:768px) {
    .bosch-container h1 {
        font-size: 1.3rem
    }
}

.bosch-container h2 {
    font-size: 1.6rem;
    font-weight: 700
}

@media (max-width:768px) {
    .bosch-container h2 {
        font-size: 1.2rem
    }
}

.bosch-container h3 {
    font-size: 1.25rem;
    font-weight: 400
}

.bosch-container h3.lg {
    font-size: 1.4rem
}

@media (max-width:768px) {
    .bosch-container h3.lg {
        font-size: 1.2rem
    }
}

@media (max-width:768px) {
    .bosch-container h3 {
        font-size: 1.1rem
    }
}

.bosch-container h4 {
    font-size: 1.1rem;
    font-weight: 400
}

@media (max-width:768px) {
    .bosch-container h4 {
        font-size: 1rem
    }
}

.bosch-container p,
.bosch-container ul li {
    font-size: .9rem;
    font-weight: 400;
    line-height: 1.3rem
}

.bosch-container p.sm,
.bosch-container ul li.sm {
    font-size: .75rem
}

@media (max-width:768px) {

    .bosch-container p,
    .bosch-container ul li {
        font-size: .75rem
    }
}

.bosch-container a {
    text-decoration: none;
    color: #3579bb;
    font-size: .9rem
}

@media (max-width:768px) {
    .bosch-container a {
        font-size: .75rem
    }
}

.bosch-footer {
    margin: 1rem 0 0 0
}

.copyright {
    padding: 1rem 1rem 0 1rem;
    font-size: .8rem
}

video {
    width: 100%;
    aspect-ratio: 16/9
}

iframe {
    width: 100%;
    height: 100%;
    aspect-ratio: 16/9
}

.section-container {
    padding: 1rem 4rem
}

section.carousel {
    padding: 6rem 4rem
}

@media (max-width:900px) {
    .section-container {
        padding: 1rem 2rem
    }

    .section-container.carousel {
        padding: 3rem 3rem
    }
}

@media (max-width:530px) {
    .section-container {
        padding: 1rem .5rem
    }

    .section-container.carousel {
        padding: 1rem
    }
}

.section-container.video iframe {
    aspect-ratio: 16/9
}

.section-container.pure {
    padding: 0
}

.bosch-container .button,
.bosch-container button {
    text-decoration: none;
    font-size: 1rem;
    line-height: 1.2rem;
    padding: .8rem 1.5rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
    display: inline-block;
    border: 1px solid #3579bb;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    color: #fff;
    background: #3579bb;
    cursor: pointer
}

.bosch-container .button:hover,
.bosch-container button:hover {
    color: #3579bb;
    background: #fff
}

.button.button-ghost,
button.button-ghost {
    color: #3579bb;
    background: rgba(0, 0, 0, 0);
    border: 1px solid transparent;
    padding: 0
}

.button.button-ghost:hover,
button.button-ghost:hover {
    color: #000
}

.button.button-secondary,
button.button-secondary {
    color: #000;
    background: #f0f1f2;
    border: 1px solid #f0f1f2
}

.button.button-secondary:hover,
button.button-secondary:hover {
    color: #fff;
    background: #3579bb
}

@media (max-width:768px) {

    .bosch-container .button,
    .bosch-container button {
        font-size: .75rem;
        padding: .5rem 1rem
    }
}

.bg-primary {
    background: #3579bb
}

.grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: auto;
    row-gap: 3rem
}

.grid-2.no-gap {
    gap: 0
}

@media (max-width:900px) {
    .grid-2 {
        grid-template-columns: 1fr
    }

    .grid-2>:first-child {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .grid-2>:nth-child(2) {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2
    }

    .grid-2>:nth-child(3) {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4
    }

    .grid-2>:nth-child(4) {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }

    .grid-2>:nth-child(5) {
        -webkit-box-ordinal-group: 6;
        -ms-flex-order: 5;
        order: 5
    }

    .grid-2>:nth-child(6) {
        -webkit-box-ordinal-group: 7;
        -ms-flex-order: 6;
        order: 6
    }

    .grid-2>:nth-child(7) {
        -webkit-box-ordinal-group: 9;
        -ms-flex-order: 8;
        order: 8
    }

    .grid-2>:nth-child(8) {
        -webkit-box-ordinal-group: 8;
        -ms-flex-order: 7;
        order: 7
    }

    .grid-2>:nth-child(9) {
        -webkit-box-ordinal-group: 10;
        -ms-flex-order: 9;
        order: 9
    }

    .grid-2>:nth-child(10) {
        -webkit-box-ordinal-group: 11;
        -ms-flex-order: 10;
        order: 10
    }

    .grid-2>:nth-child(11) {
        -webkit-box-ordinal-group: 13;
        -ms-flex-order: 12;
        order: 12
    }

    .grid-2>:nth-child(12) {
        -webkit-box-ordinal-group: 12;
        -ms-flex-order: 11;
        order: 11
    }

    .grid-2>:nth-child(13) {
        -webkit-box-ordinal-group: 14;
        -ms-flex-order: 13;
        order: 13
    }

    .grid-2>:nth-child(14) {
        -webkit-box-ordinal-group: 15;
        -ms-flex-order: 14;
        order: 14
    }

    .grid-2>:nth-child(15) {
        -webkit-box-ordinal-group: 17;
        -ms-flex-order: 16;
        order: 16
    }

    .grid-2>:nth-child(16) {
        -webkit-box-ordinal-group: 16;
        -ms-flex-order: 15;
        order: 15
    }

    .grid-2>:nth-child(17) {
        -webkit-box-ordinal-group: 18;
        -ms-flex-order: 17;
        order: 17
    }

    .grid-2>:nth-child(18) {
        -webkit-box-ordinal-group: 19;
        -ms-flex-order: 18;
        order: 18
    }

    .grid-2>:nth-child(19) {
        -webkit-box-ordinal-group: 21;
        -ms-flex-order: 20;
        order: 20
    }

    .grid-2>:nth-child(20) {
        -webkit-box-ordinal-group: 20;
        -ms-flex-order: 19;
        order: 19
    }

    .grid-2>:nth-child(21) {
        -webkit-box-ordinal-group: 22;
        -ms-flex-order: 21;
        order: 21
    }

    .grid-2>:nth-child(22) {
        -webkit-box-ordinal-group: 23;
        -ms-flex-order: 22;
        order: 22
    }

    .grid-2>:nth-child(23) {
        -webkit-box-ordinal-group: 25;
        -ms-flex-order: 24;
        order: 24
    }

    .grid-2>:nth-child(24) {
        -webkit-box-ordinal-group: 24;
        -ms-flex-order: 23;
        order: 23
    }
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 2rem;
    padding: 3rem 4rem;
    background-color: #edf1f2
}

.gallery .item {
    display: flex;
    flex-direction: column;
    width: calc(33.33% - 2rem);
    min-width: 260px;
    padding: 1rem;
    background-color: #fff
}

@media (max-width:530px) {
    .gallery {
        padding: 1rem
    }

    .gallery .item {
        width: 100%
    }
}