/* ======================
   MOBILE
====================== */

@media(max-width:768px){

    .sa-card{

        margin:12px;

        padding:0px 12px;

        border-radius:12px;

    }

    .sa-card h2{

        font-size:20px;

    }

    .sa-switch-btn{

        height:54px;

        font-size:18px;

    }

    .sa-select{

        height:66px;

        padding:0 18px;

    }

    .sa-value{

        font-size:18px;

    }

    .sa-textarea{

        min-height:160px;

        font-size:16px;

    }

    .sa-upload-btn{

        height:54px;

        font-size:18px;

    }

    .sa-submit-btn{

        height:46px;

        font-size:22px;

    }

}
/* ======================
   MOBILE
====================== */

@media(max-width:768px){

    .sa-sheet{
        bottom:70px;
        max-height:64vh;
        border-radius:20px 20px 0 0;
    }

    .sa-header{
        height:52px;
    }

    .sa-header h3{
        font-size:19px;
    }

    .sa-item{
        padding:15px 18px;
    }

    .sa-item span{
        font-size:16px;
    }

}
   

/* Mobile */

@media(max-width:768px){

    .sheet{
        max-height:70vh;
    }

    .sheet-item{
        padding:10px 18px;
    }

    .sheet-header h3{
        font-size:19px;
    }
  
  .sheet-count{
    min-width:36px;
    height:36px;
    padding:0 12px;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:18px;
    font-weight:700;
    color:#1877f2;
    background:#eef3ff;
    border:1px solid #d9e7ff;
    flex-shrink:0;
}
  .sheet-item.active .sheet-count{
    background:#11823b;
    color:#fff;
    border-color:#11823b;
}

/*=========================================

 ganBOLSA Header - Icon
 
=========================================*/
.icon{

width:14px !important;
height:14px !important;

color:#0B5CFF !important;

display:inline-flex !important;
align-items:center !important;
justify-content:center !important;

}

.icon svg{

width:100% !important;
height:100% !important;

}
.icon-16{

width:16px !important;
height:16px !important;

}

.icon-20{

width:20px !important;
height:20px !important;

}

.icon-22{

width:22px !important;
height:22px !important;

}

.icon-24{

width:24px !important;
height:24px !important;

}

.icon-26{

width:26px !important;
height:26px !important;

}

.icon-28{

color: #074cd7 !important;
width:28px !important;
height:28px !important;

}

.icon-30{
width:30px !important;
height:30px !important;

}

.icon-32{
width:32px !important;
height:32px !important;

}

.icon-36{
width:36px !important;
height:36px !important;

}
.icon-40{

width:40px !important;
height:40px !important;

}

.icon-48{
width:48px !important;
height:48px !important;

}
  @media(max-width:768px){

    .page-card{

        padding:0px;
    }

    .page-title{

        font-size:20px;
    }

}
  /* ====================================
   MOBILE
==================================== */

@media(max-width:768px){

    .container{

        padding:16px;

    }

}
  @media (max-width:768px){

    .thanks-team{
        margin:0px 0px;
    }

    .thanks-team img{
        width:100%;
        max-width:none;
        border-radius:0;
    }

}