.miwt-background {
    background-size: 29px 29px;
    border-bottom: 1px solid var(--color-gray);

}
.miwt-background-b{
    background-image: repeating-linear-gradient(-45deg, #ffffff 0, #ffffff 0.5px, transparent 0, transparent 50%);
    background-color: #000000;
    /*background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="300" height="702" viewBox="0 0 300 702"><defs><clipPath id="a"><rect width="300" height="702" transform="translate(388 1755)" fill="%23ffffff" stroke="%23ffffff" stroke-width="1"/></clipPath></defs><g transform="translate(-388 -1755)" clip-path="url(#a)"><g transform="translate(476.696 1277.417) rotate(25)"><line y1="1244.084" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(643.141)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(294.3)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(160.217)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(803.358)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(481.788)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(53.406)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(696.547)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(374.976)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(240.894)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(535.193)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(106.811)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(749.952)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(428.382)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(214.759)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(588.599)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(27.271)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(669.276)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(347.705)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(187.488)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(509.059)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(80.677)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(722.681)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(401.111)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(321.571)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(562.464)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(134.082)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(776.087)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(455.653)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(268.165)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(615.87)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(990.846)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1391.957)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1124.929)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1526.04)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(937.441)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1338.552)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(856.764)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1178.334)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1579.445)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1071.523)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1472.634)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(910.17)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1312.417)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1231.74)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1632.851)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1044.252)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1445.363)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(830.629)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1151.063)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1553.311)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1016.981)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1419.228)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(884.035)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1285.146)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1204.469)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1606.716)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1097.658)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1499.905)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(963.575)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1365.823)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1259.011)" fill="none" stroke="%23ffffff" stroke-width="0.5"/><line y1="1244.084" transform="translate(1660.122)" fill="none" stroke="%23ffffff" stroke-width="0.5"/></g></g></svg>');*/

/**/

}
.miwt-background-w{
    background-image: repeating-linear-gradient(-45deg, #000000 0, #000000 0.5px, transparent 0, transparent 50%);
    background-color: #ffffff;
}


.miwt-wrapper {
    display: flex;
    flex-wrap: wrap;
}


.miwt-item{
    height: 350px;
}

.miwt-item:nth-child(1) {
    width: 560px;

}
.miwt-item:nth-child(3) {
   width: 380px;
}
.miwt-item:nth-child(4) { width: 380px; }
.miwt-item:nth-child(5) {
    width: 560px;
}


.miwt-background-b .miwt-item-with-content{
    background-color: #ffffff;
}
.miwt-item-with-content{
    /*background-color: #ffffff;*/
    display: flex;
    align-items: center;
    padding: 0 96px;
}
.miwt-background-w{
    background-color: #ffffff;
}
.miwt-background-w .miwt-item-with-content{
    background-color: #000000;
    color: #FFFFFF;
}
.miwt-background-w .miwt-item-with-content p{
    color: #FFFFFF;
}
.miwt-background-w .miwt-item-with-content:first-child p{
    color: #000000;
}
.miwt-background-b .miwt-item-with-content{
    background-color: #ffffff;
    color: #000000;
}
.miwt-background-b .miwt-item-with-content p{
    color: #000000;
}
.miwt-background-w .miwt-item-with-content:first-child{
    background-color: #ffffff;
    color: #000000;
}
.miwt-background-b .miwt-item-with-content:first-child{
    background-color: #000000;
    color: #ffffff;
}
.miwt-background-b .miwt-item-with-content-having-title h2{
     color: #FFFFFF;
}
.miwt-background-w .miwt-item-with-content-having-title h2{
    color: #000000;
}
@media (max-width: 550px) {

    .miwt-background .container{
        width: 100%;
        max-width: unset;
    }

    .miwt-item-with-content {
        /* background-color: #ffffff; */
        display: flex;
        align-items: center;
        padding: 0 72px;
    }

    .miwt-item {
        height: unset;
    }
    .miwt-item.miwt-item-with-content {
        height: 234px;
    }

    .miwt-item:nth-child(3),.miwt-item:nth-child(4)  {
        width: 50%;
    }
    .miwt-background {
        border-bottom: 0px solid var(--color-gray);
    }


    .miwt-background-w .miwt-item.miwt-item-with-content:first-child{
        background-color: var(--color-lightgray);
    }

}
@media (min-width: 551px) and (max-width: 1320px) {

    .miwt-background .container{
        width: 100%;
        max-width: unset;
    }

    .miwt-item-with-content {
        /* background-color: #ffffff; */
        display: flex;
        align-items: center;
        padding: 0 clamp(1.5rem, -0.643rem + 6.234vw, 4.5rem);
    }

    .miwt-item {
        height: unset;
    }
    .miwt-item.miwt-item-with-content {
        min-height: clamp(9.125rem, 5.598rem + 10.26vw, 14.063rem);
    }

    .miwt-item{
        min-height: clamp(9.125rem, 5.598rem + 10.26vw, 14.063rem);
    }

    .miwt-item:nth-child(1) {
        width: 42.35%;

    }
    .miwt-item:nth-child(2) {
        width: 57.65%;

    }
    .miwt-item:nth-child(3), .miwt-item:nth-child(4) {
        width: 28.82%;
    }
    .miwt-item:nth-child(5) {
        width: 42.36%;
    }
    .miwt-background {
        border-bottom: 0px solid var(--color-gray);
    }


    .miwt-background-w .miwt-item.miwt-item-with-content:first-child{
        background-color: var(--color-lightgray);
    }

    .miwt-background-b .miwt-item-with-content-having-title h2 {
        font-size: clamp(1.75rem, 1.527rem + 0.649vw, 2.063rem);
    }


    .miwt-background-b .miwt-item-with-content p, .miwt-background-w .miwt-item-with-content p {
        font-size: clamp(0.938rem, 0.804rem + 0.39vw, 1.125rem);
        line-height: clamp(1.438rem, 1.125rem + 0.909vw, 1.875rem);
    }

}