:root {
    --main-color-1: 22, 38, 146;
    --main-color-2: 22, 38, 152;
    --main-color-3: 27, 62, 148;
    --main-color-4: 27, 71, 190;
    --main-color-5: 31, 85, 204;
    --main-color-6: 48, 111, 234;
    --main-color-7: 55, 120, 242;
    --main-color-8: 77, 135, 247;
    --main-colorother-1: 240, 144, 67;
    --main-colorother-2: 248, 197, 25;
    --main-colorother-3: 253, 227, 47;
    --main-colorother-4: 255, 249, 90;
    --icon-colorchange: invert(24%) sepia(83%) saturate(3722%) hue-rotate(211deg) brightness(102%) contrast(106%);
    --main-color-dark-1: 6, 16, 87;
    --main-color-dark-2: 2, 10, 62;
    --main-color-dark-3: 0, 21, 43;

}.thisblogparent {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .thisblogdiv2 { grid-area: 1 / 1 / 2 / 2; }
    .thisblogdiv3 { grid-area: 1 / 2 / 2 / 3; text-align: center;}
    .radio3group{flex-direction: column;justify-content: space-between;}


    @media (max-width: 768px) {
        .thisblogparent {
            display: grid;
            grid-template-columns: 1fr;
            
            grid-column-gap: 0px;
            grid-row-gap: 0px;
        }

        .thisblogdiv2 { grid-area: 1 / 1 / 2 / 2; }
        .thisblogdiv3 { grid-area: 2 / 1 / 3 / 2; }
        .radio3group{flex-direction: row;margin: 0px 0 0 0px!important;}
    }
    .styledradioindex {
        position: relative;
        margin: 10px 5px;
        padding: 0 0 0px;
        border: 0;
        text-align: center;
        max-width: 111px;
        flex: 1 0 21%;
    }
    .animate__fadeInUp {
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
    }

    @-webkit-keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0)
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }

    @keyframes fadeInUp {
        0% {
            opacity: 0;
            -webkit-transform: translate3d(0,100%,0);
            transform: translate3d(0,100%,0)
        }

        to {
            opacity: 1;
            -webkit-transform: translateZ(0);
            transform: translateZ(0)
        }
    }

    .blog-list-item {
        min-height: 105px;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(0,0,0,.1);
        margin-left: 5px;
        margin-right: 5px;
        display: flex;
        justify-content: flex-start
    }

    @media (min-width: 500px) {
        .blog-list-item {
            width:50%;
            height: 105px;
            float: left;
            width: calc(50% - 10px)
        }
    }
    .blog-list-item:hover .preload-image {
        width: 80px;
        height: 80px;
        border-radius: 5px!important;
        transition: .2s;
        -ms-transform: rotate(-7deg);
        transform: rotate(-7deg);
        -webkit-box-shadow: 4px 3px 11px 0 rgba(0,0,0,.46);
        -moz-box-shadow: 4px 3px 11px 0 rgba(0,0,0,.46);
        box-shadow: 4px 3px 11px 0 rgba(0,0,0,.46);
    }
    .blog-list-item img {
        border-radius: 10px;
        transition: .2s
    }
    .blog-list-item .linkarea, .product__details {
        padding-left: 10px;
    }

    .fakesearch {
        margin: 6px 15px;
        padding: 11px;
        background-image: linear-gradient(to top left,rgb(253 226 83),rgb(252 233 126));
        text-shadow: 0px 0px 0px #000;
        color: black;
        box-shadow: 0 0px 0px rgb(0 0 0 / 50%);
    }
    .otherblogs2{
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
    .otherblogs2block{
        display: flex;
        flex-wrap: nowrap;
        width: calc( 50% - 10px );
        border: solid 1px rgb(0 0 0 / 30%);
        margin: 5px;
        padding: 5px;
        cursor: pointer;
        border-radius: 8px;
        background-color: rgb(233 235 238 / 30%)!important;
    }
    .otherblogs2title{
        padding: 0px 10px;
        overflow: hidden;
    }
    .otherblogs2 .imgholder  {
        width: 200%;
        max-width: 250px;
    }
    .otherblogs2 img {
        width: 100%;
        max-width: 250px;
        height:auto;
        border-radius: 8px;
    }

    @media (max-width: 699px) {
        .otherblogs2block {
            width: calc( 100% - 10px );
        }
    }

    @media (max-width: 600px) {
        .otherblogs2block {
            flex-wrap: wrap;
            flex-direction: column;
        }
        .otherblogs2 img {
            max-width: 100%;
        }
        .otherblogs2 .imgholder{
            max-width: 100%;
        }
    }

    .allblogs{
        background: linear-gradient(316deg,rgb(255 23 255),rgb(211 24 131))!important;
        padding: 10px;
        border-radius: 4px;
        color: white!important;
        display: flex;
        margin: 5px;
        width: fit-content;
        cursor: pointer;
        float: right;
    }

    .blogdate{
        position: absolute;
        top: 0px;
        left: 5px;
        font-size: 12px;
        color: white;
        font-weight: 900;
        text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000, 1px 1px 0 #000;
    }

    img.thelogo {
    width: 153px;
    height: 43px;
    object-position: 0px 0px;
    object-fit: none;
}
.theme-dark img.thelogo.hasdm {
    object-position: -45px -45px;
}
img.thelogo.isdm {
    object-position: -45px -45px;
}