*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Montserrat', sans-serif;

}
@media (max-width: 40rem){
       
      html{
        font-size: 60%;
      }

    .forselect{
        display: none;
    }

     .visible{
         display: flex;
    }
    .remover{
        display: none;
    }
    .smallareabgblue{
        display: flex;
        flex: 1 1 20rem;
        padding: 2rem;
        flex-direction: column;
    }
    .win{
        margin-left: 2rem;
    }
    .add{
        margin-bottom: 1.05rem;
        margin-left: 1rem;
        margin-top: 1rem;
        text-decoration: underline;
    }
    .forunderlyingimg36663{
        display: none;
    }
    .firstbigarea{
        display: flex;
        
        flex-direction: column;
        padding: 2rem;
        align-items: center;
        width: 100%;
        justify-content: center;
    }
     

   /*  .choke{
        display: flex;
        flex-direction: column;
        flex-grow: 1;
        width: 90%;
        justify-content: center;
        margin: auto;

    }
    */ .forunderlyingimg33 img{
        display: none;
    }
    .secondarea{
        display: flex;
        flex-direction: column;
        width: 90%;
        margin: auto;
        justify-content: center;
        align-items: center;
    

    }

    .fordifferentimages img{
    
            width: 30%;
            padding-bottom: 0.12rem;
        }
        
    .fordifferentimages{
        border-bottom: 3px solid grey;
    }
    .fordisplayflexrow{
        display: flex;
       width: 90%;
       margin: auto;
    }
    .remove{
        display: none;
    }
    .center{
        text-align: center;
    
    }
    .forrows{
        display: flex;
        flex-direction: column;
    }
    .minitext{
        margin: auto;
        width: 90%;
        padding-top: 1.62rem;
        padding-bottom: 1.02rem;


    }

.visible{
    display: inline-block;
}
    
.justwow{
    display: flex;
    gap: 0.62rem;
    flex-direction: column;
}

 .tuche{
    flex-grow: 1;
    text-align: left;
 }
.nexttoend{
    display: flex;
    flex-direction: column;
}
.beforefooter{
    display: flex;
    flex-direction: column;
    align-items: center;
}
.atextandimg{
    display: flex;
    flex-direction: column;
}

.manipulator{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    align-items: start;
    gap: 3.67rem;
/*     flex-wrap: wrap;
 */    width: 100%;
}
.endgames{
    flex-grow: 1;
    flex-basis: 1rem;
    flex-direction: column;
    display: flex;
}
.fordifferentlinks31{
    display: flex;
    flex-grow: 2;
    flex-basis: 5rem;;
     }

.lastone{
    display: flex;
    flex-direction: column;
}
.linksandimages{
    margin-right: 16em;
}
.doneanddusted{
    margin-left: 6rem;
    padding-bottom: 2rem;
    
}


.fa-burger{
    visibility: visible;
}
}  


@media (min-width:40rem) and ( max-width: 63.93rem){
    .forselect{
        display: none;
    }
   .forunderlyingimg36663{
    display: none;
   }
   .letusbegin{
    width: 100px;
   }
   .remover{
    display: none;
   }
    
.fa-burger{
    visibility: visible;
}
   .remove{
    display: none;
}
.center{
    text-align: center;

}
.fordisplayflexrow{
    display: flex;
    width: 70%;
    margin: auto;

}

.forrows{
    display: flex;
    flex-direction: column;
}
  
.justwow{
    display: flex;
    gap: 0.62rem;
    flex-direction: column;
}

.nexttoend{
    display: flex;
    flex-direction: column;
}
.togrow{
    flex-grow: 1;
    padding-bottom: 0.65rem;
    margin-bottom: 0.85rem;
}
.beforefooter{
    display: flex;
    flex-direction: column;
}

.beforefooter{
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: start;

}
.atextandimg{
    display: flex;
    flex-direction: column;
   
}
.tuche{
    flex-grow: 1;
    
}
  
.manipulator{
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    align-items: start;
    gap: 3.67rem;
/*     flex-wrap: wrap;
 */    width: 100%;
}
.endgames{
    flex-grow: 1;
    flex-basis: 50rem;
    flex-direction: column;
    display: flex;
}
.fordifferentlinks31{
    display: flex;
    flex-grow: 2;
    flex-basis: 5rem;
    text-align: center;
     }

.lastone{
    display: flex;
    flex-direction: column;
    text-align: left;

    
}
 
.linksandimages{
    margin-right: 33rem;
}
.doneanddusted{
    margin-left:-13rem;
    padding-bottom: 2rem;
    
}
 
}

@media (min-width:63.94rem) and (max-width:85.37rem){
    
    .forselect{
        border: none;
        background-color: transparent;
    }
   .forunderlyingimg36663{
    display: none;
   }
   .fordifferentimages img{
     width: 20%;
   }
   .fordifferentimages{
    width: 50%;
   }
   .bigareas{
    flex-wrap: nowrap;
    display: flex;
   }

   .tuche{
     flex-grow: 1;
    }

    
.visible{
    color: black;
}
      
}



    

body{
    width: 100%;
    
}
header{
    min-height: 6.25rem;
    display: flex;
    justify-content: space-around;
    align-items: center;
    font-size: 0.93rem;
    
}
select{
    border: none;
    width: 7.87rem;
    margin-right: 0.62rem;
    font-weight: 500;
    color: rgb(89, 102, 112);
    align-items: center;
    padding: 0px 0.75rem;
}
select:hover{
    color: #1babe2;
}
.firstbigarea{
  display: flex;
  align-items: center;
  font-size: 1.5em;
  background-color: aqua;
  width:100%;
  justify-content: space-around;
  
}
.visible{
    visibility: hidden;
}
.loginandgetstarted{
    display: flex;
    gap: 1.87rem;
    align-items: center;
}
.underline:hover{
    text-decoration: underline;
    color: #1babe2;
}
.buttonsquare{
    background-color: #1babe2;
    border-color: #1babe2;
    border-radius: 50px;
    padding: 10.8px 17.55px;
    color: white;
    font-size: 0.84rem;
    font-family: 800;
}
.smallareabgblue{
    display: flex;
    justify-content: space-around;
    background-color: rgb(63, 119, 224);
    color: white;
    padding: 0.4rem;
}
.font15{
    font-size: 0.93rem;
}
.fff{
    color: rgb(255, 255, 255);
}
.firstbigarea{
    display: flex;
    width: 100%;
    height:37.5rem;  
    justify-content: space-around;
    gap: 5rem;
    align-items: center;
    background-color: rgb(241, 243, 247);
}

.letusbegin{
    display: flex;
    flex-direction: column;
    margin-left: 4rem;
    flex: 2;

}
.forunderlyingimg36663{
    flex: 2;
}
.font18px{
    font-size: 1.12rem;
}
.color1babe2{
    color: #1babe2;
}
.color182d55{
    color: #182d55;
}
.font40{
    font-size: 2.5rem;
    font-family: 900;
}
.color2723dd{
    color: #2723dd;
}
.flexcolumns{
    display: flex;
    flex-direction: column;
    gap: 0.65rem;
}
.buttonsquares{
    background-color: rgb(27, 171, 226);
    border-radius: 50px;
    color: white;
    font-size: 0.93rem;
    font-weight: 800;
    padding: 1rem 1.5rem;
    text-transform: uppercase;
    width: 11.25rem;
    margin-top: 2rem;
    margin-right: 2rem;

}
.secondarea{
    display: flex;
    flex-direction: column;
    height: 31.25rem;
    flex-wrap: wrap;
    margin-bottom: 6.16rem;
}
.fordifferentimages{
    display: flex;
    width: 90%;
    gap: 1rem;
    margin: auto;
    flex-basis: 1 1 30rem;
/*     margin-top: 5.5rem;
 */    justify-content: space-evenly;
    align-items: center;
    border-bottom: 0.26rem solid grey;

}
.font51{
    font-size: 3rem;
    line-height: 1.33;

}
.font17{
    font-size: 1.06rem;
        line-height: 1.33;

}
.fordifferentimages img{
    width: 10%;
    padding-bottom: 3.12rem;
}
.fordisplayflexrow{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 1.87rem;
    align-items: start;

}
.toshrink{
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.62rem;
}

.toshrink img{
    width: 80%;
}
.font24{
    font-size: 1.5rem;
}
.color7d95a5{
    color: #7d95a5;
    padding-top: 0.22rem;
    padding-bottom: 0.22rem;
}
.fortopgaps{
    margin-top: 0.92rem;
}
.color7d9d95{
    color: #7d9d95;
}
.bigareas{
    display: flex;
    width: 100%;
    min-height: 43.75rem;
    padding: 3rem;
    flex-wrap: wrap;
/*     gap: 5.22rem;
 */   background-color: rgba(241, 243, 247, 1.0);;
}
 
.flexcolumnnn{
    display: flex;
    flex-direction: column;
/*     margin-left: 6.25rem;

 */  width: 60%; 
    gap: 1.25rem;
   flex-grow: 4;
   flex-basis: 33rem;



}

.forunderlyingimg{
    display: flex;
    flex-grow: 3;
   flex-basis: 23rem;


}
.forcolumn{
    margin-bottom: 4.62rem;
}
.justwow{
    display: flex;
    gap: 0.62rem;
}
.minitext img{
    width: 20%;
}
.minitext{
    display: flex;
    padding-top: 2.62rem;
    padding-bottom: 2.62rem;
    border-top: 0.12rem solid grey;
    flex-direction: column;
}
.forrows{
    display: flex;
    width: 95%;
    margin: auto;
    margin-bottom: 0.62rem;
    justify-content: space-between;
/*     flex-wrap: wrap;
 */    gap: 5.22rem;
}
.forunderlyingimg img{
    width: 90%;
}
.comingtoanend{
    display: flex;
    flex-direction: column;
    padding: 5.23rem ;
    justify-content: space-around;
    align-items: center;
    gap: 2.93rem;
    flex-wrap: wrap;
    margin-bottom: 1.70rem;
    background: #ECECED;
}
.fretnot{
    flex-grow: 1;
    flex-basis: 20rem;
    display: flex;
    flex-direction: column;

}
.font32{
     font-size: 2rem;
}
.nexttoend{
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 3rem;

}
.nexttoend img{
    width: 15%;
}
.forimages{
    display: flex;
    gap: 2.62em;
    flex-basis: 33rem;
}
.wttt{
    width: 90%;
    display: flex;
    flex-direction: row;
    gap: 0.65rem;
}
.coverstuff{
    display: flex;
    flex-direction: row;
    gap: 0.65rem;
    flex-wrap: wrap;
}
.coverstuff img{
    width: 18%;
    flex-grow: 1;
    flex-basis: 18rem;
}
.beforefooter{
    display: flex;
    background: #182d55;
    justify-content: space-between;
    padding: 1rem;

}
.beforefooter:hover{
    background-color: #1babe2;
}
.font433{
    font-size: 2.06rem;
}
.font17s{
    font-size: 1rem;
}
.tuche{
    width: 40%;
    display: flex;
    padding-top: 2.3rem;

    justify-content: center;
    align-items: center;
}
.atextandimg{
    display: flex;
/*     gap: 1.00rem;
 */    width: 70%;
    justify-content: center;
    padding-top: 1.3rem;
    align-items: center;
/*     padding-bottom: 1.3rem
 */}
.atextandimg img{
    width: 40%;
}
.font43{
    font-size: 2.68rem;
}
.colorfff{
    color: white;
}
footer{
    background: #182d55;
    color: white;
    display: flex;
    flex-direction: column;
    font-size: 0.80rem;

}
.manipulator{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 3.67rem;
/*     flex-wrap: wrap;
 */    width: 100%;
    padding: 5.34rem;
}
.manipulator ul{
    display: flex;
    /* padding: 1.12rem; */
    flex-direction: column;
    justify-content: flex-start;
}
.fordifferentlinks31{
    width: 10%;
}
.manipulator li{
    list-style-type: none;
    padding: 0.62rem;
    font-size: 0.84rem;
}
.endgames{
    width: 100%;
}
.device{
    display: flex;
    width: 40%;
    justify-content: flex-start;
    margin-right: 7.34rem;
}
.logo{
    margin-bottom: 12rem;
}
.endgames img{
     width: 23%;
    margin-top: 0.62rem;
    background-color: black;
}
.paystand p{
    margin-bottom: 17.25rem;

}/* 
.nkams{
    display: flex;
    align-items: center;
} */
 .width{
    width: 80%;
 }
.font16rems{

    font-size: 1.25rem;
    font-family: 300;
    line-height: 1.61;
}
footer ul{
    width: 40%;
}
.firstchild{
    font-size: 1rem;
    margin-top: 1rem;
    font-weight: 700;
    line-height: 1.33;
}
  .finished {
      width: 3.12rem;
      height: 3.12rem;
      border-radius: 50%;
      background-color: white;  

}
.finished img{
    width: 50%;
    height: 50%;
    margin-left: 1.25rem;
    margin-top: 0.93rem;
    object-fit: contain;
}

.forunderlyingimg33{
    margin-right:10rem;
 }
  .linksandimages img{
    width: 20%;
}
.lastone{
    display: flex;
    justify-content: space-between;
    align-items: center;
    
}
.linksandimages{
    display: flex;
    gap: 0.87rem;
    margin-left: 5rem;
    margin-bottom: 2.12rem;

}
.doneanddusted{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 1.67rem;
    font-size: 1.25rem;
    font-weight: 300;
}