.sheet-card{
    background:#2F4156;
    border-radius:20px;

    width:calc(100% - 24px);
    max-width:760px;

        margin: 0px auto 12px auto;


background:#2f4156;

border:0px solid rgba(255,255,255,.12);

padding:18px 0 6px;

width:calc(100% - 24px);
max-width:760px;

margin:0 auto 12px;

box-sizing:border-box;

box-shadow:
    0 18px 36px rgba(18,32,48,.22),
    0 6px 12px rgba(18,32,48,.12),
    inset 0 1px 0 rgba(255,255,255,.10),
    inset 0 -1px 0 rgba(0,0,0,.18);




	background: linear-gradient(
    180deg,
    #4A6585 0%,
    #3F5773 55%,
    #34485F 100%
);
background: #48627F;
/* Border */
border: 1px solid rgba(255,255,255,.14);

/* Shadow */
box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    0 10px 22px rgba(0,0,0,.18);
}

.sheet-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding:10px 18px;
    cursor:pointer;
    transition:.15s;
    user-select:none;
}

.sheet-item:hover{
    background:#f2f2f2;
}

.sheet-item:active{
    background:#e7f3ff;
}

.sheet-item span{
    font-size:17px;
    font-weight:500;
    color:#050505;
}

.sheet-item small{
    color:#0b5cff;
    font-size:17px;
}

/* Selected */

.sheet-item.active{
    background:#e7f3ff;
}

.sheet-item.active span{
    color:#1877f2;
    font-weight:700;
}

.sheet-item.active::after{
    content:"✓";
    color:#1877f2;
    font-weight:bold;
    font-size:20px;
}

/* Divider */

.sheet-item+.sheet-item{
    border-top:1px solid #f0f2f5;
}


/*==============================
 FACEBOOK SELECT
==============================*/

.sheet-select{
    display:block;
    justify-content:space-between;
    align-items:center;
    height:56px;
    padding:16px 16px 0 22px;
    background:#ffffff;
    border-radius:12px;
    cursor:pointer;
    margin-bottom:0px;
    transition:.15s;
  border-radius: 0!important;border: 2px solid #111c29!important;border-bottom: 0!important;border-top: 0!important;
}

.sheet-select:hover{
    background:#f0f2f5;
}

.sheet-select:active{
    transform:scale(.985);
}

.sheet-select span{
    color:#050505;
    font-size:16px;
    font-weight:500;
  text-align:left;
}

.sheet-select svg{
    width:18px;
    height:18px;
    color:#65676b;
}


.sheet-select-city{
    display:block;
    justify-content:space-between;
    align-items:center;
    height:46px;
    padding:16px 16px 0 22px;
    background:#ffffff;
    border-radius:0 0 12px 12px;
    cursor:pointer;
    margin-bottom:12px;
    transition:.15s;border: 2px solid #111c29!important;border-top: 0!important;
}

.sheet-select-city:hover{
    background:#f0f2f5;
}

.sheet-select-city:active{
    transform:scale(.985);
}

.sheet-select-city span{
    color:#050505;
    font-size:16px;
    font-weight:500;
}

.sheet-select-city svg{
    width:18px;
    height:18px;
    color:#65676b;
}

/* Scrollbar */

.sheet-body::-webkit-scrollbar{
    width:6px;
}

.sheet-body::-webkit-scrollbar-thumb{
    background:#c7c7c7;
    border-radius:20px;
}


/* ====================================
   HERO SEARCH
==================================== */

.search-card{

    background:#2F4156;

    border-radius:var(--radius);

    
   padding:0px 12px 2px 12px;

    margin-bottom:16px;
	background: #48627F;

}

.search-card h2{

    text-align:center;
color:#ffffff;
    font-size:20px;

       margin: 0px 0px 8px 0px;

}
.search-btn {
    background: #213043;
    text-shadow: none !important;
    border: 2px solid #111c29!important;
}
.search-btn {
    width: 100%;
    border: none;
    cursor: pointer;
    height: 46px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 700;
    color: #f5efeb;
    margin-top: 12px;
}
.sheet-select .sheet-icon{
    width:22px !important;
    height:22px !important;
    min-width:22px;
    max-width:22px;
    flex:0 0 22px;
    object-fit:contain;
}
.switch-btn--wwwwwwww{color:#ffc312!important;background:#2F4156!important;border-bottom: 2px solid #111c29!important;border-top: 0px solid #111c29!important;border-left: 0px solid #1444a5!important;border-right: 0px solid #1444a5!important;}
.switch-btn--wwwwwwww.active{background:#ffffff!important;color:#050505!important;border-radius: 12px 12px 0 0!important;border: 2px solid #111c29!important;border-bottom: 0!important;}

.section-title{

    font-size:22px;

    font-weight:700;

    margin-bottom:10px;
    text-align: center;

}

.section-result{

    font-size:20px;

    color:var(--green);


    font-weight:600;

    margin-bottom:0px;    text-align: center;

}


.search-no-result{
    padding:18px;
    font-size:17px;
    font-weight:700;
    color:#222;
    text-align:center;
    line-height:1.45;
}

.search-suggest-title{
    margin-top:16px;
    font-size:15px;
    font-weight:700;
    color:#902706;
}

.search-suggest-list{
    margin-top:10px;
    display:flex;
    flex-direction:column;
    gap:10px;
}

.search-suggest-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:12px;
    padding:10px 12px;
    border:1px solid #e5e7eb;
    border-radius:16px;
    background:#fff;
    color:#0B5CFF;
    text-decoration:none;
    font-size:15px;
    font-weight:800;
}

.search-suggest-item strong{
    color:#333;
    font-size:13px;
    font-weight:700;
    text-align:right;
}
.search-suggest-item{
    display:block;
    padding:10px 12px;
    border:1px solid #e5e7eb;
    border-radius:8px;
    margin-bottom:10px;
    text-decoration:none;
    background:#fff;
}

.suggest-city{
    font-size:17px;
    font-weight:800;
    color:#0B5CFF;
    margin-bottom:4px;
}

.suggest-info{
    font-size:14px;
    font-weight:600;
    color:#333;
    line-height:1.35;
}