.supatext {
    font-family: "Heebo", sans-serif;
}
    .supatext .kot {
        font-weight: 400;
        font-size: 17px;
        font-weight: bold;
        line-height: 24.97px;
        margin-top:10px;
    }
    .supatext .text {
        font-weight: 400;
        font-size: 17px;
        line-height: 24.97px;
        margin-top:5px;
    }
.OutlineElement {
    background-color: none !important;
}

.concentname {
    text-align: center;
    font-weight: 800;
    font-size: 25px;
    line-height: 36.72px;
}
.concenttext {
    text-align: center;
    font-weight: 400;
    font-size: 20px;
    line-height: 29.38px;
    color: #C2D0FF;
}
.concentlabel {
    text-align: center;
    font-weight: 700;
    font-size: 20px;
    line-height: 29.38px;
    color:#fff;
    display:block;
    margin:0 auto;
}
.concentinput {
    display: block;
    margin: 0 auto;
    border: 2px solid #fff;
    border-radius: 10px;
    height: 49px;
    line-height: 29px;
    text-align: center;
    font-size: 20px;
    width: 100%;
    direction: rtl;
}
.concentwrap2 {
    display: flex;
    justify-content: space-between;
}
    .concentwrap2 input {
        width: 140px;
       margin:inherit;
    }



    .cont-btn {
        padding: 10px;
        height: 57px;
        background: #c2d0ff;
        border-radius: 16px;
        font-weight: 800;
        font-size: 25px;
        color: #222d65;
        display: block;
        margin: 0 auto;
        margin-top:30px;
    }
.imgmig {
    padding: 15px;
    margin: 0 auto;
    text-align: center;
    display:block;
}
.swconscept {
    text-align: center;
    font-size: 17px;
    line-height: 24.97px;
    color: #fff;
}
.register-mainsup {
    min-height: calc(100vh - 220px);
    max-height: calc(100vh - 220px);
    /*height: calc(100vh - 220px);*/
    /*height: calc(100svh - 220px);*/
    /*max-height:auto !important;*/
    /*min-height: auto !important;*/
    /*max-height: 82.3vh;*/
    background: #222d65;
    box-shadow: 0px -5px 20px rgba(34, 45, 101, 0.2);
    border-radius: 40px 40px 0px 0px;
    padding-left: 16px;
    padding-right: 16px;
    padding-top: 17px;
}
.wrp22 {
    /*min-height: calc(100vh);
    max-height: calc(100vh);
    overflow-y:auto;
    background-color: #222D65;*/
}
.checkcontcontainer {
    display: flex;
    justify-content: space-evenly;
    margin-top: 10px;
}
.checkconcont {
    display: flex;
    flex-direction: column;
}
    .checkconcont input {
        text-align: center;
        margin: 0 auto;
    }

    .DebugRedDot {
        position: absolute;
        width: 10px;
        height: 10px;
        background-color: red;
        border-radius: 50px;
        top: 5px;
        right: 5px;
    }
.overlay {
    height: 100%;
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgba(256, 256, 256); /* Black fallback color */
    /*background-color: rgba(73, 201, 50,0.5);*/ /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0.3s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
    display: flex;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .overlay .ologo {
        margin-bottom: 80px;
        width: 60vw;
    }

    .overlay .ospinner {
        margin-bottom: 20px;
        width: 20vw;
    }

    .overlay .otext {
        color: #454f63;
        font-size: 19px;
    }
.mint {
    background-color: #fff;
    position: absolute;
    color: #C2D0FF;
    background-color: #C2D0FF;
    opacity: 0.1;
    outline: none;
}
.mint2 {
    background-color: #fff;
    position: absolute;
    color: #fff;
    background-color: #fff;
    opacity: 0.1;
    outline: none;
}
.mCS-dir-rtl > .mCSB_inside > .mCSB_container
{
    /*margin-left:30px !important;*/
}
.mCSB_scrollTools .mCSB_draggerRail {
    width: 7px !important;
    background-color: #9bb2ff !important;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 7px !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    border-radius: 16px !important;
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background-color: #fff !important;
}
.mCSB_scrollTools
{
    opacity:1 !important;
}



.pmesover {
    max-height: calc(100vh - 250px);
    max-height: calc(100svh - 250px);
    overflow-y: auto;
    overflow-x: hidden;
}
.cursor {
    position: relative;
}

    .cursor i {
        position: absolute;
        width: 1px;
        height: 51%;
        background-color: #000;
        left: 50%;
        top: 11.5%;
        animation-name: blink;
        animation-duration: 800ms;
        animation-iteration-count: infinite;
        opacity: 1;
    }

    .cursor input:focus + i {
        display: none;
    }

.cursor2 {
    position: relative;
}

    .cursor2 i {
        position: absolute;
        width: 1px;
        height: 51%;
        background-color: #000;
        left: 50%;
        top: 15px;
        animation-name: blink;
        animation-duration: 800ms;
        animation-iteration-count: infinite;
        opacity: 1;
    }

@keyframes blink {
    from {
        opacity: 1;
    }

    to {
        opacity: 0;
    }
}
.scale2 {
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}
.zoomin {
    position: absolute;
    top: 20px;
    right: 20px;
    padding: 10px;
    font-size: 14px;
    background-color: #fff;
    color: #000;
}
.anigif {
    width: 157px;
    height: 150px;
    object-fit: contain;
}
.keybordPrewenter {
    position: static;
    overflow: hidden;
}
.kukuli {
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed;
}
.imbafit {
    /*height: 240px !important;*/
    object-fit: cover !important;
    width: 100%;
    height:100%;
}
.footer-btns-new {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 13px;
    position:fixed;
    bottom:30px;
    width:100%;
}

.drawingcanvas {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


:root {
    touch-action: pan-x pan-y;
    height: 100%
}
* {
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
.prevset {
    max-width: 100%;
    object-fit: cover;
    max-height: 112px;
    min-height: 112px;
}
.prew_vid {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70vh;
    max-width: 100%;
}

.prew_img {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 70vh;
    max-width: 100%;
    object-fit: contain;
}
.close-pap {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 26px;
    height: 26px;
    background: url("../images/media-close.svg") center no-repeat;
    z-index: 9999;
    background-color: #C2D0FF;
}
.dsnone {
    display: none;
}
.pup {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    background-color: #222D65;
    z-index: 2;
}
.ogalery_item {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.ogalery_item_stub {
    position: absolute;
    left: 35%;
    top: 35%;
}
.intro__gallery-elem
{
    width:100%;
    height:100%;
}
.modal {
    z-index: 1;
    max-width: 90%;
    top: 25%;
}
.nedit {
    position: absolute;
    right: -2px;
    bottom: -1px;
}
.request {
    position: relative;
    min-height: 160px;
}
.prevwhat
{
    position:absolute;
}
.vidprevsml {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.vidprevsml2 {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}
.intro__gallery-elem {
    position: relative;
}
.play {
    position: absolute;
    top: 35%;
    left: 42%;
    z-index: 10;
}
.VideoContainer {
    /*height: 100%;*/
    position: absolute;
    top: 0px;
    left: 0px;
    overflow-x: hidden;
    overflow-y: hidden;
    height: 100%;
    width: 100%;
}
.camerapreview {
    height: 100%;
    width: 100%;
    object-fit: cover;
    margin: 0 auto;
}
.posbut {
    width: 100%;
    position: absolute;
    bottom: 42px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    z-index:2;
}
.input__file {
    opacity: 0;
    visibility: hidden;
    position: absolute;
}
.mhide {
    display: none;
}
.dimage {
    display: block;
    margin: 0 auto;
    margin-top: 80px;
}
.dial__text-btn_sup {
    width: 90%;
    color: #222d65;
    background-color: #fff;
    text-align: center;
    margin: 0 auto;
    display: block;
}
.dial__text-btn_sup2 {
    width: 90%;
    color: #222d65;
    text-align: center;
    margin: 0 auto;
    display: block;
    margin-top: 50px;
    line-height: 58px;
}
.bcff {
    background-color: #fff;
}
.phoneerror {
    color: #ca9669;
}
.checkbox-round {
    width: 1.3em;
    height: 1.3em;
    background-color: white;
    border-radius: 50%;
    vertical-align: middle;
    border: 1px solid #ddd;
    appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
}

.checkbox-round:checked {
    background-color: gray;
}
.fn15
{
    font-size:15px;
    line-height:15px;
}
.pra_u
{
    text-decoration:underline;
    color:#fff;
}
.shake {
    animation: horizontal-shaking 0.9s ease-in-out;
}

@keyframes horizontal-shaking {
    0% {
        transform: translateX(0)
    }

    25% {
        transform: translateX(5px)
    }

    50% {
        transform: translateX(-5px)
    }

    75% {
        transform: translateX(5px)
    }

    100% {
        transform: translateX(0)
    }
}