@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url('https://fonts.googleapis.com/css2?family=Black+Ops+One&family=Kalnia+Glaze:wght@100..700&family=Orbitron:wght@400..900&family=Patua+One&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}

.topmost {
    background-color: #2f1254;
    padding: 1rem;
}

.topmost .top-logo {
    height: 6rem;
    width: 16rem;
}

.astro-pro-sec .astro-profile {
    background-color: #fff;
    padding: 1rem 0;
}

.astro-pro-sec .astro-profile .astro-nav {
    width: 90%;
    padding: 0.5rem 0rem;
    background-color: #88888856;
    border: .4px solid #888888ac;
    border-radius: 12px;
}

.astro-pro-sec .astro-profile .astro-nav .as-nav {
    list-style-type: none;
    align-items: center;
    gap: 1rem;
    margin-bottom: 0;
}

.astro-pro-sec .astro-profile .astro-nav .as-nav .as-li .astro-a {
    text-decoration: none;
    color: #000;
    background: #ccc;
    padding: .13em .4em;
    float: left;
    text-decoration: none;
    color: #454545;
    position: relative;
    /* height: 28px; */
}

.astro-pro-sec .astro-profile .astro-nav .as-nav .as-li .astro-a:before {
    content: "";
    position: absolute;
    top: 50%;
    margin-top: 0;
    border: 0 solid #f1f2f2;
    border-left-color: #0000;
    left: 0;
}

.as-pro-m .fol-btn .as-clb {
    height: 4rem;
}

.bo-con {
    border-radius: 5px;
    width: fit-content;
    padding: .4rem 1.2rem;
    background: #eab218;
    color: #2f1254;
    font-size: 1rem;
    border: none;
    outline: none;
    margin-top: .5rem;
}

.astro-pro-sec .astro-profile .astro-nav .as-nav .as-li .astro-a:after {
    content: "";
    position: absolute;
    top: 50%;
    border-top: 13px solid #0000;
    border-bottom: 13px solid #0000;
    border-left: 13px solid #ccc;
    right: -12px;
    z-index: 99;
    transform: translateY(-50%);
    height: 100%;
}

.astro-pro-sec .astro-profile .astro-main-pro {
    width: 90%;
    padding: 1rem 4rem;
    background-color: #4d3a66;
    border-radius: 10px;
    margin-top: 1rem;
    overflow: hidden;
    justify-content: space-between;
}

.astro-pro-sec .astro-profile .astro-main-pro .as-pro-m {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.astro-pro-sec .astro-profile .astro-main-pro .as-pro-m .as-imgbg {
    opacity: 0.8;
    animation: spin 16s linear infinite;
    height: 20rem;
    position: relative;
}

.astro-pro-sec .astro-profile .astro-main-pro .as-pro-m .as-ab-im {
    position: absolute;
    height: 10rem;
    clip-path: circle(5rem);

}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.as-name-det {
    padding: 0rem 1rem;
}

.as-name-det .as-name-h {
    font-size: 2.5rem;
    color: #eab218;
    font-weight: 500;
    /* margin-bottom: 0; */
    padding-left: 0rem;
}

.as-name-det .as-name-h .fa-circle-chevron-right {
    font-size: 1.4rem;
}

.as-name-det .as-nm-sp {
    padding-left: 2.2rem;
    width: 22rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.as-nm-spp {
    /* justify-content: space-between; */
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    color: #fff;
    gap: .6rem;
    margin-bottom: 0;
    margin-top: 10px;
    width: 26vw;
    flex-direction: column;
}

.as-name-det .as-nm-spp .as-spec {
    padding: 0.2rem 1.2rem;
    background: linear-gradient(to right, #a65ed6cf 54%, #ba38cbbb 100%) !important;
    border-radius: 5rem;
    font-size: 0.85rem;
    color: #fff;

    /* border: 1px solid #fff; */
}


.as-name-det .as-nm-p {
    font-size: 1.1rem;
    color: #fff;
    gap: .6rem;
    margin-bottom: 0;
    margin-top: 0px !important;
}

.d-p {
    gap: .45rem;
}

.as-name-det .as-nm-p i {
    width: 25px;
}

.as-name-det .as-grnt .as-grnt-img .as-grnt-i {
    height: 3.5rem;
}

.as-name-det .as-grnt .as-grnt-img {
    gap: 2rem;
}

.as-name-det .as-grnt .as-satisf {
    gap: 1rem;
}

.as-name-det .as-grnt {
    gap: 1rem;
}

.as-name-det .as-grnt .as-satisf .grnt-h .grnt-sp {
    font-size: 1.3rem;
    color: #fff;
}

.as-name-det .as-grnt .as-satisf .grnt-h .grnt-span {
    font-size: .8rem;
    color: #fff;
}

.as-call-ch .as-callchat {
    padding: 0rem;
}

.as-call-ch .as-callchat .as-button {
    display: flex;
    align-items: center;
}

.as-call-ch .as-callchat .as-button {
    display: flex;
    align-items: center;
    gap: 1rem;
}

.as-call-ch .as-callchat .as-button .as-btn {
    border-radius: 8px;
    border: none;
    outline: none;
    gap: .1rem;
    font-size: 1.3rem;
    font-weight: bold;
    padding: .2rem 1rem;
    width: 12vw;
}

.as-call-ch .as-callchat .as-button .as-btn i::after {
    /* content: "|"; */
}

/* .as-call-ch .as-callchat .as-button .as-btnca i::after {
    content: "|";
} */

.as-call-ch .as-callchat .as-button .as-btnca {
    border-radius: 8px;
    border: none;
    outline: none;
    padding: .2rem 1rem;
    font-size: 1.3rem;
    width: 12vw;
    gap: .1rem;
    font-weight: bold;
}
.review, .ic-ch {
    gap: .5rem;

}
.button-menu-front{
    font-size: .85rem !important;
}
.spn2{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    /* justify-content: space-between; */
    gap: .4rem;
    
}
.as-f {
flex-direction: row !important;
    gap: 0.5rem !important;
    align-items: center;
    justify-content: center;

    border-radius: 10px;

}

.as-btn-free {
    display: inline-block;
    /* Ensures scaling doesn't affect surrounding elements */
    /* animation: zoomInOut 2s infinite ease-in-out; */
    font-weight: bold;

}
.as-btn-free {
    display: inline-block; /* Ensures scaling doesn't affect surrounding elements */
    animation: zoomInOut 2s infinite ease-in-out;
}

@keyframes zoomInOut {
    0%, 100% {
        transform: scale(1); /* Normal size */
    }
    50% {
        transform: scale(1.2); /* Zoomed-in size */
    }
}



.as-call-ch .as-callchat .as-button .as-btn .as-f .as-btn-free {
    font-size: 1.2rem;
    font-weight: bold;
    color: #ffc107;
}
.as-call-ch .as-callchat .as-button .as-btn .as-f .as-btn-busy {
    font-size: 1.2rem;
    font-weight: bold;
    /* color: #ffc107; */
}
.as-f-line {
    font-size: .9rem;
    color: #fff;
}

.as-call-ch .as-callchat .as-button .as-btnca .as-f .as-btn-free {
    font-size: 1.2rem;
    font-weight: bold;
    color: #ffc107;
}

.as-call-ch .as-callchat .as-button .as-btnca:hover,
.as-btn:hover {
    transform: scale(1.05);
    background-color: #2f1254;
    color: #eab218;
}

.as-call-ch .as-rev .review {
    gap: .5rem;
}

.as-rev {
    padding: 0rem 1rem;
    border-radius: 8px;
    gap: 2rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
}


.as-btn-free {
    font-size: 1.1rem;
}

.rev-h,
.rev-sp {
    font-size: 1.1rem;
    color: #fff;
}

.as-celeb-sec {
    align-items: center;
}

.star-rating-rev {
    display: flex;
    /* direction: rtl; */
    font-size: 20px;
}

.star-rating-rev input[type="radio"] {
    display: none;
}

.star-rating-rev label {
    color: #f5c518;
    cursor: pointer;
}

.star-rating-rev input[type="radio"]:checked~label,
.star-rating-rev label:hover,
.star-rating-rev label:hover~label {
    color: #f5c518;
}

.as-about .astro-ab .astro-spec .astro-spec-bx {
    padding: 1rem 0;
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-wrap: wrap;
}

.as-about .astro-ab .astro-spec {
    width: 40%;
    padding: 1rem;
}

.as-about .astro-ab .astro-spec .astro-spec-bx .as-spec {
    padding: .5rem 1rem;
    background: linear-gradient(to right, #a65ed6cf 54%, #ba38cbbb 100%) !important;
    padding: .5rem;
    border-radius: 5rem;
    font-size: .85rem;
    color: #fff;
    border: 1px solid #fff;
}

.as-about .astro-ab .astro-spec .astro-spec-bx .as-spec:hover {
    transform: scale(1.05);
}

.as-about .astro-ab {
    width: 90%;
    padding: 1rem;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
    border-radius: 12px;
}

.as-about {
    padding: 1rem 0;
}


.astro-ab .as-main-about {
    /* width: 60%; */
    padding: 1rem;
}

.as-about .astro-ab .astro-ab-det .astro-spec-bx .as-ab-p {
    font-size: .85rem;
}

.as-about .astro-ab .astro-ex .astro-spec-bx .as-ab-p {
    font-size: .85rem;
}

.as-about .astro-ab .as-celeb-sec .astro-click {
    gap: 1rem;
}

.as-about .astro-ab .as-celeb-sec .astro-click .celeb {
    height: 15rem;
    border-radius: 10px;
}

.as-about .astro-ab .astro-rating-sec .astro-rate .as-tate-simi {
    height: fit-content;
    width: 50%;
}

.as-about .astro-ab .astro-rating-sec .astro-rate .as-tate-simi .astrorat-box {
    height: 10rem;

}

.as-about .astro-ab .astro-rating-sec .astro-rate .astro-cust-rev-sec {
    width: 50%;
    padding: 1rem;
    border-radius: 10px;
    border: 1px solid rgba(130, 130, 130, 0.359);
}

.as-similiar .as-sim-bx .as-sim-son .as-sim-h,
.as-sim-sp {
    font-size: .9rem;
    color: #000000;
}

.as-about .astro-ab .astro-rating-sec .astro-rate .astro-cust-rev-sec .as-cust-feed {
    padding: 1rem;
    height: 40rem;
    overflow-y: scroll;
    display: flex;
    align-items: center;
    gap: .5rem;
    flex-direction: column;
}

.as-about .astro-ab .astro-rating-sec .astro-rate .astro-cust-rev-sec .as-cust-feed .cust-feed-bx {
    padding: .6rem;
    border-radius: 10px;
    gap: .5rem;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
    background-color: #cfcfcf38;
}

.astro-cust-rev-sec .as-cust-feed .cust-feed-bx .cust-feed-img {
    gap: 2rem;
}

.astro-cust-rev-sec .as-cust-feed .cust-feed-bx .cust-feed-img .cust-img {
    height: 4rem;
    clip-path: circle(2rem);
}

.astro-cust-rev-sec .as-cust-feed .cust-feed-bx .cust-p {
    font-size: .95rem;
    color: #888;
}

.astro-cust-rev-sec .as-cust-feed .cust-feed-bx .astro-rep {
    padding: .3rem;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
    background-color: #55555548;
    border-radius: 10px;
}

.astro-cust-rev-sec .as-cust-feed .cust-feed-bx .astro-rep .as-rep-h,
.as-rep-sm {
    font-size: .85rem;
}

.astro-cust-rev-sec .as-cust-feed .cust-feed-bx .astro-rep .as-rep-p {
    font-size: .75rem;
}

.as-similiar .as-sim-bx .as-sim-im {
    height: 5rem;
}

.as-sim-box-m {
    /* box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); */
    padding: 1rem;
    gap: 1rem;
}

.as-similiar .as-sim-bx {
    width: 45%;
    border: 1px solid rgba(128, 128, 128, 0.423);
    border-radius: 10px;
    overflow: hidden;
    padding: .5rem;
    box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);

}

.astro-cust-rev-sec .as-cust-feed::-webkit-scrollbar {
    width: 12px;
}

.astro-cust-rev-sec .as-cust-feed::-webkit-scrollbar-thumb {
    background-color: #888;
    border-radius: 10px;
}

.astro-cust-rev-sec .as-cust-feed::-webkit-scrollbar-thumb:hover {
    background-color: #555;
}

.as-about .astro-ab .astro-rating-sec .astro-rate {
    padding: 1rem;
}

.da-aim-sec .da-aim-bx {
    width: 80%;
    padding: 2rem 0;
}

.as-about .astro-ab .as-celeb-sec {
    width: 40%;
    display: flex;
    justify-content: center;
}

.da-aim-sec .da-aim-bx .aim-h {
    font-size: 1.7rem;
}

.da-aim-sec .da-aim-bx .aim-bx {
    padding: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
}

.da-aim-sec .da-aim-bx .aim-bx .aimbox {
    width: 45%;
    background: linear-gradient(to right, #9a58e5 54%, #384fcb 100%) !important;
    padding: .5rem;
    border-radius: 10px;
    gap: .7rem;
    padding: .8rem;
}

.da-aim-sec .da-aim-bx .aim-bx .aimbox:hover {
    transform: scale(1.03);
}

.da-aim-sec .da-aim-bx .aim-bx .aimbox .aim-bx-h {
    font-size: 1rem;
    color: #fff;
}

.bo-con {
    border-radius: 8px;
    width: fit-content;
    padding: .5rem 1.5rem;
    background: #eab218;
    color: #2f1254;
    font-size: 1rem;
    border: none;
    outline: none;

}

.bo-con:hover {
    background: #2f1254;
    color: #eab218;
    transform: scale(1.05);
}

.as-call-ch {
    gap: 2.5rem;
    padding: 0rem 0;
    padding: 1rem 0 ;
}

.as-img-fol {
    display: flex;
    align-items: center;
    justify-content: center;
}

.fol-fl {
    align-items: center;
    gap: 1rem;
}



/* Media queries for responsive *************************** */


@media (min-width: 319px) and (max-width: 430px) {
   
    .astro-pro-sec .astro-profile .astro-nav {
        padding: 0.3rem 0rem;
    }

    .astro-pro-sec .astro-profile .astro-nav .as-nav .as-li .astro-a {
        /* height: 25px; */
        font-size: .7rem;
    }
.rev-h1{
    padding-top: 0 !important;
    font-size: 1.2rem;
}
.as-call-ch {
    gap: 1rem;
    padding: .6rem 0;
    align-items: center !important;
    justify-content: center !important;
}
.grnt-sp, .grnt-span{
    font-size: 1rem !important;
}
    .astro-pro-sec .astro-profile .astro-nav .as-nav {
        padding-left: .5rem;
    }

    .astro-pro-sec .astro-profile .astro-nav .as-nav .as-li .astro-a:after {
        border-top: 11px solid #0000;
        border-bottom: 11px solid #0000;
        border-left: 11px solid #ccc;
        right: -10px;
    }

    .bo-con {
        border-radius: 5px;
        width: fit-content;
        padding: .3rem .3rem;
        background: #eab218;
        color: #2f1254;
        font-size: .8rem;
        border: none;
        outline: none;
        margin-top: .5rem;
    }

    .astro-pro-sec .astro-profile .astro-main-pro {
        flex-direction: column;
        padding: 1rem;
        gap: .7rem;
    }

    .astro-pro-sec .astro-profile .astro-main-pro .as-pro-m .as-ab-im {
        height: 7rem;
        clip-path: circle(3.5rem);

    }

    .astro-pro-sec .astro-profile .astro-main-pro .as-pro-m .as-imgbg {
        opacity: 0.8;
        animation: spin 16s linear infinite;
        height: 13rem;
        position: relative;
    }

    .fol-fl {
        align-items: center;
        gap: 1rem;
    }

    .fol-btn {
        /* display: none !important; */
    }

    .as-name-det .as-name-h {
        font-size: 1.5rem;
        color: #eab218;
        font-weight: 500;
        text-align: center;
        padding-left: 0rem;
    }

    .astro-cust-rev-sec .as-cust-feed .cust-feed-bx .astro-rep .as-rep-p {
        font-size: .65rem;
    }

    .astro-cust-rev-sec .as-cust-feed .cust-feed-bx .astro-rep .as-rep-h,
    .as-rep-sm {
        font-size: .7rem;
    }

    .as-name-det .as-nm-sp {
        padding-left: 0rem;
        width: fit-content;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
    }

    .as-name-det {
        padding: 0rem 0rem;
        margin-top: 1rem;
    }

    .astro-pro-sec .astro-profile .astro-main-pro .as-pro-m {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .as-name-det .as-name {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }

    .as-name-det .as-nm-sp,
    .as-name-det .as-nm-p {
        font-size: .85rem;
        color: #fff;
        gap: .1rem;
        margin-bottom: 0;
        margin-top: 10px;
    }

    .as-nm-spp {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        color: #fff;
        gap: .6rem;
        margin-bottom: 0;
        margin-top: 10px;
        width: 100%;
    }

    .as-name-det .as-nm-p {
        margin-top: 7px;
    }

    .as-name-det .as-grnt .as-grnt-img .as-grnt-i {
        height: 3rem;
    }

    .as-name-det .as-grnt .as-grnt-img {
        justify-content: center;
    }

    .as-name-det .as-grnt .as-satisf {
        justify-content: center;
        gap: 2rem;
        display: none !important;
    }

    .as-name-det .as-grnt .as-satisf .grnt-h .grnt-span {
        font-size: .65rem;
        color: #fff;
        line-height: .8;
    }

    .as-name-det .as-grnt .as-satisf .grnt-h .grnt-sp {
        font-size: 1rem;
        color: #fff;
    }

    .as-call-ch .as-callchat .as-button .as-btnca {
        padding: .1rem .5rem;
        font-size: 1rem;
        width: 35vw;
    }

    .as-call-ch .as-callchat .as-button .as-btn {
        padding: .1rem .5rem;
        font-size: 1rem;
        width: 35vw;
    }

    .as-call-ch .as-callchat .as-button .as-btn .as-f .as-f-line {
        font-size: .65rem;
    }

    .as-call-ch .as-callchat .as-button .as-btn .as-f .as-btn-free {
        font-size: .65rem;
    }

    .as-call-ch .as-callchat .as-button .as-btnca .as-f .as-f-line {
        font-size: .65rem;
    }

    .as-call-ch .as-callchat .as-button .as-btnca .as-f .as-btn-free {
        font-size: .65rem;
    }
    .as-call-ch .as-callchat {
        display: flex;
        align-items: center !important;
        justify-content: center !important;
    }
    .as-name-det .as-name .d-p {
        display: flex;
        align-items: start;
        gap: .6rem;
        margin-top: .6rem;
    }

    .as-name-det .as-nm-p i {
        width: 20px;
    }
    .spn2{
        justify-content: center !important;
    }
    .as-similiar{
        gap: .5rem !important;
    }
    .red-cart{
        font-size: 1.8rem !important;
    }
    .button-menu-front{
        width: fit-content !important;
        font-size: .72rem !important;
    }
    .fa-stack-2x{
        font-size: 1.5em !important;
    }
 .rev-h,.rev-sp {
        font-size: .85rem;
    }

    .star-rating-rev {
        font-size: 16px;
    }

    .bo-con {
        border-radius: 25px;
        padding: .3rem 1rem;
        font-size: .8rem;
    }

    .as-about .astro-ab {
        padding: .5rem;
    }

    .astro-main-section {
        flex-direction: column;
    }

    .astro-ab .as-main-about {
        width: 100%;
        padding: 0rem;
    }

    .astro-ab-det .as-ab-ser {
        font-size: 1rem;
    }

    .as-about .astro-ab .astro-ab-det .astro-spec-bx .as-ab-p {
        font-size: .75rem;
    }

    .astro-ex .as-ab-ser {
        font-size: 1rem;
    }

    .as-about .astro-ab .astro-ex .astro-spec-bx .as-ab-p {
        font-size: .75rem;
    }

    .as-about .astro-ab .as-celeb-sec {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .astro-click {
        gap: 1rem;
        display: flex;
        justify-content: center;
    }

    .as-about .astro-ab .as-celeb-sec .astro-click .celeb {
        height: 8rem;
        border-radius: 10px;
    }

    .as-about .astro-ab .astro-rating-sec .astro-rate {
        padding: 0rem;
        flex-direction: column;
        gap: 1rem;
    }

    .as-about .astro-ab .astro-rating-sec .astro-rate .as-tate-simi {
        height: fit-content;
        width: 100%;
    }

    .as-similiar .ch-sim-con {
        font-size: 1rem;
    }

    .as-sim-box-m {
        /* box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2); */
        padding: 0rem;
        gap: .5rem;
    }

    .as-similiar .as-sim-bx {
        width: 47%;
        border: 1px solid rgba(128, 128, 128, 0.423);
        border-radius: 10px;
        overflow: hidden;
        padding: .3rem;
        gap: .2rem;
        box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
    }

    .as-similiar .as-sim-bx .as-sim-im {
        height: 3.5rem;
        width: 3.5rem;
    }

    .as-similiar .as-sim-bx .as-sim-son .as-sim-h,
    .as-sim-sp {
        font-size: .65rem;
        color:'black';
    }

    .as-about .astro-ab .astro-rating-sec .astro-rate .astro-cust-rev-sec {
        width: 100%;
        padding: 0rem;
        border-radius: 10px;
        border: 1px solid rgba(130, 130, 130, 0.0);
    }

    .as-about .astro-ab .astro-rating-sec .astro-rate .astro-cust-rev-sec .cust-h {
        font-size: 1rem;
    }

    .as-about .astro-ab .astro-rating-sec .astro-rate .astro-cust-rev-sec .as-cust-feed {
        padding: .1rem;
        height: 40rem;
        overflow-y: scroll;
        display: flex;
        align-items: center;
        gap: .5rem;
        flex-direction: column;
    }

    .as-about .astro-ab .astro-rating-sec .astro-rate .astro-cust-rev-sec .as-cust-feed .cust-feed-bx {
        padding: .4rem;
        border-radius: 10px;
        gap: .1rem;
        box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
        background-color: #cfcfcf38;
    }

    .astro-cust-rev-sec .as-cust-feed .cust-feed-bx .cust-feed-img {
        gap: .8rem;
        justify-content: space-between;
    }

    .astro-cust-rev-sec .as-cust-feed .cust-feed-bx .cust-feed-img .cust-img {
        height: 3rem;
        clip-path: circle(1.5rem);
    }

    .astro-cust-rev-sec .as-cust-feed .cust-feed-bx .cust-p {
        font-size: .65rem;
        color: #888;
    }

    .astro-cust-rev-sec .as-cust-feed::-webkit-scrollbar {
        width: 5px;
    }

    .da-aim-sec .da-aim-bx .aim-h {
        font-size: 1rem;
    }

    .da-aim-sec .da-aim-bx .aim-bx {
        padding: 0rem;
        gap: 1rem;
    }

    .da-aim-sec .da-aim-bx .aim-bx .aimbox {
        width: 46%;
        background: linear-gradient(to right, #9a58e5 54%, #384fcb 100%) !important;
        padding: .5rem;
        border-radius: 10px;
        gap: .2rem;
        padding: .4rem;
        height: 8vh;
    }

    .da-aim-sec .da-aim-bx .aim-bx .aimbox .aim-bx-h {
        font-size: .65rem;
        color: #fff;
    }

    .da-aim-sec .da-aim-bx {
        width: 100%;
        padding: 2rem .3rem;
    }

}

@media (min-width: 319px) and (max-width: 376px) {
    .mobile_view {
        padding: 0 !important;
      
        gap: 5px  !important;
        align-items: center;
    }
    .play-store-img{
        width: 9rem !important;
    }
    .button-menu-front {
        width: 3rem !important;
        font-size: .62rem !important;
    }
    .logo img {
        min-width: 102px !important;
    }
    .no-pad{
        padding-left: 0 !important;
    }
}