li.passwordbtx {
  color: rgb(231, 58, 58);
  font-size: 13px;
  font-style: italic;
}
li.passwordbtx.lowercase.green,
li.passwordbtx.uppercase.green,
li.passwordbtx.number.green,
li.passwordbtx.special_character.green,
li.passwordbtx.number.green,
li.passwordbtx.length.green {
  color: rgb(79, 185, 79);
}


/* customed modal */
.customed__popup{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  background:rgba(255,255,255,.4);
  /* background:rgba(0,0,0,.6); */
  backdrop-filter: blur(10px);
  display: none;
  justify-content: center;
  align-items: center;
  z-index:100000;
}
.customed__popup .container{
  max-width:600px;
  min-height: 400px;
  background: #eeeeee78;
  background-color: #121d33;
  border-radius: 10px;
  /* background: rgb(245, 247, 250); */
  position:relative;
  padding:40px;
  display: flex;
  flex-direction: column;
  align-items: center;

}
.customed__popup .container .detail__about__plan p{
  color:#d5e5ff
}
.customed__popup .container .close{
  position: absolute;
  top:20px;
  right:20px;
  cursor: pointer;
  color:#fff!important;
 
}

.customed__popup .container .image{
  margin-bottom: 10px;
}
.customed__popup .container .promo{
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom:40px ;
}
.customed__popup .container .promo b{
  font-weight: 900;
  font-size:25px;
  color: #ffffff;
}
.customed__popup .container .promo  span{
  color:#eeeeee
}
.customed__popup .container .image img{
max-width:250px;

}
.customed__popup .container ul {
  margin-bottom:20px;
}
.customed__popup .container ul li{
  color: #ffffff;
}
.customed__popup .container a:link, 
.customed__popup .container a:visited{
text-decoration: none;
  position: relative;
  line-height: 24px;
  font-weight: 500;
  padding: 8px 15px;
  text-align: center;
  color: #fff;
  border: 2px solid #2b56f5;
  box-sizing: border-box;
  transition: all 0.5s;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  cursor: pointer;
  background-color: #2b56f5;
  margin-top:20px;
}
.customed__popup .container .notes{
  color:#d5e5ff;
  font-style: italic;
  font-size: 13px;
}
@media screen and (max-width:666px){
  .customed__popup{
padding:20px;

  }
}
@media screen and (max-width:555px){
  .customed__popup .container{
max-height:400px;
overflow-y: scroll;
  
  }
  .customed__popup .container .promo b{
    text-align: center;
  }
  .customed__popup .container .promo  span{
    text-align: center;
  }
}
@media screen and (max-width:401px){
  .customed__popup .container{
padding:20px;
  
  }

}
@media screen and (max-width:401px){
  .customed__popup .container a:link, 
  .customed__popup .container a:visited{
width:100%
  }

}
/* part of the about page and how things works */
.how_it_works__container{
   background:#0e2a47;
   padding:80px 20px;
   margin-bottom:60px;
}
section.how__things__works{
  max-width:1000px;
  width:100%;
  margin: 0 auto;
  display:flex;
  flex-direction: column;
  align-items: center;


}
section.how__things__works h1{
  color:#fff;
}
section.how__things__works h1 span{
  color:#cca354
}
section.how__things__works p{
  color:#fff;
  max-width:600px;
  width:100%;
  color:#fff;
  text-align: center;
}
section.how__things__works .steps ul{
  padding:0;
  margin: 0;
  list-style: none;
   display: flex;
  width:100%;
  justify-content: space-between;
  position: relative;
}
section.how__things__works .steps ul li{
  display: flex;
  flex-direction: column;
  align-items: center;
}
section.how__things__works .steps ul li span{
  color:#cca354;
  font-weight: bold;
  font-size: 20px;
  margin-top:10px;
}
section.how__things__works .steps{
  align-self: stretch;
  margin-top:30px;
  /* width:100%; */
}

section.how__things__works .steps ul::after{
  content:"";
  position:absolute;
  top:40%;
  width:100%;
  left:0;
  z-index: -1;
  transform:translateY(-50%);
  border:1px dotted #cca354;
}
section.how__things__works .steps ul li .icon__wrapper{
   width: 110px;
    height: 110px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border: 3px solid #cca354;
    box-shadow: 0 0 15px 3px rgba(204, 163, 84, 0.65);
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000000;
    position: relative;
}
section.how__things__works .steps ul li .icon__wrapper i{
  font-size: 30px;
  color:#cca354;
}
section.how__things__works .steps ul li .icon__wrapper .step{
  width:30px;
  box-sizing: content-box;
  height:30px;
  border-radius: 50%;
  border:3px solid #cca354;
  display: flex;
  align-items: center;
  justify-content: center;
  position:absolute;
  background: #000;
  color:#fff;
  top:10px;
  right:-20px;
}

section.our__value{
  /* background:#007c8e; */
  background:#0e2a47;
  width:100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding:80px 20px;
  
}
section.our__value.mission{
  background:transparent;
}
section.our__value h1{
color:#fff;
position:relative;

}
section.our__value h1.special__heading::after{
position:absolute;
content:"";
width:40%;
height:3px;
background:#cca354;;
bottom:0;
left:0;
}
section.our__value h3{
color:gray;
max-width:850px;
text-align: center;
}
section.our__value .text{
  max-width:1000px;
}
section.our__value .text p{
  color:#fff;
}
@media screen and (max-width:720px){
  section.how__things__works .steps ul{    
    justify-content: stretch;
    align-items: center;
    position: relative;
    flex-direction: column;
    gap:80px;
  }
}

/* ----beginning of slider */
.wrapping__container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
  line-height: 1.2;
  background: #18181b;
  font-family: "Roboto Condensed", sans-serif;
  font-weight: 300;
  box-sizing: border-box;
  color:#fff;
  padding:100px 0;
}
.wrapping__container p
{
  line-height: 1.6;
}
.wrapping__container img
{
  width: 100%;
  height: auto;
}
.wrapping__container .button
 {
  position: relative;
  display: table;
  padding: 0.75em 3em;
  background: #000;
  color: #fff;
  text-decoration: none;
  margin-top: 1.5em;
  text-transform: uppercase;
}
.wrapping__container .button:hover {
  background: #2f2f2f;
}
.wrapping__container .wrapper{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  padding: 1.5em;
}
.wrapping__container .wrapper h1{
  color:#fff;
  margin-bottom:30px;
}
.wrapping__container header{
  margin: 0;
  padding: 0;
  
}



.swiper {
  padding: 1.5em;
}
.swiper .content-wrapper {
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr;
  grid-template-areas: ".";
  width: 100%;
  justify-items: center;
  align-items: center;
}
.swiper .content-wrapper .content {
  padding: 3em 1.5em;
  text-align: center;
  display: grid;
  justify-items: center;
  align-items: center;
  margin: 0 auto;
  color: #000;
}
.swiper .content-wrapper .content :first-child {
  margin: 0;
}
.swiper .content-wrapper .content .swiper-avatar {
  width: 100%;
  max-width: 125px;
  height: auto;
}
.swiper .content-wrapper .content .swiper-avatar img {
  border-radius: 500px;
}
.swiper .content-wrapper .content .cite {
  font-size: 14px;
  font-weight: bold;
}
.swiper .swiper-slide {
  margin: 0;
  height: auto;
  width: 100%;
  padding: 0;
  opacity: 0.2;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 6px;
  transition: all 0.5s ease-in-out;
}
.swiper .swiper-slide.swiper-slide-active {
  background: white;
  opacity: 1;
  transform: scale(1.1);
}
.swiper .swiper-nav-wrapper {
  bottom: 0;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
  width: auto;
  padding-top: 3em;
}
.swiper .swiper-nav-wrapper .swiper-button-next,
.swiper .swiper-nav-wrapper .swiper-button-prev {
  top: 0;
  top: auto;
  left: auto;
  right: auto;
  position: relative !important;
}
.swiper .swiper-nav-wrapper .swiper-button-next:after,
.swiper .swiper-nav-wrapper .swiper-button-prev:after {
  display: none;
}
.swiper .swiper-nav-wrapper .swiper-button-next,
.swiper .swiper-nav-wrapper .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}
.swiper .swiper-nav-wrapper .swiper-button-prev,
.swiper .swiper-nav-wrapper .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml,%0A%3Csvg width='9px' height='16px' viewBox='0 0 9 16' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E%3Cg id='chevron-right' transform='translate(4.508789, 7.870605) rotate(-180.000000) translate(-4.508789, -7.870605) translate(-0.000000, -0.000000)' fill='%23FFFFFF' fill-rule='nonzero'%3E%3Cpath d='M8.674805,7.066406 L1.924805,0.316406 C1.696288,0.105468 1.432619,0 1.133789,0 C0.834959,0 0.57129,0.105468 0.342773,0.316406 C0.114257,0.544923 0,0.808592 0,1.107422 C0,1.406251 0.114257,1.669921 0.342773,1.898438 L6.301758,7.857422 L0.342773,13.816406 C0.114257,14.044923 0,14.308592 0,14.607422 C0,14.906251 0.114257,15.169921 0.342773,15.398438 C0.465821,15.521485 0.584472,15.609375 0.69873,15.662109 C0.812989,15.714844 0.958007,15.741211 1.133789,15.741211 C1.309571,15.741211 1.454589,15.714844 1.568848,15.662109 C1.683106,15.609375 1.801757,15.521485 1.924805,15.398438 L8.674805,8.648438 C8.903321,8.419921 9.017578,8.156251 9.017578,7.857422 C9.017578,7.558592 8.903321,7.294923 8.674805,7.066406 Z' id='Path'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E") !important;
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}

.swiper-pagination {
  margin: 0;
  padding: 0;
  width: auto;
  position: relative !important;
  display: block;
  width: auto;
}
.swiper-pagination .swiper-pagination-bullets {
  margin: 0;
}
.swiper-pagination .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0;
  background: #fff !important;
}

.swiper-pagination-bullet {
  background: #fff !important;
  transition: all 0.2s ease-in-out;
}

.swiper-pagination-bullets.swiper-pagination-horizontal {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  bottom: 0;
  top: 0;
  bottom: 0;
  width: auto;
  padding: 0 1.5em;
}

.swiper-pagination-bullet-active {
  transform: scale(1.5);
}