.happy-detail {
    margin-top: 110px !important
}

.detail {
    /* width: 90%; */
    /* margin: 3em auto; */
    background: #fff;
    /* border-radius: 22px; */
    padding: 4em 4em;
    font-family: "Nexa"sans-serif !important;
    /* font-style: normal; */
    text-align: center;
    margin-top: 74px;
}

.detail-h4-color {
    color: #0080ff;
}

.detail h2 {
    margin-bottom: 2em;
    color: #0080ff;
    margin-left:40%;
    text-align:left;
}

.detail .left p,
.detail .right p {
    margin: 10px 0;
    font-size: 1.1em;
    color: #1f1f23;
    font-family: Figtree, sans-serif;
    font-weight: 300;
}

.detail .left p span,
.detail .right p span {
    font-size: 1.1em;
    font-weight: 500;
}

.detail .left {
    float: left;
    width: 35%;
    
}

.detail img {
    display: inline-block;
    width: 70%;
    margin-top:20px
    /* max-width:220px;  */
    /* height:100% */
}
.detail-img-w1 img{
width:63%
}
.detail-img-w2 img{
width:50%
}
.detail-img-w3 img{
width: 90%;
/* transform: translateX(-10%); */
}
.detail-img-w4 img{
width:46%
}
.detail .right {
    float: right;
    width: 60%;
    text-align: left;

}

.detail .right li {
    font-size: 1.1em;
}

.pricing1 .price-top {
    background: #0080ff;
    color: #fff;
}

.pricing1 .price-top h4 {
    color: #fff
}

.pricing1 {
    width: 48%;
    margin-bottom: 20px
}

.youxiang-icon {
    display: inline-block;
    margin-right: 3px;
    transform:translateY(-10%);
}

.youxiang-icon svg {
    width: 1.5em;
    vertical-align: middle;
}

@media screen and (max-width: 1024px) {
    .detail {
        padding: 2em 1em;
    }

}

@media screen and (max-width: 991px) {
    .pricing1 {
        width: 100%
    }

    .detail h2 {
        margin-bottom: 1.7em;
    }

}

@media screen and (max-width: 568px) {
    .detail .left {
        width: 100%;
        margin-bottom: 30px;
    }

    .detail img {
        /* display: inline-block; */
        /* width: 100%; */
        width: 300px;
    }

    .detail .right {
        width: 100%;

    }

    .detail .left p,
    .detail .right p {
        font-size: 1em;
    }

    .detail .right li {
        font-size: 0.9em;
    }

    .detail h2 {
        margin-bottom: 1.5em;
        margin-left:0;
        text-align:center;
    }
}

@media screen and (max-width: 480px) {
    .detail h2 {
        margin-bottom: 1.2em;
    }
}

@media screen and (max-width: 320px) {}