* {
    font-family: 'Roboto', sans-serif;
    font-family: 'Poppins', sans-serif;
}

/* what make app unique css */
.whatmakeuniue {
    padding: 60px 0 40px;
}

.whatmakeuniue-headingrow div {
    margin: 0 auto;
    text-align: center;
}

.whatmakeuniue-headingrow h5 {
    font-weight: 800;
    font-size: 28px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
}

.whatmakeuniue-headingrow p {
    font-weight: 500;
    font-size: 18px;
    color: #666666;
    margin-bottom: 0;
}

.whatmakeuniue .uniquecard-row {
    padding-top: 40px;
}

.whatmakeuniue .uniquemaincard {
    width: 100%;
    padding: 30px 25px;
    border: 1px solid #1F1F1F2F;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 25px;
}

.whatmakeuniue .uniquemaincard .uniqueimgdiv {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #EE2376;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.whatmakeuniue .uniquemaincard .uniqueimgdiv img {
    width: 45px;
    height: 45px;
    padding: 5px;
    object-fit: scale-down;
}

.whatmakeuniue .uniquemaincard .uniquetextdiv {
    width: calc(100% - 85px);
}

.whatmakeuniue .uniquemaincard .uniquetextdiv p {
    color: #020113;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
}

@media (max-width:767px) {
    .whatmakeuniue {
        padding: 30px 0 !important;
    }

    .whatmakeuniue-headingrow p {
        font-size: 16px;
    }

    .whatmakeuniue-headingrow h5 {
        font-size: 26px;
    }

    .whatmakeuniue .uniquemaincard .uniquetextdiv p {
        font-size: 18px;
    }

    .whatmakeuniue .uniquemaincard .uniqueimgdiv {
        height: 60px;
        width: 60px;
    }

    .whatmakeuniue .uniquemaincard {
        padding: 25px;
    }

    .whatmakeuniue .uniquemaincard .uniquetextdiv {
        width: calc(100% - 75px);
    }
}

/* what make app unique css end */


/* get ready connect  */
.getreadyconnect {
    padding: 60px 0 0;
    background: linear-gradient(296.08deg, #FFD7E7 3.37%, #D7F3FF 99.28%);

}

.getreadyconnect .getreadycontentdiv h5 {
    font-weight: 800;
    font-size: 28px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
}


.getreadyconnect .getreadycontentdiv p,
.getreadyconnect .getreadycontentdiv p a {
    font-weight: 500;
    font-size: 16px;
    color: #666666;
    margin-bottom: 0;
    line-height: 1.7;
}

.getreadyconnect .getreadycontentdiv p a {
    color: #EE2376;
}

.getreadyconnect .getreadybtndiv {
    display: flex;
    align-items: center;
    margin: 25px 0;
}

.getreadyconnect .getreadybtndiv .socialstorebtn:last-child {
    margin-left: 15px;
}

.getreadyconnect .getreadybtndiv .socialstorebtn a {
    display: flex;
}

.getreadyconnect .getreadybtndiv .socialstorebtn a img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.getreadyconnect .getreadysideimgdiv {
    width: 100%;
    height: 450px;
    position: relative;
}

.getreadyconnect .getreadysideimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.getreadyconnect .getreadysideimgdiv .floatingtextone,
.getreadyconnect .getreadysideimgdiv .floatingtexttwo {
    position: absolute;
    font-weight: 800;
    font-size: 26px;
    color: #EE2376;
    top: -20px;
    left: 63%;
}

.getreadyconnect .getreadysideimgdiv .floatingtextone {
    color: #186181;
    left: 20%;
    top: -45px;
}

@media (max-width:767px) {
    .getreadyconnect .getreadycontentdiv h5 {
        font-size: 22px;
        text-align: center;
    }

    .getreadyconnect .getreadysideimgdiv .floatingtextone,
    .getreadyconnect .getreadysideimgdiv .floatingtexttwo {
        font-size: 15px;
        top: 35px;
    }

    .getreadyconnect .getreadysideimgdiv {
        height: 350px;
        display: flex;
        align-items: flex-end;
    }

    .getreadyconnect .getreadysideimgdiv .floatingtextone {
        left: 12%;
        top: 25px;
    }

    .getreadyconnect {
        padding-top: 30px;
    }
}

@media (max-width:345px) {
    .getreadyconnect .getreadysideimgdiv img {
        height: auto;
    }
}

/* get ready connect end */
/* unveiling-section  */
.unveiling-main {
    padding: 60px 0;
    background-image: url("../images/unveiling-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top;
}

.unveiling-main .unveiling-contentdiv h5 {
    font-weight: 800;
    font-size: 28px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
}

.unveiling-main .unveiling-contentdiv p {
    font-weight: 500;
    font-size: 18px;
    color: #666666;
    margin-bottom: 0;
    line-height: 1.7;
}


.unveiling-main .unveiling-contentdiv .orderonlinediv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 25px 0;
}

.unveiling-main .unveiling-contentdiv .nextarrowclass {
    margin-left: 10px;
    display: none;
}

.unveiling-main .unveiling-contentdiv .online-platformdiv {
    width: calc(100% - 160px);
    display: flex;
    align-items: center;
}

.unveiling-main .unveiling-contentdiv .platform-single:last-of-type {
    margin-right: 0;
}

.unveiling-main .unveiling-contentdiv .otherreatilsdiv .platform-single {
    padding: 0;
    background-color: #fff;
}

.unveiling-main .unveiling-contentdiv .platform-single {
    width: 65px;
    height: 65px;
    background-color: #EBEBEB;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
    margin-right: 10px;
    padding: 10px;
}

.unveiling-main .bottomimgtextdiv {
    margin-top: 30px;
    padding-right: 30px;
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #222;
}

.unveiling-main .unveiling-contentdiv .platform-single a {
    width: 100%;
    height: 100%;
    display: flex;
}

.unveiling-main .unveiling-contentdiv .platform-single img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.unveiling-main .unveiling-contentdiv .platform-single:hover {
    border-color: #EE2376;
}

.unveiling-main .orderonlinediv .orderonline-para {
    color: #222222;
    font-weight: 700;
    font-size: 20px;
    width: 180px;
}

.unveiling-main .ordernowdiv .ordernowbtn {
    box-shadow: none;
    outline: 0;
    border: 0;
    border-radius: 30px;
    background-color: #EE2376;
    color: #fff;
    font-weight: 700;
    padding: 0 15px;
    font-size: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    height: 50px;
    min-width: 160px;
    width: fit-content;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.unveiling-main .ordernowdiv .orderlinkdiv {
    display: flex;
    align-items: center;
}

.unveiling-main .ordernowdiv .orderlinkdiv p {
    color: #666666;
    font-weight: 500;
    font-size: 14px;
}

.unveiling-main .ordernowdiv .orderlinkdiv a {
    color: #5440E1;
    font-weight: 700;
    font-size: 14px;
    margin-left: 5px;
}

.unveiling-main .unveiling-imgdiv {
    height: 350px;
    width: 100%;
    position: relative;
}

.unveiling-main .unveiling-imgdiv .patternimgdiv {
    position: absolute;
    height: 280px;
    width: 95px;
    right: 0;
    top: 50%;
}

.unveiling-main .unveiling-imgdiv img,
.unveiling-main .unveiling-imgdiv .patternimgdiv img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

@media (max-width:767px) {
    .rowreverse {
        flex-direction: column-reverse;
    }

    .unveiling-main .unveiling-contentdiv .orderonlinediv {
        flex-wrap: wrap;
    }

    .unveiling-main .orderonlinediv .orderonline-para {
        width: 100%;
        margin-bottom: 15px;
    }

    .unveiling-main .unveiling-contentdiv .online-platformdiv {
        width: 100%;
    }

    .unveiling-main .unveiling-contentdiv p {
        font-size: 16px;
    }

    .unveiling-main .unveiling-contentdiv h5 {
        font-size: 22px;
        text-align: center;
    }

    .unveiling-main {
        padding: 30px 0;
    }

    .unveiling-main .ordernowdiv .ordernowbtn {
        font-size: 18px;
    }

    .unveiling-main .unveiling-imgdiv {
        height: 320px;
        margin-bottom: 15px;
    }
}

@media (max-width:991px) {
    .unveiling-main .unveiling-imgdiv .patternimgdiv {
        display: none;
    }

    .unveiling-main .bottomimgtextdiv {
        font-size: 16px;
        margin: 0 0 15px;
        padding: 0;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .unveiling-main .unveiling-imgdiv {
        height: 350px;
        margin: 15px 0;
    }

    .rowreverse {
        flex-direction: column-reverse;
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .unveiling-main .unveiling-imgdiv .patternimgdiv {
        right: -15px;
        top: 60%;
    }
}

/* unveiling-section end */

/* mainbanner section */
.mainbannersection {
    background-size: cover;
    padding: 120px 0;
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-image: url("../images/banner_territie.png");
}

.mainbannersection.bannersection {
    min-height: 80vh;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.mainbannersection .main-paratextdiv h1 {
    font-weight: 900;
    font-size: 38px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 25px;
}

.mainbannersection .main-paratextdiv span {
    font-weight: 500;
    font-style: italic;
    position: relative;
}

.mainbannersection .main-paratextdiv span img {
    position: absolute;
    right: 0;
    bottom: -20px;
    width: 100%;
}

.mainbannersection .main-paratextdiv p {
    font-weight: 500;
    font-size: 20px;
    color: #fff;
}

.mainbannersection .main-paratextdiv .mainbannerbtn {
    box-shadow: none;
    outline: 0;
    border: 0;
    border-radius: 30px;
    background-color: #fff;
    color: #EE2376;
    font-weight: 700;
    font-size: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    height: 50px;
    width: 200px;
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.mainbannersection .main-paratextdiv .mainbannerbtn .mdi {
    font-size: 28px;
    margin-left: 5px;
    font-weight: 800;
}

.mainbannersection .mainbannerimgdiv {
    width: 100%;
    height: 500px;
}

.mainbannersection .mainbannerimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

@media (max-width:767px) {
    .mainbannersection {
        padding-bottom: 0;
        background: linear-gradient(91.63deg, #F95D80 13.7%, #AE70C1 49.74%, #7A7EED 74.31%, #6C81F9 89.03%, #FBB066 89.04%, #8749FF 89.05%, #C174FF 89.05%, #F89F68 89.05%, #7080F6 89.06%);
    }

    .mainbannersection .main-paratextdiv h1 {
        font-size: 26px;
    }

    .mainbannersection .main-paratextdiv span {
        display: inline-block;
        margin-bottom: 5px;
    }

    .mainbannersection .main-paratextdiv span img {
        bottom: -7px;
    }

    .mainbannersection .main-paratextdiv p {
        font-size: 18px;
    }

    .mainbannersection .main-paratextdiv .mainbannerbtn {
        width: 180px;
        height: 45px;
        font-size: 18px;
    }

    .mainbannersection .mainbannerimgdiv {
        height: 320px;
    }

    .mainbannersection.bannersection {
        padding-bottom: 30px;
        min-height: unset;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .mainbannersection .mainbannerimgdiv {
        height: 350px;
        margin-bottom: 15px;
    }
}

/* mainbanner section end */
/* top article css */
.toparticlemain {
    padding: 60px 0;
    background: linear-gradient(296.08deg, #FFD7E7 3.37%, #D7F3FF 99.28%);
}

.toparticlemain .articlecard {
    overflow: hidden;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    background-color: #fff;
    height: 100%;
}

.toparticlemain .articleimgdiv {
    width: 100%;
    overflow: hidden;
    height: 200px;

}

.toparticlemain .articleimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.toparticlemain .artilcecontentmain {
    padding: 20px;
}

.artilcedatediv p {
    color: #EE2376;
    font-size: 16px;
    font-weight: 600;
    margin-left: 10px;
    margin-bottom: 0;
}

.artilcedatediv {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.artilcedatediv .mdi {
    font-size: 28px;
    color: #EE2376;
}

.toparticlemain .artilcecontentmain h4 {
    color: #161C2D;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
}

.toparticlemain .artilcecontentmain p {
    color: #666666;
    font-weight: 400;
    font-size: 18px;
    margin-bottom: 5px;
}

.toparticlemain .artilcecontentmain .readmorearticle a {
    color: #EE2376;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0;
    text-decoration: none;
}

.toparticlemain .artilcecontentmain .readmorearticle .mdi {
    font-size: 26px;
    margin-left: 5px;
}

.toparticlemain .topartilceheadrow {
    padding: 20px 0 40px;
}

.toparticlemain .topartilceheadrow h5 {
    font-weight: 800;
    font-size: 38px;
    width: fit-content;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
}

.toparticlemain .topartilceheadrow .viewalldiv {
    display: flex;
    align-items: center;
}

.toparticlemain .topartilceheadrow .viewalldiv .viewalllinka {
    color: #EE2376;
    font-size: 26px;
    display: flex;
    align-items: center;
    font-weight: 600;
    text-decoration: none;
}

.toparticlemain .topartilceheadrow .viewalldiv .mdi {
    font-size: 32px;
    margin-left: 5px;
    color: #EE2376;
}

@media (max-width:575px) {

    .toparticlemain .topartilceheadrow .viewalldiv {
        margin-top: 10px;
        justify-content: flex-start !important;
    }
}

@media (max-width:767px) {
    .toparticlemain .topartilceheadrow h5 {
        font-size: 26px;
    }

    .toparticlemain .topartilceheadrow .viewalldiv {
        font-size: 22px;
        /* margin-top: 10px; */
        justify-content: flex-end;
    }

    .toparticlemain .topartilceheadrow {
        padding-bottom: 10px;
        padding-top: 0;
        align-items: center;
    }

    .toparticlemain .artilcecontentmain .artilcedatediv {
        margin-bottom: 0;
    }

    .toparticlemain .artilcecontentmain h4 {
        font-size: 18px;
    }

    .toparticlemain .artilcecontentmain p {
        font-size: 16px;
    }

    .toparticlemain {
        padding: 30px 0;
    }

    .toparticlemain .topartilceheadrow .viewalldiv .viewalllinka {
        font-size: 22px;
    }
}

@media (max-width:991px) {
    .toparticlemain .maindivcard {
        margin-bottom: 20px;
    }
}

/* top article css end */


/* footer css */

.ourapppage .footersection {
    margin-top: -10%;
    position: relative;
    z-index: 1;
}

.footersection {
    padding: 7% 0 30px;
    background-image: url("../images/footerbg.png");
    background-size: cover;
    background-position: top;
}

.footersection .footerlinksmain h6 {
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    margin-bottom: 35px;
}

.footersection .footerlist .redirectlink a {
    font-weight: 500;
    font-size: 20px;
    color: #fff !important;
    margin-bottom: 20px;
    text-decoration: none;
    display: flex;
}

.footersection .footer-logomain p {
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 0;
    line-height: 1.7;
}

.footersection .footerlogodiv {
    display: flex;
    align-items: center;
    color: #fff;
    font-weight: 700;
    font-size: 32px;
    margin-bottom: 20px;
    text-decoration: none;
}

.footersection .compylogo {
    height: 80px;
    width: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 15px;
}

.footersection .compylogo img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.footersection .footerlastdiv {
    padding-top: 15px;
    border-top: 2px solid #999;
    align-items: center;
    color: #fff;
    font-weight: 400;
    font-size: 14px;
}

.footersection .socialiconsmain {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.footersection .socialiconsmain .footersocialdiv:first-child {
    margin-left: 0;
}

.footersection .socialiconsmain .footersocialdiv {
    border-radius: 50%;
    overflow: hidden;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    /* margin-left: 15px; */
    margin: 5px 0 5px 15px;
}

.footersection .contactdivmain {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.footersection .contactdivmain a {
    display: flex;
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    font-weight: 400;
}

.footersection .contactdivmain .contacticondiv {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;
    width: 20px;
    margin-right: 15px;
}

/* @media (max-width:767px) {
    .footersection .socialiconsmain {
        justify-content: flex-start !important;
    }
} */

@media (max-width:991px) {
    .ourapppage .footersection {
        margin-top: 0;
    }

    .footersection {
        background: linear-gradient(91.57deg, #F95D80 13.61%, #AE70C1 49.73%, #7A7EED 74.37%, #6C81F9 89.12%, #FBB066 89.13%, #8749FF 89.14%, #C174FF 89.14%, #F89F68 89.14%, #7080F6 89.14%);
        padding: 30px 0 60px;
    }

    .footersection .footerlinksmain {
        margin-top: 25px;
    }

    .footersection .footerlinksmain h6 {
        margin-bottom: 15px;
    }

    .footersection .footerlist .redirectlink a,
    .footersection .contactdivmain a {
        font-size: 18px;
    }

    .footersection .socialiconsmain {
        margin-top: 15px;
        justify-content: center;
    }

    .footersection .socialiconsmain .footersocialdiv {
        margin-left: 9px;
    }
}



/* footer css end */


/* pickface section */
.ourapppage .pickfacesection {
    background: linear-gradient(296.08deg, #FFD7E7 3.37%, #D7F3FF 99.28%);
    padding-bottom: 15%;
}

.pickfacesection {
    padding: 60px 0 100px;
    overflow: hidden;
    position: relative;
}

.pickfacesection h5 {
    font-weight: 800;
    font-size: 28px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
}

.pickfacesection p {
    font-weight: 500;
    font-size: 18px;
    color: #666666;
    margin-bottom: 0;
}

.pickfacesection .pickface-owl .owl-dots {
    position: absolute;
    left: -380px;
    bottom: 28%;
}

.pickfacesection .owl-carousel .owl-dots.disabled {
    display: flex !important;
}

.pickfacesection .pickface-owl .pick-swiperimg {
    height: 400px;
    width: 185px;
    overflow: hidden;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    border: 1px solid #999;
}

.pickfacesection .pickface-owl .pick-swiperimg img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.pickface-owl .owl-dots .owl-dot.active span,
.pickface-owl .owl-dots .owl-dot:hover span {
    background: #EE2376;
}

.pickface-owl .owl-dots .owl-dot span {
    background: #EE23764D;
}

.pickfacecontentdiv {
    position: relative;
}

.pickfacesection .sidephonboxdiv {
    position: absolute;
    left: 365px;
    top: -10px;
    height: 425px;
    width: 203px;
    z-index: 9;
    padding: 0;
}

.pickfacesection .sidephonboxdiv img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.mainrowdiv {
    display: flex;
    flex-wrap: wrap;
}

.mainrowdiv .leftpart-content {
    width: 375px;
    padding: 0 15px;
}

.mainrowdiv .rightswiper-part {
    padding: 0 15px;
    width: calc(100% - 375px);
}

@media (max-width:767px) {
    .pickfacesection .pickface-owl .owl-dots {
        position: static;
        margin-top: 30px !important;
    }

    .pickfacesection .pickface-owl {
        margin-top: 25px;
    }

    .pickfacesection {
        padding: 30px 0;
    }

    .pickfacesection p {
        font-size: 16px;
    }

    .pickfacesection .sidephonboxdiv {
        right: calc(50% - 101px);
        top: 106%;
        left: unset;
    }

    .pickfacesection .pickface-owl .pick-swiperimg {
        width: auto;
    }

    .mainrowdiv .leftpart-content {
        width: 100%;
        padding: 0;
    }

    .mainrowdiv .rightswiper-part {
        width: 100%;
    }


}

@media (max-width:991px) {
    .ourapppage .pickfacesection {
        padding-bottom: 30px;
    }

    .pickfacesection .pickface-owl .item {
        display: flex;
        justify-content: center;
    }
}

@media (min-width:768px) and (max-width:991px) {

    .pickfacesection .sidephonboxdiv {
        left: 418px;
    }

    .pickfacesection .pickface-owl .pick-swiperimg {
        width: auto;
    }

    .pickfacesection .pickface-owl .owl-dots {
        bottom: 22%;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .pickfacesection .pickface-owl .owl-dots {
        bottom: 12%;
    }

    .pickfacesection .container {
        width: 100%;
        max-width: calc(960px + ((100vw - 960px) / 2)) !important;
        margin-left: calc((100vw - 960px) / 2) !important;
    }
}

@media (min-width:1200px) {
    .pickfacesection .container {
        width: 100%;
        max-width: calc(1140px + ((100vw - 1140px) / 2)) !important;
        margin-left: calc((100vw - 1140px) / 2) !important;
    }
}

@media (min-width:1400px) {

    .pickfacesection .container {
        width: 100%;
        max-width: calc(1320px + ((100vw - 1320px) / 2)) !important;
        margin-left: calc((100vw - 1320px) / 2) !important;
    }
}

@media (min-width:1640px) {

    .pickfacesection .container {
        width: unset !important;
        max-width: 1320px !important;
        margin: 0 auto !important;
    }
}

/* pickface section end */

/* territieheader css */
.territieheader {
    position: fixed;
    width: 100%;
    z-index: 999;
    top: unset;
    box-shadow: 0px 2px 20px 0px #0000001A;
    background: linear-gradient(91.57deg, #F95D80 13.61%, #AE70C1 49.73%, #7A7EED 74.37%, #6C81F9 89.12%, #FBB066 89.13%, #8749FF 89.14%, #C174FF 89.14%, #F89F68 89.14%, #7080F6 89.14%);
}

.territieheader.fixed {
    /* background: #FFFFFF40; */
    top: 0;
}

.territieheader.mobileclass.fixed {
    /* background: #FFFFFF40; */
    top: 0;
}

.territieheader .navbar-brand {
    display: flex;
    align-items: center;
    font-size: 22px;
    color: #fff;
    font-weight: 700;
    margin-right: 10px;
}

.territieheader .navbar-brand .header-logodiv {
    height: 65px;
    width: 65px;
    margin-right: 5px;
}

.territieheader .navbar-brand .header-logodiv img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.territieheader .navbar-collapse {
    justify-content: flex-end;
    align-items: center;
}

.territieheader .navbar-toggler {
    box-shadow: none;
}

.territieheader .navbar-nav .nav-link {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    padding: 8px 4px;
}

.territieheader .navbar-nav .dropdown-menu {
    margin: 0;
    right: 0;
    left: unset;
}

.territieheader .navbar-nav .maininnerrow {
    display: flex;
    flex-wrap: wrap;
}

.territieheader .navbar-nav .innerheaderdropdiv {
    width: 500px;
    right: unset;
    left: 0;
    padding: 15px 0;
}

.territieheader .navbar-nav .dropdown-item {
    padding: 5px 15px;
}


.territieheader .navbar-nav .ENdropli {
    background-color: #1861814D;
    border-radius: 10px;
    border: 1px solid #186181;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.territieheader .navbar-nav .nav-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    position: relative;
}

.territieheader .navbar-nav .nav-link.active .btmlinediv {
    display: flex;
}

.territieheader .nav-item.afterlogin span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.territieheader .nav-item.afterlogin .nav-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.territieheader .nav-item.afterlogin .dropdown-menu {
    width: 220px;
    padding: 20px 10px;
    border: 0;
}

.territieheader .nav-item.afterlogin .dropdown-menu h4 {
    font-weight: 600;
    font-size: 16px;
    color: #222;
}

.territieheader .nav-item.afterlogin .cointext {
    font-weight: 400;
    font-size: 16px;
    color: #222;
    width: 55%;
}

.territieheader .nav-item.afterlogin .coinimgdiv {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 38%;
    color: #186382;
    font-weight: 600;
    background-color: #FCE1EC;
    position: relative;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    padding-right: 10px;
}

.territieheader .nav-item.afterlogin .coinicondiv img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.territieheader .nav-item.afterlogin .coinicondiv {
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    left: -10px;
}

.territieheader .nav-item.afterlogin .tiecoinmainspan {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.territieheader .nav-item.afterlogin .dropdown-menu .dropdown-item {
    display: flex;
    /* justify-content: space-between; */
    align-items: center;
    padding: 8px 0;
    background-color: #fff;
}

.territieheader .nav-item.afterlogin .dropdown-menu .headerdropicon {
    width: 25px;
    height: 25px;
    overflow: hidden;
    margin-right: 10px;
}

.territieheader .nav-item.afterlogin .dropdown-menu .headerdropicon img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.territieheader .nav-item.afterlogin .dropdown-menu .headerdroptext {
    color: #222222;
    font-weight: 400;
    font-size: 16px;
}

.territieheader .mobilelogin.beforelogin {
    display: flex;
    justify-content: center;
    align-items: center;
}

.territieheader .mobilelogin.beforelogin .nav-link {
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
}

.territieheader .mobilelogin {
    position: relative;
    /* display: flex; */
    justify-content: space-between;
    width: 60px;
}

.territieheader .mobilelogin .dropdown-menu.show {
    width: 200px;
    right: 0;
    left: unset;
}

.territieheader .mobilelogin .dropdown-toggle::after {
    content: none;
}

.territieheader .mobilelogin .dropdown-toggle {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    color: #fff;
}

.territieheader .nav-item.afterlogin .profilemainspan,
.profilemainspan {
    display: flex;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    margin-right: 10px;
}

.territieheader .navbar-nav .nav-item .btmlinediv {
    display: none;
    position: absolute;
    width: 100%;
    background-color: #186181;
    height: 8px;
    left: 2px;
    bottom: -5px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.territieheader .navbar-nav .nav-item:last-of-type {
    margin-right: 0;
}

.territieheader .navbar-nav .ENdropli .mdi {
    font-weight: 400;
    font-size: 18px;
}

.territieheader .navbar-nav .takeatestlink {
    background-color: #186181;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    width: 130px;
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.territieheader .navbar-nav .loginlink {
    background-color: #EE2376;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    width: 100px;
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.territieheader .navbar-nav .loginlink .mdi {
    margin-right: 5px;
    font-size: 20px;
}

.mobilelogin {
    display: none;
    /* background-color: #fff; */
    /* color: #fff; */
    margin-right: 10px;
}

.togglebtnandprofile {
    display: none;
    align-items: center;
}

.whiteheaderclass .territieheader {
    background: #fff;
}

.whiteheaderclass .territieheader .navbar-nav .nav-link {
    color: #666;
}

.whiteheaderclass .territieheader .navbar-brand {
    color: #EE2376;
}

.whiteheaderclass .territieheader .navbar-nav .nav-link.ENdropli,
.whiteheaderclass .territieheader .navbar-nav .nav-link.takeatestlink,
.whiteheaderclass .territieheader .navbar-nav .nav-link.loginlink {
    color: #fff;
}

@media (max-width:475px) {
    .storemainfilterbtndiv .commonstorefilterbtn {
        margin: 0 0 10px !important;
    }
}

@media (max-width:991px) {
    .territieheader .navbar-nav .nav-item {
        margin-right: 0;
        flex-wrap: wrap;
    }

    .territieheader .navbar-nav .ENdropli {
        margin-bottom: 10px;
    }

    .territieheader .navbar-nav .nav-item:last-of-type {
        display: none;
        margin-top: 15px;
    }

    .mobilelogin {
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        -ms-border-radius: 50%;
        -o-border-radius: 50%;
        width: 45px;
        min-height: 45px;
    }

    .mobilelogin .mdi {
        color: #EE2376;
        font-size: 24px;
    }

    .territieheader .navbar-nav .dropdown-menu {
        width: 100%;
        padding: 0;
        text-align: center;
        overflow: hidden;
        /* background-color: transparent; */
        /* border: none; */
    }

    .territieheader .navbar-nav .takeatestlink {
        margin-top: 10px;
    }

    .territieheader .navbar-nav {
        height: 310px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .togglebtnandprofile {
        display: flex;
    }
}

@media (max-width:1199px) and (min-width:992px) {
    .territieheader .navbar-nav .nav-link {
        font-size: 11px;
        padding: 8px 1px;
    }

    .territieheader .navbar-nav .takeatestlink {
        width: 100px;
    }

    .territieheader .navbar-nav .nav-item {
        margin-right: 5px;
    }
}

@media (max-width:1299px) and (min-width:1200px) {
    .territieheader .navbar-nav .nav-link {
        font-size: 12px;
        padding: 8px 2px;
    }
}

/* territieheader css end */

/* about section css */

.aboutsection {
    padding: 60px 0 20px;
    text-align: center;
}

.aboutsection .main-paratextdiv h1 {
    font-weight: 800;
    font-size: 28px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
    line-height: 1.7;
}


.aboutsection .main-paratextdiv p {
    font-weight: 500;
    font-size: 18px;
    color: #666666;
    margin-bottom: 0;
    line-height: 1.7;
}


@media (max-width:767px) {
    .aboutsection {
        padding: 30px 0;
    }

    .aboutsection .main-paratextdiv h1 {
        font-size: 22px;
    }

    .aboutsection .main-paratextdiv p {
        font-size: 16px;
    }

}

/* about section css end */

/* test section css */
.testslider {
    padding: 60px 0;
}

.testslider .mainsliderdiv {
    display: flex;
    overflow-x: auto;
    padding: 0 60px;
    /* pointer-events: none; */
}

.testslider .mainsliderdiv .quiznamedivmain.completedquiz,
.testslider .mainsliderdiv .quiznamedivmain.completedquiz a {
    background-color: #186181;
    color: #fff;
}

.testslider .mainsliderdiv .quiznamedivmain.ongoingquiz {
    background-color: #FFD9E8;
}

.testslider .mainsliderdiv .quiznamedivmain {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    word-wrap: break-word;
    min-height: 80px;
    padding: 10px;
    min-width: 180px;
    background-color: #ECECEC;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-left: 15px;
    font-weight: 500;
    font-size: 18px;
}

.testslider .mainsliderdiv .quiznamedivmain a {
    text-decoration: none;
    color: #222222;
}

.mainsliderdiv::-webkit-scrollbar {
    -webkit-appearance: none;
    /* height: 8px; */
}

/* .mainsliderdiv {
    scrollbar-width: none !important;
} */

/* .mainsliderdiv::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #c1c1c1;
}

.mainsliderdiv::-webkit-scrollbar-thumb:hover {
    background-color: #7d7d7d;
} */

.percentagenumberdiv {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.percentagenumberdiv h4 {
    color: #222222;
    font-weight: 600;
    font-size: 26px;
}

.quixpercentagemain {
    display: flex;
    justify-content: center;
    padding-bottom: 60px;
    flex-wrap: wrap;
}

.combineprogressdiv {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.percentagegreyline {
    width: 80%;
    height: 14px;
    position: relative;
    overflow: hidden;
    background-color: #ddd;
    margin: 15px 0;
    border-radius: 20px;
}

.percentagegreyline .percentageblueline {
    position: absolute;
    height: 14px;
    border-radius: 20px;
}

.percentagegreyline .percentageblueline::after {
    content: "";
    position: absolute;
    height: 100%;
    background-color: #186181;
    width: 100%;
    animation: progressAnimation 5s;
}

@keyframes progressAnimation {
    0% {
        width: 0%;
    }

    100% {
        width: 100%;
    }
}

@media (max-width:767px) {
    .percentagegreyline {
        width: 75%;
    }

    .testslider {
        padding-bottom: 30px;
    }

    .percentagenumberdiv h4 {
        margin-bottom: 0;
        font-size: 20px;
    }
}

/* test section css end */



/* quiz que man section css */
.quizquemain {
    padding: 0 0 60px;
}

.quizquemain .quizheaddiv {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 50px;
}

.quizquemain .quizheaddiv .row {
    width: 100%;
}

.quizquemain .quizheaddiv .quizimgbox {
    height: 300px;
    width: auto;
}

.quizquemain .quizheaddiv .quizimgbox img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.quizquemain .quizheaddiv .testh4plus {
    display: flex;
    margin-bottom: 15px;
}

.quizquemain .quizheaddiv .h4plusdiv.plusminus .minusigshow {
    display: flex;
}

.quizquemain .quizheaddiv .h4plusdiv.plusminus .plusigshow {
    display: none;
}

.quizquemain .quizheaddiv .h4plusdiv .minusigshow {
    display: none;
}

.quizquemain .quizheaddiv .h4plusdiv {
    height: 20px;
    width: 20px;
    display: none;
    align-items: center;
    justify-content: center;
    margin-left: 10px;
    margin-top: 12px;
    cursor: pointer;
}

.quizquemain .quizheaddiv .h4plusdiv img {
    height: 100%;
    width: 100%;
    object-fit: contain;

}

.quizquemain .quizheaddiv h4 {
    font-weight: 800;
    font-size: 34px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 1.7;
    width: fit-content;
    margin-bottom: 0;
}

.quizquemain .quizdetailpara {
    font-size: 16px;
    font-weight: 600;
    color: #666;
    margin-bottom: 30px;
}

.quizquemain .singlequediv {
    padding: 30px;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    background-color: #F1E1F0;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    text-align: center;
    margin-bottom: 35px;
}

.quizquemain .singlequediv:nth-child(2n) {
    background-color: #DAEEF6;
}

.quizquemain .singlequediv .answermaindiv {
    display: flex;
    justify-content: space-between;
}

.quizquemain .singlequediv h5 {
    color: #222222;
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 25px;
}


.quizquemain .singlequediv .disagreemain,
.quizquemain .singlequediv .agreemain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80px;
    color: #222222;
    font-weight: 600;
    font-size: 22px;
}

.quizquemain .singlequediv .disagreemain {
    width: 115px;
    display: flex;
    justify-content: flex-end;
}

.quizquemain .singlequediv .answercheckdiv {
    width: calc(100% - 205px);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.quizquemain .singlequediv .answersinglediv {
    width: 24%;
}

.quizquemain .singlequediv .answercirclemain {
    height: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.quizquemain .singlequediv .answersinglediv.strongly .answercircleinner {
    height: 95px;
    width: 95px;
}

.quizquemain .singlequediv .answersinglediv.normalsize .answercircleinner {
    height: 75px;
    width: 75px;
}

.quizquemain .singlequediv .answersinglediv.netural .answercircleinner {
    height: 50px;
    width: 50px;
}

.quizquemain .singlequediv .answercirclemain .answercircleinner {
    border-radius: 50%;
    /* background-color: #fff; */
}

.quizquemain .singlequediv .answercirclemain .answercircleinner.active {
    /* background-image: url("../images/quizchecked.png"); */
    background-size: cover;
}

.quizquemain .singlequediv .answername {
    margin-top: 15px;
    color: #222222;
    font-weight: 500;
    font-size: 18px;
    word-wrap: break-word;
}

.quizquemain .nextbtndiv {
    display: flex;
    justify-content: center;
    align-items: center;
}

.quizquemain .nextbtndiv .nextatag {
    min-width: 250px;
    max-width: 80%;
    background-color: #EE2376;
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    min-height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.quizquemain .nextbtndiv .nextatag .nextarrow {
    margin-left: 10px;
}

.quizquemain .yourgenderdiv {
    border-top: 1px solid #22222280;
    padding: 30px 0;
    text-align: center;
}

.quizquemain .yourgenderdiv .genderhead h5 {
    color: #222222;
    font-weight: 600;
    font-size: 30px;
}

.quizquemain .yourgenderdiv .genderhead h5 span {
    color: #666;
    font-weight: 600;
    font-size: 22px;
}

.quizquemain .yourgenderdiv .genderhead p {
    color: #666;
    font-weight: 500;
    font-size: 22px;
}

.quizquemain .genderselect {
    display: flex;
    justify-content: center;
}

.quizquemain .yourgenderdiv .genderselect .form-select,
.quizquemain .select2-container--default .select2-selection--single .select2-selection__arrow {
    background-image: url("../images/genderselect.png");
    background-size: 18px 12px;
    background-repeat: no-repeat;
    top: 23px;
    right: 15px;
}


.select2-results__option--selectable {
    /* background-color: #DAEEF6; */
    height: 40px;

}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
    background-color: #EBEBEB;
    color: #222;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    display: none;
}

.quizquemain .yourgenderdiv .genderselect .genderselectmain,
.quizquemain .select2-container .select2-selection--single {
    background-color: #EBEBEB;
    height: 60px;
    width: 200px;
    max-width: 100%;
    font-weight: 500;
    color: #222;
    font-size: 28px;
    border: 0;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    outline: none;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    box-shadow: none;
}

.quizquemain .quixpercentagemain .combineprogressdiv {
    display: flex;
}

.quizquemain .combineprogressdiv {
    display: none;
}

@media (max-width:767px) {

    .quizquemain .singlequediv .answersinglediv {
        width: 100%;
    }

    .quizquemain .singlequediv .answername {
        margin-bottom: 15px;
        margin-top: 10px;
        font-size: 14px;
    }

    .quizquemain .singlequediv .answersinglediv {
        width: 100% !important;
    }

    .quizquemain .singlequediv h5 {
        font-size: 20px;
    }

    .quizquemain .singlequediv {
        padding: 10px;
    }

    .quizquemain .quizheaddiv h4 {
        font-size: 24px;
    }

    .quizquemain .yourgenderdiv .genderhead h5,
    .quizquemain .yourgenderdiv .genderselect .genderselectmain {
        font-size: 24px;
    }

    .quizquemain .yourgenderdiv .genderhead p {
        font-size: 18px;
    }

    .quizquemain .nextbtndiv .nextatag {
        font-size: 20px;
    }

    .testslider .mainsliderdiv .quiznamedivmain {
        min-height: 60px;
    }

    .quizquemain .quizdetailpara {
        font-size: 16px;
    }

    .quizquemain .singlequediv .answersinglediv.strongly .answercircleinner {
        width: 65px;
        height: 65px;
    }

    .quizquemain .singlequediv .answersinglediv.normalsize .answercircleinner {
        width: 50px;
        height: 50px;
    }

    .quizquemain .singlequediv .answersinglediv.netural .answercircleinner {
        width: 35px;
        height: 35px;
    }

    .quizquemain .quizheaddiv .quizimgbox {
        height: 250px;
        margin-bottom: 15px;
    }

    .quizquemain .quizheaddiv {
        padding-bottom: 20px;
    }

    .testslider .combineprogressdiv {
        display: none;
    }

    .quizquemain .combineprogressdiv {
        position: sticky;
        width: 100%;
        padding: 5px 15px;
        z-index: 9;
        background: #FFD9E8;
        flex-wrap: nowrap;
        bottom: 0;
        margin-top: 25px;
        display: flex;
    }

    .quizquemain {
        padding-bottom: 0;
    }

    .percentagenumberdiv {
        width: 25%;
    }

    .quixpercentagemain {
        padding-bottom: 0;
        position: unset;
        display: none;
    }
}

@media (max-width:991px) {
    .quizquemain .singlequediv .answercheckdiv {
        /* flex-wrap: wrap; */
        width: 100%;
    }

    .quizquemain .singlequediv .disagreemain,
    .quizquemain .singlequediv .agreemain {
        display: none;
    }

    .quizquemain .h4plusdiv {
        display: flex !important;
    }

    .quizquemain .quizdetailpara {
        display: none;
    }

    .quizquemain .singlequediv .answersinglediv {
        width: 20%;
    }

    .quizquemain .quizheaddiv .testh4plus {
        margin-bottom: 5px;
    }
}

@media (max-width:475px) {
    .quizquemain .singlequediv .answersinglediv.strongly .answercircleinner {
        width: 50px;
        height: 50px;
    }

    .quizquemain .singlequediv .answersinglediv.normalsize .answercircleinner {
        width: 40px;
        height: 40px;
    }

    .quizquemain .singlequediv .answersinglediv.netural .answercircleinner {
        width: 25px;
        height: 25px;
    }

    .quizquemain .singlequediv .answername {
        font-size: 10px;
    }
}

@media (min-width:375px) and (max-width:475px) {
    .quizquemain .singlequediv .answername {
        font-size: 14px;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .quizquemain .quizheaddiv .h4plusdiv {
        height: 30px;
        width: 25px;
        margin-top: 15px;
    }
}

/* quiz que man section css end */

/* shareonmedia css  */
.shareonmedia {
    padding: 20px 0;
}

.shareonmedia .mainscoialbox {
    padding: 25px;
    background: linear-gradient(296.08deg, #FFD7E7 3.37%, #D7F3FF 99.28%);
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    text-align: center;
}

.shareonmedia .mainscoialbox h4 {
    color: #222;
    font-weight: 500;
    font-size: 32px;
    margin-bottom: 15px;
}

.shareonmedia .mainscoialbox p {
    color: #666;
    font-weight: 500;
    font-size: 18px;
    margin-bottom: 15px;
    width: 90%;
    margin: 0 auto;
}

.shareonmedia .mainscoialbox .socialiconsdiv {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    padding: 30px 0;
    width: 450px;
    margin: 0 auto;
    max-width: 100%;
}

.shareonmedia .mainscoialbox .socialiconsdiv .singlesocialicons:last-child {
    margin-right: 0;
}

.shareonmedia .mainscoialbox .socialiconsdiv .singlesocialicons {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
}

.shareonmedia .mainscoialbox .socialiconsdiv .singlesocialicons_model {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    margin-bottom: 10px;
}




@media (max-width:767px) {
    .shareonmedia {
        padding: 30px 0;
    }

    .shareonmedia .mainscoialbox h4 {
        font-size: 26px;
    }

    .shareonmedia .mainscoialbox p {
        font-size: 16px;
    }

    .shareonmedia .mainscoialbox .socialiconsdiv .singlesocialicons {
        height: 50px;
        width: 50px;
    }

    .shareonmedia .mainscoialbox {
        padding: 20px;
    }

    .shareonmedia .mainscoialbox .socialiconsdiv {
        padding: 15px 0;
    }
}

@media (max-width:991px) {}

/* shareonmedia css end */



/* registertorecieve css */
.registertorecieve {
    padding: 60px 0;
}

.registertorecieve .mainregisterrecievebox {
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #222;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.registertorecieve .recievetitlebox {
    background: linear-gradient(296.08deg, #FFD7E7 3.37%, #D7F3FF 99.28%);
    border-radius: 10px;
    padding: 20px 10px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 25px;
}

.registertorecieve .recievetitlebox h4 {
    font-weight: 600;
    font-size: 28px;
    margin-bottom: 0;
}

.registertorecieve .stepsmainbox {
    padding: 0 15px;
}

.registertorecieve .stepsli {
    font-weight: 400;
    font-size: 18px;
    color: #666;
    line-height: 1.5;
    margin-bottom: 10px;
}

.registertorecieve .stepsli b {
    color: #222;
    font-weight: 600;
}

.registertorecieve .stepsul {
    padding-left: 15px;
}

.registertorecieve .stesimagediv {
    height: 400px;
    width: auto;
}

.registertorecieve .stesimagediv img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.registertorecieve .notereceiveregister {
    font-weight: 500;
    font-size: 16px;
    color: #666;
    font-style: italic;
    line-height: 1.7;
    text-align: center;
    width: 85%;
    margin: 0 auto;
}

.registertorecieve .notereceiveregister b {
    font-weight: 600;
    color: #222;
    font-style: normal;
}

.registertorecieve .registerunlockbtndiv {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px 0;
}

.registertorecieve .registerunlockbtndiv .unlockbtn img {
    margin-left: 10px;
}

.registertorecieve .registerunlockbtndiv .unlockbtn {
    box-shadow: none;
    outline: 0;
    border: 0;
    border-radius: 30px;
    background-color: #EE2376;
    color: #fff;
    font-weight: 600;
    padding: 0 15px;
    font-size: 18px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    height: 50px;
    min-width: 160px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}


@media (max-width:767px) {
    .registertorecieve {
        padding: 30px 0;
    }

    .registertorecieve .recievetitlebox {
        padding: 15px;
    }

    .registertorecieve .recievetitlebox h4 {
        font-size: 24px;
    }

    .registertorecieve .stesimagediv {
        height: 300px;
        margin-bottom: 15px;
    }

    .registertorecieve .stepsli {
        font-size: 16px;
    }

    .registertorecieve .registerunlockbtndiv .unlockbtn {
        font-size: 14px;
    }

    .registertorecieve .notereceiveregister {
        font-size: 14px;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .registertorecieve .stesimagediv {
        height: 300px;
        margin-bottom: 15px;
    }
}

/* registertorecieve css end */

/* resultmain css */
.resultmain {
    padding: 20px 0;
}

.resultmain .mainresultbox {
    padding: 5px;
    border-radius: 10px;
    border: 1px solid #222;
    -webkit-border-radius: 10px;
}

.resultmain .topgraddiv {
    background: linear-gradient(296.08deg, #FFD7E7 3.37%, #D7F3FF 99.28%);
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 25px;
}

.resultmain .boldresultmaindiv {
    padding: 0 15px;
}

.resultmain .boldresultmaindiv .resultimgdivbox {
    height: 200px;
    width: auto;
    overflow: hidden;
}

.resultmain .boldresultmaindiv .resultimgdivbox img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.resultmain .maintopreusltrow {
    align-items: center;
    margin-bottom: 25px;
}

.resultmain .maintopreusltrow .mainboldtitlediv {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.resultmain .maintopreusltrow .titleboldresult {
    width: 83%;
}

.resultmain .maintopreusltrow .mainreultperctgediv {
    width: 14%;
    border-radius: 10px;
    font-weight: 700;
    font-size: 26px;
    padding: 10px 0;
    background-color: #FFD9E8;
    display: flex;
    justify-content: center;
    align-items: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.resultmain .maintopreusltrow h5 {
    font-weight: 700;
    font-size: 28px;
    color: #222;
    margin-bottom: 15px;
}

.resultmain .maintopreusltrow .titleboldresult a {
    font-weight: 800;
    font-size: 32px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 0;
    text-decoration: none;
}

.resultmain .otherresultsrow .othersinglebox,
.resultmain .otherresultsrow .otherresultrangediv {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.resultmain .otherresultsrow .resultslistdiv {
    margin-bottom: 25px;
}

.resultmain .otherresultsrow .otherresulttitle {
    width: 45%;
    font-weight: 700;
    font-size: 22px;
    color: #222222;
    text-decoration: none;
}

.resultmain .otherresultsrow .otherresulttitle.top23 {
    color: #186181;
}

.resultmain .otherresultsrow .otherresultrangediv {
    width: 53%;
}

.resultmain .otherresultsrow .otherresultrangediv span {
    color: #222222;
    font-weight: 600;
    font-size: 24px;
}

.resultmain .otherresultsrow .otherresultrangediv .percentagegreyline {
    width: 65%;
    margin: 0;
    height: 10px;
}

.resultmain .otherresultsrow .otherresultrangediv .percentageblueline {
    height: 10px;
}

.resultmain .paranexttext {
    padding: 20px 0 0;
}

.resultmain .paranexttext p {
    text-align: center;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.5;
    color: #666666;
}

.resultmain .paranexttext .nextbtndiv {
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.resultmain .nextbtndiv .nextatag .nextarrow {
    margin-left: 10px;
}

.resultmain .nextbtndiv .nextatag {
    background-color: #EE2376;
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    min-height: 55px;
    min-width: 250px;
    width: fit-content;
    padding: 0 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

@media (max-width:767px) {

    .resultmain .otherresultsrow .othersinglebox,
    .resultmain .maintopreusltrow .mainboldtitlediv {
        flex-wrap: wrap;
    }

    .resultmain .otherresultsrow .otherresulttitle,
    .resultmain .maintopreusltrow .titleboldresult,
    .resultmain .otherresultsrow .otherresultrangediv {
        width: 100%;

    }

    .resultmain .otherresultsrow .otherresultrangediv span,
    .resultmain .otherresultsrow .otherresulttitle {
        font-size: 18px;
    }

    .resultmain .maintopreusltrow h4 {
        font-size: 26px;
        text-align: center;
    }

    .resultmain .maintopreusltrow h5 {
        font-size: 24px;
        text-align: center;
    }

    .resultmain .boldresultmaindiv .resultimgdivbox {
        height: 180px;
        margin-bottom: 15px;
    }

    .resultmain .maintopreusltrow .mainreultperctgediv {
        width: 30%;
        margin: 10px auto 0;
    }

    .resultmain {
        padding: 30px 0;
    }

    .resultmain .paranexttext p {
        font-size: 14px;
    }

    .resultmain .nextbtndiv .nextatag {
        font-size: 20px;
    }
}

@media (max-width:991px) and (min-width:768px) {
    .resultmain .otherresultsrow .otherresulttitle {
        font-size: 18px;
    }

    .resultmain .maintopreusltrow h4 {
        font-size: 26px;
    }

    .resultmain .otherresultsrow .otherresultrangediv span {
        font-size: 20px;
    }
}

@media (max-width:992px) {}

/* resultmain css end */


/*storemainisection css */
.storemainisection {
    padding: 60px 0;
}

.stickermainstore .stickersinglerow {
    margin-bottom: 25px;
}

.stickermainstore .stickersinglediv.active {
    border-color: #186181;
}

.stickermainstore .stickersinglediv {
    padding: 25px;
    background-color: #F3F3F3;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    cursor: pointer;
    border: 2px solid transparent;
    position: relative;
}

.stickermainstore .stickerheaddiv {
    margin-bottom: 15px;
    margin-top: 20px;
}

.stickermainstore .stickerheaddiv h5 {
    color: #161C2D;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 0;
    text-align: center;
}

.stickermainstore .stickervisiblebox {
    margin-bottom: 25px;
}

.stickermainstore .stickerboximg {
    width: 100%;
    height: 80px;
}

.stickermainstore .stickerboximg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.stickermainstore .stickerbtndiv,
.thememainstore .themebtndiv {
    display: flex;
    justify-content: center;
    padding: 25px 0;
}

.stickermainstore .buystickerbtn,
.themebtndiv .buythemebtn {
    width: 300px;
    max-width: 95%;
    background-color: #EE2376;
    border-radius: 30px;
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    min-height: 55px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.stickermainstore .buystickerbtn .mdi,
.themebtndiv .buythemebtn .mdi {
    margin-left: 10px;
}

.thememainstore .themevisiblebox.active .themeboximg {
    border-color: #186181;
}

.thememainstore .themeboximg {
    width: 100%;
    height: 370px;
    overflow: hidden;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    position: relative;
    border: 2px solid transparent;
    cursor: pointer;
}

.thememainstore .themeboximg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.themevisiblebox {
    margin-bottom: 25px;
}

.thememainstore .overlaytheme {
    background: linear-gradient(180deg, rgba(128, 64, 108, 0.1) 0%, rgba(184, 145, 179, 0) 0%, rgba(0, 0, 0, 0.1) 0.01%, rgba(0, 0, 0, 0.2) 55.6%, rgba(0, 0, 0, 0.5) 96.18%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.storemainfilterbtndiv {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 40px;
}

.storemainfilterbtndiv .commonstorefilterbtn.active {
    background-color: #FFD9E8;
}

.storemainfilterbtndiv .commonstorefilterbtn:first-of-type {
    margin-left: 0;
}

.storemainfilterbtndiv .commonstorefilterbtn {
    background-color: #ECECEC;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #222222;
    font-weight: 600;
    font-size: 22px;
    border-radius: 10px;
    padding: 15px;
    width: 180px;
    max-width: 90%;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-left: 20px;
    cursor: pointer;
}

.stickersinglediv.active .activetickdiv,
.themevisiblebox.active .activetickdiv {
    display: flex;
}

.activetickdiv {
    display: none;
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    overflow: hidden;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    top: 10px;
    right: 10px;
}

.activetickdiv img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.themeboximg .contentbox {
    position: absolute;
    bottom: 10px;
    width: 100%;
    height: auto;
    z-index: 2;
    font-weight: 500;
    font-size: 22px;
    color: #fff;
    padding: 15px 10px;
}

@media (max-width:767px) {
    .stickermainstore .stickerheaddiv h5 {
        font-size: 20px;
    }

    .stickermainstore .stickervisiblebox {
        margin-bottom: 15px;
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .stickermainstore .stickervisiblebox {
        margin-bottom: 15px;
    }
}

/*storemainisection css end */


/* payment css */
.paymentsection {
    padding: 60px 0;
    display: flex;
    justify-content: center;
}

.paymentsection .mainpaymentdiv {
    background: linear-gradient(296.08deg, #FFD7E7 3.37%, #D7F3FF 99.28%);
    padding: 50px;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    width: 80%;
    margin: 0 auto;
}

.paymentsection .paymnetcol {
    margin-bottom: 25px;
}

.paymentsection .mainpaymentdiv .commoninputdiv p {
    margin-bottom: 5px;
    color: #333333;
    font-size: 16px;
}

.paymentsection .mainpaymentdiv .commoninputrequest {
    width: 100%;
    border: 0;
    border-radius: 25px;
    height: 50px;
    padding: 15px;
    padding-right: 40px;
    outline: none;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    color: #999999;
    font-size: 16px;
}

.paymentsection .loginflowbtndiv {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15px 0 0;
}

.paymentsection .loginflowbtndiv .commoninputbtn.Cancelbtn {
    background-color: #186181;
    margin-right: 15px;
}

.paymentsection .loginflowbtndiv .commoninputbtn.Cancelbtn .prevarrow {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    margin-right: 10px;
}

.paymentsection .loginflowbtndiv .commoninputbtn .nextarrow {
    margin-left: 10px;
}

.paymentsection .loginflowbtndiv .commoninputbtn {
    height: 50px;
    width: 220px;
    max-width: 100%;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 25px;
    background-color: #EE2376;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    position: relative;
}

@media (max-width:767px) {
    .paymentsection {
        padding: 30px 0;
    }

    .paymentsection .mainpaymentdiv {
        width: 100%;
        padding: 25px 15px;
    }

    .paymentsection .loginflowbtndiv {
        flex-wrap: wrap;
    }

    .paymentsection .loginflowbtndiv .commoninputbtn.Cancelbtn {
        margin: 0 0 15px;
    }

    .paymentsection .loginflowbtndiv .commoninputbtn {
        width: 85%;
    }
}

/* payment css end */


/* starterpac css */
.starterpack {
    padding: 60px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.starterPack .StarterPackMain {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #c9f5e3;
    border-radius: 10px;
    border-top: 5px solid #4c9677;
    padding: 20px;
    width: 48%;
    margin: 0 auto 25px;
    position: relative;
    /* max-width: 600px; */
}

.starterPack .starterTitle {
    font-size: 18px;
    font-weight: 600;
    color: #000;
    margin-bottom: 20px;
}

.starterPack .starterDesc {
    font-size: 14px;
    color: #000;
}

.starterPack .starterDeskColor {
    color: #31778f;
}

.starterPack .packAmount {
    font-size: 30px;
    color: #ee2376;
    font-weight: 700;
    margin-bottom: 0;
}

.starterPack .packDate {
    font-size: 14px;
    color: #000;
}

@media (max-width:768px) {
    .starterPack .StarterPackMain {
        flex-direction: column-reverse;
        width: 100%;
    }
}

@media (min-width:768px) and (max-width:991px) {
    .starterPack .StarterPackMain {
        flex-direction: column-reverse;
    }
}

@media (max-width:575px) {

    .starterPack .righttStarter,
    .starterPack .leftStarter {
        text-align: center;
    }

    .starterPack .starterTitle,
    .starterPack .starterDesc {
        margin-bottom: 5px;
    }
}

/* starterpac css end */



/* starter vertical */
.starterPackVertical {
    padding: 60px 0;
}

.starterPackVertical .StarterPackMain .topflagdiv.populardiv {
    background-image: url("../images/yellowflag.png");
    background-size: cover;
}

.starterPackVertical .StarterPackMain .topflagdiv.bestsellerdiv {
    background-image: url("../images/greenflag.png");
    background-size: cover;

}

.starterPackVertical .StarterPackMain.populardiv .topflagdiv.populardiv,
.starterPackVertical .StarterPackMain.bestsellerdiv .topflagdiv.bestsellerdiv {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.starterPackVertical .StarterPackMain .topflagdiv {
    position: absolute;
    height: 28px;
    min-width: 130px;
    right: 0;
    top: 15px;
    display: none;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
    padding-right: 5px;
}

.starterPackVertical .StarterPackMain {
    display: flex;
    flex-wrap: wrap;
    background-color: #c9f5e3;
    border-radius: 10px;
    border-top: 5px solid #4c9677;
    padding: 50px 15px 15px;
    width: 100%;
    height: 100%;
    position: relative;
}

.starterPackVertical .cointextmaindiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 15px;
}

.starterPackVertical .cointextmaindiv .coinpartside {
    width: 70px;
    height: 36px;
}

.starterPackVertical .cointextmaindiv .cointextdivpart {
    width: calc(100% - 75px);
    height: auto;
}


.starterPackVertical .cointextmaindiv .cointextdivpart span,
.starterPackVertical .cointextmaindiv .cointextdivpart p {
    margin-bottom: 0;
    font-size: 16px;
    color: #186181;
    font-weight: 500;
}

.starterPackVertical .cointextmaindiv .cointextdivpart p {
    font-size: 14px;
    font-weight: 700;
}

.starterPackVertical .cointextmaindiv .coinpartside img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.starterPackVertical .StarterPackMain.pinkpackclass .getpresalediv {
    background-color: #EABFF5;
    border-color: #BF72D3;
}

.starterPackVertical .StarterPackMain.pinkpackclass .lastspancolor {
    background-color: #BF72D3;
}

.starterPackVertical .StarterPackMain.pinkpackclass {
    background-color: #F6D4FF;
    border-color: #BF72D3;
}

.starterPackVertical .StarterPackMain.orangepackclass {
    background-color: #FBD1D1;
    border-color: #DA6868;
}

.starterPackVertical .StarterPackMain.orangepackclass .lastspancolor {
    background-color: #DA6868;
}

.starterPackVertical .StarterPackMain.orangepackclass .getpresalediv {
    background-color: #F9B9B9;
    border-color: #DA6868;
}

.starterPackVertical .StarterPackMain.bluepackclass {
    background-color: #BADEF8;
    border-color: #3C7FAF;
}

.starterPackVertical .StarterPackMain.bluepackclass .getpresalediv {
    background-color: #9FD4FB;
    border-color: #3C7FAF;
}

.starterPackVertical .StarterPackMain.bluepackclass .lastspancolor {
    background-color: #3C7FAF;
}


.starterPackVertical .leftStarter {
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-wrap: wrap;
}

.starterPackVertical .starterTitle {
    font-size: 28px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
    width: 100%;
    text-align: center;
    word-break: break-all;
}

.starterPackVertical .starterDesc {
    font-size: 14px;
    color: #000;
    text-align: center;
    width: 100%;
    font-weight: 500;
    font-size: 20px;
}

.starterPackVertical .starterDeskColor {
    color: #31778f;
}

.starterPackVertical .lastspancolor {
    color: #fff;
    background-color: #4C9677;
    border-radius: 10px;
    display: flex;
    width: 90%;
    padding: 5px;
    justify-content: center;
    align-items: center;
    margin: 10px auto 0;
}

.starterPackVertical .webstorebonusdiv span {
    position: absolute;
    display: flex;
    top: 8px;
    right: 10px;
    border-radius: 50%;
    overflow: hidden;
    height: 25px;
    width: 25px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.starterPackVertical .pricemainspans {
    margin: 10px 0;
}

.starterPackVertical .webstorebonusdiv {
    margin: 10px 0;
    border-radius: 25px;
    background-color: #fff;
    color: #186181;
    font-weight: 600;
    font-size: 16px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    width: 100%;
    /* min-width: 260px; */
    padding: 8px 20px;
    margin: 10px 0;
    position: relative;
    height: 40px;
}

.starterPackVertical .webstorebonusdiv span img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.starterPackVertical .packAmount {
    font-size: 32px;
    color: #ee2376;
    font-weight: 700;
    margin-bottom: 0;
    margin-right: 5px;
}

.starterPackVertical .packDate {
    font-size: 18px;
    color: #186181;
    font-weight: 600;
}

.starterPackVertical .starterPackBtn img {
    margin-left: 10px;
}

.starterPackVertical .packverticalpara {
    font-weight: 500;
    color: #666666;
    font-size: 18px;
    margin-bottom: 0;
    margin-top: 30px;
    text-align: center;
}

.starterPackVertical .starterPackBtn {
    border-radius: 40px;
    padding: 10px 20px;
    border: none;
    box-shadow: none;
    background-color: #ee2376;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    color: #fff;
    min-width: 180px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    text-decoration: none;
}

.starterPackVertical .getpresalediv b {
    font-size: 12px;
    font-style: italic;
    font-weight: 500;
}

.starterPackVertical .getpresalediv {
    border-radius: 15px;
    padding: 10px;
    border: 1px solid;
    font-weight: 600;
    font-size: 14px;
    color: #186181;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    margin: 15px 0;
    width: 100%;
    background-color: #A7EDD0;
    text-align: center;
}

.starterPackVertical .getpresalediv .tiecoinsdivpre {
    font-weight: 700;
    font-size: 20px;
    text-align: center;
    margin-top: 10px;
    color: #EE2376;
}

.starterPackVertical .getpresalediv .presaletextdiv span {
    height: 20px;
    width: 20px;
    display: inline-block;
}

.starterPackVertical .getpresalediv .presaletextdiv span img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.starterPackVertical h4 {
    font-weight: 800;
    font-size: 34px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
    line-height: 1.7;
    width: fit-content;
    margin: 0 auto;
}

@media (max-width: 575px) {
    .starterPackVertical .StarterPackMain {
        flex-direction: column-reverse;
    }

    .starterPackVertical .righttStarter,
    .starterPackVertical .leftStarter {
        text-align: center;
    }

    .starterPackVertical .starterTitle,
    .starterPackVertical .starterDesc {
        margin-bottom: 5px;
    }

    .starterPackVertical .webstorebonusdiv {
        text-align: left;
    }
}

@media (max-width:767px) {
    .starterPackVertical {
        padding: 30px 0;
    }

    .starterPackVertical .packverticalpara {
        font-size: 16px;
        margin-top: 20px;
    }
}


/* starter vertical end */
.slidrsticker {
    padding: 60px 0;
    background: linear-gradient(296.08deg, #FFD7E7 3.37%, #D7F3FF 99.28%);

}

.slidrsticker .stickersinglediv {
    max-width: 95%;
    padding: 25px;
    background-color: #F3F3F3;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
    cursor: pointer;
    border: 2px solid transparent;
    position: relative;
    width: 100%;
    height: 100%;
}

.slidrsticker .stickervisiblebox {
    margin-bottom: 25px;
}

.slidrsticker .stickerboximg {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.slidrsticker .stickerboximg img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.slidrsticker .themeboximg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.slidrsticker .overlaytheme {
    background: linear-gradient(180deg, rgba(128, 64, 108, 0.1) 0%, rgba(184, 145, 179, 0) 0%, rgba(0, 0, 0, 0.1) 0.01%, rgba(0, 0, 0, 0.2) 55.6%, rgba(0, 0, 0, 0.5) 96.18%);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.slidrsticker .themeboximg {
    width: 100%;
    height: 370px;
    overflow: hidden;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    position: relative;
    border: 2px solid transparent;
}

.slidrsticker h5 {
    font-weight: 600;
    background: none;
    -webkit-text-fill-color: unset;
    font-size: 22px;
    color: #161C2D;
    margin-bottom: 15px;
    text-align: center;
}

.slidrsticker h4 {
    font-weight: 800;
    font-size: 34px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
    line-height: 1.7;
    width: fit-content;
    margin: 0 auto 15px;
}

.slidrsticker p {
    text-align: center;
    font-size: 16px;
    font-weight: 600;
    color: #666;
    margin-bottom: 30px;
}

.slidrsticker .item {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.themesectionslider {
    background: #fff;
}

.themesectionslider .themevisiblebox {
    width: 100%;
}

.themesectionslider .themevisiblebox .themeboximg .contentbox {
    bottom: 15px;
}

@media (max-width:767px) {
    .themesectionslider .themevisiblebox {
        width: 95%;
    }

    .slidrsticker {
        padding: 30px 0;
    }

    .slidrsticker h4 {
        font-size: 26px;
        text-align: center;
    }

    .starterPackVertical h4 {
        font-size: 26px;
    }
}

/* referandearn section */
.refermainsection {
    background: #fff;
}

.refermainsection .rederbtndiv {
    margin: 25px 0 15px;
}

.refermainsection .starterPackBtn img {
    margin-left: 15px;
}

.refermainsection .starterPackBtn {
    border-radius: 40px;
    padding: 10px 20px;
    border: none;
    box-shadow: none;
    background-color: #ee2376;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    width: 240px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 500;
}

.refermainsection .linkinputdiv {
    margin-top: 25px;
    width: 90%;
    position: relative;
}

.refermainsection .copydivlink {
    position: absolute;
    right: 15px;
    height: 40px;
    width: 40px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #186181;
    top: 7px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    cursor: pointer;
}

.refermainsection .copylinkinput {
    outline: none;
    border: none;
    box-shadow: none;
    background-color: #ECECEC;
    border-radius: 8px;
    width: 100%;
    height: 55px;
    padding: 5px 15px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    color: #666666;
    font-weight: 500;
    font-size: 18px;
}

/* referandearn section end*/


/* paymentcouponsection css */
.paymentcouponsection {
    padding: 60px 0 0;
}

.paymentcouponsection .maincoupondiv {
    padding: 10px 10px 20px;
    border-radius: 10px;
    border: 1px solid #222;
    -webkit-border-radius: 10px;
    width: 80%;
    margin: 0 auto;
}

.paymentcouponsection .topgraddiv {
    background: linear-gradient(296.08deg, #FFD7E7 3.37%, #D7F3FF 99.28%);
    border-radius: 10px;
    padding: 10px;
    text-align: center;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 25px;
}

.paymentcouponsection .maincouponrow {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.paymentcouponsection .commonparationdiv {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49%;
}

.paymentcouponsection .commonparationdiv .coinsimgdiv {
    width: 80%;
    height: 180px;
}

.paymentcouponsection .commonparationdiv .innerinuptdiv p {
    font-weight: 600;
    font-size: 20px;
    color: #333;
}

.paymentcouponsection .commonparationdiv .coinsimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.paymentcouponsection .headingcoupondiv {
    padding: 0 15px;
    text-align: center;
}

.paymentcouponsection h5 {
    font-weight: 800;
    font-size: 28px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
    line-height: 1.5;
    width: fit-content;
    margin: 0 auto 20px;
}

.paymentcouponsection .couponapplydiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.paymentcouponsection .applycoupon {
    background-color: #EBEBEB;
    border-radius: 15px;
    height: 50px;
    width: calc(100% - 150px);
    color: #666666;
    font-weight: 500;
    font-size: 20px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    border: 0;
    box-shadow: none;
    outline: 0;
    padding: 15px;
}

.paymentcouponsection .applycopuonbtn {
    height: 40px;
    width: 130px;
    max-width: 100%;
    border: none;
    box-shadow: none;
    outline: none;
    border-radius: 25px;
    background-color: #EE2376;
    color: #fff;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
    position: relative;
}

@media (max-width:767px) {
    .paymentcouponsection {
        padding: 30px 0;
    }

    .paymentcouponsection h5 {
        font-size: 26px;
    }

    .paymentcouponsection .commonparationdiv {
        width: 100%;
        margin-top: 20px;
    }

    .paymentcouponsection .commonparationdiv .innerinuptdiv p {
        text-align: center;
    }

    .paymentcouponsection .maincoupondiv {
        width: 100%;
    }

    .paymentcouponsection .headingcoupondiv {
        padding: 0;
    }
}

@media (max-width:991px) {
    .paymentcouponsection .applycopuonbtn {
        width: 100%;
        margin-top: 15px;
    }

    .paymentcouponsection .applycoupon {
        width: 100%;
    }
}

/* paymentcouponsection css end */

/* articlelistingsection css */
.toparticlemain.articlelisisection {
    padding: 80px 0;
    background: #fff;
}

.toparticlemain.articlelisisection .maindivcard {
    margin-bottom: 40px;
}

.articlelisisection .mainlistpageination {
    display: flex;
    flex-wrap: wrap;
}

.articlelisisection .articlepaginationnumnber ul {
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

.articlelisisection .articlepaginationnumnber {
    margin-top: 20px;
}

.articlelisisection .articlepaginationnumnber .paginationjs-prev.disabled,
.articlelisisection .articlepaginationnumnber .paginationjs-next.disabled {
    background-color: #aab2b9;
}

.articlelisisection .articlepaginationnumnber .paginationjs-prev a,
.articlelisisection .articlepaginationnumnber .paginationjs-next a {
    color: #94979b;
    font-weight: 700;
    font-size: 26px;
}

.articlelisisection .articlepaginationnumnber li {
    margin: 0 5px;
    height: 40px;
    width: 40px;
    border-radius: 7px;
    border: 1px solid #DFE3E8;
    background-color: #fff;
}

.articlelisisection .articlepaginationnumnber li a {
    font-weight: 700;
    font-size: 16px;
    color: #000;
    text-decoration: none;
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.articlelisisection .articlepaginationnumnber li.active a {
    color: #EE2376;
}

.articlelisisection .articlepaginationnumnber li.active {
    border-color: #EE2376;
}

@media (max-width:767px) {
    .articlelisisection .articlepaginationnumnber li {
        margin-bottom: 10px;
    }

    .articlelisisection .articlepaginationnumnber ul {
        flex-wrap: wrap;
    }
}

/* articlelistingsection css end */


/* articledetailsection css */
.articledetailsection {
    padding: 150px 0 60px;
}

.articledetailsection .articleheadingmain h5 {
    font-size: 32px;
    font-weight: 700;
    color: #0B163F;
    margin-bottom: 25px;
}

.articledetailsection .artilcedatediv .mdi {
    font-size: 32px;
}

.articledetailsection .artilcedatediv p {
    font-size: 20px;
}

.articledetailsection .articlebannerimgdiv {
    width: 840px;
    max-width: 90%;
    height: 400px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-top: 20px;
}

.articledetailsection .articlebannerimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.articledetailsection .articleparadiv {
    padding: 30px 0;
    position: relative;
}

.articledetailsection .articleparadiv p {
    color: #666666;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.7;
}

.articledetailsection .articleparadiv h6 {
    color: #222222;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 15px;
}

.articledetailsection .overlayparadiv {
    display: flex;
    position: relative;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

/* .articledetailsection .overlayparadiv h6,
.articledetailsection .overlayparadiv p {
    filter: blur(5px);
} */

.articledetailsection .headingoverlay p {
    filter: unset;
}

.articledetailsection .overlaydivofpara {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    /* background: linear-gradient(180.04deg, rgba(243, 243, 243, 0.8) -2.84%, rgba(243, 243, 243, 0.8) 49.1%, #F3F3F3 99.97%); */
    background-color: #fff;
}

.articledetailsection .headingoverlay {
    position: absolute;
    top: 10%;
    width: 100%;
}

.articledetailsection .headingoverlay h5 {
    font-weight: 800;
    font-size: 38px;
    width: fit-content;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    width: 85%;
    margin: 0 auto;
    text-align: center;
}

.articledetailsection .headingoverlay p {
    font-weight: 500;
    font-size: 18px;
    width: 70%;
    margin: 15px auto;
    text-align: center;
    color: #666;
    margin-bottom: 15px;
}

.articledetailsection .headingoverlay p b {
    font-weight: 700;
    color: #000;
}

.articledetailsection .ordernowbtn,
.articledetailsection .continuereadingbtn {
    box-shadow: none;
    outline: 0;
    border: 0;
    border-radius: 30px;
    background-color: #EE2376;
    color: #fff;
    font-weight: 700;
    padding: 0 15px;
    font-size: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    height: 50px;
    min-width: 180px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    margin: 15px auto;
}

.articledetailsection .nextarrowclass {
    margin-left: 10px;
}

.articledetailsection .purchasedpara {
    font-size: 20px;
    font-weight: 600;
}

.articledetailsection .platform-single:hover {
    border-color: #EE2376;
}

.articledetailsection .continuereadingbtn {
    background-color: #D3D3D3;
    width: 450px;
    max-width: 80%;
    color: #000;
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 35px;
    height: 60px;
}

.articledetailsection .gotostoremaindiv {
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #000;
    padding: 15px;
    width: 80%;
    margin: 15px auto;
}

.articledetailsection .gotostoremaindiv .purchasedpara {
    color: #333333;
    font-size: 20px;
    font-weight: 600;
    width: 100%;
}

.articledetailsection .gotostoremaindiv .gostorebtn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.articledetailsection .gotostoremaindiv .ordernowbtn {
    margin: 0;
    height: 60px;
    width: 55%;
}

.articledetailsection .gotostoremaindiv .storegradientdiv {
    background: linear-gradient(276.98deg, #FFD7E7 -28.24%, #D7F3FF 99.04%);
    height: 25px;
    width: 100%;
    border-radius: 25px;
}

.articledetailsection .addcommentmaindiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 25px;
    flex-wrap: wrap;
}

.articledetailsection .addcommentmaindiv .commentuserimgdiv,
.articledetailsection .addcommentmaindiv .postcommentdiv {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    height: 60px;
    width: 60px;
}

.articledetailsection .addcommentmaindiv .postcommentdiv {
    background-color: #EE2376;
    padding: 15px;
}

.articledetailsection .addcommentmaindiv .commentuserimgdiv img,
.articledetailsection .addcommentmaindiv .postcommentdiv img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.articledetailsection .addcommentmaindiv .commentinputdiv {
    height: 50px;
    width: calc(100% - 150px);
    border-radius: 25px;
    overflow: hidden;
}

.articledetailsection .addcommentmaindiv .commentinputdiv .addcommentinput {
    height: 100%;
    width: 100%;
    background-color: #DFDFDF;
    border: none;
    box-shadow: none;
    outline: 0;
    font-size: 18px;
    font-weight: 400;
    padding: 5px 15px;
}

.articledetailsection .addcommentmaindiv .viewallcomentdiv {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
    flex-wrap: wrap;
}

.articledetailsection .addcommentmaindiv .viewallhead {
    width: 75%;
    font-weight: 700;
    font-size: 28px;
    color: #000;
}

.articledetailsection .addcommentmaindiv .viewallhead span {
    font-weight: 500;
    font-size: 18px;
    color: #000;
    margin-left: 5px;
}

.articledetailsection .addcommentmaindiv .viewallbtndiv {
    width: 25%;
    display: flex;
    justify-content: flex-end;
}

.articledetailsection .addcommentmaindiv .viewcommeta {
    box-shadow: none;
    outline: 0;
    border: 0;
    border-radius: 30px;
    background-color: #EE2376;
    color: #fff;
    font-weight: 700;
    padding: 0 25px;
    font-size: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    height: 45px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

@media (max-width:767px) {
    .articledetailsection .articleheadingmain h5 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .articledetailsection .articlebannerimgdiv {
        max-width: 100%;
        height: 250px;
    }

    .articledetailsection .articleparadiv p {
        font-size: 16px;
        margin-bottom: 0;
    }

    .articledetailsection .articleparadiv {
        padding: 15px 0;
    }

    .articledetailsection .continuereadingbtn {
        max-width: 100%;
        font-size: 20px;
    }

    .articledetailsection .headingoverlay {
        top: 5%;
    }

    .articledetailsection .headingoverlay h5 {
        width: 100%;
        font-size: 22px;
        word-wrap: break-word;
    }

    .articledetailsection .headingoverlay p {
        width: 100%;
    }

    .articledetailsection .orderonlinediv {
        flex-wrap: wrap;
    }

    .articledetailsection .orderonline-para {
        margin-bottom: 10px;
    }

    .articledetailsection {
        padding-bottom: 30px;
    }

    .articledetailsection .gotostoremaindiv {
        width: 95%;
        padding: 10px;
    }

    .articledetailsection .gotostoremaindiv .purchasedpara {
        font-size: 16px;
    }

    .articledetailsection .gotostoremaindiv .ordernowbtn {
        width: 95%;
        margin-top: 15px;
        font-size: 18px;
        font-weight: 600;
        height: 50px;
    }

    .articledetailsection .addcommentmaindiv .commentuserimgdiv,
    .articledetailsection .addcommentmaindiv .postcommentdiv {
        height: 40px;
        width: 40px;
    }

    .articledetailsection .addcommentmaindiv .commentinputdiv {
        width: calc(100% - 100px);
        height: 40px;
    }

    .articledetailsection .addcommentmaindiv .postcommentdiv {
        padding: 10px;
    }

    .articledetailsection .addcommentmaindiv .viewallhead {
        font-size: 22px;
    }

    .articledetailsection .addcommentmaindiv .viewcommeta {
        font-size: 16px;
    }
}

@media (max-width:525px) {

    .articledetailsection .addcommentmaindiv .viewallhead,
    .articledetailsection .addcommentmaindiv .viewallbtndiv {
        width: 100%;
        display: flex;
        justify-content: flex-start;
    }

    .articledetailsection .addcommentmaindiv .viewallbtndiv {
        margin-top: 10px;
    }


}

/* articledetailsection css end */


/* relationshipstylesection css */
.relationshipstylesection {
    padding: 60px 0;
}

.relationshipstylesection .stylesmaindivupper {
    background: linear-gradient(296.08deg, #FFD7E7 3.37%, #D7F3FF 99.28%);
    border-radius: 10px;
    overflow: hidden;
    padding-bottom: 10px;
}

.relationshipstylesection .styleheadmain {
    background: linear-gradient(114.29deg, #F65D82 4.43%, #787EEE 99.52%);
    border-radius: 10px;
    padding: 15px;
    color: #fff;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
}

.relationshipstylesection .stylesnamemaindiv {
    padding: 15px;
    max-height: 500px;
    overflow: auto;
}

.relationshipstylesection .stylesnamemaindiv .stylesnamesingle {
    color: #161C2D;
    font-weight: 600;
    font-size: 20px;
    padding: 10px 0;
    padding-left: 35px;
    position: relative;
    cursor: pointer;
}

.relationshipstylesection .stylesnamesingle .styleactiveicon {
    display: none;
    position: absolute;
    right: -15px;
    top: 10px;
    height: 28px;
    width: 23px;
}

.relationshipstylesection .stylesnamesingle .styleactiveicon img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.relationshipstylesection .stylesnamesingle.active .styleactiveicon {
    display: block;
}

.relationshipstylesection .overlaystylediv {
    position: relative;
}

.relationshipstylesection .stylesinglecontentdiv h5 {
    color: #161C2D;
    font-size: 32px;
    font-weight: 600;
    margin: 15px 0 30px;
}

.relationshipstylesection .stylesinglecontentdiv p {
    color: #666;
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 25px;
}

.relationshipstylesection .stylesinglecontentdiv p:last-child {
    margin-bottom: 0;
}

.relationshipstylesection .stylesnamesingle.proshowlass .proicondiv {
    display: flex;
}

.relationshipstylesection .proicondiv {
    position: absolute;
    display: none;
    left: -10px;
    top: 10px;
    width: 35px;
    height: 35px;
}

.relationshipstylesection .proicondiv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.relationshipstylesection .proicondiv img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.relationshipstylesection .stylesinglecontentdiv.proshowlass .textoverlaydiv {
    display: flex;
}

.relationshipstylesection .overlaystylediv .textoverlaydiv {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
    background: linear-gradient(180.04deg, rgba(243, 243, 243, 0.8) -2.84%, rgba(243, 243, 243, 0.8) 49.1%, #F3F3F3 99.97%);
}

.relationshipstylesection .overlaystylediv .textmaindiv {
    max-width: 90%;
    text-align: center;
}

.relationshipstylesection .overlaystylediv h5 {
    font-weight: 800;
    font-size: 28px;
    width: fit-content;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.relationshipstylesection .overlaystylediv .ugradepro {
    border-radius: 40px;
    padding: 10px 20px;
    border: none;
    box-shadow: none;
    background-color: #ee2376;
    color: #fff;
    max-width: 290px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 55px;
    text-decoration: none;
}

@media (max-width:767px) {
    .relationshipstylesection {
        padding: 30px 0;
    }

    .relationshipstylesection .styleheadmain {
        font-size: 20px;
    }

    .relationshipstylesection .stylesnamemaindiv .stylesnamesingle {
        font-size: 18px;
        padding-left: 30px;
    }

    .relationshipstylesection .stylesnamesingle.proshowlass .proicondiv {
        height: 30px;
        width: 30px;
    }

    .relationshipstylesection .stylesinglecontentdiv h5 {
        font-size: 26px;
        margin-top: 25px;
        margin-bottom: 15px;
    }

    .relationshipstylesection .stylesinglecontentdiv p {
        font-size: 16px;
    }
}

/* relationshipstylesection css end */

/* loader css */
.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #bbb9b985;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999999;
}

.loader img {
    width: auto;
    height: 250px;
}

/* loader css end */

/* popup css */
.pop-up-main {
    padding: 0;
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    width: 100%;
    z-index: 99999;
}

.pop-up-main .overlay-div {
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    width: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
}

.popup-contentbox {
    position: relative;
    z-index: 2;
    box-shadow: 0px 2px 4px 0px #0000000D;
    background: #fff;
    border-radius: 5px;
    height: auto;
    width: 90vw;
    max-width: 600px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.popup-header,
.popup-body {
    width: 100%;
    padding: 20px;
}

.popup-title {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 0;
    line-height: 40px;
}

.close-popup {
    border-radius: 50%;
    background-color: #D9D9D9;
    position: absolute;
    top: 20px;
    right: 20px;
    height: 40px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.popup-body {
    padding-top: 0;
    max-height: calc(95vh - 100px);
    overflow: auto;
}

.articledetailsection .articledetailsection {
    max-height: calc(75vh - 100px);
    min-height: 350px;
    overflow: auto;
}

.articledetailsection .box-comment {
    display: flex;
    padding-bottom: 15px;
}

.articledetailsection .box-comment .commentuserimgdiv {
    height: 45px;
    width: 45px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.articledetailsection .comment-user-img {
    height: 100%;
    width: 100%;
    /* object-fit: contain; */
    object-fit: cover;
}

.articledetailsection .commentbox {
    padding-left: 15px;
    width: calc(100% - 45px);
}

.articledetailsection .name-flag-div {
    position: relative;
}

.articledetailsection .comt-username {
    margin-bottom: 0;
    font-weight: 600;
    font-size: 16px;
    color: #333;
}

.articledetailsection .comment-full {
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    color: #666;
    padding-right: 10px;
}

.articledetailsection .comment-time {
    margin-bottom: 0;
    font-weight: 500;
    font-size: 12px;
    color: #EE2376;
}

/* popup css end */



/* CommercialUseLicense */
.CommercialUseLicense {
    padding: 60px 0;
}

.CommercialUseLicense h4 {
    font-size: 28px;
    color: #000;
    margin-bottom: 20px;
}

.CommercialUseLicense p {
    font-size: 16px;
    color: #333;
    margin-bottom: 0;
}

/* CommercialUseLicense end */
/* new feedback css 11/3 */
@media (max-width:767px) {
    .loginflow {
        min-height: 100vh;
        background-color: #FFE5F0;
    }

    .rightsidepart-form .loginformdiv.registerform {
        max-width: 100%;
    }
}

@media (max-width:320px) {
    .rightsidepart-form .loginformdiv {
        width: 260px !important;
    }
}

/* new feedback css 11/3 end */



/* transactionsection */
.transactionsection {
    padding: 60px 0;
}

.transactionsection .transactioncoinmain {
    width: 350px;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.transactionsection .transactioncoinmain .mytiecoin {
    width: 50%;
    color: #222;
    font-size: 26px;
    font-weight: 700;
}

.transactionsection .coinimgdiv {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: auto;
    padding-left: 37px;
    color: #186382;
    font-weight: 600;
    background-color: #FCE1EC;
    position: relative;
    border-radius: 40px;
    -webkit-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    padding-right: 10px;
}

.transactionsection .coinicondiv {
    position: absolute;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    left: -10px;
}

.transactionsection .coinicondiv img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.transactionsection .bluetransdivmain {
    margin: 15px 0;
    background-color: #E7F8FF;
    padding: 10px 0;
}

.transactionsection .transactiondatefull {
    color: #1A1A1A;
    font-size: 20px;
    font-weight: 600;
}

.transactionsection .transactioncardsmain {
    padding: 20px 0;
}

.transactionsection .singletranscard {
    background-color: #F3F3F3;
    border-radius: 15px;
    overflow: hidden;
    padding: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
    width: 100%;
}

.transactionsection .singletranscard .transdetaildiv {
    width: 65%;
}

.transactionsection .singletranscard .transcoindetaildiv {
    width: 34%;
}

.transactionsection .singletranscard h4 {
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
}

.transactionsection .commonsplitofferdiv {
    width: fit-content;
    font-size: 12px;
    font-weight: 400;
    padding: 2px 5px;
    margin-bottom: 10px;
    border-radius: 5px;
    overflow: hidden;
}

.transactionsection .commonsplitofferdiv span {
    display: none;
}

.transactionsection .splitclass {
    color: #4340B8;
    background-color: #DAD9FF;
}

.transactionsection .offerclass {
    color: #066743;
    background-color: #AAFFE0;
}

.transactionsection .splitclass .splitspan,
.transactionsection .offerclass .offerspan {
    display: flex;
}

.transactionsection .usernamedivtrans {
    display: flex;
    align-items: center;
}

.transactionsection .usernamedivtrans .transimgdiv {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 10px;
}

.transactionsection .usernamedivtrans .transimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.transactionsection .usernamedivtrans p {
    color: #666666;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 0;
}

.transactionsection .transcoindetaildiv .greenclass .coinimgdiv {
    color: #1BAB55;
}

.transactionsection .transcoindetaildiv .coinstranschistory {
    display: flex;
    justify-content: flex-end;
}

.transactionsection .transcoindetaildiv .coinimgdiv {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: fit-content;
    padding-left: 35px;
    font-size: 18px;
    color: #222222;
    font-weight: 600;
    background-color: #F3F3F3;
    position: relative;
}

.transactionsection .transcoindetaildiv .coinicondiv {
    position: absolute;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    left: 0;
}

.transactionsection .transcoindetaildiv p {
    color: #999;
    font-size: 13px;
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 10px;
    text-align: right;
}

@media (max-width:767px) {
    .transactionsection .singletranscard .transdetaildiv {
        width: 59%;
    }

    .transactionsection .singletranscard .transcoindetaildiv {
        width: 40%;
    }

    .transactionsection .transactioncoinmain {
        justify-content: space-evenly;
    }

    .transactionsection {
        padding: 30px 0;
    }
}

/* transactionsection end */

/* searchpagesection css */
.searchpagesection {
    padding: 130px 0 60px;
}

.searchpagesection .searchmaindiv,
.searchpagesection .searchresultsdiv {
    width: 610px;
    max-width: 100%;
}

.searchpagesection .searchmaindiv h4 {
    color: #0B163F;
    font-size: 36px;
    font-weight: 700;
    margin-bottom: 20px;
}

.searchpagesection .searchbtnmaindiv {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 80%;
}

.searchpagesection .searchbtnmaindiv .inputsearch {
    width: calc(100% - 75px);
    border-radius: 35px;
    height: 60px;
    overflow: hidden;
}

.searchpagesection .searchbtnmaindiv .inputsearch input {
    background-color: #DFDFDF;
    height: 100%;
    width: 100%;
    border: 0;
    box-shadow: none;
    outline: 0;
    font-size: 16px;
    font-weight: 600;
    color: #333333;
    padding: 10px 20px;
}

.searchpagesection .searchbtnmaindiv .searchbtn {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #EE2376;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.searchpagesection .searchresultsdiv {
    margin-top: 30px;
}

.searchpagesection .searchresultsdiv .searchsinglediv {
    text-decoration: none;
    margin-bottom: 30px;
    display: flex;
    flex-wrap: wrap;
}

.searchpagesection .searchresultsdiv .searchsinglediv h4 {
    font-size: 20px;
    color: #3059CE;
    font-weight: 600;
    margin-bottom: 10px;
}

.searchpagesection .searchresultsdiv .searchsinglediv p {
    font-size: 16px;
    color: #666666;
    font-weight: 400;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0;
}

.searchpagesection .founddetails {
    display: flex;
    align-items: center;
    color: #222222;
    font-size: 22px;
    margin-bottom: 30px;
    font-weight: 700;
}

.searchpagesection .founddetails .founditemsdiv {
    height: 40px;
    width: 40px;
    background-color: #FFD9E8;
    border-radius: 50%;
    overflow: hidden;
    margin-left: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #333;
    font-size: 16px;
    font-weight: 600;
}

@media (max-width:767px) {
    .searchpagesection {
        padding: 110px 0 30px;
    }

    .searchpagesection .searchmaindiv h4 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    .searchpagesection .searchbtnmaindiv {
        width: 100%;
    }

    .searchpagesection .searchbtnmaindiv .searchbtn {
        width: 50px;
        height: 50px;
    }

    .searchpagesection .searchbtnmaindiv .inputsearch {
        height: 50px;
        width: calc(100% - 60px);
    }

    .searchpagesection .searchresultsdiv {
        margin-top: 20px;
    }

    .searchpagesection .founddetails {
        margin-bottom: 20px;
    }
}

/* searchpagesection css end */

/* bookrecognitionsection css */
.bookrecognitionsection {
    padding: 60px 0;
}

.bookrecognitionsection .singleeditorial p {
    color: #020113;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 9;
    -webkit-box-orient: vertical;
}

.bookrecognitionsection .singleeditorial .quotedivmain {
    position: absolute;
    height: 120px;
    width: 120px;
    top: -10px;
    left: 5px;
}

.bookrecognitionsection .singleeditorial .quotedivmain img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.bookrecognitionsection .singleeditorial .readeditoialmore {
    text-decoration: none;
    color: #EE2376;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.bookrecognitionsection .singleeditorial .readeditoialmore span {
    margin-left: 5px;
    padding-top: 3px;
    height: auto;
    width: 24px;
    display: flex;
}

.bookrecognitionsection .singleeditorial .readeditoialmore span img {
    height: auto;
    width: 100%;
}

.bookrecognitionsection .singleeditorial {
    background-color: #F3F3F3;
    border-radius: 15px;
    padding: 2px;
    position: relative;
    margin-bottom: 30px;
    background-image: linear-gradient(#F3F3F3, #F3F3F3), linear-gradient(279.59deg, #186382 0%, #EE2376 99.64%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.bookrecognitionsection .postedusermaindiv {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 20px;
}

.bookrecognitionsection .posteduserstarsdiv {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.bookrecognitionsection .posteduserstarsdiv .startsingle:first-of-type {
    margin-left: 0;
}

.bookrecognitionsection .posteduserstarsdiv .startsingle {
    margin-left: 5px;
}

.bookrecognitionsection .posteduser h4 {
    color: #222222;
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 5px;
}

.bookrecognitionsection .posteduser p {
    color: #666666;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
}

.bookrecognitionsection .posteduser,
.bookrecognitionsection .readersfavdiv,
.bookrecognitionsection .posteduserstarsdiv {
    width: 33%;
}

.bookrecognitionsection .readersfavdiv {
    height: 70px;
    width: 320px;
}

.bookrecognitionsection .readersfavdiv img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.bookrecognitionsection .awardsmaindiv {
    display: flex;
    flex-wrap: wrap;
}

.bookrecognitionsection .awardssingle h4 {
    font-weight: 700;
    font-size: 30px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 5px;
    width: fit-content;
}

.bookrecognitionsection .awardssingle {
    width: calc(50% - 10px);
    background-color: #F3F3F3;
    padding: 2px;
    border-radius: 15px;
    position: relative;
    text-align: center;
    margin-bottom: 20px;
    margin-right: 20px;
    background-image: linear-gradient(#F3F3F3, #F3F3F3), linear-gradient(279.59deg, #186382 0%, #EE2376 99.64%);
    background-origin: border-box;
    background-clip: content-box, border-box;
}

.bookrecognitionsection .awardssingle:only-of-type {
    margin: 0 auto;
}

.bookrecognitionsection .awardssingle:nth-child(2n) {
    margin-right: 0;
}

.bookrecognitionsection .awardssingle p {
    color: #020113;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 0;
}

.bookrecognitionsection .awardssingle .awardimgdiv {
    height: 180px;
    width: 180px;
    overflow: hidden;
    margin-bottom: 20px;
}

.bookrecognitionsection .awardssingle .awardimgdiv img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.bookrecognitionsection .editorawardsbtndiv {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 25px;
}

.bookrecognitionsection .editorawardsbtndiv .commonawardeditrbtn:first-of-type {
    margin-left: 0;
}

.bookrecognitionsection .editorawardsbtndiv .commonawardeditrbtn.active {
    background-color: #FFD9E8;
}

.bookrecognitionsection .editorawardsbtndiv .commonawardeditrbtn {
    background-color: #ECECEC;
    border-radius: 10px;
    color: #222222;
    font-size: 24px;
    font-weight: 600;
    margin-left: 15px;
    min-height: 60px;
    min-width: 250px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    cursor: pointer;
}

.bookrecognitionsection .singleeditorial .innerecogintiondiv {
    padding: 20px;
    width: 100%;
}

.bookrecognitionsection .awardssingle .innerecogintiondiv {
    padding: 15px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media (max-width:767px) {
    .bookrecognitionsection .awardssingle {
        width: 100%;
        margin-right: 0;
    }

    .bookrecognitionsection .awardssingle h4 {
        font-size: 24px;
    }

    .bookrecognitionsection .awardssingle p {
        font-size: 16px;
    }

    .bookrecognitionsection .postedusermaindiv {
        flex-wrap: wrap;
    }

    .bookrecognitionsection .posteduser,
    .bookrecognitionsection .readersfavdiv,
    .bookrecognitionsection .posteduserstarsdiv {
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .bookrecognitionsection .posteduser h4 {
        font-size: 22px;
    }

    .bookrecognitionsection .posteduser p {
        font-size: 16px;
    }

    .bookrecognitionsection {
        padding: 30px 0;
    }
}

@media (max-width:545px) {

    .bookrecognitionsection .editorawardsbtndiv .commonawardeditrbtn:first-of-type,
    .bookrecognitionsection .editorawardsbtndiv .commonawardeditrbtn {
        margin: 0 auto 15px;
        /* margin-bottom: 15px; */
        font-size: 18px;
        height: 50px;
        width: 200px;
    }

    .bookrecognitionsection .editorawardsbtndiv {
        justify-content: space-between;
    }
}

/* bookrecognitionsection css end */

/* popup section css */

.popupsection .popup-contentbox {
    max-height: 80vh;
    height: 420px;
    width: 90vw;
    max-width: 950px;
    border-radius: 32px;
    background-image: url("../images/popupbgimg.png");
    background-size: cover;
    /* overflow: hidden; */
}

.popupsection .close-popup {
    top: -15px;
    right: -15px;
    background-color: #fff;
    box-shadow: 0px 0px 15px 0px #00000040;
}

.popupsection .popup-body {
    padding: 0 25px;
    display: flex;
    justify-content: space-between;
    height: 100%;
    border-radius: 32px;
    max-height: unset;
}

.popupsection .ordernowbtn {
    box-shadow: none;
    outline: 0;
    border: 0;
    border-radius: 30px;
    background-color: #EE2376;
    color: #fff;
    font-weight: 700;
    padding: 0 15px;
    font-size: 20px;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    height: 50px;
    min-width: 160px;
    width: fit-content;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.popupsection .popupuldiv {
    margin-bottom: 20px;
}

.popupsection .maincontentbox h4 {
    font-weight: 800;
    font-size: 28px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
}

.popupsection .popupuldiv .popuplist {
    font-weight: 600;
    font-size: 16px;
    color: #000;
    margin-bottom: 10px;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.popupsection .popupuldiv .popuplist::before {
    content: url("../images/popuplisticon.png");
    height: 20px;
    width: 20px;
    display: inline-flex;
    margin-right: 10px;
    margin-top: 5px;
}

.popupsection .leftpopupdiv {
    width: 45%;
    margin: auto 0;
}

.popupsection .maincontentbox {
    padding: 20px 0;
}

.popupsection .rightpartimg {
    height: 320px;
    width: 55%;
    overflow: hidden;
    margin: auto 0;
}

.popupsection .cloudimfdiv {
    position: absolute;
    bottom: -4px;
    right: 1px;
    height: 150px;
    width: 200px;
    border-radius: 0 0 32px 0;
    overflow: hidden;
    z-index: -1;
}

.popupsection .cloudimfdiv img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.popupsection .rightpartimg img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

@media (max-width:767px) {
    .popupsection .popup-body {
        flex-wrap: wrap;
    }

    .popupsection .leftpopupdiv,
    .popupsection .rightpartimg {
        width: 100%;
    }

    .popupsection .cloudimfdiv {
        display: none;
    }

    .popupsection .popupsignupbtn {
        display: flex;
        justify-content: center;
    }

    .popupsection .maincontentbox h4 {
        font-size: 22px;
    }

    .popupsection .popup-body {
        padding: 20px;
    }

    .popupsection .popup-contentbox {
        min-height: 80vh;
    }

    .popupsection .rightpartimg {
        height: 200px;
        margin-top: 25px;
    }
}

@media (max-height:480px) {
    .popupsection .rightpartimg {
        margin: 20px 0;
    }
}

/* popup section css end */



/*test page new css 24/4/24 */
.quizquemain .singlequediv .answersinglediv:nth-child(1) .answercircleinner,
.quizquemain .singlequediv .answersinglediv:nth-child(2) .answercircleinner {
    border: 2px solid #1DB172;
}

.quizquemain .singlequediv .answersinglediv:nth-child(3) .answercircleinner {
    border: 2px solid #848484;
}

.quizquemain .singlequediv .answersinglediv:nth-child(5) .answercircleinner,
.quizquemain .singlequediv .answersinglediv:nth-child(4) .answercircleinner {
    border: 2px solid #AE3E3E;
}

.quizquemain .singlequediv .answersinglediv:nth-child(1) .answercircleinner.active,
.quizquemain .singlequediv .answersinglediv:nth-child(2) .answercircleinner.active {
    background-image: url("../images/greenactive.png")
}

.quizquemain .singlequediv .answersinglediv:nth-child(3) .answercircleinner.active {
    background-image: url("../images/greyactive.png")
}

.quizquemain .singlequediv .answersinglediv:nth-child(5) .answercircleinner.active,
.quizquemain .singlequediv .answersinglediv:nth-child(4) .answercircleinner.active {
    background-image: url("../images/redactive.png")
}

/*test page end css 24/4/24 */


/* new upcoming event css */

.upcomingeventsmain .locationmainbox {
    margin-bottom: 10px;
}

.upcomingeventsmain .datemaindiv,
.upcomingeventsmain .timemaindiv {
    width: 49%;
    justify-content: unset !important;
}

.upcomingeventsmain .artilcecontentmain p {
    margin-left: 5px;
    color: #EE2376;
    font-size: 13px;
    margin-bottom: 0;
    font-weight: 600;
}

.upcomingeventsmain .locationmainbox,
.upcomingeventsmain .artilcedatediv,
.upcomingeventsmain .datemaindiv,
.upcomingeventsmain .timemaindiv,
.upcomingeventsmain .ticketsboxmain {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.upcomingeventsmain .locationmainbox .mdi {
    font-size: 28px;
    color: #666666;
    max-width: 40px;
}

.upcomingeventsmain .locationmainbox .locationname {
    font-size: 18px;
    color: #666666;
    font-weight: 500;
    width: calc(100% - 40px);
}

.upcomingeventsmain .ticketsboxmain .ticketcost {
    color: #EE2376;
    font-size: 22px;
    font-weight: 600;
    width: 40%;
}

.upcomingeventsmain .ticketsboxmain .getticketdiv {
    box-shadow: none;
    outline: 0;
    border: 0;
    border-radius: 30px;
    background-color: #EE2376;
    color: #fff;
    font-weight: 700;
    padding: 0 15px;
    font-size: 18px;
    height: 45px;
    max-width: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.upcomingeventsmain .artilcedatediv .mdi {
    font-size: 21px;
}

.upcomingeventsmain .eventlinks {
    color: #161C2D;
    font-weight: 600;
    font-size: 20px;
    line-height: 1.5;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
    min-height: 60px;
}

@media (max-width:525px) {
    .upcomingeventsmain .artilcecontentmain .artilcedatediv {
        flex-wrap: wrap;
    }

    .upcomingeventsmain .datemaindiv,
    .upcomingeventsmain .timemaindiv {
        width: 100%;
    }
}

@media (max-width:1199px) and (min-width:768px) {

    .upcomingeventsmain .datemaindiv,
    .upcomingeventsmain .timemaindiv {
        width: 100%;
    }

    .upcomingeventsmain .artilcecontentmain .artilcedatediv {
        flex-wrap: wrap;
    }
}

@media (max-width:991px) {
    .upcomingeventsmain .ticketsboxmain .ticketcost {
        font-size: 18px;
    }

    .upcomingeventsmain .ticketsboxmain .getticketdiv {
        max-width: 135px;
        min-width: unset;
        font-size: 16px;
    }
}

/* new upcoming event css end */


/* event listing page css */
.eventlistingsection {
    background: #fff;
}

.eventlistingsection .articlecard {
    background: linear-gradient(138.95deg, #FFD7E7 14.21%, #D7F3FF 100%);
}

/* .eventlistingsection .artilcecontentmain {
    background: linear-gradient(138.95deg, #FFD7E7 14.21%, #D7F3FF 100%);
} */

.eventlistingsection .maindivcard {
    margin-top: 30px;
}

.eventlistingsection .titlehiddenevent {
    display: none;
}

@media (max-width:991px) {
    .eventlistingsection .maindivcard {
        margin-bottom: 0;
    }
}

/* event listing page css end */

/* eventdetailspage css */
.eventdetailsection {
    padding: 150px 0 60px;
}

.eventdetailsection .eventheadingmain h5 {
    font-size: 32px;
    font-weight: 700;
    color: #0B163F;
    margin-bottom: 25px;
}

.eventdetailsection .eventbannerimgdiv {
    width: 840px;
    max-width: 90%;
    height: 400px;
    overflow: hidden;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-top: 20px;
}

.eventdetailsection .eventbannerimgdiv img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.eventdetailsection .eventpriceandticketmainbox {
    display: flex;
    align-items: center;
    margin: 30px 0;
}

.eventdetailsection .eventpriceandticketmainbox p {
    color: #EE2376;
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 0;
    margin-right: 30px;
}

.eventdetailsection .eventhugeticket {
    box-shadow: none;
    outline: 0;
    border: 0;
    border-radius: 35px;
    background-color: #EE2376;
    color: #fff;
    font-weight: 700;
    padding: 0 25px;
    font-size: 24px;
    height: 65px;
    width: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-decoration: none;
}

.eventdetailsection .nextarrow {
    margin-left: 10px;
}

.eventdetailsection .eventsinfosdiv {
    background-color: #F3F3F3;
    border-radius: 20px;
    padding: 25px;
    height: 100%;
}

.eventdetailsection .eventsinfosdiv p {
    color: #161C2D;
    font-size: 22px;
    font-weight: 600;
}

.eventdetailsection .eventsinfosdiv .innerinfospara {
    color: #EE2376;
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 5px;
}

.eventdetailsection .eventsinfosdiv .bottomparatext {
    color: #666666;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    margin-left: 5px;
    margin-top: 10px;
}

.eventdetailsection .eventsinfosdiv .innerboxevents {
    display: flex;
}

.eventdetailsection .eventsinfosdiv .mdi {
    color: #EE2376;
    font-size: 22px;
}

.eventdetailsection .innersecondbox {
    display: flex;
    flex-wrap: wrap;
}

.eventdetailsection .eventsinfosdivmainupper {
    margin-bottom: 30px;
}


@media (max-width:767px) {
    .eventdetailsection {
        padding-bottom: 30px;
    }

    .eventdetailsection .eventheadingmain h5 {
        font-size: 26px;
        margin-bottom: 15px;
    }

    .articledetailsection .eventbannerimgdiv {
        max-width: 100%;
        height: 250px;
    }

    .eventdetailsection .eventpriceandticketmainbox {
        flex-wrap: wrap;
    }

    .eventdetailsection .eventhugeticket {
        height: 50px;
        font-size: 18px;
    }

    .eventdetailsection .eventbannerimgdiv {
        max-width: 100%;
    }
}

/* eventdetailspage css end */

/* eventiframe css */
.eventmapiframesection {
    padding: 30px 0;
}

.eventmapiframesection .mainiframebox {
    height: 350px;
    width: 100%;
    max-width: 780px;
}

.eventmapiframesection .mainiframebox iframe {
    height: 100%;
    width: 100%;
}

/* eventiframe css end */

.articlecard a {
    text-decoration: none;
}

@media (min-width:1200px) {
    .upcomingeventsmain .timemaindiv {
        justify-content: flex-end !important;
    }
}


.artilcedatediv {
    justify-content: space-between;
}

.innerdatebox {
    display: flex;
    align-items: center;
    width: calc(100% - 55px);
}

.sharepopupdivbox {
    height: 45px;
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.sharepopupdivbox img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.share-popup .sharemain .share-listdiv {
    padding: 15px 0;
    max-width: 300px;
    margin: 0 auto;
    text-align: center;
}

.share-popup .sharemain .social-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    width: 315px;
    /* padding: 0 15px; */
}

.share-popup .sharemain .social-list .social-icons {
    height: 50px;
    width: 50px;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

.share-popup .sharemain .social-list .social-icons a {
    display: flex;
    height: 100%;
    width: 100%;
    padding: 12px;
}

.share-popup .sharemain .social-list .social-icons img {
    height: 100%;
    width: 100%;
    object-fit: contain;
}

.share-popup .copy-linkdiv {
    padding: 25px 0 15px;
}

.share-popup .copy-input {
    position: relative;
}

.share-popup .copy-input .copy-link-input {
    width: 100%;
    height: 50px;
    border-radius: 10px;
    border: 1px solid #DFDFDF;
    outline: none;
    box-shadow: none;
    padding: 0 125px 0 15px;
}

.share-popup .copy-input .copy-link {
    width: 100px;
    height: 35px;
    border-radius: 6px;
    border: none;
    outline: none;
    box-shadow: none;
    position: absolute;
    top: calc(50% - 17.5px);
    right: 10px;
    background-color: #EE2376;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
}

.share-popup .sharemain .share-listdiv .share-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.share-popup .sharemain .popup-header {
    border-bottom: 1px solid #DFDFDF;
}

.share-popup .copy-linkdiv .copy-title {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0;
}

.share-popup .popup-contentbox {
    width: 800px;
}

.tabeventbox {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.tabeventbox .singleeventtab.active {
    background-color: #FFD9E8;
}

.tabeventbox .singleeventtab {
    padding: 5px 15px;
    background-color: #ECECEC;
    color: #222222;
    font-size: 18px;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    width: fit-content;
    margin-right: 15px;
    border-radius: 10px;
    height: 45px;
    cursor: pointer;
    margin-bottom: 10px;
}

.tabeventbox .singleeventtab:last-child {
    margin-right: 0;
}

@media (max-width:767px) {
    .sharepopupdivbox {
        height: 35px;
        width: 35px;
    }

    .innerdatebox {
        width: calc(100% - 40px);
    }

    .share-popup .popup-contentbox {
        width: 95%;
    }

    .share-popup .popup-body {
        padding: 15px;
    }

    .share-popup .sharemain .social-list .social-icons {
        width: 45px;
        height: 45px;
    }

    .share-popup .sharemain .social-list {
        width: 275px;
    }
}


.Faq {
    position: relative;
    padding: 60px 0;
}

.Faq .accordion-item,
.Faq .accordion-button,
.Faq .accordion-item:first-of-type .accordion-button,
.Faq .accordion-item:last-of-type .accordion-button.collapsed,
.Faq .accordion-item:not(:first-of-type),
.Faq .accordion-item:first-of-type,
.Faq .accordion-item:last-of-type {
    border-radius: 15px;
    background-color: #fff7e4;
    color: #333333;
    font-weight: 600;
}

.Faq .col-md-12 .accordion-item:first-child {
    margin-top: 0;
}

.Faq .accordion-item {
    margin: 25px 0;
    border: none;
}

.Faq .accordion-item,
.Faq .accordion-button,
.Faq .accordion-item:first-of-type .accordion-button,
.Faq .accordion-item:last-of-type .accordion-button.collapsed,
.Faq .accordion-item:not(:first-of-type),
.Faq .accordion-item:first-of-type,
.Faq .accordion-item:last-of-type {
    border-radius: 15px;
    background-color: #FFD9E8;
    color: #333333;
    font-weight: 600;
    outline: none;
    box-shadow: none;
}

.Faq .accordion-button:not(.collapsed) {
    color: #333;
    box-shadow: none;
}

.Faq .accordion-button:not(.collapsed)::after {
    content: "\2212";
    color: #f7f7ff;
    background-color: #186181;
}

.Faq .accordion-button::after {
    content: "\002B";
    font-size: 25px;
    font-weight: 500;
    background-image: none;
    width: 35px;
    height: 35px;
    border-radius: 5px;
    color: #186181;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 20px;
}

.Faq .accordion-body {
    color: #666;
    font-size: 1em;
    font-weight: 500;
    padding-top: 0;
}

.Faq .accordion-button {
    min-height: 95px;
}

.Faq .accordion-button {
    padding: 25px;
    padding-right: 60px;
    transition: ease 0.3s;
    font-size: 20px;
    font-weight: 600;
    position: relative;
}

@media (max-width:767px) {
    .Faq {
        padding: 30px 0;
    }

    .Faq .accordion-button {
        padding: 15px;
        padding-right: 55px;
        font-size: 18px;
    }

    .Faq .accordion-body {
        padding: 0 15px 15px;
    }
}

.whatmakeuniue .uniquemaincard .uniquetextdiv p.descriptionofcard {
    font-size: 16px;
    font-weight: 500;
    color: #666666;
    margin-top: 10px;
    line-height: 2.2;
}

.whatmakeuniue .uniquemaincard {
    height: calc(100% - 25px);
}

.whatmakeuniue .halfparationrow {
    padding-top: 0;
}

.whatmakeuniue .halfparationrow .uniquemaincard {
    align-items: flex-start;
}

@media (max-width:575px) {
    .whatmakeuniue .uniquemaincard .uniquetextdiv p.descriptionofcard {
        line-height: unset;
        margin-left: -75px;
        width: calc(100% + 75px);
    }

    .whatmakeuniue .uniquemaincard .uniquetextdiv p {
        min-height: 60px;
        display: flex;
        align-items: center;
    }
}

.whychooseterritie .whychoosecontentdiv h5 {
    font-weight: 800;
    font-size: 28px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 25px;
    width: fit-content;
}

.whychooseterritie .ulmaindiv .headimgicondiv {
    display: flex;
    align-items: center;
}

.whychooseterritie .ulmaindiv .iconboxchoose {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    margin-right: 10px;
    background-color: #EE2376;
    padding: 10px;
}

.whychooseterritie .ulmaindiv .singlelimain {
    margin-bottom: 10px;
}

.whychooseterritie .ulmaindiv .headchoosediv {
    height: calc(100% - 60px);
    font-weight: 600;
    color: #222;
    font-size: 20px;
}

.whychooseterritie .ulmaindiv .choooseparabox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 60px;
    font-weight: 500;
    color: #666;
    font-size: 16px;
    line-height: 1.7;
}

.whychooseterritie {
    padding: 60px 0 150px;
    margin-bottom: -100px;
    background: linear-gradient(296.08deg, #FFD7E7 3.37%, #D7F3FF 99.28%);
}

.whychooseterritie .whychooseimgdiv {
    width: 100%;
    height: 450px;
}

.whychooseterritie .whychooseimgdiv img,
.whychooseterritie .iconboxchoose img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.whychooseterritie .ulmaindiv .singlelimain:last-of-type {
    margin-bottom: 0;
}

@media (max-width:767px) {
    .whychooseterritie .whychoosecontentdiv h5 {
        font-size: 26px;
    }

    .whychooseterritie .ulmaindiv .iconboxchoose {
        height: 45px;
        width: 45px;
    }

    .whychooseterritie .ulmaindiv .headchoosediv {
        width: calc(100% - 50px);
    }

    .whychooseterritie .ulmaindiv .choooseparabox {
        padding-left: 50px;
    }

    .whychooseterritie {
        padding: 30px 0 100px;
    }
}

@media (max-width:991px) {
    .whychooseimgdiv {
        margin-top: 15px;
    }
}

#data-container .artilcedatediv {
    justify-content: unset;
}


/* 17/7/24 newunveiling and video css start */
.unveiling-main.newunveiling .bottomimgtextdiv,
.unveiling-main.newunveiling .unveiling-contentdiv p {
    font-size: 14px;
}

.unveiling-main.newunveiling .ordermainlist,
.unveiling-main.newunveiling .criticsmainbox {
    display: flex;
    flex-wrap: wrap;
}

.unveiling-main.newunveiling .ordermainlist p {
    font-size: 14px;
    margin: 15px 0;
    color: #666;
    font-weight: 500;
    width: 100%;
}

.unveiling-main.newunveiling .unveiling-contentdiv .orderonlinediv {
    margin-top: 0;
}

.unveiling-main.newunveiling .unveiling-contentdiv .orderonlinediv:first-of-type {
    margin-right: 20px;
}

.unveiling-main.newunveiling .orderonlinediv .orderonline-para {
    font-size: 18px;
    width: 160px;
}

.unveiling-main.newunveiling .unveiling-imgdiv .patternimgdiv {
    height: 205px;
    width: 95px;
    top: 33%;
}

.unveiling-main.newunveiling .criticsmainbox {
    margin: 15px 0 0;
}

.unveiling-main.newunveiling .criticscontent {
    max-width: calc(100% - 195px);
    color: #222;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
}

.unveiling-main.newunveiling .criticsrecognition {
    width: 180px;
    border-radius: 50px;
    background-color: #186181;
    margin-left: 15px;
}

.unveiling-main.newunveiling .criticsrecognition .recogtag {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 10px 0;
}

@media (max-width:475px) {

    .unveiling-main.newunveiling .criticscontent,
    .unveiling-main.newunveiling .criticsrecognition {
        max-width: 100%;
    }

    .unveiling-main.newunveiling .criticsrecognition {
        margin-left: 10px;
        margin-top: 15px;
    }
}

@media (max-width:1199px) {
    .unveiling-main.newunveiling .unveiling-imgdiv .patternimgdiv {
        height: 190px;
        width: 75px;
        top: 48%;
    }

    .unveiling-main.newunveiling .unveiling-contentdiv .orderonlinediv:first-of-type {
        margin-right: 15px;
    }

    .unveiling-main.newunveiling .unveiling-contentdiv .orderonlinediv:first-of-type .orderonline-para {
        width: 140px;
    }

    .unveiling-main.newunveiling .unveiling-contentdiv .orderonlinediv:first-of-type .online-platformdiv {
        width: calc(100% - 140px);
    }

    .unveiling-main.newunveiling .orderonlinediv .orderonline-para {
        width: 150px;
    }

    .unveiling-main.newunveiling .unveiling-contentdiv .online-platformdiv {
        width: calc(100% - 150px);
    }
}

@media (min-width:1400px) {
    .unveiling-main.newunveiling .unveiling-imgdiv .patternimgdiv {
        height: 205px;
        width: 95px;
        top: 25%;
    }
}


/* -------------------------- */


.videosection {
    padding: 60px 0;
}

.videosection .maincontentvideo h5 {
    font-weight: 800;
    font-size: 28px;
    background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
}

.videosection .maincontentvideo p {
    font-size: 16px;
    line-height: 2;
    color: #666;
    margin-bottom: 0;
    font-weight: 500;
}

.videosection .videorelationstylebtn {
    background-color: #EE2376;
    border-radius: 50px;
    display: flex;
    width: 320px;
    max-width: 100%;
    margin-top: 20px;
}

.videosection .videorelationstylebtn .videobtnrelation {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    padding: 13px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
}

.videosection .videorelationstylebtn .nextarrow {
    margin-left: 10px;
}

.videosection .btnsandtextvideo p {
    color: #222;
    font-size: 18px;
    font-weight: 600;
}

.videosection .twobtndivbox {
    display: flex;
    flex-wrap: wrap;
}

.videosection .twobtndivbox .videoblueatag:last-of-type {
    margin-right: 0;
}

.videosection .twobtndivbox .videoblueatag {
    width: fit-content;
    padding: 12px 15px;
    background-color: #186181;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    margin-right: 15px;
}

.videosection .videotagmainbox .videoplaybox {
    width: 100%;
    height: 300px;
    border-radius: 25px;
    overflow: hidden;
    margin-bottom: 20px;
    position: relative;
}

.videosection .videotagmainbox .videoplaybtn {
    position: absolute;
    top: calc(50% - 40px);
    left: calc(50% - 40px);
}

.videosection .videotagmainbox .playbtnvideo {
    height: 100%;
    width: 100%;
}

.videosection .videotagmainbox .playbtnvideo .thumbnaiimg {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.videosection .videoplaybox video {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

@media (max-width:767px) {
    .videosection .videotagmainbox .videoplaybox {
        height: 160px;
    }

    .videosection .btnsandtextvideo p {
        font-size: 16px;
    }

    .videosection .twobtndivbox .videoblueatag {
        margin-bottom: 10px;
    }

    .videosection .maincontentvideo h5 {
        font-size: 24px;
    }

    .videosection .maincontentvideo p {
        line-height: 1.5;
    }

    .videosection .videotagmainbox .videoplaybtn {
        height: 40px;
        width: 40px;
        top: calc(50% - 20px);
        left: calc(50% - 20px);
    }
}

.videosection .buttonspart{
    display: flex;
    flex-wrap: wrap;
}
.videosection .buttonspart .videorelationstylebtn{
 margin-top: 0;
 margin-left: 15px;
}

/* 17/7/24 newunveiling and video css end */


/* 25/11/24 css */
@media (max-width: 767px) {
    .yellowbox {
      position: sticky;
      top: 0;
      z-index: 9;
    }
    .territieheader.mobileclass.fixed {
      top: unset !important;
    }
  }

/*New changes for home page*/
.mainbannersection-new{
    background-image: url(../images/banner_territie.png);
    background-position-y: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top:120px;
}
 
 
.mainbannersection-new .maincontentvideo h5{
  color:#fff;
      background: unset;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
.mainbannersection-new .maincontentvideo p,
.mainbannersection-new .btnsandtextvideo p{
  color:#fff;
}
 
 
.videosection-new {
    background-size: unset;
    background-position-y: unset;
    background-repeat: unset;
    background-image: unset;
    background-color: #fff;
    padding-bottom:60px;
    padding-top: 30px;
}
.videosection-new .main-paratextdiv h1,
.videosection-new .main-paratextdiv span{
      background: linear-gradient(91.61deg, #EE2376 -4.78%, #186181 99.47%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.videosection-new .main-paratextdiv p{
  color:#000;
}
.videosection-new .main-paratextdiv .mainbannerbtn{
  background-color: #EE2376;
  color:#fff;
}
@media(max-width:767px){
  .videosection-new{
      padding-top: 30px;
  }

  .mainbannersection-new .maincontentvideo p{
    margin-bottom: 30px;
  }

  .mainbannersection-new .buttonspart .videorelationstylebtn{
    margin-left: 0;
  }
}

.videosection .videotagmainbox .videoplaybox iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}