::placeholder {
    color: #545353;
}
/****** loader Start ******/
#loader {
    overflow: hidden;
    background-image: linear-gradient(135deg, #292929 0%, #1c1f2c 100%);
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    position: fixed;
    z-index: 9999;
    color: #fff;
}
#loader .jumper {
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    position: absolute;
    margin: auto;
    width: 50px;
    height: 50px;
}
#loader .jumper > div {
    background-color: #fff;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    position: absolute;
    opacity: 0;
    width: 50px;
    height: 50px;
    -webkit-animation: jumper 1s 0s linear infinite;
    animation: jumper 1s 0s linear infinite;
}
#loader .jumper > div:nth-child(2) {
    -webkit-animation-delay: 0.33333s;
    animation-delay: 0.33333s;
}
#loader .jumper > div:nth-child(3) {
    -webkit-animation-delay: 0.66666s;
    animation-delay: 0.66666s;
}
@keyframes jumper {
    0% {
        opacity: 0;
        -webkit-transform: scale(0);
        transform: scale(0);
    }
    5% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}
/****** loader END ******/
/****** ShowFirstDiv START ******/
.animate-bottom {
    position: relative;
    animation-delay: 1.7s;
    animation-duration: 1s;
    animation-name: animatebottom;
}
@-webkit-keyframes animatebottom {
    from { bottom:-100px; opacity:0 } 
    to { bottom:0px; opacity:1 }
}
@keyframes animatebottom { 
    from{ bottom:-100px; opacity:0 } 
    to{ bottom:0; opacity:1 }
}
/****** ShowFirstDiv END ******/
/****** Effect bomb START ******/
.bomb {
	animation : bomb_effect 3s linear infinite;
}
@keyframes bomb_effect {
	0% {box-shadow : 0 0 0 0 rgba(74,197,255,.7), 0 0 0 0 rgba(74,197,255,.7);}
	40% {box-shadow : 0 0 0 50px rgba(74,197,255,0), 0 0 0 0 rgba(74,197,255,.7);}
	80% {box-shadow : 0 0 0 50px rgba(74,197,255,0), 0 0 0 30px rgba(74,197,255,.0);}
	100% {box-shadow : 0 0 0 0 rgba(74,197,255,0), 0 0 0 30px rgba(74,197,255,.0);}
}
@-webkit-keyframes bomb_effect {
	0% {box-shadow : 0 0 0 0 rgba(74,197,255,.7), 0 0 0 0 rgba(74,197,255,.7);}
	40% {box-shadow : 0 0 0 50px rgba(74,197,255,0), 0 0 0 0 rgba(74,197,255,.7);}
	80% {box-shadow : 0 0 0 50px rgba(74,197,255,0), 0 0 0 30px rgba(74,197,255,.0);}
	100% {box-shadow : 0 0 0 0 rgba(74,197,255,0), 0 0 0 30px rgba(74,197,255,.0);}
}
.bomb2 {
	animation : bomb_effect2 3s linear infinite;
}
@keyframes bomb_effect2 {
	0% {box-shadow : 0 0 0 0 rgba(83, 255, 74, 0.7), 0 0 0 0 rgba(83, 255, 74, 0.7);}
	40% {box-shadow : 0 0 0 50px rgba(74,197,255,0), 0 0 0 0 rgba(119, 255, 74, 0.7);}
	80% {box-shadow : 0 0 0 50px rgba(74,197,255,0), 0 0 0 30px rgba(74,197,255,.0);}
	100% {box-shadow : 0 0 0 0 rgba(74,197,255,0), 0 0 0 30px rgba(74,197,255,.0);}
}
@-webkit-keyframes bomb_effect2 {
	0% {box-shadow : 0 0 0 0 rgba(83, 255, 74, 0.7), 0 0 0 0 rgba(83, 255, 74, 0.7);}
	40% {box-shadow : 0 0 0 50px rgba(74,197,255,0), 0 0 0 0 rgba(119, 255, 74, 0.7);}
	80% {box-shadow : 0 0 0 50px rgba(74,197,255,0), 0 0 0 30px rgba(74,197,255,.0);}
	100% {box-shadow : 0 0 0 0 rgba(74,197,255,0), 0 0 0 30px rgba(74,197,255,.0);}
}
.bomb3 {
	animation : bomb_effect3 3s linear infinite;
}
@keyframes bomb_effect3 {
	0% {box-shadow : 0 0 0 0 rgba(255, 74, 74, 0.7), 0 0 0 0 rgba(255, 74, 74, 0.7);}
	40% {box-shadow : 0 0 0 50px rgba(74,197,255,0), 0 0 0 0 rgba(255, 74, 74, 0.7);}
	80% {box-shadow : 0 0 0 50px rgba(74,197,255,0), 0 0 0 30px rgba(74,197,255,.0);}
	100% {box-shadow : 0 0 0 0 rgba(74,197,255,0), 0 0 0 30px rgba(74,197,255,.0);}
}
@-webkit-keyframes bomb_effect3 {
	0% {box-shadow : 0 0 0 0 rgba(255, 74, 74, 0.7), 0 0 0 0 rgba(255, 74, 74, 0.7);}
	40% {box-shadow : 0 0 0 50px rgba(74,197,255,0), 0 0 0 0 rgba(255, 74, 74, 0.7);}
	80% {box-shadow : 0 0 0 50px rgba(74,197,255,0), 0 0 0 30px rgba(74,197,255,.0);}
	100% {box-shadow : 0 0 0 0 rgba(74,197,255,0), 0 0 0 30px rgba(74,197,255,.0);}
}
/****** Effect bomb END ******/
/****** Slid navbar START ******/
.overlay {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 100;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
}
.overlay-content {
    position: relative;
    top: 10%;
    width: 100%;
    max-width: 270px;
    text-align: right;
    margin: 0px auto;
}
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: large;
    color: #000;
    display: block;
    transition: 0.3s;
    margin: 10px auto;
}
.overlay a:hover, .overlay a:focus {
    color: #5b5b5b;
}
.overlay .closebtn {
    position: absolute;
    top: 20px;
    right: 45px;
    font-size: 60px;
} 
@media screen and (max-height: 450px) {
    .overlay a {font-size: 20px}
    .overlay .closebtn {
    font-size: 40px;
    top: 15px;
    right: 35px;
    }
}
/****** Slid navbar END ******/
/****** Progres level START ******/
.progress {
    background: #fff;
    justify-content: flex-start;
    border-radius: 100px;
    align-items: center;
    position: relative;
    padding: 0 5px;
    display: flex;
    height: 30px;
    width: auto;
}
.progress-value {
    animation: load 3s normal forwards;
    box-shadow: 0 10px 40px -10px #000;
    border-radius: 7px;
    background: #03a9f4;
    height: 15px;
    width: 0;
}
/****** Progres level END ******/
/****** Alot Page in one page As Slider START ******/
.page {
    width: 100vw;
    height: 105vh;
    position: fixed;
    top: calc(30vh+5px);
    left: -100vw;
    overflow-y: auto;
    z-index: 0;
    background-color: hsl(0,0%,100%);
    padding: 0em;
}
.page:target {
    left: 0vw;
    z-index: 1;
    animation: .5s leftright;
}
@keyframes leftright {
    0%{ left: -100vw; }
    100%{ left: 0vw; } 
}
/****** Alot Page in one page As Slider END ******/
/****** bubble Up START ******/
    /* OBJECTS */
.bubble {
    border-radius: 50%;
    height: 10px;
    position: absolute;
    width: 10px;
    background: #ffff;
}
#background-wrap {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: -1;
}
    /* KEYFRAMES */
@keyframes animateBubble {
    0% {box-shadow : 0 0 0 0 #fff, 0 0 0 0 #fff;margin-top: 1000px;}
    40% {box-shadow : 0 0 0 50px #ff6a0000, 0 0 0 0 #fff;margin-top: 500px;}
    80% {box-shadow : 0 0 0 50px #ff6a0000, 0 0 0 30px #ff6a0000;margin-top: -50%;}
    100% {box-shadow : 0 0 0 0 #ff6a0000, 0 0 0 30px #ff6a0000;margin-top: -100%;}
}
@keyframes sideWays { 
    0% {box-shadow : 0 0 0 0 #fff, 0 0 0 0 #fff;}
    40% {box-shadow : 0 0 0 50px #ff6a0000, 0 0 0 0 #fff;}
    80% {box-shadow : 0 0 0 50px #ff6a0000, 0 0 0 30px #ff6a0000;}
    100% {box-shadow : 0 0 0 0 #ff6a0000, 0 0 0 30px #ff6a0000;}
}
    /* ANIMATIONS */
.x1 {
    animation: animateBubble 15s linear infinite, sideWays 2s linear infinite;
    left: -5%;
    top: 5%;
}
.x2 {
    animation: animateBubble 10s linear infinite, sideWays 4s linear infinite;
    left: 5%;
    top: 80%;
}
.x3 {
    animation: animateBubble 18s linear infinite, sideWays 2s linear infinite;
    left: 10%;
    top: 40%;
}
.x4 {
    animation: animateBubble 12s linear infinite, sideWays 3s linear infinite;
    left: 20%;
    top: 0;
}
.x5 {
    animation: animateBubble 19s linear infinite, sideWays 4s linear infinite;
    left: 30%;
    top: 50%;
}
.x6 {
    animation: animateBubble 11s linear infinite, sideWays 2s linear infinite;
    left: 50%;
    top: 0;
}
.x7 {
    animation: animateBubble 10s linear infinite, sideWays 2s linear infinite;
    left: 65%;
    top: 70%;
}
.x8 {
    animation: animateBubble 12s linear infinite, sideWays 3s linear infinite;
    left: 80%;
    top: 10%;
}
.x9 {
    animation: animateBubble 19s linear infinite, sideWays 4s linear infinite;
    left: 90%;
    top: 50%;
}
.x10 {
    animation: animateBubble 16s linear infinite, sideWays 2s linear infinite;
    left: 80%;
    top: 80%;
}
/****** bubble Up END ******/
.style01{
    text-align: center;
    max-width: 500px;
    margin: 50px auto 0px auto;
    padding: 0px;
    border-radius: 10px;
}
.style02{
    width: 76%;
    border: none;
    background: #83838340;
    padding: 12px 15px;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    text-align: center;
    color: #03a9f4;
    margin: 8px 0px;
    direction: rtl;
    text-shadow: 0px 1px 2px #000;
    border-bottom: 2px solid #ff9900;
}
.style03{
    display: grid;
    grid-template-areas:
        'main main main main main'
        'footer footer footer right right';
    grid-gap: 10px;
    margin: 50px auto;
}
.style03 div {
    height: 50px;
    background-color: #fff;
    text-align: center;
    font-size: 30px;
}
.main {
    grid-area: main;
}
.footer{
    grid-area: footer;
}
.right{
    grid-area: right;
}
.style04{
    text-decoration: none;
}
.style05{
    height: 50%;
    border: none;
    outline: none;
    border-bottom: 1px solid #f00;
    background-color: #fff;
    padding: 13px;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    color: #f00;
    margin: 0px;
    cursor: pointer;
    background: #f008;
}
.style05:hover{
    animation: animation03 1s ease-in alternate infinite;
    background: #f008;
}
@keyframes animation03 {
    0%   { background: #f008;}
    100% { background: #fff;}
}
.style06{
    height: 50%;
    background: #fff;
    padding: 13px;
    border: none;
    outline: none;
    border-bottom: 1px solid #03a9f4;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    color: #03a9f4;
    margin: 0px;
    cursor: pointer;
    background: #03a9f478;
}
.style06:hover{
    animation: animation02 1s ease-in alternate infinite;
    background: #03a9f478;
}
@keyframes animation02 {
    0%   { background: #03a9f478;}
    100% { background: #fff;}
}
.style07{
    width: 100%;
    height: 90%;
    border: none;
    outline: none;
    border-bottom: 1px solid #ff9900;
    color: #ff9900;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    cursor: pointer;
    background: #ffff99e1;
}
.style07:hover{
    animation: animation01 1s ease-in alternate infinite;
    background: #ffff99e1;
}
@keyframes animation01 {
    0%   { background: #ffff99e1;}
    100% { background: #fff;}
}
.style08{
    height: 50%;
    border: none;
    outline: none;
    border-bottom: 1px solid #ff9900;
    background: #ffff99e1;
    padding: 13px;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    color: #ff9900;
    margin: 0px;
    cursor: pointer;
}
.style08:hover{
    animation: animation04 1s ease-in alternate infinite;
    background: #ffff99e1;
}
@keyframes animation04 {
    0%   { background: #ffff99e1;}
    100% { background: #fff;}
}
.style09{
    width: 100%;
    height: 90%;
    border: none;
    outline: none;
    border-bottom: 1px solid #03a9f4;
    background: #03a9f478;
    color: #03a9f4;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    cursor: pointer;
    max-width: 200px;
}
.style09:hover{
    animation: animation05 1s ease-in alternate infinite;
    background: #03a9f478;
}
@keyframes animation05 {
    0%   { background: #03a9f478;}
    100% { background: #fff;}
}
.style10{
    font-size: 20px;
    font-family: auto;
    font-weight: bold;
    color: #f00;
    text-shadow: 1px 1px 1px #000;
    animation: lineBlinker2 2s ease-in alternate infinite;
}
@keyframes lineBlinker2 {
    0%  { opacity: 1;}
    50% { opacity: 0.3;}
    100% { opacity: 1;}
}
.style11{
    font-size: 20px;
    font-family: auto;
    font-weight: bold;
    color: #ff9900;
    text-shadow: 1px 1px 1px #000;
}
.style12{
    text-align: center;
    margin: 150px auto;
    font-size: 30px;
    font-weight: bold;
    font-family: auto;
    color: #080;
    text-shadow: 1px 1px 1px #000;
}
.style13{
    width: 100%;
    height: 90%;
    border: none;
    outline: none;
    border-bottom: 1px solid #03a9f4;
    background: #03a9f478;
    color: #03a9f4;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    cursor: pointer;
}
.style13:hover{
    animation: animation09 1s ease-in alternate infinite;
    background: #03a9f478;
}
@keyframes animation09 {
    0%   { background: #03a9f478;}
    100% { background: #fff;}
}
.style14{
    color: #f00 !important;
}
.style15{
    width: 150px;
    border-radius: 50%;
    margin-right: 20px;
    height: 150px;
}
.style16{
    position: relative;
    right: 13%;
    top: -10px;
    height: auto;
    border-radius: 50%;
}
.style17{
    font-size: 40px;
    opacity: 0.7;
    border-radius: 50%;
    color: #03a9f4;
    cursor: pointer;
}
.style18{
    position: relative;
}
.style19{
    position: fixed;
    /*background: #fff;*/
    width: 100%;
    top: 0px;
    padding: 10px;
    /*box-shadow: 1px 1px 50px #000;*/
    z-index: 1;
}
.style20{
    float: left;
    margin: 0px auto;
    margin-left: 35%;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    color: #383838;
}
.style21{
    float: left;
    margin-left: 5%;
    font-weight: bold;
    font-size: large;
    text-shadow: 1px 1px 7px #fff;
    cursor: pointer;
    text-decoration: none;
    color: #fff;
    padding: 0px 50px 0px 0px;
}
.style22{
    padding: 0px 0px 0px 30px;
}
.style23{
    width: 100px;
    border-radius: 50%;
    margin-right: 95px;
    height: 100px;
    box-shadow: 0px 3px 11px #000;
}
.style24{
    /*margin-right: 90px;*/
    text-align: center;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    color: #000;
    text-shadow: 1px 1px 6px #000;
}
.style25{
    float: left;
    background: #4caf50;
    color: #fff;
    padding: 2px 5px;
    border-radius: 50%;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    width: 30px;
    text-align: center;
}
.style26{
    float: left;
    background: #af4c4c;
    color: #fff;
    padding: 2px 5px;
    border-radius: 50%;
    font-size: large;
    font-family: auto;
    font-weight: bold;
}
.style27 {
    background: #fff;
    justify-content: flex-start;
    align-items: center;
    position: relative;
    padding: 0 5px;
    display: flex;
    font-size: small;
}
.style28{
    margin-left: 135px;
    color: #938f8f;
}
.style29{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    margin: 0px auto 20px auto;
}
.style30{
    margin: 0px auto 0px 30px;
    color: #000;
}
.style31{
    margin: 0px auto 20px 30px;
    color: #080;
    background: #00ff0061;
    border-radius: 100px;
}
.style32{
    margin: 0px auto 20px 30px;
    color: #ff0000;
    background: #ff000061;
    border-radius: 100px;
}
.style33{
    font-size: large;
    font-family: auto;
    font-weight: bold;
    text-align: center;
    margin: 0px auto;
}
.style34{
    max-width: 100%;
    height: auto;
}
.style35{
    text-align: center;
    max-width: 1000px;
    position: relative;
    margin: auto;
}
.style36{
    cursor: pointer;
    position: absolute;
    top: 95%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #000;
    background: #fff;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    text-decoration: none;
}
.style37{
    right: 0;
    border-radius: 3px 0 0 3px;
}
.style38{
    background-color: #d1d1d1;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    max-width: 500px;
    margin: 20px auto;
    border-radius: 10px;
}
.style39{
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}
.style40, .style38{
    font-size: large;
    font-family: auto;
    font-weight: bold;
    text-align: center;
    max-width: 90%;
    margin: 10px auto;
}
.style41{
    font-weight: bold;
}
.style42{
    width: 100%;
    max-width: 150px;
    border: #03a9f4;
    background-color: #03a9f4;
    color: #fff;
    text-shadow: 0px 1px 5px #000;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0px 1px 5px #000;
    padding: 10px;
}
.style43{
    position: fixed;
    bottom: 0px;
    background: linear-gradient(#ffffff00, white, white);
    width: 100%;
    padding: 50px 0px;
}
.style44{
    /*font-size: 40px;*/
    opacity: 0.7;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
}
.style45{
    cursor: pointer;
    position: absolute;
    top: 85%;
    width: auto;
    padding: 16px;
    margin-top: -22px;
    color: #000;
    /* background: #fff; */
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
    user-select: none;
    text-decoration: none;
}
.style46{
    text-align: center;
    width: 100%;
    direction: rtl;
    font-size: medium;
    font-family: auto;
    font-weight: bold;
    color: #000;
    margin: 50px auto;
}
.style46 th {
    border-bottom: 2px solid #5e5e5e;
    background: #d7d7d7ee;
}
.style47{
    width: 100%;
    max-width: 100px;
}
.style48{
    background: #03a9f4;
    color: #fff;
    max-width: 100px;
    width: 100%;
    height: 90%;
    text-shadow: 0px 1px 5px #000;
    box-shadow: 0px 1px 5px #000;
    cursor: pointer;
}
.style49{
    background: #03a9f4;
    color: #fff;
    max-width: 100px;
    width: 100%;
    height: 90%;
    text-shadow: 0px 1px 5px #000;
    box-shadow: 0px 1px 5px #000;
    cursor: pointer;
}
.style50{
    display: block;
    margin: 10px auto;
    text-decoration: none;
    color: #fff;
}
.style51{
    background-color: #4caf50;
    color: #fff;
    text-shadow: 0px 1px 5px #000;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0px 1px 5px #000;
    padding: 10px 30px;
    text-decoration: none;
}
.style52{
    background-color: #f00;
    color: #fff;
    text-shadow: 0px 1px 5px #000;
    border-radius: 10px;
    cursor: pointer;
    box-shadow: 0px 1px 5px #000;
    padding: 10px 30px;
    text-decoration: none;
}
.style53{
    font-weight: bold;
    font-size: large;
    font-family: auto;
    color: #000;
    text-shadow: 1px 1px 1px #607d8b;
}
.style54{
    color: #f00;
    font-size: large !important;
    font-family: auto;
    font-weight: bold;
    text-shadow: 1px 1px 1px #607d8b;
    background-color: #fff;
    height: 50px;
}
.style55{
    border: none;
    background: #83838340;
    padding: 12px 15px;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    text-align: center;
    color: #03a9f4;
    margin: 8px 0px;
    direction: rtl;
    width: 70%;
    text-shadow: 0px 1px 2px #000;
    border-bottom: 2px solid #ff9900;
}
.style55:focus-visible{
    outline: none;
}
.style56:focus-visible{
    animation: BorderBlinker 1s ease-in alternate infinite;
}
@keyframes BorderBlinker {
    0%   { border-bottom: 1px solid #ff9900}
    100% { border-bottom: 1px solid #ff990023}
}
.style57{
    padding: 14px;
    margin: 0px auto 0px 5px;
    color: #2196f3;
    animation: lineBlinker 1s ease-in alternate infinite;
}
@keyframes lineBlinker {
    0%  { opacity: 1;}
    50% { opacity: 0.5;}
    100% { opacity: 1;}
}
.style58{
    margin: 100px auto 0px auto;
}
.style59{
    margin: 0px auto 20px 30px;
    color: #ff9900;
    background: #ff990061;
    border-radius: 100px;
}
.style60{
    border: 1px solid #ff9900;
    background-color: #fff;
    color: #ff9900;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px 30px;
    text-decoration: none;
}
.style60:hover{
    animation: animation06 1s ease-in alternate infinite;
}
@keyframes animation06 {
    0%   { background: #fff;color: #ff9900;}
    100% { background: #ff9900;color: #fff;}
}
.style61{
    border: 1px solid #4caf50;
    background-color: #fff;
    color: #4caf50;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px 30px;
    text-decoration: none;
}
.style61:hover{
    animation: animation07 1s ease-in alternate infinite;
}
@keyframes animation07 {
    0%   { background: #fff;color: #4caf50;}
    100% { background: #4caf50;color: #fff;}
}
.style62{
    border: 1px solid #f00;
    background-color: #fff;
    color: #f00;
    border-radius: 10px;
    cursor: pointer;
    padding: 10px 30px;
    text-decoration: none;
}
.style62:hover{
    animation: animation08 1s ease-in alternate infinite;
}
@keyframes animation08 {
    0%   { background: #fff;color: #f00;}
    100% { background: #f00;color: #fff;}
}
.style63{
    border: none;
    background: #83838340;
    padding: 12px 15px;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    text-align: center;
    color: #03a9f4;
    margin: 8px 9% 8px auto;
    direction: rtl;
    width: 70%;
    height: 500px;
    border-bottom: 1px solid #ff9900;
    outline: none;
}
.style64{
    border-radius: 50%;
    height: 70px;
    width: 70px;
    margin: 0px auto 0px 20px;
}
.style65{
    margin: 10px 0px 10px 5px;
    text-decoration: none;
    color: #03a9f4;
    cursor: pointer;
    padding: 5px 10px;
    animation: animation10 1s ease-in alternate infinite;
}
@keyframes animation10 {
    0%   {color: #03a9f4;}
    100% {color: #313131;}
}
.style66{
    margin: 10px 5px 10px 0px;
    text-decoration: none;
    color: #313131;
    cursor: pointer;
    padding: 5px 10px;
}
.style66:hover{
    color: #f00;
}
.style66_2:hover{
    color: #080;
}
.style67{
    color: #5e5e5e;
    text-align: right;
    padding-right: 10px;
}
.style68{
    text-align: initial;
    line-height: 0px;
    color: #5e5e5e;
    font-size: medium !important;
}
.style69{
    font-size: 10px;
    margin: 0px auto 0px 5px;
    color: #f00;
    border-radius: 50%;
}
.style70{
    font-size: 10px;
    margin: 0px auto 0px 5px;
    color: #080;
    border-radius: 50%;
}
.style71{
    color: #5e5e5e;
    margin: 0px auto 0px 5px;
    animation: animation11 1s ease-in alternate infinite;
}
@keyframes animation11 {
    0%  { opacity: 1;}
    50% { opacity: 0.5;}
    100% { opacity: 1;}
}
.style72{
    border: none;
    background: #83838340;
    padding: 12px 15px;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    text-align: center;
    color: #03a9f4;
    margin: 8px 9% 8px auto;
    direction: rtl;
    width: 70%;
    height: 100px;
    border-bottom: 1px solid #ff9900;
    outline: none;
}
.style73{
    line-height: 0px;
    color: #5e5e5e;
    font-size: medium !important;
}
.style74{
    margin: 50px auto;
    font-size: large;
    font-family: auto;
    font-weight: bold;
}
.style75{
    color: #000;
    padding: 20px 0px;
}
.style76{
    background: #fff;
    text-decoration: none;
    color: #f00;
}
.style77{
    background: #03a9f4;
    border: none;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    color: #fff;
    padding: 5px 20px;
    border-radius: 5px;
    cursor: pointer;
}
.style78{
    margin: auto;
    color: #ff0000;
    background: #ff000061;
    border-radius: 100px;
    max-width: 100px;
    animation: animation12 1s ease-in alternate infinite;
}
@keyframes animation12 {
    0%  { opacity: 1;}
    50% { opacity: 0.5;}
    100% { opacity: 1;}
}
.style79{
    font-size: large;
    font-family: auto;
    font-weight: bold;
    text-align: center;
    margin: 10px auto;
}
.style80{
    text-decoration: none;
    color: #219700;
    cursor: pointer;
    padding: 5px 10px;
    animation: animation13 1s ease-in alternate infinite;
}
@keyframes animation13 {
    0%   {color: #219700;}
    100% {color: #313131;}
}
.style81{
    text-decoration: none;
    color: #ff9900;
    cursor: pointer;
    padding: 5px 10px;
    animation: animation14 1s ease-in alternate infinite;
}
@keyframes animation14 {
    0%   {color: #ff9900;}
    100% {color: #313131;}
}
.style82{
    text-align: center;
    margin: 150px auto;
    font-size: 30px;
    font-weight: bold;
    font-family: auto;
    color: #f00;
    text-shadow: 1px 1px 1px #000;
}
.style83{
    display: list-item!important;
    width: 100px;
    border-radius: 50%;
    margin: 0px auto!important;
    height: 100px;
    box-shadow: 0px 3px 11px #000;
}
.style84{
    background-image: linear-gradient(135deg, #242830 0%, #242830 100%);
}
.style85{
    text-align: center;
    max-width: 500px;
    margin: 50px auto 0px auto;
    padding: 20px;
    border-radius: 10px;
    background: #ffffff1c;
    border-top: 5px solid #2196f3;
}
.style86{
    border: none;
    background: #fff;
    padding: 12px 15px;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    text-align: center;
    color: #03a9f4;
    margin: 8px 0px;
    direction: rtl;
    text-shadow: 0px 1px 2px #000;
    border-bottom: 2px solid #2196f3;
    animation: lineBlinker 1s ease-in alternate infinite;
}
.style87{
    font-size: large;
    font-family: auto;
    font-weight: bold;
    color: #2196f3;
    text-decoration: none;
}
.style88{
    width: 100%;
    height: 90%;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    cursor: pointer;
    background: #03a9f4;
    padding: 10px 0px;
    margin: 20px auto 5px auto;
    border-radius: 20px;
}
.style89{
    color: #f00;
    font-size: large !important;
    font-family: auto;
    font-weight: bold;
    text-shadow: 1px 1px 1px #000;
    height: 50px;
}
.style90{
    width: 100%;
    height: 90%;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    cursor: pointer;
    background: #4caf50;
    padding: 10px 0px;
    margin: 20px auto 5px auto;
    border-radius: 20px;
}
.style91{
    color: #03a9f4;
    transform: scale(1.1);
    box-shadow: 0 0 30px #03a9f4;
    animation: animation15 1s ease-in alternate infinite;
    border-radius: 70%;
    cursor: pointer;
}
@keyframes animation15 {
    0%   {box-shadow: 0 0 30px #03a9f4;}
    100% {box-shadow: 0 0 80px #03a9f4;}
}
.style92{
    float: left;
    margin-left: 5%;
    font-weight: bold;
    font-size: large;
    text-shadow: 1px 1px 7px #000;
    cursor: pointer;
    text-decoration: none;
    color: #000;
    padding: 0px 50px 0px 0px;
}
.style93{
    width: 100%;
    height: 90%;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    cursor: pointer;
    background: #b1b400;
    padding: 10px 0px;
    margin: 20px auto 5px auto;
    border-radius: 20px;
}
.style94{
    text-align: center;
    width: 100%;
    direction: rtl;
    font-size: medium;
    font-family: auto;
    font-weight: bold;
    color: #fff;
    margin: 50px auto;
}
.style95{
    line-height: 0px;
    color: #5e5e5e;
    font-size: small;
}
.style96{
    margin: 10px 5px 10px 0px;
    text-decoration: none;
    color: #680000;
    cursor: pointer;
    padding: 5px 10px;
}
.style97{
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    max-width: 90%;
}
.style98{
    width: 100%;
    height: 90%;
    border: none;
    outline: none;
    color: #ffffff;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    cursor: pointer;
    background: #097dea;
    padding: 10px 0px;
    margin: 20px auto 5px auto;
    border-radius: 20px;
    max-width: 50%;
}
.style99{
    background-color: #d1d1d1;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    max-width: 70%;
    margin: 20px auto;
    border-radius: 10px;
}
.style100{
    color: #fff;
    border-bottom: 2px solid #fff;
}
.style101{
    display: list-item;
    direction: rtl;
    text-align: center;
    color: #8A94A7;
    text-decoration: none;
    cursor: pointer;
}
.style102{
    text-align: center;
    margin: 70px auto 0px auto;
    background: linear-gradient(65deg, #0270D7 0, #0F8AFD 100%);
    width: 90%;
    max-width: 200px!important;
    padding: 10px 0px;
    font-size: large;
    font-weight: bold;
    font-family: auto;
}
.style103{
    text-decoration: none;
    color: #fff;
    display: block;
}
.style104{
    color: #0474dd;
    font-size: xx-large;
}
.style104{
    font-size: large;
    font-family: auto;
    font-weight: bold;
    color: #fff;
}
.style105{
    padding: 10px;
    margin: 0px auto 0px 5px;
    font-size: 30px;
    cursor: pointer;
}
.style106{
    text-decoration: none;
    color: #039fa4;
    cursor: pointer;
    padding: 5px 10px;
}
.style107{
    color: #292929;
    font-family: auto;
    text-align: center;
    font-weight: bold;
    margin: 0px auto 10px auto;
    padding: 5px 10px 5px 0px;
    direction: rtl;
}
.style108{
    max-width: 300px;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    color: #585858;
    text-align: center;
    width: 96%;
    margin: 0px auto 10px auto;
    padding: 5px;
    border: none;
    box-shadow: 1px 3px 1px #ccc;
    border-radius: 30px;
}
#style109{
    display: none;
}
.style110{
    line-height: 0px;
}
.style111{
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    margin: 0px auto 20px auto;
}
.style112{
    max-width: 500px;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    width: 100%;
    background-color: #3974ff;
    color: #fff;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    box-shadow: 0px 1px 5px #b4b4b4;
    padding: 10px;
    margin: 20px auto 0px auto;
}
#style113{
    display: none;
}
.style114{
    max-width: 300px;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    color: #3e3e3e;
    text-align: center;
    width: 96%;
    margin: 0px auto 10px auto;
    padding: 5px;
    border: none;
    border-bottom: 1px solid #3f3f3f;
    background-color: rgb(229, 229, 229);
    opacity: 75%;
}
#style115{
    display: none;
}
#style116{
    display: none;
}
#style117{
    display: none;
}
.style118{
    display: inline-block;
    margin: 10px 10px 0 0;
}
.style119{
    max-height: 75px;
    border: 2px solid;
    padding: 1px;
    cursor: pointer;
}
.style120{
    display: block;
    background: #444;
    border: 1px solid black;
    color: white;
    text-align: center;
    cursor: pointer;
}
.style120:hover{
    background: white;
    color: black;
}
.style121{
    font-size: large;
    font-family: DrPHPFont;
    font-weight: bold;
    text-align: center;
    margin: 100px auto;
    color: #080;
}
.style122{
    border: none;
    background: #83838340;
    padding: 12px 15px;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    text-align: right;
    color: #03a9f4;
    margin: 8px 9% 8px auto;
    direction: rtl;
    width: 70%;
    height: 500px;
    /* border-bottom: 1px solid #ff9900; */
    outline: none;
}
.style123{
    width: 100%;
    max-width: 800px;
    text-align: center;
    margin: 50px auto;
    font-size: large;
    font-family: auto;
    font-weight: bold;
}
.style124{
    margin: 0px auto;
    text-align: center;
    width: 100%;
}
.style125{
    max-width: 200px;
    margin: 10px auto;
}
.style126{
    width: 100%!important;
    max-width: 100%!important;
    direction: rtl!important;
}
.style127{
    max-width: 100px;
    margin: 10px auto;
}
.style128{
    float: left;
    width: 85%;
    height: 100px;
    font-size: 30px;
    font-family: auto;
    line-height: 90px;
}
.style129{
    float: right;
}
.style130{
    max-width: 100%;
    width: 100%;
    height: 1000px;
    resize: none;
    outline: none;
    border: none;
    text-align: center;
}
.style131{
    display: block;
    color: #0c85f5;
    margin: 20px auto 10px auto;
    cursor: pointer;
}
.style132{
    font-size: large;
    font-family: DrPHPFont;
    font-weight: bold;
    text-align: center;
    margin: 100px auto;
    color: #ff2200;
}
.style133{
    display: inline-block;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
    width: 100%;
    max-width: 200px;
    cursor: pointer;
}
.style134{
    text-align: center;
    margin: 150px auto;
    font-size: 30px;
    font-weight: bold;
    font-family: auto;
    color: #03a9f4;
    text-shadow: 1px 1px 1px #000;
}
.style135{
    margin: 10px 5px 10px 0px;
    text-decoration: none;
    color: #313131;
    cursor: pointer;
    padding: 5px 10px;
}
.style135:hover{
    color: #080;
}
.style136{
    width: 713px;
    height: 900px;
    resize: none;
    text-align: right;
    background: none;
    color: #fff;
    border: none;
    font-size: medium!important;
}
.style137{
    max-width: 500px;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    width: 100%;
    background-color: #3974ff;
    color: #fff;
    border: none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px;
    margin: 20px auto 0px auto;
}
.style138{
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    max-width: 100%;
}
.style139{
    background: #2c3252b5;
    border-radius: 5px;
    padding: 10px 0px;
    text-align: center;
    cursor: pointer;
    box-shadow: 1px 1px 4px #000;
    color: #8A94A7;
}
.style139:hover{
    background: #232843dc;
}
.ZDE_Style31{
    position: fixed;
    width: 100%;
    top: 0px;
    padding: 10px;
    z-index: 1;
}
.ZDE_Style32{
    float: left;
    margin-left: 5%;
    font-weight: bold;
    font-size: large;
    text-shadow: 1px 1px 7px #fff;
    cursor: pointer;
    text-decoration: none;
    color: #03a9f4;
    padding: 0px 50px 0px 0px;
}
.ZDE_Style95{
    text-align: center;
    margin: 60px auto 10px auto;
}
.ZDE_Style93{
    font-size: large;
    font-family: auto;
    font-weight: bold;
    text-align: center;
    border: 1px solid #4caf50;
    padding: 8px 30px;
    border-radius: 30px;
    color: #fff;
    background: #4caf50;
    text-shadow: 1px 1px 10px #000;
    margin: 0px auto;
    cursor: pointer;
}
.ZDE_Style94{
    font-size: large;
    font-family: auto;
    font-weight: bold;
    text-align: center;
    border: 1px solid #912929;
    padding: 8px 30px;
    border-radius: 30px;
    color: #fff;
    background: #912929;
    text-shadow: 1px 1px 10px #000;
    margin: 0px auto;
    cursor: pointer;
}
.ZDE_Style66{
    direction: rtl;
    width: 100%;
    font-size: medium;
    font-family: auto;
    font-weight: bold;
}
.ZDE_Style70{
    text-align: center;
    background: #ccc;
    font-size: large;
    font-family: auto;
    font-weight: bold;
    padding: 10px 0px;
    border-radius: 5px;
    text-shadow: 1px 1px 5px #000;
    color: #464646;
}
.ZDE_Style68{
    float: right;
    width: 100%;
    max-width: 450px;
    color: #058905;
}
.ZDE_Style69{
    float: right;
}
.ZDE_Style65{
    color: #d1af32;
    padding: 5px 10px;
}
.ZDE_Style67{
    float: right;
    width: 100%;
    max-width: 450px;
}
.ZDE_Style71{
    color: #080;
    padding: 5px 10px;
}
.ZDE_Style33{
    animation: Blinker 2s ease-in alternate infinite;
}
.ZDE_Style64{
    color: #d13232;
    padding: 5px 10px;
}
.ZDE_Style80{
    position: relative;
    z-index: 2;
}
.ZDE_Style81{
    position: absolute;
    top: 8px;
    right: 16px;
    font-size: 18px;
}
.ZDE_Style82{
    text-decoration: none;
    color: #f00;
    text-shadow: 1px 1px 5px;
    font-family: 'DrPHPFont';
    margin: 0px 10px 0px auto;
}
.ZDE_Style83{
    background: #fff;
    color: #039fa4;
    font-family: 'DrPHPFont';
    font-size: large;
    border: none;
    outline: none;
    width: 200px;
    text-align: center;
}
.ZDE_Style79{
    max-width: 256px;
    display: block;
    background: #ffffff82;
    direction: rtl;
    font-weight: bold;
}

.style140{
    background: #121212b5;
    border-radius: 5px;
    padding: 10px 0px;
    text-align: center;
    cursor: none;
    box-shadow: 1px 1px 4px #000;
    color: #8A94A7;
}
.style141{
    width: 60%;
    text-align: center;
    padding: 10px;
    font-size: large;
    font-weight: bold;
    font-family: auto;
    color: #039fa4;
    outline: none;
    border: 1px solid #039fa4;
}
.tooltip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
  }
  
  .tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    transition: opacity 0.3s;
  }
  
  .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }
  
  .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }
.style142{
    position: fixed;
    bottom: 24px;
    right: 103px;
    background: #fff;
    border-radius: 40%;
    width: 60px;
    height: 60px;
    border-radius: 60px;
}
.style143{
    font-size: 10px;
    margin: 0px auto 0px 5px;
    color: #b5a908;
    border-radius: 50%;
}