/*!
 * Dice (https://github.com/alexerlandsson/dice)
 * Copyright 2020 Alexander Erlandsson
 * Licensed under MIT
 */

body {
    font-family: frutigerltarabic-65bold !important;

    color: white;
    background-image: url('../background/1.jpg');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
}

.form-check {

    padding-left: 0 !important;

}
.dice__scene{width:70px;height:70px;-webkit-perspective:210px;perspective:210px}
#dice__cube{position:relative;width:100%;height:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;-webkit-transform:translateZ(-35px);transform:translateZ(-35px);-webkit-transition:-webkit-transform ease;transition:-webkit-transform ease;transition:transform ease;transition:transform ease,-webkit-transform ease;-webkit-transition-duration:.5s;transition-duration:.5s}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#dice__cube{-webkit-transform-style:flat;transform-style:flat;-webkit-transform:none!important;transform:none!important}}@-webkit-keyframes showSameFont{100%{-webkit-transform:translateZ(-35px) rotateY(360deg);transform:translateZ(-35px) rotateY(360deg)}}@keyframes showSameFont{100%{-webkit-transform:translateZ(-35px) rotateY(360deg);transform:translateZ(-35px) rotateY(360deg)}}@-webkit-keyframes showSameRight{100%{-webkit-transform:translateZ(-35px) rotateY(-450deg);transform:translateZ(-35px) rotateY(-450deg)}}@keyframes showSameRight{100%{-webkit-transform:translateZ(-35px) rotateY(-450deg);transform:translateZ(-35px) rotateY(-450deg)}}@-webkit-keyframes showSameBack{100%{-webkit-transform:translateZ(-35px) rotateY(-540deg);transform:translateZ(-35px) rotateY(-540deg)}}@keyframes showSameBack{100%{-webkit-transform:translateZ(-35px) rotateY(-540deg);transform:translateZ(-35px) rotateY(-540deg)}}@-webkit-keyframes showSameLeft{100%{-webkit-transform:translateZ(-35px) rotateY(450deg);transform:translateZ(-35px) rotateY(450deg)}}@keyframes showSameLeft{100%{-webkit-transform:translateZ(-35px) rotateY(450deg);transform:translateZ(-35px) rotateY(450deg)}}@-webkit-keyframes showSameTop{100%{-webkit-transform:translateZ(-35px) rotateX(-450deg);transform:translateZ(-35px) rotateX(-450deg)}}@keyframes showSameTop{100%{-webkit-transform:translateZ(-35px) rotateX(-450deg);transform:translateZ(-35px) rotateX(-450deg)}}@-webkit-keyframes showSameBottom{100%{-webkit-transform:translateZ(-35px) rotateX(450deg);transform:translateZ(-35px) rotateX(450deg)}}@keyframes showSameBottom{100%{-webkit-transform:translateZ(-35px) rotateX(450deg);transform:translateZ(-35px) rotateX(450deg)}}
#dice__cube.show-front{-webkit-transform:translateZ(-35px) rotateY(0);transform:translateZ(-35px) rotateY(0)}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#dice__cube.show-front .dice__side--front{display:block}}
#dice__cube.show-front.show-same{-webkit-animation:showSameFont .5s ease;animation:showSameFont .5s ease}
#dice__cube.show-right{-webkit-transform:translateZ(-35px) rotateY(-90deg);transform:translateZ(-35px) rotateY(-90deg)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#dice__cube.show-right .dice__side--right{display:block}}#dice__cube.show-right.show-same{-webkit-animation:showSameRight .5s ease;animation:showSameRight .5s ease}#dice__cube.show-back{-webkit-transform:translateZ(-35px) rotateY(-180deg);transform:translateZ(-35px) rotateY(-180deg)}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#dice__cube.show-back .dice__side--back{display:block}}#dice__cube.show-back.show-same{-webkit-animation:showSameBack .5s ease;animation:showSameBack .5s ease}#dice__cube.show-left{-webkit-transform:translateZ(-35px) rotateY(90deg);transform:translateZ(-35px) rotateY(90deg)}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#dice__cube.show-left .dice__side--left{display:block}}#dice__cube.show-left.show-same{-webkit-animation:showSameLeft .5s ease;animation:showSameLeft .5s ease}#dice__cube.show-top{-webkit-transform:translateZ(-35px) rotateX(-90deg);transform:translateZ(-35px) rotateX(-90deg)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#dice__cube.show-top .dice__side--top{display:block}}#dice__cube.show-top.show-same{-webkit-animation:showSameTop .5s ease;animation:showSameTop .5s ease}#dice__cube.show-bottom{-webkit-transform:translateZ(-35px) rotateX(90deg);transform:translateZ(-35px) rotateX(90deg)}@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){#dice__cube.show-bottom .dice__side--bottom{display:block}}#dice__cube.show-bottom.show-same{-webkit-animation:showSameBottom .5s ease;animation:showSameBottom .5s ease}
.dice__side{position:absolute;width:100%;height:100%;background-size:100% auto;background-position:center;background-repeat:no-repeat;background-color:#fff;box-shadow:inset 0 0 7px rgba(0,0,0,.1);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
@media all and (-ms-high-contrast:none),(-ms-high-contrast:active){.dice__side{display:none;-webkit-transform:none!important;transform:none!important}}
.dice__side--front{-webkit-transform:rotateY(0) translateZ(35px);transform:rotateY(0) translateZ(35px);background-image:url(../img/dice-1.png)}
.dice__side--back{-webkit-transform:rotateY(180deg) translateZ(35px);transform:rotateY(180deg) translateZ(35px);background-image:url(../img/dice-6.png)}
.dice__side--right{-webkit-transform:rotateY(90deg) translateZ(35px);transform:rotateY(90deg) translateZ(35px);background-image:url(../img/dice-4.png)}
.dice__side--left{-webkit-transform:rotateY(-90deg) translateZ(35px);transform:rotateY(-90deg) translateZ(35px);background-image:url(../img/dice-3.png)}
.dice__side--top{-webkit-transform:rotateX(90deg) translateZ(35px);transform:rotateX(90deg) translateZ(35px);background-image:url(../img/dice-2.png)}
.dice__side--bottom{-webkit-transform:rotateX(-90deg) translateZ(35px);transform:rotateX(-90deg) translateZ(35px);background-image:url(../img/dice-5.png)}

.h1text{
    color: #4f2e85;
    font-size: 80px;
}

.flip-card {
    background-color: transparent;
    width: 500px;
    height: 300px;
    perspective: 1000px; /* Remove this if you don't want the 3D effect */
}
label,input{
    direction: ltr; !important;
}
.sa-icon.sa-success { overflow:hidden }
 .centered-div {

     display: flex;
     justify-content: center;
     align-items: center;
     font-size: 24px;
 }


.flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.8s;
    transform-style: preserve-3d;
}

.flip-card-active {
   transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-backface-visibility: hidden; /* Safari */
    backface-visibility: hidden;
    border-radius: 20px; /* Rounded corners */

}

.flip-card-front {
    background-color: #bbb;
    color: black;
}

.flip-card-back {
     background-color: #4f2e85;
    color: white;
    transform: rotateY(180deg);
    border: 2px solid white;
}
.form-check {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.row {
    justify-content: center;
}

.moving-div {
    position: relative;

    animation: moveToCenter 3s ease-in-out infinite;
}

/* Animation to move the div from the corner to the center and back */
@keyframes moveToCenter {
    0% {
        top: 10px;
        left: 10px;
        width: 100px;
        height: 100px;
    }
    50% {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    100% {
        top: 10px;
        left: 10px;
        width: 100px;
        height: 100px;
    }
}

}