@font-face {
    font-family: 'SVNGilroyMedium';
    src: url(../../sunshine/fonts/SVN-Gilroy-Medium.otf) format('opentype');
    src: url(../../sunshine/fonts/SVN-Gilroy-Medium.woff2) format('opentype');
    font-display: swap;
}

.img-beauty {
    position: relative;
    width: 100%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    display: inline-block;
}

.video {
    position: relative;
}

.video img {
    position: absolute;
    color: #FFF;
    font-size: 50px;
    top: 50%;
    left: 50%;
    margin: -25px 0 0 -25px;
    width: 50px !important;
    height: 50px !important;
}

.introduction strong {
}

.usp, .our-stories {
    background: #f8f7f3;
}

.usp .box {
    text-align: center;
}

.usp h3 {

}

.usp h4 {

}

.usp h5 {

}

.core-value .circle {
    width: 500px;
    height: 500px;
    background-color: #d6d6d6;
    border-radius: 50%;
    margin: auto;
    position: relative;
}

.core-value .circle .item {
    position: absolute;
}

.core-value .circle .item img {
    width: 390px;
}

.core-value .circle .img {
    position: relative;
}

.core-value .circle .text {
    position: absolute;
    top: 30px;
    left: 35px;
    text-align: center;
}

.core-value .circle .text .text-top {
    font-family: "SVNGilroyMedium";
    font-size: .9rem;
    text-transform: uppercase;
    text-align: center;
    width: 203px;
    color: #192c57;
}

.core-value .circle .text .text-bottom {
    text-align: center;
}

.core-value .circle .item-1 {
    right: 79%;
}

.core-value .circle .item-2 {
    right: 94%;
    top: 38%;
}

.core-value .circle .item-3 {
    right: 80%;
    top: 75%;
}

.core-value .circle .item-4 {
    left: 80%;
}

.core-value .circle .item-4 .text {
    top: 33px !important;
}

.core-value .circle .item-right .text .text-top {
    width: 231px !important;
}

.core-value .circle .item-1 .text .text-top {
    color: #192c57;
}

.core-value .circle .item-2 .text .text-top {
    color: #3a597f;
}

.core-value .circle .item-3 .text .text-top {
    color: #7588a3;
}

.core-value .circle .item-4 .text .text-top {
    color: #e8b121;
}

.core-value .circle .item-5 .text .text-top {
    color: #c1992b;
}

.core-value .circle .item-6 .text .text-top {
    color: #9a8234;
}

.core-value .circle .item-5 {
    left: 94%;
    top: 38%;
}

.core-value .circle .item-right .img img {
    width: 411px;
}

.core-value .circle .item-5 .text {
    top: 32% !important;
}

.core-value .circle .item-6 {
    left: 80%;
    top: 75%;
}

.core-value .circle .item-right .text {
    position: absolute;
    top: 18%;
    right: 72px;
    text-align: center;
}

.core-value .main-number {
    position: absolute;
    right: 53%;
    top: 32%;
}

.core-value .main-number img {
    width: 66%;
}

.core-value .main-text {
    position: absolute;
    left: 40%;
    top: 29%;
    font-weight: 600;
    font-family: "SVNGilroyMedium";
    color: #192c57;
    font-size: 3.7rem;
}

.core-value .mobie {
    display: none;
}

.core-value .mobie .item .img {
    background-repeat: no-repeat;
    background-size: 100%;
    padding: 9% 20%;
    margin-top: 20px;
    background-size: 100% 100%;
}

.core-value .mobie .item-1 .img {
    background-image: url("../../../templates/sunshine/images/TC_gia_tri_cot_loi_item_mobie_1.png");
}

.core-value .mobie .item-2 .img {
    background-image: url("../../../templates/sunshine/images/TC_gia_tri_cot_loi_item_mobie_2.png");
    padding: 33px 10%;
}

.core-value .mobie .item-3 .img {
    background-image: url("../../../templates/sunshine/images/TC_gia_tri_cot_loi_item_mobie_3.png");
}

.core-value .mobie .item-4 .img {
    background-image: url("../../../templates/sunshine/images/TC_gia_tri_cot_loi_item_mobie_4.png");
}

.core-value .mobie .item-5 .img {
    background-image: url("../../../templates/sunshine/images/TC_gia_tri_cot_loi_item_mobie_5.png");
}

.core-value .mobie .item-6 .img {
    background-image: url("../../../templates/sunshine/images/TC_gia_tri_cot_loi_item_mobie_6.png");
}

.core-value {
    padding: 50px;
}

.core-value .mobie .item .text {
    text-align: center;
    padding: 11px 0;
    padding-right: 55px;
}

.core-value .mobie .item .text .text-top {
    font-family: "SVNGilroyMedium";
    font-size: 23px;
    text-transform: uppercase;
    text-align: center;
    color: #192c57;
}

.core-value .mobie .item .text {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.core-value .mobie .item .text .text-bottom {
    text-align: center;
}
@media only screen and (max-width: 767px){
    .core-value .desktop {
        display: none;
    }
    .core-value .mobie {
        display: block !important;
    }
    .core-value .circle{
        width: 300px;
        height: 300px;
    }
    .core-value .main-number img{
        width: 51%;
    }
    .core-value .main-text{
        font-size: 2rem;
        top:36%;
    }
    .core-value .main-number{
        right: 30%;
    }
    .core-value .main-text{
        left: 45%;
    }
    .core-value{
        padding:0;
    }
    .core-value .mobie .item .img{
        padding:45px 11%;
    }
    .core-value .mobie .item .text .text-top{
        font-size: 1rem;
    }
    .mission-vs-mission img{
        max-width: 100% !important;
    }
    .co-founder img.founder{
        max-width: 100% !important;
    }
}