:root {
  --main-color-1: 7, 119, 117;
    --main-color-2: 14, 135, 133;
    --main-color-3: 21, 155, 153;
    --main-color-4: 21, 170, 168;
    --main-color-5: 30, 183, 181;
    --main-color-6: 42, 209, 207;
    --main-color-7: 52, 223, 221;
    --main-color-8: 64, 243, 241;
    --main-colorother-1: 221, 175, 120;
    --main-colorother-2: 209, 161, 103;
    --main-colorother-3: 238, 146, 35;
    --main-colorother-4: 243, 140, 15;
    --icon-colorchange: invert(82%) sepia(51%) saturate(7036%) hue-rotate(138deg) brightness(88%) contrast(83%);
    --main-color-dark-1: 4, 87, 86;
    --main-color-dark-2: 2, 63, 62;
    --main-color-dark-3: 2, 59, 58;
}

.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(21 155 153), rgb(186 237 238));
        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;
}