@import url('https://fonts.googleapis.com/css2?family=Urbanist:wght@200;300;400;600;700&display=swap');

/* ----------------------------------------holyland desktop------------------------------ */
.swip1holy {

    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#eff1f1;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    overflow-x: hidden;
    height: 70vh;
    width: 80%;
    margin:0px auto;
    font-family: 'Urbanist', sans-serif;
}

.swip11{

    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#eff1f1;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    overflow-x: hidden;
    height: 70vh;
    width: 80%;
    margin:0px auto;
    font-family: 'Urbanist', sans-serif;
}
.contr11 {

    width: 100%;
    display: flex;
    transform-style: preserve-3d;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
a{

    text-decoration: none;
}

.input {

    display: none;
}
.cardholy{
    margin-top: -60px;
}

@media only screen and (min-width: 768px) {
    .cardholy {
      height:10vh;
    }
  }
.contrholy {

    width: 100%;
    display: flex;
    transform-style: preserve-3d;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cardsholy {

    position: relative;
    height: 200px;
    width: 430px;
    margin-bottom: 20px; 
     perspective: 1000px;
    transform-style: preserve-3d;
}

.cardsholy label {

    position: absolute;
    width: 430px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    transition: transform 0.55s ease;
}

.cardsholy .cardholy{
    position: relative;
    height: 100%;
    background-color: rgb(44, 181, 231);
    border-radius: 5px;
    padding: 8px;
}
.cardsholy .cardholy{

    position: relative;
    height: 100%;
    background-color: rgb(44, 181, 231);
    border-radius: 5px;
    padding: 8px;
}

.cardholy .imageswipholy{

    display: flex;
    justify-content: space-between;
}

.cardholy .imageswipholy .imagswipholy{
    width: 100%;
    height: 220px;
    object-fit: cover;
    
}

.cardholy .imageswipholy .dots{

    text-align: center;
}



.cardholy .infosholy{

    display: block;
    text-align: center;
}

.infosholy span{

    display: block;
    height: 3vh;
    
}

.infosholy .name{

    font-size: 30px;
    color:white;
    margin-bottom: 15px;
    transition: all .6s ease;
}

.infosholy .lorem{

    font-size: 18px;
    color: #ECEAED;
}

.cardholy .btn-contact{

    width: 100%;
    height: 60px;
    margin: 35px auto;
    background-color: var(--current-color1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    letter-spacing: 10px;
    font-weight: 700;
    transition: all .7s ease;
}

.cardholy .socials{

    display: flex;
    justify-content: space-between;
    align-items: center;
}

.socials i{

    font-size: 25px;
    transition: all .7s ease;
    color: var(--current-color2);
}

@media only screen and (max-width: 320px){
    .swip1holy{
        height: 40vh;
    }

}

@media only screen and (max-width: 768px){
    .swip1holy{
        height: 40vh;
    }
    .swip11{
        height: 120vh !important;
    }

}

@media only screen and (max-width: 1024px){
    .swip1holy{
        height: 40vh;
    }
    .swip11{
        height: 10vh !important;
    }
    .contr11{
        margin-top: 10px;
    }
    .newbkg1{
        margin-top: 0rem !important;
    }

}
@media only screen and (max-width: 1440px){
    .swip1holy{
        height: 77vh !important;
    }
    .newbkg1{
        height: 20vh;
        margin-top:-20px;
    }

    .swip11{
        height: 20vh !important;
    }
    .contr11{
        margin-top: 0px !important;
    }
}
@media only screen and (max-width: 2560px){
    .swip1holy{
        height: 85vh !important;
    }
    .contr11{
        margin-top: 60px !important;
    }
    .cardsholy{
        margin-top: 55px;
    }
   
   
}

#s11:checked~.cardsholy #slide14,
#s12:checked~.cardsholy #slide15,
#s13:checked~.cardsholy #slide11,
#s14:checked~.cardsholy #slide12,
#s15:checked~.cardsholy #slide13 {
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(-70%, 0, -220px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

#s11:checked~.cardsholy #slide15,
#s12:checked~.cardsholy #slide11,
#s13:checked~.cardsholy #slide12,
#s14:checked~.cardsholy #slide13,
#s15:checked~.cardsholy #slide14 {
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(-35%, 0, -120px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

#s11:checked~.cardsholy #slide11,
#s12:checked~.cardsholy #slide12,
#s13:checked~.cardsholy #slide13,
#s14:checked~.cardsholy #slide14,
#s15:checked~.cardsholy #slide15 {
    box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 50%);
    transform: translate3d(0, 0, 0);
    --current-color1: white;
    font-family: sans-serif;
    --current-color2: #ECEAED;
}

#s11:checked~.cardsholy #slide12,
#s12:checked~.cardsholy #slide13,
#s13:checked~.cardsholy #slide14,
#s14:checked~.cardsholy #slide15,
#s15:checked~.cardsholy #slide11 {
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(35%, 0, -120px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

#s11:checked~.cardsholy #slide13,
#s12:checked~.cardsholy #slide14,
#s13:checked~.cardsholy #slide15,
#s14:checked~.cardsholy #slide11,
#s15:checked~.cardsholy #slide12 {
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(70%, 0, -220px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
}

/* ------------------------------------- */

/* ---------------------------------------europe ----------------------------- */

.swip1euro {

    display: flex;
    align-items: center;
    justify-content: center;
   
    background-color:#eff1f1;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    overflow-x: hidden;
    height: 70vh;
    width: 80%;
    margin:0px auto;
    font-family: 'Urbanist', sans-serif;
}

.swip11{

    display: flex;
    align-items: center;
    justify-content: center;
   
    background-color:#eff1f1;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    overflow-x: hidden;
    height: 70vh;
    width: 80%;
    margin:0px auto;
    font-family: 'Urbanist', sans-serif;
}
.contr11 {

    width: 100%;
   
    display: flex;
    transform-style: preserve-3d;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
a{

    text-decoration: none;
}

.input {

    display: none;
}
.cardeuro{
    margin-top: -60px;
}

@media only screen and (min-width: 768px) {
    .cardeuro {
      height:10vh;
    }
  }
.contreuro {

    width: 100%;
    
    display: flex;
    transform-style: preserve-3d;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cardseuro {

    position: relative;
    height: 200px;
    width: 430px;
    margin-bottom: 20px; 
     perspective: 1000px;
    transform-style: preserve-3d;
}

.cardseuro label {

    position: absolute;
    width: 430px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    transition: transform 0.55s ease;
}

.cardseuro .cardeuro{
    position: relative;
    height: 100%;
    
    background-color: rgb(44, 181, 231);
   
    border-radius: 5px;
   
    padding: 8px;
}
.cardseuro .cardeuro{

    position: relative;
    height: 100%;
   
    background-color: rgb(44, 181, 231);
  
    border-radius: 5px;
   
    padding: 8px;
}

.cardeuro .imageswipeuro{

    display: flex;
    justify-content: space-between;
}

.cardeuro .imageswipeuro .imagswipeuro{

    width: 100%;
    height: 220px;
    object-fit: cover;
    
}

.cardeuro .imageswipeuro{

    text-align: center;
}

.cardeuro .infoseuro{

    display: block;
    text-align: center;
   
}

.infoseuro span{

    display: block;
    height: 3vh;
    
}

.infoseuro .name{

    font-size: 30px;
   
    color:white;
   
    margin-bottom: 15px;
       
    transition: all .6s ease;
}

.infoseuro .lorem{

    font-size: 18px;
    color: #ECEAED;
   
}

.cardeuro .btn-contact{

    width: 100%;
    height: 60px;
    margin: 35px auto;
    
    background-color: var(--current-color1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    letter-spacing: 10px;
    font-weight: 700;
    transition: all .7s ease;
}

.cardeuro .socials{

    display: flex;
    justify-content: space-between;
    align-items: center;
  
}

.socials i{

    font-size: 25px;
    transition: all .7s ease;
    color: var(--current-color2);
}

@media only screen and (max-width: 320px){
    .swip1euro{
        height: 40vh;
       
    }
   

}

@media only screen and (max-width: 768px){
    .swip1euro{
        height: 40vh;
    }
    .swip11{
        height: 120vh !important;
    }

}

@media only screen and (max-width: 1024px){
    .swip1euro{
        height: 40vh;
    }
    .swip11{
        height: 10vh !important;
    }
    .contr11{
        margin-top: 10px;
    }
    .newbkg1{
        margin-top: 0rem !important;
    }

}
@media only screen and (max-width: 1440px){
    .swip1euro{
        height: 37vh;
    }
    .newbkg1{
        height: 20vh;
        margin-top:-20px;
    }

    .swip11{
        height: 20vh !important;
    }
    .contr11{
        margin-top: 0px !important;
    }
}
@media only screen and (max-width: 2560px){
   
    .swip1euro{
        height: 72vh !important;
    }
    .contr11{
        margin-top: 60px !important;
    }
    .cardseuro{
        margin-top: 55px;
    }
   
   
} 



#s1:checked~.cardseuro #slide4,
#s2:checked~.cardseuro #slide5,
#s3:checked~.cardseuro #slide1,
#s4:checked~.cardseuro #slide2,
#s5:checked~.cardseuro #slide3




{
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(-70%, 0, -220px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

#s1:checked~.cardseuro #slide5,
#s2:checked~.cardseuro #slide1,
#s3:checked~.cardseuro #slide2,
#s4:checked~.cardseuro #slide3,
#s5:checked~.cardseuro #slide4





{
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(-35%, 0, -120px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

#s1:checked~.cardseuro #slide1,
#s2:checked~.cardseuro #slide2,
#s3:checked~.cardseuro #slide3,
#s4:checked~.cardseuro #slide4,
#s5:checked~.cardseuro #slide5




{
    box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 50%);
    transform: translate3d(0, 0, 0);
    --current-color1: white;
    font-family: sans-serif;
    --current-color2: #ECEAED;
}

#s1:checked~.cardseuro #slide2,
#s2:checked~.cardseuro #slide3,
#s3:checked~.cardseuro #slide4,
#s4:checked~.cardseuro #slide5,
#s5:checked~.cardseuro #slide1




{
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(35%, 0, -120px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

#s1:checked~.cardseuro #slide3,
#s2:checked~.cardseuro #slide4,
#s3:checked~.cardseuro #slide5,
#s4:checked~.cardseuro #slide1,
#s5:checked~.cardseuro #slide2



{
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(70%, 0, -220px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

/* ---------------------------------international------------------ */

.swip1 {

    display: flex;
    align-items: center;
    justify-content: center;
   
    background-color:#eff1f1;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    overflow-x: hidden;
    height: 70vh;
    width: 80%;
    margin:0px auto;
    font-family: 'Urbanist', sans-serif;
}

.swip11{

    display: flex;
    align-items: center;
    justify-content: center;
   
    background-color:#eff1f1;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    overflow-x: hidden;
    height: 70vh;
    width: 80%;
    margin:0px auto;
    font-family: 'Urbanist', sans-serif;
}
.contr11 {

    width: 100%;
   
    display: flex;
    transform-style: preserve-3d;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
a{

    text-decoration: none;
}

input {

    display: none;
}
.card{
    margin-top: -60px;
}

@media only screen and (min-width: 768px) {
    .card {
      height:10vh;
    }
  }
.contr {

    width: 100%;
    
    display: flex;
    transform-style: preserve-3d;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cards {

    position: relative;
    height: 200px;
    width: 430px;
    margin-bottom: 20px; 
     perspective: 1000px;
    transform-style: preserve-3d;
}

.cards label {

    position: absolute;
    width: 430px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    transition: transform 0.55s ease;
}

.cards .card{
    position: relative;
    height: 100%;
    
    background-color: rgb(44, 181, 231);
   
    border-radius: 5px;
   
    padding: 8px;
}
.cards .card{

    position: relative;
    height: 100%;
   
    background-color: rgb(44, 181, 231);
  
    border-radius: 5px;
   
    padding: 8px;
}

.card .imageswip{

    display: flex;
    justify-content: space-between;
}

.card .imageswip .imagswip{

    width: 100%;
    height: 220px;
    object-fit: cover;
    
}

.card .imageswip .dots{

    text-align: center;
}

.dots div:nth-child(1){

    background-color: var(--current-color1);
}

.dots div:nth-child(2){

    background-color: #5B85F9;
}

.dots div:nth-child(3){

    background-color: #000;
}

.card .infos{

    display: block;
    text-align: center;
   
}

.infos span{

    display: block;
    height: 3vh;
    
}

.infos .name{

    font-size: 30px;
   
    color:white;
   
    margin-bottom: 15px;
       
    transition: all .6s ease;
}

.infos .lorem{

    font-size: 18px;
    color: #ECEAED;
   
}

.card .btn-contact{

    width: 100%;
    height: 60px;
    margin: 35px auto;
    
    background-color: var(--current-color1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    letter-spacing: 10px;
    font-weight: 700;
    transition: all .7s ease;
}

.card .socials{

    display: flex;
    justify-content: space-between;
    align-items: center;
  
}

.socials i{

    font-size: 25px;
    transition: all .7s ease;
    color: var(--current-color2);
}

@media only screen and (max-width: 320px){
    .swip1{
        height: 40vh;
       
    }
   

}

@media only screen and (max-width: 768px){
    .swip1{
        height: 40vh;
    }
    .swip11{
        height: 120vh !important;
    }

}

@media only screen and (max-width: 1024px){
    .swip1{
        height: 40vh;
    }
    .swip11{
        height: 10vh !important;
    }
    .contr11{
        margin-top: 10px;
    }
    .newbkg1{
        margin-top: 0rem !important;
    }

}
@media only screen and (max-width: 1440px){
    .swip1{
        height: 37vh;
    }
    .newbkg1{
        height: 20vh;
        margin-top:-20px;
    }

    .swip11{
        height: 20vh !important;
    }
    .contr11{
        margin-top: 0px !important;
    }
}
@media only screen and (max-width: 2560px){
   
    .swip1{
        height: 58vh;
    }
    .contr11{
        margin-top: 60px !important;
    }
    .cards{
        margin-top: 55px;
    }
   
   
} 


#s21:checked~.cards #slide24,
#s22:checked~.cards #slide25,
#s23:checked~.cards #slide21,
#s24:checked~.cards #slide22,
#s25:checked~.cards #slide23


{
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(-70%, 0, -220px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

#s21:checked~.cards #slide25,
#s22:checked~.cards #slide21,
#s23:checked~.cards #slide22,
#s24:checked~.cards #slide23,
#s25:checked~.cards #slide24



{
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(-35%, 0, -120px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

#s21:checked~.cards #slide21,
#s22:checked~.cards #slide22,
#s23:checked~.cards #slide23,
#s24:checked~.cards #slide24,
#s25:checked~.cards #slide25


{
    box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 50%);
    transform: translate3d(0, 0, 0);
    /* --current-color1: #fad00c; */
    --current-color1: white;
    font-family: sans-serif;
    --current-color2: #ECEAED;
}

#s21:checked~.cards #slide22,
#s22:checked~.cards #slide23,
#s23:checked~.cards #slide24,
#s24:checked~.cards #slide25,
#s25:checked~.cards #slide21


{
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(35%, 0, -120px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

#s21:checked~.cards #slide23,
#s22:checked~.cards #slide24,
#s23:checked~.cards #slide25,
#s24:checked~.cards #slide21,
#s25:checked~.cards #slide22

{
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(70%, 0, -220px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

/* ------------------------- */

/* -----------------------------deomestic----------------------- */

.swip1 {

    display: flex;
    align-items: center;
    justify-content: center;
   
    background-color:#eff1f1;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    overflow-x: hidden;
    height: 70vh;
    width: 80%;
    margin:0px auto;
    font-family: 'Urbanist', sans-serif;
}

.swip11{

    display: flex;
    align-items: center;
    justify-content: center;
   
    background-color:#eff1f1;
    box-shadow: 0 3px 10px rgb(0 0 0 / 0.2);
    overflow-x: hidden;
    height: 70vh;
    width: 80%;
    margin:0px auto;
    font-family: 'Urbanist', sans-serif;
}
.contr11 {

    width: 100%;
   
    display: flex;
    transform-style: preserve-3d;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
a{

    text-decoration: none;
}

input {

    display: none;
}
.card{
    margin-top: -60px;
}

@media only screen and (min-width: 768px) {
    .card {
      height:10vh;
    }
  }
.contr {

    width: 100%;
    
    display: flex;
    transform-style: preserve-3d;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.cards {

    position: relative;
    height: 200px;
    width: 430px;
    margin-bottom: 20px; 
     perspective: 1000px;
    transform-style: preserve-3d;
}

.cards label {

    position: absolute;
    width: 430px;
    left: 0;
    right: 0;
    margin: auto;
    cursor: pointer;
    transition: transform 0.55s ease;
}

.cards .card{
    position: relative;
    height: 100%;
    
    background-color: rgb(44, 181, 231);
   
    border-radius: 5px;
   
    padding: 8px;
}
.cards .card{

    position: relative;
    height: 100%;
   
    background-color: rgb(44, 181, 231);
  
    border-radius: 5px;
   
    padding: 8px;
}

.card .imageswip{

    display: flex;
    justify-content: space-between;
}

.card .imageswip .imagswip{

    width: 100%;
    height: 220px;
    object-fit: cover;
    
}

.card .imageswip .dots{

    text-align: center;
}

.dots div:nth-child(1){

    background-color: var(--current-color1);
}

.dots div:nth-child(2){

    background-color: #5B85F9;
}

.dots div:nth-child(3){

    background-color: #000;
}

.card .infos{

    display: block;
    text-align: center;
   
}

.infos span{

    display: block;
    height: 3vh;
    
}

.infos .name{

    font-size: 30px;
   
    color:white;
   
    margin-bottom: 15px;
       
    transition: all .6s ease;
}

.infos .lorem{

    font-size: 18px;
    color: #ECEAED;
   
}

.card .btn-contact{

    width: 100%;
    height: 60px;
    margin: 35px auto;
    
    background-color: var(--current-color1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 25px;
    letter-spacing: 10px;
    font-weight: 700;
    transition: all .7s ease;
}

.card .socials{

    display: flex;
    justify-content: space-between;
    align-items: center;
  
}

.socials i{

    font-size: 25px;
    transition: all .7s ease;
    color: var(--current-color2);
}

@media only screen and (max-width: 320px){
    .swip1{
        height: 40vh;
       
    }
   

}

@media only screen and (max-width: 768px){
    .swip1{
        height: 40vh;
    }
    .swip11{
        height: 120vh !important;
    }

}

@media only screen and (max-width: 1024px){
    .swip1{
        height: 40vh;
    }
    .swip11{
        height: 10vh !important;
    }
    .contr11{
        margin-top: 10px;
    }
    .newbkg1{
        margin-top: 0rem !important;
    }

}
@media only screen and (max-width: 1440px){
    .swip1{
        height: 37vh;
    }
    .newbkg1{
        height: 20vh;
        margin-top:-20px;
    }

    .swip11{
        height: 20vh !important;
    }
    .contr11{
        margin-top: 0px !important;
    }
}
@media only screen and (max-width: 2560px){
   
    .swip1{
        height: 58vh;
    }
    .contr11{
        margin-top: 60px !important;
    }
    .cards{
        margin-top: 55px;
    }
   
   
}


#s31:checked~.cards #slide34,
#s32:checked~.cards #slide35,
#s33:checked~.cards #slide31,
#s34:checked~.cards #slide32,
#s35:checked~.cards #slide33


{
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(-70%, 0, -220px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

#s31:checked~.cards #slide35,
#s32:checked~.cards #slide31,
#s33:checked~.cards #slide32,
#s34:checked~.cards #slide33,
#s35:checked~.cards #slide34



{
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(-35%, 0, -120px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

#s31:checked~.cards #slide31,
#s32:checked~.cards #slide32,
#s33:checked~.cards #slide33,
#s34:checked~.cards #slide34,
#s35:checked~.cards #slide35


{
    box-shadow: 0 25px 50px 0 rgba(0, 0, 0, 50%);
    transform: translate3d(0, 0, 0);
    /* --current-color1: #fad00c; */
    --current-color1: white;
    font-family: sans-serif;
    --current-color2: #ECEAED;
}

#s31:checked~.cards #slide32,
#s32:checked~.cards #slide33,
#s33:checked~.cards #slide34,
#s34:checked~.cards #slide35,
#s35:checked~.cards #slide31


{
    box-shadow: 0 20px 40px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(35%, 0, -120px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

#s31:checked~.cards #slide33,
#s32:checked~.cards #slide34,
#s33:checked~.cards #slide35,
#s34:checked~.cards #slide31,
#s35:checked~.cards #slide32

{
    box-shadow: 0 15px 35px 0 rgba(0, 0, 0, 45%);
    transform: translate3d(70%, 0, -220px);
    --current-color1: #ECEAED;
    --current-color2: #404457;
    font-family: sans-serif;
}

/* --------------------------------- */