.notactive{
 background-color:transparent; 
}

.currentactive{
 background-color:#df7a5f;
}

.plan-card-journey-module {
 background-size:100% 70%; 
}

.currentactive > a{
 color:#FFFFFF!important; 
}

.plan-card-outside-container{
 position: relative;
    top: 0%;
    left: 50%;
    -webkit-transform: translate(-50%, -0%);
        -ms-transform: translate(-50%, -0%);
            transform: translate(-50%, -0%); 
  width:100vw;
}

.plan-card-container{
 max-width:1270px;
  margin:0 auto;
}

.plan-card-intro-container h2{
 border-bottom:4px solid #f1cb8e;
 padding-bottom:10px;
 text-align:center;
 width: -webkit-fit-content;
 width: -moz-fit-content;
 width: fit-content;
 margin: 0 auto;

}

.plan-card-body-container{
/*  text-align:center; */
 padding:30px 0px;
 max-width:45%;
 margin:0 auto;
}

.plan-card-body-container p{
  line-height:1.8;
}

.slider-intro-container{
 color:#f1cb8e;
 text-align:center;
 font-weight:700;
 margin-bottom:20px;
}



.plan-three-plans-container{
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex; 
 -ms-flex-pack: distribute; 
     justify-content: space-around;
 margin-top:50px;
  position:relative;
  z-index:11;
  height:100%;
}

.first-plan-container, .second-plan-container, .third-plan-container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
      -ms-flex-direction:column;
          flex-direction:column;
  width:100%;
  max-width:100%;
}

.first-plan-title-container, .second-plan-title-container, .third-plan-title-container{
 color:#FFFFFF;
 font-weight:900;
}

.first-plan-title-container{
  background-color:#ffffff;
  padding:50px;
  border-top-left-radius:55px;
  border-top-right-radius:55px;
  font-size:30px;
  text-align:center;
}

.second-plan-title-container{
  background-color:#ffffff;
  padding:50px;
  border-top-left-radius:55px;
  border-top-right-radius:55px;
  font-size:30px;
  text-align:center;
}

.third-plan-title-container{
  background-color:#ffffff;
  padding:50px;
  border-top-left-radius:55px;
  border-top-right-radius:55px;
  font-size:30px;
  text-align:center;
}

.first-plan-body-container, .second-plan-body-container, .third-plan-body-container{
/*   background-color:#FFFFFF; */
  padding:20px 25px;
  height:auto;
  display: -ms-grid;
  display: grid;
  min-height: 700px;
}

.first-plan-body-container{
background-color:#1C1534;
  border-bottom-left-radius:55px;
 border-bottom-right-radius:55px;
}

.second-plan-body-container{
background-color:#534588;
  border-bottom-left-radius:55px;
 border-bottom-right-radius:55px;
}

.third-plan-body-container{
background-color:#585858;
  border-bottom-left-radius:55px;
 border-bottom-right-radius:55px;
}

.first-plan-number-container, .second-plan-number-container, .third-plan-number-container{
  font-size:30px;
  font-weight:900;
}

.first-plan-main-text-container p, .second-plan-main-text-container p, .third-plan-main-text-container p{
  margin: 0;
  padding-top: 25px;
  line-height:30px;
}

.first-plan-button-container{
  color:#FFFFFF;
  border-radius:15px;
  max-width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.second-plan-button-container{
  color:#FFFFFF;
  border-radius:15px;
  max-width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.third-plan-button-container{
  color:#FFFFFF;
  border-radius:15px;
  max-width: 100%;
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: end;
      align-content: flex-end;
}

.first-back-button-container, .second-back-button-container, .third-back-button-container{
  display: -ms-grid;
  display: grid;
  -ms-flex-line-pack: end;
      align-content: flex-end;
  height: 30px;
    line-height: 0;
}

.first-plan-button-container a, .second-plan-button-container a, .third-plan-button-container a{
  color:#FFFFFF!important;
  text-decoration:none;
}

.first-plan-additional-text-container, .second-plan-additional-text-container, .third-plan-additional-text-container{
  margin-top:5px;
  font-weight:600;
}

.first-plan-additional-text-container span, .second-plan-additional-text-container span, .third-plan-additional-text-container span{
  font-weight:600;
}

.first-feature-name-container, .second-feature-name-container, .third-feature-name-container{
  margin-left:10px;
  font-weight:600;
}


.first-plan-individual-feature-container, .second-plan-individual-feature-container, .third-plan-individual-feature-container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding:7px 0px;
}

.first-feature-included-container, .second-feature-included-container, .third-feature-included-container{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}

.fist-plan-additional-text-container p, .second-plan-additional-text-container p, .third-plan-additional-text-container p{

}

@media all and (max-width:1200px){
  
 
  
  .slider-number-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 10px;
    background-color: #fff;
    color: #000;
    border: 2px solid #f1cb8e;
    border-radius: 50px;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 50px;
    max-width: 85vw;
    -ms-flex-flow: wrap;
        flex-flow: wrap;
}
  
  .plan-card-container{
   padding-left:25px;
   padding-right:25px;
  }
  
 .plan-three-plans-container{
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
       -ms-flex-flow:wrap;
           flex-flow:wrap;
  }
  .first-plan-container, .second-plan-container{
   padding-bottom:75px; 
  }
  
}

@media all and (max-width:980px){
  
  .plan-three-plans-container{
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
       -ms-flex-flow:column;
           flex-flow:column; 
  }
  
  
 .first-plan-container, .second-plan-container, .third-plan-container{
   width:100%;
   max-width:100%;
   min-height:600px;
  } 
}

@media all and (max-width:767px){
 .plan-card-body-container{
   max-width:90%;
  }
  .slider-number-container{
   padding:20px; 
  }
}

@media all and (max-width:479px){
 .first-plan-container, .second-plan-container, .third-plan-container {
    width: 100%;
    max-width: 100%;
} 

}

.plan-card-journey-module{
  background: -o-linear-gradient(top, #000000 550px, #ffffff 550px);
  background: linear-gradient(to bottom, #000000 550px, #ffffff 550px); 
}

@media all and (max-width:767px){
 .plan-card-journey-module{
   background: -o-linear-gradient(top, #000000 750px, #ffffff 550px);
   background: linear-gradient(to bottom, #000000 750px, #ffffff 550px); 
  }
}

.scene.scene--card{
 width:31%;
/*   border:3px solid red; */
}

@media all and (max-width:1200px) and (min-width:768px){
 .scene.scene--card{
   width:49%;
  }
}

@media all and (max-width:767px){
  .scene.scene--card{
   width:100%!important; 
  } 
}

.card {
  position: relative;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transform-style: preserve-3d;
          transform-style: preserve-3d;
  -webkit-transform-origin: center right;
      -ms-transform-origin: center right;
          transform-origin: center right;
  -webkit-transition: -webkit-transform 1s;
  transition: -webkit-transform 1s;
  -o-transition: transform 1s;
  transition: transform 1s;
  transition: transform 1s, -webkit-transform 1s;
  z-index:10;
}

.card.is-flipped {
  -webkit-transform: translateX(-100%) rotateY(-180deg);
          transform: translateX(-100%) rotateY(-180deg);
   z-index:10;
}

.card__face {
/*   position: absolute; */
  width: 100%;
  height: 100%;
  color: white;
/*   text-align: center; */
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
   position:relative;
   z-index:10;
}

@media all and (min-width:767px){
 .card__face {
  min-height:930px;
    z-index:10;
  }
}

.card.is-flipped .card__face{
 color: white;
    -webkit-perspective: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    visibility:visible;
    backface-visibility: hidden;
  line-height:30px;
  border-top-left-radius: 55px;
  border-top-right-radius: 55px;
  border-bottom-left-radius: 55px;
  border-bottom-right-radius: 55px;
  height:auto;
  position:relative;
  padding:50px;
  display:-ms-grid;
  display:grid;
   z-index:10;
  -ms-flex-line-pack: justify;
      align-content: space-between;
}

.card.is-flipped .card__face.card__face--front{
 display:none; 
   z-index:10;
}

.card__face--back {
  background: slateblue;
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
  height:0;
  display:none;
   z-index:10;
  
}

.card.is-flipped .first-plan-container, .card.is-flipped .second-plan-container, .card.is-flipped .third-plan-container{
  -webkit-transform: rotateY(180deg);
          transform: rotateY(180deg);
   z-index:10;
}

@media all and (max-width:1200px) and (min-width:1080px){
 .card__face--back{
   min-height:1020px;
    z-index:10;
  }
}

.plan-three-plans-container > div:nth-child(1) > div > div > div.card__face.card__face--back{
  background: #1c1534;
   z-index:10;
}

.plan-three-plans-container > div:nth-child(2) > div > div > div.card__face.card__face--back{
  background: #534588; z-index:10;
}

.plan-three-plans-container > div:nth-child(3) > div > div > div.card__face.card__face--back{
  background: #585858; z-index:10;
}

.plan-both-side-container{
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex; 
  -webkit-box-align:center; 
      -ms-flex-align:center; 
          align-items:center;
}

.plan-left-side-text-container{
 padding-left:25px;
 padding-right:25px;
 width:49%;
 max-width:49%;
}

.plan-right-side-text-container{
 padding-left:25px;
 padding-right:25px;
 width:49%;
 max-width:49%;
}

@media all and (max-width:980px){
 .plan-both-side-container{
   -webkit-box-orient:vertical;
   -webkit-box-direction:normal;
       -ms-flex-flow:column;
           flex-flow:column;
  }
  .plan-left-side-text-container, .plan-right-side-text-container{
 width:100%;
 max-width:100%;
}
  .plan-right-side-text-container{
   margin-top:25px; 
  }
}

.first-back-button-container, .second-back-button-container, .third-back-button-container{
/*   border:3px solid blue; */
}

.first-back-text-container, .second-back-text-container, .third-back-text-container{
/*  border:3px solid red;  */
}

@media all and (max-width:767px){
.plan-three-plans-container{
     position:relative;
  z-index:11;
  height:100%;
    
  }
  .first-plan-title-container, .second-plan-title-container, .third-plan-title-container{
 color:#FFFFFF;
 font-weight:900;
  -webkit-box-shadow: 1px 1px 6px 1px #a1a1a1;
box-shadow: 1px 1px 6px 1px #a1a1a1;
}
  .scene.scene--card{
    perspective: 100vh;
      -webkit-perspective: 100vh;
    -moz-perspective: 100vh;
    -o-perspective: 100vh;
  }
  .first-plan-body-container, .second-plan-body-container, .third-plan-body-container{
   min-height:unset; 
  }
}

.first-back-button-container p img, .second-back-button-container p img, .third-back-button-container p img{
      -webkit-transform: rotate(180deg);
          -ms-transform: rotate(180deg);
              transform: rotate(180deg);
}


@media all and (min-width:1500px){
/* Safari 11+ */
@media not all and (min-resolution:.001dpcm)
{ @supports (-webkit-appearance:none) and (stroke-color:transparent) {
 .plan-three-plans-container{
   perspective:900px;
}
}}
}