/* COLORS */
.white{
    color: white;
}
.b-white{
    background-color: white;
}
.black{
    color: black;
}
.b-black{
    background-color: black;
}
.gray{
    color: #3c414a;
}
.crem{
    color: #D3AD7F;
}
.b-crem{
    background-color: #D3AD7F;
}

/* fonts */
@font-face {
    font-family: samim;
    src: url(../fonts/Samim-Bold.ttf);
}
*{
    -webkit-user-drag: none;
}
.titleText{
    font-family: "samim";
}
.titleIcons{
    font-family: 'samim';
}
body{
    background-color: #07101D;
    overflow-x: hidden;
    font-family: 'samim';
}
html{
    overflow-x: hidden;
}
.navbar a:hover{
    color: #D3AD7F;
}
.container-fluid span{
    color: #D3AD7F;
}

.circle{
    position: absolute;
    background-color: #3c414a;
    width: 10px;
    height: 10px;
    margin-left: -50px;
    margin-top: -50px;
    border-radius: 50%;
    box-shadow: 0 0 150px 150px rgba(51, 0, 255, 0.505);

}
.circle1{
    position: absolute;
    background-color: #3c414a;
    width: 10px;
    height: 10px;
    margin-right: -50px;
    margin-top: 300px;
    border-radius: 50%;
    box-shadow: 0 0 350px 150px rgba(51, 0, 255, 0.505);
}
/* title */
.titleText{
    font-size: 60px;
}
.titleText1{
    color: #D3AD7F;
}
.brand2{
    background-color: #d3ad7f6b;
    backdrop-filter: blur(10px);
    position: absolute;
}
.aboutUsPic{
    background: url(../image/Leonardo_Phoenix_A_handsome_man_in_his_mid30s_with_chiseled_fe_3.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.tamasBaMa{
    background: url(../image/1725703881.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.KonicaPic{
    background: url(../image/Altimate-Business-Machiners-KONICA-MINOLTA-BIZHUB-C454.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}
.SharpPic{
    height: 100%;
}
.SharpBackPic{
    background-color: rgba(255, 255, 255, 0.016);
    backdrop-filter: blur(5px);
}
.SharpPrinters{
    background-color: rgba(255, 255, 255, 0.016);
    backdrop-filter: blur(5px);
}
/* konicaPrinters */
.konicaPrinters,.SharpPrinters{
    overflow-y: scroll;
    scrollbar-width: none;
    
    
}
.titleIcons{
    z-index: 10;
    transition: all 500ms;
}
.titleIcon2{
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(5px);
    transition: all 500ms;
}
.mainCircleBlur{
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: rgba(51, 0, 255, 0.505);
    box-shadow: 0px 0px 250px 150px rgba(51, 0, 255, 0.505);
    border-radius: 50%;
    z-index: 0;
}
.mainCircleBlur2{
    position: absolute;
    width: 0px;
    height: 0px;
    background-color: rgba(51, 0, 255, 0.505);
    box-shadow: 0px 0 250px 150px rgba(51, 0, 255, 0.505);
    border-radius: 50%;
    z-index: 0;
}
.cardsCircleBlur{
    position: absolute;
    width: 10px;
    height: 10px;
    background-color: none;
    border-radius: 50%;
    z-index: 0;
    transition: all 500ms;
}
.mostCards:hover > .cardsCircleBlur{
    width: 200%;
    height: 200%;
    place-items: center;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.211);
    backdrop-filter: blur(5px);
    transition: all 1s;
}
.mostCards:hover{
    background-color: transparent;
    transition: all 500ms;
    border: transparent ;
}
.titleIcon2,.titleIcon1,.titleIcon3{
    background-color: #ffffff1a;
    backdrop-filter: blur(5px);
}
.titleIcon2{
    background-color: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(5px);
    transition: all 500ms;
}
/* example Printers */
.examplePrinters{
    background-color: #ffffff1a;
    backdrop-filter: blur(5px);
}
.mostCards{
    background: transparent;
    overflow: hidden;
    border: transparent;
}
.mostCards .card-img-top,.mostCards .card-body,.itemsBrand{
    z-index: 2;
}
.tamiratPic{
    background-position: center;
    background-size: cover;
    background: url(../image/Leonardo_Phoenix_A_highly_detailed_realistic_depiction_of_a_bl_3.jpg);
}
/* support */

.support a:hover,.support i:hover{
    border: 1px solid #D3AD7F;
    color: #D3AD7F;
    transition: all 500ms;
    background-color: white;
    box-shadow: 5px 5px 4px 0px rgba(0, 0, 0, 0.406) ;
}
.support a,.support i{
    transition: all 500ms;
}
@keyframes shadow{
    0%{background-color: transparent;}
    100%{
        background-color: rgba(255, 255, 255, 0.35);
        backdrop-filter: blur(25px);
    }
}
.itemsBigImformation{
    background-color: rgba(255, 255, 255, 0.35);
    backdrop-filter: blur(25px);
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    z-index: 100;
    animation-name: shadow;
    transition: all 1s;
    animation-duration: 2s;
    scrollbar-width: none;
    font-weight: bold;
}
.itemsBigImformation table{
    border: 3px solid #dcdcdc;
}
.itemsBigImformation a{
    text-decoration: none;
}
.itemsBigImformation table th,.itemsBigImformation table td,.itemsBigImformation table tr{
    border: none;
}
.itemsBigImformation table td{
    padding-top: 15px;
    padding-bottom: 15px;
}

.itemsBigImformation table tr:nth-child(even) {
    background-color: #dcdcdc;
}

#cardPicItem{
    overflow-y: scroll;
    scrollbar-width: none;
    background-color: rgba(255, 255, 255, 0.105);
    backdrop-filter: blur(5px);
}
.closeBtn{
    cursor: pointer;
}
tr,td{
    border: 1px solid red;
}
.joinToUs{
    background-color: white;
}
.JTS-telegram{
    filter: drop-shadow(12px 8px 10px #7e7f81);
}
/* konica */
.konicaProduct{
    background-color: white;
}
.konicaObjects{
    box-shadow: 0 0 10px 2px #8b8c8d;
    transition: all 500ms;
    background-color: #dcdcdc;
}
.konicaObjects:hover{
    box-shadow: 0 0 10px 4px #8b8c8d;
    transition: all 500ms;
}
.SharpObjects{
    transition: all 500ms;
    background-color: #ffffff0c;
    backdrop-filter: blur(5px);
    border: 2px solid #8b8c8d;
    text-align: center;
}
.SharpObjects:hover{
    box-shadow: 0 0 10px 4px #8b8c8d;
    transition: all 500ms;
}
.moreCardsKonicaBuyInformationBtn{
    border: 6px solid #dcdcdc;
    transition: all 1s;

}
.moreCardsKonicaBuyBtn:hover{
    color: white;
}
.moreCardsKonicaBuyInformationBtn:hover{
    color: #D3AD7F;
    background-color: #dcdcdc;
    border: 6px solid #198754;
    transition: all 1s;
}
.buy-informationDiv{
    border: 3px solid #dcdcdc;
}
.Copyright{
    font-size: 10px;
}
.Copyright span{
    font-weight: 900;
}
.myself{
    color: #198754;
}
/* sharpProducts */
.sharpProducts{
    background: url(../image/IMG_3043.JPG);
    background-size: cover;
    background-repeat: no-repeat;
}
/* loading */
.loading{
    width: 100%;
    height: 100vh;
    background-color: #07101D;
    z-index: 1000000;
    font-family: 'samim';

}
.loadingBody{
    height: 100%;
}
@keyframes loader1{
    0%{border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
    50%{border-top-right-radius: 50%;border-bottom-right-radius: 50%;}
    100%{border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
}
@keyframes loader2{
    0%{border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
    50%{border-top-left-radius: 50%;border-bottom-left-radius: 50%;}
    100%{border-top-left-radius: 8px;border-bottom-left-radius: 8px;}
}
.loader{
    width: 200px;
    height: 200px;
    background-color: #dcdcdc;
}
.loader1{
    border-radius: 8px;
    animation: loader1 3s ;
    animation-iteration-count: infinite;
}
.loader2{
    border-radius: 8px;
    animation: loader2 3s ;
    animation-iteration-count: infinite;
}

@media screen and (max-width: 342px) {
    .buy-informationDiv,.moreCardsKonicaBuyInformationBtn{
        border-radius: 8px !important;
    }
    .moreCardsKonicaBuyInformationBtn{
        margin-top: 10px;
    }

    
}
.ricohsPrintersCard{
    overflow-x: scroll;
}
.nav-item{
    text-align: center;
}
@media screen and (max-width: 764px) {
    .aboutUsPic,.tamasBaMa,.KonicaPic,.tamiratPic{
        border-radius: 8px !important ;
    }

    
}
.closeSupportBtn{
    background-color: #07101D !important;
}