/* width */
::-webkit-scrollbar {
    width: 5px;
    height: 5px;
  }
  
  /* Track */
  ::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey;
    border-radius: 10px;
  }
  
  /* Handle */
  ::-webkit-scrollbar-thumb {
    background: #f4b800;
    border-radius: 10px;
  }
body{
    padding: 0px 0px;
    
}
.mobile-view{
  display: none;
}
@media (max-width:991px) {
    body{
        padding: 0px 0px;
    }
    .headerright{
        display: none;
    }
    .headerleft{
        width: auto !important;
    }
    .sdkimg{
        width: 94px !important;
        height: 62px !important;
    }
    .howright > h2{
        font-size: 16px;
        padding-left: 25px;
    }
    .howtextp {
        font-size: 14px !important;
        padding-left: 35px !important;
        padding-top: 2px !important;
    }
    .statsflex {
        display: block !important;
    }
    .stats {
        padding-top: 25px !important;
        padding-bottom: 0px !important;
    }
    .feature-item{
        margin-left: 9px !important;
    }
    .sdksitem{
        margin-left: 62px !important;
    }
    .sections-stats{
        width: auto !important;
    }
    .headers{
        height: 600px !important;
    }
}

/*------Headers-------*/
.headers{
    height: 590px;
    background: #141b24;
    padding-top: 20px;
    padding-left: 7%;
    padding-right: 7%;
    display: flex;
    color: white;
}
.headerleft{
    width: 45%;
}
.headersimg{
  width: 600px;
    padding-left: 100px;
    padding-top: 100px;
}
.header-iframe{
  display: block;
}
.des{
    padding-left: 7%;
    padding-right: 7%;
      
}
.how{
    display: flex;
}
.howleft{
    width: 20%;
}
.howright{
    padding-left: 15px;
}
.sdkimg{
    width: 210px;
    height: 110px;
}
.howtextp{
    padding-left: 70px;
    padding-top: 25px;
}
.features{
    background: #e5eaeb;
    padding-top: 25px;
}
.feature{
    padding-left: 7%;
    padding-right: 7%;
    display: inline-flex;
    flex-wrap: wrap;
}
.feature-item {
    margin-left: 75px;
    margin-bottom: 80px;
    display: flex;
    width: 300px;
    height: 110px;
}
.checkmark {
    display: inline-block;
    transform: rotate(45deg);
    height: 25px;
    width: 12px;
    margin-left: 60%; 
    border-bottom: 7px solid #78b13f;
    border-right: 7px solid #78b13f;
  }
.col-xs-2{
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}
.sdks{
    background: #edfcff;
    padding-left: 15%;
    padding-right: 14%;
}
.sdk{
    background-color: #fff;
    text-align: center;
    width: 144px;
    height: 144px;
    border: 1px solid #e1e1e1;
    padding: 0 6px 0 6px;
    font-size: 12px;
    padding-top: 15px;
}
.sdkimg1{
    height: 64px;
    width: 64px;
}
.sdktitle{
    padding-top: 25px;
}
.sdksitem{
    display: flex;
    flex-wrap: wrap;
}
/*View More Button*/
.loginbtn{
    background-color: rgb(4, 170, 109);
    border-radius: 25px;
    padding: 15px 16px !important;
}
.loginbtn:hover{
    background-color: #4CAF50;
}
.vmbtn{
    background-color: #095c12;
    color: white;
    font-size: 16px;
    padding: 8px 15px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
}
.vmbtn:hover{
    background-color: #000003; 
}
.smbtn{
    background-color: #17A8E3;
    color: white;
    font-size: 16px;
    padding: 8px 15px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center;
}
.smbtn:hover{
    background-color: #000003; 
}
.statsflex{
  background-color: #464646;
  display: flex;
}
.stats{
  padding-top: 35px;
  background: #464646;
  padding-bottom: 65px;
}
.sections-stats{
  color: #fff;
  width: 447px;
  text-align: center;
}
.container1{
    width: 400px;
}

/* Payment style*/
/*---------------------------------*/
.badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.badge-danger {
    color: #fff;
    background-color: #dc3545;
}
.hitem:hover{
    opacity: 10; 
    -webkit-transform: scale3d(1.1,1.1,1); 
    transform: scale3d(1.1,1.1,1);
    transition: opacity 1s, transform .8s;
}
.hitem {
    transition: opacity 1s, transform 1s;
    overflow: hidden;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
}

.hitem2{
    box-sizing: border-box;
    width: 270px;
    height: 350px;
    padding: 10px;
    border-radius: 0.25rem
}
.row2, mt-22, pb-33{
    padding: 15px;
    display: flex;
    flex-wrap: wrap;
}
.card-deck2{
    background: white;
    border-radius: .25rem;
    height: 340px;
}
.card-img-top2{
    padding: 5px;
    width: 250px;
    height: 200;
}
.row33{
    padding: 5px;
}

.p-2 {
    padding: 0.5rem!important;
}
.row {
    display: flex;
    flex-wrap: wrap;
}
.col-md-666{
    width: 50%;
}
.loll{
    width: 50%;
}
.padding15{
    padding-left: 15px;
}
/***********************/
.paymentcart{
    background: #000000;
    border-radius: 5px;
}
.form-group22{
    margin-bottom: .1rem
}
.text-info2{
    color: white;
    text-align: center;
}
.text-info3{
    color: red;
    text-align: center;
    font-size: 20px;
}
/*************************/
#hidden-panel {
	display: none;
}
#hidden-panel1 {
	display: none;
}