.d2-none {
    display: none !important;
}

.d-none {
    display: none !important;
}


.color-silver-dikey .textemre {
    width: 143px;
    position: absolute;
    top: 61%;
    left: 63%;
    transform: translate(-50%, -50%);
    font-weight: 800;
    color: #d6d6d6;
    font-size: 14px;
    text-align: center;
}

.color-silver-yatay .textemre {
    width: 207px;
    position: absolute;
    top: 68%;
    left: 63%;
    transform: translate(-50%,-50%);
    font-weight: 500;
    color: #d6d6d6;
    font-size: 13px;
    text-align: center;
} 

.color-gold .textemre {
   
    color: #efbd0a!important;
    
}

.color-silver .textemre {
   
    color: #d6d6d6!important;
    
}

.color-silver-dikey  .logo {

    background-image: url("https://usecoolcard.com/wp-content/uploads/2023/03/cool-alt-1024x276-1.webp"); /* Kullanılacak Görsel */
    background-position: center; /* Görseli Ortala */
    background-repeat: no-repeat; /* Resmi tekrarlama */
    background-size: cover;
    width: 92px;
    height: 24px;
    position: absolute;
    top: 36%;
    left: 36%;
    transform: translate(-50%, -50%);

    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    
}

.color-silver-yatay  .logo {

    background-image: url("https://usecoolcard.com/wp-content/uploads/2023/03/cool-alt-1024x276-1.webp"); /* Kullanılacak Görsel */
    background-position: center; /* Görseli Ortala */
    background-repeat: no-repeat; /* Resmi tekrarlama */
    background-size: cover;
    width: 92px;
    height: 24px;
    position: absolute;
    top: 29%;
    left: 37%;
    transform: translate(-50%, -50%);
    
}


.color-gold.color-silver-yatay .logo{

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 92px;
    height: 24px;
    position: absolute;
    top: 29%;
    left: 37%;
    transform: translate(-50%, -50%);

}

.color-silver-dikey .qr {

    background-image: url("https://usecoolcard.com/wp-content/uploads/2023/03/silver-qr@4x.png"); /* Kullanılacak Görsel */
    background-position: center; /* Görseli Ortala */
    background-repeat: no-repeat; /* Resmi tekrarlama */
    background-size: cover;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 77%;
    left: 63%;
    transform: translate(-50%, -50%);
    
}

.color-silver-yatay .qr {
    background-image: url("https://usecoolcard.com/wp-content/uploads/2023/03/silver-qr@4x.png"); /* Kullanılacak Görsel */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 77%;
    left: 50%;
    transform: translate(-50%, -50%);

}

.color-gold-dikey .logogosterme {
    background-image: unset!important;

}


.color-silver-dikey .logogosterme {
    background-image: unset!important;

}

.color-gold .textemre {
   
    color: #efbd0a!important;
    
}

.color-silver-yatay .logo #imagePreview {
    position: absolute;
    top: 36%;
    left: 36%;
    transform: translate(-50%, -50%);
}

.color-silver-yatay .logo #imagePreview {
    position: absolute;
    top: 36%;
    left: 36%;
    transform: translate(-50%, -50%);
}



.color-gold .logo {

    background-image: url("https://usecoolcard.com/wp-content/uploads/2023/03/gold-logo@4x.png"); /* Kullanılacak Görsel */
    background-position: center; /* Görseli Ortala */
    background-repeat: no-repeat; /* Resmi tekrarlama */
    background-size: cover;
    width: 92px;
    height: 24px;
    position: absolute;
    top: 36%;
    left: 36%;
    transform: translate(-50%, -50%);

    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.color-gold-yatay  .logo {

   
    top: 137px;
    
}



.color-gold .qr {

    background-image: url("https://usecoolcard.com/wp-content/uploads/2023/03/gold-qr@4x.png");
    background-position: center; /* Görseli Ortala */
    background-repeat: no-repeat; /* Resmi tekrarlama */
    background-size: cover;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 77%;
    left: 63%;
    transform: translate(-50%, -50%);
    
}


.color-gold.color-silver-yatay .qr{

    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 30px;
    height: 30px;
    position: absolute;
    top: 77%;
    left: 50%;
    transform: translate(-50%, -50%);

}



.color-silver-dikey .logogosterme {
    background-image: unset!important;

}

.color-silver-yatay .logogosterme {
    background-image: unset!important;


}






.color-gold-dikey .logogosterme {
    background-image: unset!important;

}


@media (max-width: 600px) {
    .color-gold .logo {
        width: 62px;
        height: 17px;
    }

    .color-silver-dikey .logo {
        width: 62px;
        height: 17px;
    }

    .color-silver-dikey .qr {
        width: 30px;
    height: 30px;
    }

    .color-gold .qr {
        width: 30px;
    height: 30px;
    }
    .color-silver-dikey .textemre {
        font-size: 11px;
        font-weight: 500;


    }
    .color-silver-dikey .textemre {
        font-size: 11px;
        font-weight: 500;


    }


}