/* @import url('https://fonts.googleapis.com/css2?family=Roboto:wght@900&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
*{
   margin:0;
   box-sizing:border-box;
   scroll-behavior: smooth;
   font-family: 'roboto';
   padding:0;
}

.container{
   margin: 0 auto;
   width: 1219px;
}
/* Dropdown styles */
.dropdown-language {
   position: relative;
   display: none;
  
}
.toggel-color{
   position: absolute;
}
.dropdown-button {
   padding: 7px 0;
   margin-right: 30px;
   border: 1px solid #FFFFFF26;
   width: 180px;
   border-radius: 8px;
   color: white;
   cursor: pointer;
   display: flex;
}

.imges {
   display: flex;
   gap: 20px;
   margin-left: 13px;
}
.dropdown-button i {
   margin-left: 5px;
}
.header{
   padding: 2rem 0;
   height: 40px;
   border-bottom: 1px solid #1D253A;
   background: #0F121D;
   display: flex;
   justify-content: flex-end;
   align-items: center;
   gap: 20px;
}
.baner-main{
   padding-top: 80px;
}
.gamming-part{
   display: flex;
   gap: 25px;
}
.gamming-part span{
   color: #C12624;
   font-weight: 700;
}
.game-section{
   width: 825px;
   height: 501px;
   border-radius: 6px;
   color: white;
}
.nav-btn {
   padding-top: 22px;
}
.top-area{
   display: flex;
   height: 90px;
   justify-content: space-between;
   align-items: center;
}
.top-area h1{
   font-size: 40px;
   font-weight: 600;
}
.top-area h2{
   font-weight: 600;
   font-size: 30px;
}
.time-click{
   display: flex;
}
.time-click .time{
   width: 94px;
   display: flex;
   flex-direction: column;
   gap: 5px;
   align-items: center;
   letter-spacing: 1.5px;
   font-weight: 700;
}
.time-click .time .timer{
   font-size: 24px;
   /* color: #e9540e; */
   background: linear-gradient(180deg, #F89919 0%, #C12624 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   font-weight: 530;
}
.time-click .time .number{
   font-size: 24px;
   font-weight: 530;
   /* color: #065006; */
   background: linear-gradient(180deg, #61B60B 0%, #2B5204 100%);
   background-clip: text;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}
.play-box{
   display: flex;
   height: 434px;
   border-radius: 6px;
   background: radial-gradient(100% 100% at 49.95% 0%, #282843 0%, #1D253A 50%, #141726 100%);
   justify-content: center;
   align-items: center;
}
#play_section {
   position: relative;
   overflow: hidden;
}
.play-box button{
   cursor: pointer;
   text-decoration: none;
   color:#fff;
   width: 338px;
   font-size: 15px;
   font-style: italic;
   padding: 18px 20px;
   border-radius: 6px;
   border: 1px solid #2C3247;
   background: linear-gradient(217.41deg, #CF2929 20.98%, #8A0000 90.83%);

}
div.ripple {
   background-color: rgba(0,190,255,.7);
   border-radius: 50%;
   position: absolute;
   transform: scale(0);
   animation: ripple .5s linear forwards;
}

@keyframes ripple {
   to {
      transform: scale(1);
      opacity: 0;
   }
}
.text h5{
   letter-spacing: 2px;
   color: #F89919;
   font-size: 20px;
   margin-bottom: 10px;
}
.text h5 span {
   font-size: 20px;
   letter-spacing: 2px;
   color: #F89919;
}
.timming-section{
   width: 360px;
   height: 501px;
   border-radius: 6px;
   color: #71778E;
}
.time-box{
   padding: 15px;
   width: 365px;
   text-align: center;
   border-radius: 6px;
   background: radial-gradient(100% 100% at 49.95% 0%, #282843 0%, #1D253A 50%, #141726 100%);
}
.time-box li{
   list-style-type: none;
   height: 40px;
   padding: 10px 104px;
   letter-spacing: 1.3px;
   border-radius: 6px;
   cursor: pointer;
   border: 1px solid #2C3247;
   font-size: 14px;
   font-weight: 500;
}
.time-box li:hover {
   background: linear-gradient(217.41deg, #CF2929 20.98%, #8A0000 90.83%);
   color: white;
}

.select-time{
   display: flex;
   height: 90px;
   justify-content: center;
   align-items: center;
   font-size: 18px;
   letter-spacing: 1.5px;
}
.select-time h3{
   color: white;
   font-size: 24px;
   font-weight: 600;
}
.related-games{
   padding-top: 44px;
   position: relative;
}
.game-main{
   color: white;
}
.game-main span{
   color: #C12624;
   font-weight: 700;
}
.arrow{
   display: flex;
   gap: 10px;
}
.arrow i{
   height: 35px;
   width: 35px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #393F56;
   border-radius: 6px;
}
.arrow i:hover{
   border: none;
   background-color: #C12624;
}
/*
.arrow-top {
   display: flex;
   position: absolute;
   z-index: 999;
   justify-content: space-between;
   top: 85px;
   left: 0;
   right: 0;
   width: 100%;
   padding-right: 12px;
}
.arrow-top i{
   height: 35px;
   width: 35px;
   display: flex;
   justify-content: center;
   align-items: center;
   border: 1px solid #393F56;
   border-radius: 3px;
   visibility: hidden;
}
.arrow-top:hover i{
   border: none;
   background: linear-gradient(270deg, #2B2A76 -94.74%, #171A5A -25.08%, #0C0D17 85.42%);
   visibility: visible;
   color: #fff;
}
*/
.custom-dots {
   text-align: center;
   margin-top: 25px;
 }
 .custom-dots .dot {
   display: inline-block;
   margin: 0 5px;
   width: 10px;
   height: 10px;
   border-radius: 50%;
   background:#2c2828;
   cursor: pointer;
 }
 .custom-dots .dot.active-1{
   background-color: #C12624 !important;
 }
.game-images .clicks{
   background: linear-gradient(217.41deg, #3D29CF 20.98%, #A22FCC 61.66%, #F9A222 90.83%);
}
/* .game-images .clicks:hover{
   border-bottom: 5px solid;
   border-image: linear-gradient(217.41deg, #3D29CF 20.98%, #A22FCC 61.66%, #F9A222 90.83%);
} */
.game-images .scroll{
   background: linear-gradient(220deg, #092CAB 2.38%, #3252CD 52.23%, #34DC99 );
}
/* .game-images .scroll:hover{
   border-bottom: 5px solid;
   border-image: linear-gradient(220deg, #092CAB 2.38%, #3252CD 52.23%, #34DC99 );
} */
.game-images .spacebar{
   background: linear-gradient(220deg, #77062B 2.38%, #C12624 48.71%, #F89919 );

}
/* .game-images .spacebar:hover{
   border-bottom: 5px solid;
   border-image: linear-gradient(220deg, #77062B 2.38%, #C12624 48.71%, #F89919 );
} */
.game-images .typing{
   background: linear-gradient(220deg, #61B60B 2.38%, #32C4CD 52.23%, #343BDC );
}
/* .game-images .typing:hover{
   border-bottom: 5px solid transparent;
   border-image: linear-gradient(220deg, #61B60B 2.38%, #32C4CD 52.23%, #343BDC );
} */
.game-images .cookies{
   background: linear-gradient(226.27deg, #803524 -16.37%, #FF9800 106.89%);
}
/* .game-images .cookies:hover{
   border-bottom: 5px solid transparent;
   background: linear-gradient(226.27deg, #803524 -16.37%, #FF9800 106.89%);
} */
.functions{
   width: 295px;
   display: flex;
   gap: 9px;
   /*height: 120px;*/
   font-weight: 600;
   justify-content: center;
   font-size: 21px;
   align-items: center;
   border-radius: 6px;
}
.functions .svg-bg{
   display: flex;
   position: relative;
   width: 52px;
   height: 52px;
   background: #0F121D26;
   color: #F1A515;
   border-radius: 50px;
   justify-content: center;
   align-items: center;
}
.functions p{
   font-family: Roboto;
   font-size: 20px;
   font-weight: 600;
   letter-spacing: 0.7px;
   text-transform: uppercase;
   color: #fff;
}
.complete-box{
   display: flex;
   width: 301px;
   align-items: center;
   justify-content: space-between;
}
.trophy{
   display: flex;
    flex-direction: column;
    gap: 10px;
    width: 313px;
}
.gamming-images {
   width: 120px;
}
.img-size1{
   height: 94px;
   object-fit: cover;
}
.img-size2{
   height: 96px;
   object-fit: cover;
}
.img-size3{
   height: 108px;
   object-fit: cover;
}
.img-size4{
   height: 90px;
   object-fit: cover;
}
.img-size5{
   height: 108px;
   object-fit: cover;
}
.functions .svg{
   width: 30px;
   height: 30px;
}
.click-games{
   padding-top: 85px;
}
.blog h2{
   font-size: 15px;
}
.blog{
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 18px 0;
   width: 174px;
   line-height: 17px;
   color: #697088;
   height: 216px;
   /* border: 1px solid #3B4259; */
   background: radial-gradient(100.00% 100.00% at 49.95% -0.00%, #282843 0%, #1D253A 50%, #141726 100%);
   border-radius: 6px;
}
.blog:hover{
   border-bottom: 4px solid #BC1614;
   color: #ffffff;
}
.blog-images{
   display: flex;
   gap: 16px;
}
.blog img {
   margin-bottom: 10px;
   width: 137px;
   height: 134px;
   object-fit: cover;
}
.blog p{
   font-size: 12px;
   margin-top: 5px;
}
#menu-drop {
   display: none;
 }
 .icon-shape{
   width: 18px;
   height: 17px;
}
.content{
   background-color: #0F121D;
   display: flex;
   width: 82%;
    float: right;
}
.content-text {
   margin: 0 auto;
   width: 100%;
}
nav{
   width:18%;
   background: linear-gradient(270deg, #2B2A76 -94.74%, #171A5A -25.08%, #0C0D17 85.42%);
   position: fixed;
   top: 0;
   bottom: 0;
   float: left;
}
li{
   list-style: none;
}
.logo{
   display: flex;
   height: 65px;
   padding-left:67px ;
   gap: 10px;
   align-items: center;
   width: 100%;
   font-size: 18px;
   text-decoration: none;
   font-weight: 100;
   color: white;
   border-bottom: 1px solid #1D253A;
}
.logo img{
   /* width: 25px; */
   height: 38px;
}

.nav-btn li{
   list-style: none;
   padding: 5px 58px;
}
.nav-btn a{
   text-decoration: none;
   color: #697088;
   gap: 13px;
   width: 252px;
   border-radius: 6px;
   padding-left: 14px;
   display: flex;
   height: 44px;
   letter-spacing: 1px;
   align-items: center;
}
.nav-btn a:hover{
   color: white;
   transition:ll 0.25s linear;
} 
li .active{
   background: linear-gradient(217.41deg, #CF2929 20.98%, #8A0000 90.83%);
   color: white;
}
.active{
   background: linear-gradient(217.41deg, #CF2929 20.98%, #8A0000 90.83%);
    color: white;
}
.scr{
   background: linear-gradient(220deg, #092CAB 2.38%, #3252CD 52.23%, #34DC99 95.04%);
}
.nav-btn .click-test:hover{
   background: linear-gradient(217.41deg, #CF2929 20.98%, #8A0000 90.83%);
}
.nav-btn .kohi-click-test:hover{
   background: linear-gradient(217.41deg, #3D29CF 20.98%, #A22FCC 61.66%, #F9A222 90.83%);
}
.nav-btn .scroll:hover{
   background: linear-gradient(220deg, #092CAB 2.38%, #3252CD 52.23%, #34DC99 );
}
.nav-btn .spacebar:hover{
   background: linear-gradient(220deg, #77062B 2.38%, #C12624 48.71%, #F89919 95.04%);
}
.nav-btn .typing-test:hover{
   background: linear-gradient(220deg, #61B60B 2.38%, #32C4CD 52.23%, #343BDC 95.04%);
}
.nav-btn .blog-test:hover{
   background: linear-gradient(220deg, #3f4761 2.38%, #4b5075 52.23%, #2f304e 95.04%);}
.nav-btn .cookie:hover{
   background: linear-gradient(226.27deg, #803524 -16.37%, #FF9800 106.89%);
}
nav i{
   text-align: center;
   font-size: 22px;
   width: 25px;
}
.hover:hover{
   color: red;
}
.fa-solid{
   font-weight: 400;
}
.guidlines h1{
   font-family: Roboto;
   font-size: 40px;
   font-weight: 600;
   line-height: 40px;
   /* letter-spacing: 0.005em; */
   text-align: left;
   color: #fff;
   padding: 50px 0; 
}
.guidlines span{
   color: #BC1614;
   font-weight: 700;
}
.points{
   padding: 11px 50px;
   color: white;
   border-radius: 6px;
   background: #2828433f;
}
.h h3{
   padding: 24px 0;
   font-size: 25px;
   line-height: 29px;
}
.click-points h4{
   padding: 24px 0;
   font-size: 25px;
   line-height: 29px;
}
.click-points p{
   font-size: 17px;
   line-height: 27px;
   letter-spacing: 0.006em;
   color: #B5BBCD;
   /* border-bottom: 1px solid #b5bbcd3d; */
   padding-bottom: 20px;
}
.click-points  i{
   font-size: 8px;
   color: #ffffff;
   background-color: #ffffff;
   border-radius: 50px;
}
.click-points .Minecraft{
   border: none;
}
.click-points .point{
   display: flex;
   align-items: center;
   gap: 8px;
   color: #B5BBCD;
}
.border{
   border: 2px solid #B5BBCD;
    padding: 0px 16px 0 30px;

}
.checkers{
   padding-top: 55px;
}
.cps-points{
   padding: 30px 50px;
   color: white;
  
   border-radius: 6px;
   background: #2828433f;
}
/* .cps{
   border-bottom: 1px solid #b5bbcd3d;
   padding-bottom: 24px;
} */
.question{
   padding-top: 20px;
}
.dropdown{
   overflow: hidden;
}
.dropdown label{
   position: relative;
   background: #2828433f;
   color: #697088;
   font-size: 13px;
   margin-top: 11px;
   word-spacing: 1px;
   border-radius: 6px;
   padding: 17px 26px;
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
}
.dropdown label i{
   font-size: 20px;
}
.dropdown-text{
   max-height: 1px;
   overflow: hidden;
   word-spacing: 1px;
   font-size: 18px;
   position: relative;
   line-height: 25px;
   opacity: 0.5;
   transition:  all 0.3s ease;
}
.dropdown p{
   padding: 20px 20px;
}
.dropdown .after{
   display: none;
}
.dropdown h6{
   font-family: Roboto;
   font-size: 22px;
   font-weight: 500;
   line-height: 26px;
   letter-spacing: 0.04em;
   text-align: left;

}
.dropdown input:checked ~ .dropdown-text{
   max-height: 300px;
   background: #2828433f;
   border-radius: 6px;
   color: #f9f9f9;
   opacity: 1;
   top: 8px;
}
.dropdown label i {
   font-size: 20px;
   transition: transform 0.3s ease;
}

.dropdown input:checked ~ label i {
   transform: rotate(90deg);
}

/* Shared styles */
body {
   transition: background-color 0.3s ease;
}

/* Light theme */
body.light {
   background-color: #ffffff !important;
   color: #333333;
}

/* Dark theme */
body.dark {
   background-color: #333333;
   color: #ffffff;
} div .checkbox {
     opacity: 0;
     position: absolute;
  }
div .checkbox:checked + .checkbox-label .ball {
   transform: translateX(24px);
}
div .checkbox-label {
   background-color: #ffffff;
   width: 50px;
   height: 26px;
   border-radius: 50px;
   position: relative;
   padding: 5px;
   cursor: pointer;
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-right: 67px;
}
div .checkbox-label .ball {
   background-color: #BC1614;
   width: 22px;
   height: 22px;
   position: absolute;
   left: 2px;
   top: 2px;
   border-radius: 50%;
   transition: transform 0.2s linear;
}
div .fa-moon {
   color: #f1c40f;
}
div .fa-sun-bright {
   color: #f6ce06;
}
/* Theme toggle styles */
section.footer {
   margin-top: 50px;
   display: flex;
   justify-content: space-around;
   align-items: center;
   border-bottom: 2px solid #1D253A;
}
.nevbar {
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
   gap: 35px;
}
.neavgation-bar ul {
   display: flex;
   gap: 40px;
   height: 35px;
}
.neavgation-bar ul li {
   list-style: none;
   color: #697088;
   padding: 0;
   font-family: Roboto;
   font-size: 14px;
   font-weight: 500;
   line-height: 16px;
   letter-spacing: 0.03em;
   text-align: center;
   transition: background-color 0.5s, color 0.5s;
   text-transform: capitalize;

}
.neavgation-bar ul li:hover {
   border-bottom: 2px solid #BC1614;
   color: #BC1614 ;
   cursor: pointer;
   padding-bottom: 29px ;
   transition: background-color 0.5s, color 0.5s;
}
.scroll-up {
   border: 1px solid #697088;
   width: 31px;
   height: 31px;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 50px;
}
.scroll-up a{
   list-style: none;
   color: #697088;
}

section.footer-end {
   display: flex;
   padding: 17px 0;
   justify-content: space-between;
   align-items: center;

}
.contact-icon {
   display: flex;
   gap: 20px;
}
address {
   margin-right: 5px;
   font-family: Roboto;
   font-size: 12px;
   font-weight: 500;
   line-height: 14px;
   letter-spacing: 0.03em;
   text-align: right;
   color: #697088;
   font-style: normal;
}
.goog-te-combo{
   border: 0px solid #2C3247;
   background: #10121d;
   color: #fff;
}
.box{
   display: flex;
   height: 1216px;
   justify-content: center;
   align-items: center;
}
.note-box{
   border-radius: 6px;
   width: 887px;
   height: 642px;
   background: radial-gradient(110.52% 110.52% at 50% -4.08%, #323254 0%, #1D253A 45.6%, #141726 100%);
}
.close-modal {
   cursor: pointer;
}
.close-modal i {
   color: darkred;
}
.box-head{
   display: flex;
   align-items: center;
   font-size: 19px;
   height: 72px;
   border-bottom: 2px solid;
   border-image-source: linear-gradient(269.99deg, #3D29CF -1.49%, #A22FCC 46.92%, #F1A515 101.79%);
   border-image-slice: 1;
   border-image-outset: 0;
   justify-content: space-between;
   padding: 0 44px;
}
.box-head .score{
   color: white;
}
.box-head a{
   font-size: 25px;
   color: red;
}
.box-main{
   display: flex;
   justify-content: center;
}
.under-box{
   width: 667px;
   margin-top: 25px;
   display: flex;
   justify-content: space-between;
   align-items: center;
}
.language-text{
   display: flex;
    align-items: center;
    justify-content: center;
    gap: 21px;
    width: 135px;
    font-size: 14px;
}
.text{
   text-align: center;
   width: 407px;
}
.text h1 {
   color: #F89919;
   font-family: Roboto;
   font-size: 50px;
   font-weight: 500;
   line-height: 59px;
   letter-spacing: 0.005em;
   text-align: center;
}
.text h2{
   font-family: Roboto;
   font-size: 20px;
   font-weight: 500;
   line-height: 29px;
   letter-spacing: 0.05em;
   text-align: center;
   color: #fff;
}
.text a {
   color: white;
}
.dropdown-button i {
   margin-left: 5px;
}
.text p{
   color: white;
   word-spacing: 2px;
   line-height: 25px;
}
strong {
   font-family: Roboto;
   font-size: 32px;
   font-weight: 500;
   line-height: 46px;
   letter-spacing: 0.005em;
   text-align: center;
   color: #55dd9c;
}

.stars .fa-solid{
   color: #34DC99 ;
}
.quote{
   display: flex;
   justify-content: center;
   flex-direction: column;
   align-items: center;
}
 .left {
   background: #171b2b;
   height: 5.4px;
   width: 110px;
   position: absolute;
   margin-left: -145px;
   top: 83.2%;
}
 .right {
   height: 4.2px;
   width: 110px;
   background: #191d2e;
   position: absolute;
   top: 83.4%;
   margin-left: 145px;
}
.quote h2 {
   color: white;
   width: 699px;
   padding: 30px 0 50px 0;
   font-size: 32px;
   display: flex;
   font-weight: 500;
   border: 4px solid;
   border-image-source: linear-gradient(268.52deg, #3D29CF -1.45%, #A22FCC 45.74%, #F1A515 99.25%);
   border-image-slice: 1;
   border-image-repeat: stretch;
   border-image-width: 4px;
   border-image-outset: 0;
   justify-content: center;
   align-items: center;
}
.quote p{
   width: 229px;
   height: 46px;
   border-radius: 6px;
   position: relative;
   top: -26px;
   padding: 15px 69px;
   color: white;
   font-style: italic;
   background: linear-gradient(217.41deg, #3D29CF 20.98%, #A22FCC 61.66%, #F9A222 90.83%),
   linear-gradient(0deg, #4C536C, #4C536C);
   z-index: 999;
}

.overlay {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background-color: rgb(0 0 0 / 80%);
   display: none;
   justify-content: center;
   align-items: center;
   z-index: 9999;
}
.box-news{
   width: 163px;
   height: 27px;
   border-radius: 6px;
   background: #1D253A;
   z-index: 99;
   padding: 0px 20px;
}
.text-size{
   color: #697088;
   font-family: Roboto;
   font-size: 18px;
   font-weight: 500;
}
button{
   background:none;
   border: none;
}
.boxes{
   display: flex;
   gap: 10px;
   background-color: #0f121d;
   text-align: center;
   width: 78%;
   padding-top: 20px;
   overflow: hidden;
   white-space: nowrap;
}

button li{
   color: #5f647b;
   font-size: 12px;
   letter-spacing: .6px;

}
a{
   color: #5f647b;
   text-decoration: none;
   font-size: 17px;
   font-weight: 500;
}
button p{
   color: #FFFFFF;
   font-size: 13px;
}

.footer-nav  li a {
   font-size: 14px;
} 

.news-slider {
   transition: transform 2s linear; /* Animation transition */
   animation: slideText 8s infinite;    display: flex;
   gap: 35px;
}

@keyframes slide {
   0% {
      transform: translateX(0);
   }
   100% {
      transform: translateX(-100%);
   }
}

@keyframes slideText {
   0% {
      transform: translateX(0);
   }
   100% {
      transform: translateX(-100%);
   }
}

.hwrap {
   overflow: hidden; /* HIDE SCROLL BAR */
}

/* (B) MOVING TICKER WRAPPER */
.hmove { display: flex; }

/* (C) ITEMS - INTO A LONG HORIZONTAL ROW */
.hitem {
   flex-shrink: 0;
   width: 14%;
   box-sizing: border-box;
   text-align: center;
}

/* (D) ANIMATION - MOVE ITEMS FROM RIGHT TO LEFT */
/* 4 ITEMS -400%, CHANGE THIS IF YOU ADD/REMOVE ITEMS */
@keyframes tickerh {
   0% { transform: translate3d(100%, 0, 0); }
   100% { transform: translate3d(-400%, 0, 0); }
}
.hmove { animation: tickerh linear 60s infinite; }
.hmove:hover { animation-play-state: paused; }

.self-icon {
   display: inline-block;
   background-size: cover;
}
.icon-spacebar {
   background-image: url("/images/Group 12.svg");
}
.icon-bike:hover,
.icon-bike:focus {
   background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-bike-red.svg);
}
.icon-bell {
   background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-bell-black.svg);
}
.icon-bell:hover,
.icon-bell:focus {
   background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-bell-red.svg);
}
.icon-arrow {
   background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-arrow-black.svg);
}
.icon-arrow:hover,
.icon-arrow:focus {
   background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/3/icon-arrow-red.svg);
}
/* dark and ligt them */
/* / Dark Theme CSS / */
.dark-theme .content {
background-color: #FFFFFF;
   color: #000;
}
.dark-theme nav {
   background: linear-gradient(270deg, #C6CCE1 -94.74%, rgba(244, 246, 252, 0.956863) -25.08%, #EAEDF8 85.42%);
}
.dark-theme .boxes {
   background-color: #FFFFFF;
   color: #000;
}

/* / Dark Theme CSS / */
.dark-theme h1  {
   color: #1D253A;
}
.dark-theme h2  {
   color: #1D253A;
}
.dark-theme h3  {
   color: #1D253A;
}
.dark-theme h4  {
   color: #1D253A;
}
.dark-theme h5  {
   color: #1D253A;
}
.dark-theme h6  {
   color: #1D253A;
}
.dark-theme p {
   color: #555555;
}
.nevbar-logo1{
   display: none;
}
.dark-theme .nevbar-logo1 {
   color: #000;
   display: block;
}
.dark-theme .nevbar-logo {
   color: #000;
   display: none;
}
.dark-theme .header {
   background-color: #FFFFFF;
}

.dark-theme .box-news {
   background: #CED4E6;
}
.dark-theme .dropdown-button{
   background: linear-gradient(270deg, #C6CCE1 -94.74%, rgba(244, 246, 252, 0.956863) -25.08%, #EAEDF8 85.42%);

}
.dark-theme  div .checkbox-label{
   background: #000;
}
.dark-theme .play-box{
   background: linear-gradient(270deg, #C6CCE1 -94.74%, rgba(244, 246, 252, 0.956863) -25.08%, #EAEDF8 85.42%);

}
.dark-theme .time-box{
   background: linear-gradient(270deg, #C6CCE1 -94.74%, rgba(244, 246, 252, 0.956863) -25.08%, #EAEDF8 85.42%);

}
.dark-theme .time-box li{
   border: 1px solid #B9BDCA;
}
.dark-theme .points{
   background: linear-gradient(270deg, #C6CCE1 -94.74%, rgba(244, 246, 252, 0.956863) -25.08%, #EAEDF8 85.42%);
   border: 1px solid #D9D9D9

}
.dark-theme .cps-points{
   background: linear-gradient(270deg, #C6CCE1 -94.74%, rgba(244, 246, 252, 0.956863) -25.08%, #EAEDF8 85.42%);
   border: 1px solid #D9D9D9

}
.dark-theme .dropdown label{
   background: linear-gradient(270deg, #C6CCE1 -94.74%, rgba(244, 246, 252, 0.956863) -25.08%, #EAEDF8 85.42%);
   border: 1px solid #D9D9D9;
   color: #282843;


}
.dark-theme .dropdown input:checked ~ .dropdown-text{
   background: linear-gradient(270deg, #C6CCE1 -94.74%, rgba(244, 246, 252, 0.956863) -25.08%, #EAEDF8 85.42%);
   border: 1px solid #D9D9D9
}

.dark-theme .arrow i{
   background: linear-gradient(270deg, #C6CCE1 -94.74%, rgba(244, 246, 252, 0.956863) -25.08%, #EAEDF8 85.42%);
   border: 1px solid #D9D9D9;
   color: #555555;
}
.dark-theme .arrow i:hover {
   background-color: #C12624;
}
.dark-theme .blog{
   background: linear-gradient(270deg, #C6CCE1 -94.74%, rgba(244, 246, 252, 0.956863) -25.08%, #EAEDF8 85.42%);

}
.dark-theme .border{
   border: 4px solid #1D253A
}
.dark-theme .click-points .point{
   color: #555555;
}
.dark-theme .click-points .point i{
   background: #2C3247;
   color: #555555;
}
.dark-theme .footer{
   background: linear-gradient(270deg, #C6CCE1 -94.74%, rgba(244, 246, 252, 0.956863) -25.08%, #EAEDF8 85.42%);
   padding-top: 50px;
   border-bottom: 1px solid #d7d7d7;
}
.dark-theme .footer-end-main{
   background: linear-gradient(270deg, #C6CCE1 -94.74%, rgba(244, 246, 252, 0.956863) -25.08%, #EAEDF8 85.42%);
}
.dark-theme .play-box button{
   border: none;
}
.dark-theme .functions p{
   color: #fff;
}
.footer-logo1{
   display: none;
}
.dark-theme .footer-logo1 {
   color: #000;
   display: block;
}
.dark-theme .footer-logo {
   color: #000;
   display: none;
}
.dark-theme .text h1 {
   color: #F89919;  
}
.dark-theme .text h2 {
color: #fff;  
}
.dark-theme .quote h2{
color: #fff;  
}

.dark-theme .quote p{
color: #fff;  
}

.dark-theme .header{
   border-bottom: 1px solid #B9BDCA;
}
.dark-theme .logo{
   border-bottom: 1px solid #B9BDCA;
}

.dark-theme #menu-drop1 {
   display: none;
 }