



.text {
  position: relative;
  width: 300px;
  height: 24px;
  margin: auto;
  border: none;
  border-radius: 10px;
  overflow: hidden;
}

.text span {
  display: block;
  white-space: nowrap;
  width: fit-content;
  padding-left: 100%;
  animation: run 10s infinite linear;
}

@keyframes run {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.city-select
{
    border:none;
    background-color: #fff;
    margin-left: 5vw;
    font-size: 1.1rem;     
    text-align: center;
    text-align-last: center;
    -moz-text-align-last: center;
}


.index-search-div {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 2vh;
    
}

    .index-search-div input {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px;
        background-color: #E7E7E7;
        border: none;
        height:5vh;
        width: 86%;
    }
    .index-search-div div {
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px;
        background-color: #E7E7E7;
        border: none;
        height:5vh;
        width: 11%;
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items:center;
        padding-left: 1%;
    }

    .index-search-div div img {
        position: relative;
        left: 0;
        height: 50%;
    }
        
.index-girl-split-div {
    position: absolute;
    /* left:-0.5vw; */
    width: 85vw;
    border-bottom: 1px solid #DAD7D7;
    
}

.index-ad-cover-div {
    width: 85vw;
    /* margin-left: 7.5vw; */
    /* margin-bottom: 7vh; */
    /* height: 20%; */
    display: flex;
    flex-direction: row;
    /* justify-content:center; */
    align-items: center;
    border-radius: 20px;
    overflow-x:auto;
}
    .cover-slides{
        /* display:none; */
        border-radius: 20px;
        max-height: 22vh;
        object-fit:contain;
    }
    
.index-ad-label-div {
    margin: 2vh 0 1vh 0;
    display: flex;
    flex-direction: row;
    justify-content: space-evenly;
    align-items: center;
}
    .index-ad-label-div div {
        
        padding: 5px 20px 5px 20px;
        border-radius:20px;
        background-color: #EEEEEE;
    }

.index-ad-content-div
{
    width: 80vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.index-ad-content-div div 
{
    margin: 1vh 1vw 1vh 1vw;
    padding: 5px 15px 5px 15px;
    border-radius:20px;
    border:1px dashed;
}

.index-ad-content-div-selected
{
    background-color: #000 !important;
    color: #fff;
}

.index-girl-card-list {
    display: flex;
    flex-direction: row;
    overflow-x: auto;
    width: 80vw;
 
}
    .index-girl-title {
        margin: 2vh 0 2vh 4vw;
        font-size: 1.5rem;
        font-weight: 600;
    }



    .index-girl-card {
        margin: 0 6vw 2vh 4vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        cursor: pointer;
        /* position: relative; */
        
        /* align-content: center; */
        /* align-items: center */
    }
        .igc-cover {
            display:flex;
            flex-direction: row;
            overflow-x: auto;
            position: relative;
            
        }
        
        .igc-cover svg {
            position: absolute;
            margin: 0.2vh 0 0 0.2vw;
            max-width: 60px;
            width:12vw;
            z-index:99;
            
        }

        .igc-cover img {
            object-fit: cover;
            max-width:50vw;
            border-radius: 20px;
            border: 0.5px solid rgba(0  , 0, 0, 0.5);
        }

    .igc-name-rank {
        width: 90%;
        display:flex;
        flex-direction: row;
        justify-content: space-between;
    }
        .igc-name-rank div:nth-child(1) {
            font-weight:600;
            font-size: 1.2rem;
        }
        .igc-name-rank div:nth-child(2) {
            font-size: 1rem;
        }
        
    .igc-country {
        width: 90%;
        font-size: 0.9rem;
        font-weight:600;
        color:#D89218;
    }
    
    .igc-hwc-st {
        width: 90%;
        display:flex;
        flex-direction: row;
        justify-content: space-between;
    }
        .igc-hwc-st div {
            font-size: 0.75rem;
            color:#B5B5B5;
            
        }

    
