.pt-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

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

.pt-40 {
    padding-top: 40px;
}

.pt-50 {
    padding-top: 50px;
}

.pt-60 {
    padding-top: 60px;
}

.pt-70 {
    padding-top: 70px;
}

.pt-80 {
    padding-top: 80px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mt-30 {
    margin-top: 30px;
}

.mt-40 {
    margin-top: 40px;
}

.mt-50 {
    margin-top: 50px;
}

.mt-60 {
    margin-top: 60px;
}

.mt-70 {
    margin-top: 70px;
}

.mt-80 {
    margin-top: 80px;
}

.auto:after {
    left: 0;
    right: 0;
    margin: auto;
}

.subheading {
    font-size: 32px;
    text-transform: capitalize;
    margin: 0;
    padding-bottom: 15px;
    position: relative;
    margin: -8px 0 20px;
    line-height: 42px;
}

.as_journal_box_wrapper label {
    text-align: left !important;
}

.as_importance_list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.as_importance_list li {
    padding: 12px 0 12px 35px;
    position: relative;
    font-size: 14px;
    line-height: 26px;
    border-bottom: 1px solid rgb(255 255 255 / 10%);
}

.as_importance_list li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 18px;
    width: 18px;
    height: 18px;
    background-color: var(--secondary-color);
    border-radius: 100%;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
}

.as_about_wrapper {
    background-image: url(assets/img/bg2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.service_box {
    background-color: #031d2e;
    padding: 50px 22px;
    margin-top: 30px;
}

.n_p_flex {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 40px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.36);
}

.npf_n {
    font-size: 66px;
}

.w-full {
    width: 100%;
}

.overflow-x-scroll {
    overflow-x: scroll;
}

.img_center {
    margin: auto;
    display: block;
}

.br_10 {
    border-radius: 10px;
}

.p_v {
    font-size: 18px !important;
}

.cdn_img_box {
    background-color: #17384e;
    padding: 30px 20px;
    margin-top: 30px;
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    text-align: center;
}

.cdn_img_box img {
    max-width: 100px;
    animation: rotate 5s infinite linear;
}

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

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


.cdn_bg_box {
    width: 100%;
    height: auto;
    padding: 25px 20px;
    border-radius: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 25px;
}

.cdn_p {
    color: #000000;
    font-size: 21px;
    font-weight: 600;
    margin-bottom: 0 !important;
}

.cdn_bg_box span {
    padding: 12px 15px;
    font-size: 26px;
    border-radius: 10px;
    font-weight: 700;
    color: #ffffff;
}

.inner_span {
    display: flex;
    gap: 10px;
}

.bg_l_yellow {
    background: lightyellow;
}

.bg_d_yellow {
    background: darkkhaki;
}

.bg_l_green {
    background: rgb(157 238 155);
}

.bg_d_green {
    background: green;
}

.bg_l_blue {
    background: lightblue;
}

.bg_d_blue {
    background: rgb(0, 133, 185) !important;
}

.bg_l_gold {
    background: rgb(255, 227, 155);
}

.bg_d_gold {
    background: goldenrod;
}

.bg_l_brown {
    background: rgb(255, 164, 164);
}

.bg_d_brown {
    background: brown;
}

.bg_l_grey {
    background: rgb(150, 179, 209);
}

.bg_d_grey {
    background: rgb(86, 124, 147);
}

.bg_l_violet {
    background: rgb(162, 121, 201);
}

.bg_d_violet {
    background: rgb(130, 74, 160);
}

.bg_l_red {
    background: rgb(255, 198, 198);
}

.bg_d_red {
    background: rgb(226, 77, 77) !important;
}

.bg_l_orange {
    background: rgb(255, 198, 141);
}

.bg_d_orange {
    background: rgb(209, 134, 60);
}

.cdn_package {
    display: flex;
    gap: 20px;
    align-items: center;
    padding: 30px 15px;
    border-radius: 10px;
    margin: 25px 0;
    color: #000000;
}

.cdn_package img {
    max-width: 150px;
}

.bg_violet {
    background: rgb(184, 155, 212);
}

.cdn_btn {
    padding: 10px 20px;
    background: rgb(130, 74, 160);
    font-size: 15px;
    color: #ffffff;
    border: none;
    border-radius: 5px;
}

.cdn_numbers {
    display: flex;
    gap: 20px;
    align-items: center;
    justify-content: center;
}

.cdn_n {
    padding: 12px 15px;
    font-size: 23px;
    border-radius: 10px;
    font-weight: 700;
    color: #ffffff;
    background: rgb(86, 124, 147);
    margin-top: 10px;
    letter-spacing: 1px;
}

.cdnn_inner {
    margin-top: 20px;
    text-align: center;
}

.cdn_main {
    padding: 25px 40px;
    font-size: 42px;
    border-radius: 50px;
    font-weight: 700;
    color: #ffffff;
    background: rgb(162, 121, 201);
    margin-top: 10px;
    letter-spacing: 1px;
}

.cdn_inner_top {
    display: flex;
    gap: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.cdn_top {
    padding: 10px 15px;
    font-size: 18px;
    border-radius: 50px;
    font-weight: 700;
    color: #ffffff;
    background: rgb(162, 121, 201);
    margin-top: 10px;
    letter-spacing: 1px;
}

.flex_hl {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 25px;
}

.double_box {
    width: 100%;
    height: auto;
    padding: 20px;
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 25px;
    border-radius: 10px;
    justify-content: space-between;
}

.double_box img {
    max-width: 180px;
}

.t_b {
    color: #000000;
}

.grid_box {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.gb_inner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 20px;
    border-radius: 10px;
    width: 29%;
    position: relative;
}

.gbi_h {
    display: inline-block;
    padding: 15px;
    border-radius: 10px;
    font-weight: bolder;
    font-family: 'Inter', sans-serif;
}

.shape_cross {
    content: "";
    position: absolute;
    width: 6px;
    height: 100%;
    background: rgba(79, 109, 141, 0.5);
    z-index: 9999;
    border-radius: 100%;
    transform: rotate(45deg);
}

.shape_cross::after {
    content: "";
    position: absolute;
    width: 6px;
    background: rgba(79, 109, 141, 0.5);
    height: 100%;
    z-index: 9999;
    border-radius: 100%;
    transform: rotate(90deg);
}

.loshu_boxes {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-top: 20px;
    padding: 15px;
}

.lb_h {
    display: flex;
    gap: 20px;
    align-items: center;
}

.lb_sh {
    padding: 10px;
    border-radius: 10px;
    font-weight: bolder;
}

.lb_grid {
    display: flex;
}

.bgg_s {
    font-size: 17px;
    font-weight: 500;
}

.bgg_s:nth-child(1) {
    width: 20%;
}

.bgg_s:nth-child(2) {
    width: 20%;
}

.bgg_s:nth-child(3) {
    width: 60%;
}

.box_img {
    display: flex;
    align-items: center;
    gap: 15px;
}

.c_o {
    color: #ff7010;
}

.c_g {
    color: greenyellow;
}

.cc_m {
    display: flex;
    flex-grow: 1;
    flex: 1;
    min-width: 0;
    flex-direction: column;
    gap: 2px;
    width: 100%;
}

.ccm_box {
    display: flex;
}

.ccm_box .country_code {
    width: 90px;
    padding: 10px !important;
}

.pr_box {
    display: flex;
    border-radius: 6px;
    overflow: hidden;
    color: #000000;
    gap: 0;
    margin-top: 40px;
}

.prb_n {
    display: flex;
    padding: 25px;
    align-items: center;
}

.prb_c {
    padding: 40px 15px;
    align-items: center;
}

.prb_inner {
    display: flex;
}

.buttons_pr {
    display: flex;
    gap: 30px;
    justify-content: center;
    margin-top: 40px;
}

.r_p {
    display: flex;
    gap: 20px;
    align-items: center;
}

.r_p p {
    font-size: 18px;
    line-height: 32px;
}

.img_wrap {
    display: flex;
    margin-top: 20px;
    gap: 15px;
    align-items: center;
}

.img_wrap img {
    width: 150px;
    border: 1px solid #ffffff;
    padding: 2.5px;
    border-radius: 5px;
}

.rt_inner {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
}

.rt_top {
    padding: 8px 20px;
    font-size: 15px;
    border-radius: 50px;
    font-weight: 400;
    color: #ffffff;
    margin-top: 10px;
    letter-spacing: 1px;
}

.num_box {
    display: flex;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 40px;
}

.num_inner {
    padding: 8px 15px;
    font-size: 15px;
    border-radius: 50px;
    font-weight: 500;
    color: #17384e;
    margin-top: 15px;
    letter-spacing: 1px;
    display: flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, 0.9);
}

.num_inner img {
    width: 40px;
}

.ri_break {
    display: block;
}

.r_p {
    padding-top: 30px !important;
}

.rp_s {
    font-size: 20px;
}

.rp_p {
    color: #ff7010;
}

.bg_none {
    background: transparent !important;
}

.bg_primary {
    background: #031d2e;
}

.rapa_box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.rapa_box::before {
    position: absolute;
    content: "";
    width: 1px;
    height: 100%;
    background: transparent;
    border: 1px dashed #ffffff;
    left: 22px;
    z-index: 1;
}

.rapab_inner {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    flex-direction: row;
}

.ri_n {
    min-width: 42px;
    min-height: 42px;
    border-radius: 100px;
    background: #ffffff;
    color: #000000;
    display: flex;
    font-size: 18px;
    align-items: center;
    justify-content: center;
    z-index: 99;
}

.jc_center {
    justify-content: center;
}

.pt_0 {
    padding-top: 0 !important;
}

.bg_l_b {
    background: #17384e;
}

.wp_box {
    width: 100%;
    height: auto;
    padding: 40px 25px;
    background: #031d2e;
    border-radius: 10px;
    margin-top: 40px;
    border: 2px solid transparent;
}

.highlight {
    border: 2px solid #ff7010;
}

.wp_price span {
    font-size: 20px;
    padding-left: 10px;
    color: #ff7010;
}

.c_highlight {
    color: #ff7010;
}

.dhan_yog_box {
    display: flex;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    justify-content: space-between;
    width: 100%;
    height: auto;
    border: 1px solid transparent;
    background: #17384e;
    gap: 0;
}

.flx_60 {
    flex: 60;
}

.flx_25 {
    flex: 25;
}

.flx_15 {
    flex: 15;
}

.flx_10 {
    flex: 10;
}

.dyb_inner {
    padding: 10px;
    border: 1px solid #ec823b;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dyb_highlight {
    background: #f78c45;
}

.dyb_inner:nth-child(1) {
    font-size: 25px;
}

.score_bar {
    width: 100%;
    height: auto;
    display: flex;
    position: relative;
    gap: 2px;
}

.score_box {
    padding: 15px;
}

.score_box svg {
    max-width: 30px;
}

.sb_40 {
    flex: 40;
    background: rgb(226, 77, 77);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.sb_50 {
    flex: 10;
    background: rgb(209, 134, 60);
}

.sb_60 {
    flex: 10;
    background: rgb(162, 121, 201);
}

.sb_70 {
    flex: 10;
    background: rgb(0, 133, 185);
}

.sb_100 {
    flex: 30;
    background: lightseagreen;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

.score_numbers {
    width: 100%;
    height: 20px;
    position: relative;
    display: flex;
    margin-top: 20px;
}

.score_num {
    display: flex;
}

.sn_0 {
    flex: 40;
}

.sn_40 {
    flex: 12;
}

.sn_50 {
    flex: 12;
}

.sn_60 {
    flex: 12;
}

.sn_70 {
    flex: 30;
}

.sn_100 {
    flex: 0;
}

.score_details {
    display: flex;
    align-items: center;
    gap: 15px;
    justify-content: flex-start;
    margin-top: 10px;
}

.sdb_icon {
    width: 50px;
    display: flex;
    height: 50px;
    border-radius: 10px;
    align-items: center;
    justify-content: center;
}

.sdb_text {
    text-align: left;
}

.sdb_icon svg {
    width: 24px;
}

.bg_r {
    background: rgb(226, 77, 77);
}

.bg_o {
    background: rgb(209, 134, 60);
}

.bg_y {
    background: rgb(162, 121, 201);
}

.bg_b {
    background: rgb(0, 133, 185);
}

.bg_g {
    background: lightseagreen;
}

.fs_s {
    font-size: 26px;
    color: #ff7010;
}

.star_p {
    display: flex;
    gap: 0px;
    align-items: center;
    padding-top: 15px !important;
}

.star_p img {
    width: 25px;
    margin-right: 12px;
}

.report_img {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    background: #ffffff;
    border: 5px solid #ff7010;
    padding: 5px 0;
    object-fit: cover;
    margin-top: 15px;
}

.rep_img_h {
    color: #ff7010;
    padding-top: 20px !important;
}

.c_r {
    color: rgb(226, 77, 77);
}

.c_b {
    color: rgb(0, 133, 185);
}

.p_365 {
    font-size: 18px;
}

.box_365 {
    display: flex;
    gap: 15px;
    word-wrap: nowrap;
    align-items: center;
}

.h_365 {
    display: inline;
    background: #f78c45;
    padding: 10px 15px;
    border-radius: 50px;
    flex: none;
}

.highlight_boxes {
    width: 100%;
    height: auto;
    padding: 25px 15px;
    margin-top: 25px;
    border-radius: 10px;
}

.nc_p {
    font-size: 18px;
    padding-top: 20px;
}

.nc_p span {
    padding: 5px 10px;
    border-radius: 5px;
    line-height: 32px;
    margin-right: 6px;
}

.bg_orange {
    background: #ff7010;
}

.mp_price_offer {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    padding-top: 30px;
}

.mp_price {
    color: #ff7010;
    font-size: 23px;
}

.mp_offer {
    display: inline;
    padding: 5px 12px;
    border-radius: 50px;
    background: #ff7010;
    font-size: 16px;
}

.mp_box {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.mp_review_box {
    margin-top: 25px;
    padding: 20px 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.25);
}

.mprb_p {
    font-size: 18px;
    line-height: 30px;
}

.mp_review_box img {
    border-radius: 50%;
}

.mp_left_offer {
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 10px;
    padding-top: 30px;
}

.gs_img {
    border-radius: 12px;
}

.gem_box {
    width: 100%;
    height: auto;
    padding: 20px;
    background: #031d2e;
    margin-top: 40px;
    border-radius: 10px;
}

.gem_stone_box {
    width: 100%;
    height: auto;
    padding: 40px 20px;
    background: #17384e;
    margin-top: 40px;
    border-radius: 10px;
    text-align: center;
}

.gems {
    width: 100%;
    height: auto;
    padding: 15px 10px;
    background: #031d2e;
    border-radius: 10px;
    margin-top: 30px;
    text-align: center;
}

.gems img {
    width: 80px;
}

.gems h3 {
    font-size: 21px;
}

.gem_check {
    width: 100%;
    height: auto;
    padding: 40px 25px;
    border-radius: 15px;
    background: #031d2e;
}

.gem_two {
    width: 100%;
    height: auto;
    /* padding: 20px; */
    display: flex;
    gap: 6px;
    margin-top: 25px;
}

.gt_h {
    min-width: 42px;
    min-height: 42px;
    max-height: 42px;
    background: #031d2e;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.gem_matters {
    width: 100%;
    height: auto;
    padding: 40px 20px;
    background: #17384e;
    display: flex;
    gap: 20px;
    margin-top: 25px;
    border-radius: 15px;
    align-items: center;
}

.gem_btn{
    width: 100%;
    height: auto;
    padding: 40px 20px;
    background: #031d2e;
    text-align: center;
    margin-top: 25px;
    border-radius: 15px;
}




@media (max-width:991px) {
    .row_reverse {
        display: flex;
        flex-direction: column-reverse;
    }
}

@media (max-width:640px) {
    
    .gem_matters {
        flex-wrap: wrap;
    }

    .flx_60 {
        flex: auto;
    }

    .flx_25 {
        flex: auto;
    }

    .flx_15 {
        flex: auto;
    }

    .flx_10 {
        flex: auto;
    }

    .dhan_yog_box .dyb_inner {
        width: 100%;
    }

    .dhan_yog_box {
        flex-direction: column;
        border-bottom: 1px solid #ff7010;
        padding: 15px 10px;
    }

    .dyb_inner {
        border: none;
        padding: 2.5px;
    }

    .cdn_img_box {
        flex-wrap: wrap;
    }

    .box_img {
        flex-wrap: wrap;
    }

    .img_wrap {
        flex-wrap: wrap;
    }

    .double_box {
        flex-wrap: wrap;
        justify-content: center;
    }

    .gbi_h {
        padding: 10px;
    }

    .bgg_s:nth-child(1) {
        width: 35%;
    }

    .bgg_s:nth-child(2) {
        width: 20%;
    }

    .bgg_s:nth-child(3) {
        width: 45%;
    }


}