@font-face {
    font-family: 'VDB';
    src: url('../../public/fonts/VDB.eot?xig85d');
    src: url('../../public/fonts/VDB.eot?xig85d#iefix') format('embedded-opentype'), url('../../public/fonts/VDB.ttf?xig85d') format('truetype'), url('../../public/fonts/VDB.woff?xig85d') format('woff'), url('../../public/fonts/VDB.svg?xig85d#VDB') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: 'VDB';
    src: url('../../public/fonts/VDB.eot?xig85d');
    src: url('../../public/fonts/VDB.eot?xig85d#iefix') format('embedded-opentype'), url('../../public/fonts/VDB.ttf?xig85d') format('truetype'), url('../../public/fonts/VDB.woff?xig85d') format('woff'), url('../../public/fonts/VDB.svg?xig85d#VDB') format('svg');
    font-weight: normal;
    font-style: normal;
}


.icon {
    font-family: 'VDB';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    font-size: 32px;
    margin: 0 auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: auto;
    width: auto;
}

.LAB-Icon .path1:before {
    content: "\ea09";
    color: #fefefe;
}

.LAB-Icon .path2:before {
    content: "\ea0a";
    margin-left: -2.40039063em;
}

.curved_arrow:before {
    content: "\ea08";
    color: inherit;
}

.icon_shape_asscher_purple:before {
    content: "\e900";
    color: inherit;
}

.icon_shape_asscher_white:before {
    content: "\e901";
    color: inherit;
}

.icon_shape_baguette_purple:before {
    content: "\e902";
    color: inherit;
}

.icon_shape_baguette_white:before {
    content: "\e903";
    color: inherit;
}

.icon_shape_briolette_purple:before {
    content: "\e904";
    color: inherit;
}

.icon_shape_briolette_white:before {
    content: "\e905";
    color: inherit;
}

.icon_shape_bullets_purple:before {
    content: "\e906";
    color: inherit;
}

.icon_shape_bullets_white:before {
    content: "\e907";
    color: inherit;
}

.icon_shape_cushion_modify_purple:before {
    content: "\e908";
    color: inherit;
}

.icon_shape_cushion_modify_white:before {
    content: "\e909";
    color: inherit;
}

.icon_shape_cushion_purple:before {
    content: "\e90a";
    color: inherit;
}

.icon_shape_cushion_white:before {
    content: "\e90b";
    color: inherit;
}

.icon_shape_emerald_purple:before {
    content: "\e90c";
    color: inherit;
}

.icon_shape_emerald_white:before {
    content: "\e90d";
    color: inherit;
}

.icon_shape_euro_cut_purple:before {
    content: "\e90e";
    color: inherit;
}

.icon_shape_euro_cut_white:before {
    content: "\e90f";
    color: inherit;
}

.icon_shape_flanders_purple:before {
    content: "\e910";
    color: inherit;
}

.icon_shape_flanders_white:before {
    content: "\e911";
    color: inherit;
}

.icon_shape_half_moon_purple:before {
    content: "\e912";
    color: inherit;
}

.icon_shape_half_moon_white:before {
    content: "\e913";
    color: inherit;
}

.icon_shape_halfmoon_purple:before {
    content: "\e914";
    color: inherit;
}

.icon_shape_halfmoon_white:before {
    content: "\e915";
    color: inherit;
}

.icon_shape_heart_purple:before {
    content: "\e916";
    color: inherit;
}

.icon_shape_heart_white:before {
    content: "\e917";
    color: inherit;
}

.icon_shape_hexagonal_purple:before {
    content: "\e918";
    color: inherit;
}

.icon_shape_hexagonal_white:before {
    content: "\e919";
    color: inherit;
}

.icon_shape_kite_purple:before {
    content: "\e91a";
    color: inherit;
}

.icon_shape_kite_white:before {
    content: "\e91b";
    color: inherit;
}

.icon_shape_lozenge_purple:before {
    content: "\e91c";
    color: inherit;
}

.icon_shape_lozenge_white:before {
    content: "\e91d";
    color: inherit;
}

.icon_shape_marquise_purple:before {
    content: "\e91e";
    color: inherit;
}

.icon_shape_cabochon_purple:before {
    content: "\ea70";
    color: inherit;
}

.icon_shape_marquise_white:before {
    content: "\e91f";
    color: inherit;
}

.icon_shape_octagonal_purple:before {
    content: "\e920";
    color: inherit;
}

.icon_shape_old_miner_purple:before {
    content: "\e922";
    color: inherit;
}

.icon_shape_old_miner_white:before {
    content: "\e923";
    color: inherit;
}

.icon_shape_other_purple:before {
    content: "\e924";
    color: inherit;
}

.icon_shape_other_white:before {
    content: "\e925";
    color: inherit;
}

.icon_shape_oval_purple:before {
    content: "\e926";
    color: inherit;
}

.icon_shape_oval_white:before {
    content: "\e927";
    color: inherit;
}

.icon_shape_pear_purple:before {
    content: "\e928";
    color: inherit;
}

.icon_shape_pear_white:before {
    content: "\e929";
    color: inherit;
}

.icon_shape_pentagonal_purple:before {
    content: "\e92a";
    color: inherit;
}

.icon_shape_pentagonal_white:before {
    content: "\e92b";
    color: inherit;
}

.icon_shape_princess_purple:before {
    content: "\e92c";
    color: inherit;
}

.icon_shape_princess_white:before {
    content: "\e92d";
    color: inherit;
}

.icon_shape_radiant_purple:before {
    content: "\e92e";
    color: inherit;
}

.icon_shape_radiant_white:before {
    content: "\e92f";
    color: inherit;
}

.icon_shape_rose_cut_purple:before {
    content: "\e930";
    color: inherit;
}

.icon_shape_rose_cut_white:before {
    content: "\e931";
    color: inherit;
}

.icon_shape_rose_purple:before {
    content: "\e932";
    color: inherit;
}

.icon_shape_rose_white:before {
    content: "\e933";
    color: inherit;
}

.icon_shape_round_purple:before {
    content: "\e934";
    color: inherit;
}

.icon_shape_round_white:before {
    content: "\e935";
    color: inherit;
}

.icon_shape_shield_purple:before {
    content: "\e936";
    color: inherit;
}

.icon_shape_shield_white:before {
    content: "\e937";
    color: inherit;
}

.icon_shape_sq_emerald_purple:before {
    content: "\e938";
    color: inherit;
}

.icon_shape_sq_emerald_white:before {
    content: "\e939";
    color: inherit;
}

.icon_shape_square_purple:before {
    content: "\e93a";
    color: inherit;
}

.icon_shape_square_white:before {
    content: "\e93b";
    color: inherit;
}

.icon_shape_star_purple:before {
    content: "\e93c";
    color: inherit;
}

.icon_shape_star_white:before {
    content: "\e93d";
    color: inherit;
}

.icon_shape_step_cut_purple:before {
    content: "\e93e";
    color: inherit;
}

.icon_shape_step_cut_white:before {
    content: "\e93f";
    color: inherit;
}

.icon_shape_tap_Baguette_purple:before {
    content: "\e940";
    color: inherit;
}

.icon_shape_tap_Baguette_white:before {
    content: "\e941";
    color: inherit;
}

.icon_shape_trapezoid_purple:before {
    content: "\e942";
    color: inherit;
}

.icon_shape_trapezoid_white:before {
    content: "\e943";
    color: inherit;
}

.icon_shape_triangle_purple:before {
    content: "\e944";
    color: inherit;
}

.icon_shape_triangle_white:before {
    content: "\e945";
    color: inherit;
}

.icon_shape_triangular_purple:before {
    content: "\e946";
    color: inherit;
}

.icon_shape_triangular_white:before {
    content: "\e947";
    color: inherit;
}

.icon_shape_trilliant_purple:before {
    content: "\e948";
    color: inherit;
}

.icon_shape_trilliant_white:before {
    content: "\e949";
    color: inherit;
}

.x_alert_toaster:before {
    content: "\e94a";
    color: inherit;
}

.icon_sort_add:before {
    content: "\e94b";
    color: inherit;
}

.icon_sort_arrow_down_purple:before {
    content: "\e94c";
    color: inherit;
}

.icon_sort_arrow_down:before {
    content: "\e94d";
    color: inherit;
}

.icon_sort_arrow_up_purple:before {
    content: "\e94e";
    color: inherit;
}

.icon_sort_arrow_up:before {
    content: "\e94f";
    color: inherit;
}

.icon_sort_cancel:before {
    content: "\e950";
    color: #fefefe;
}

.icon_sort_carat:before {
    content: "\e951";
    color: inherit;
}

.icon_sort_clarity:before {
    content: "\e952";
    color: inherit;
}

.icon_sort_color:before {
    content: "\e953";
    color: inherit;
}

.icon_sort_cut_grade:before {
    content: "\e954";
    color: inherit;
}

.icon_sort_depth .path1:before {
    content: "\e955";
    color: inherit;
}

.icon_sort_depth .path2:before {
    content: "\e956";
    margin-left: -1.14257812em;
    color: inherit;
    opacity: 0.5;
}

.icon_sort_discount:before {
    content: "\e957";
    color: inherit;
}

.icon_sort_fancy_color .path1:before {
    content: "\e958";
    color: inherit;
    opacity: 0.3;
}

.icon_sort_fancy_color .path2:before {
    content: "\e959";
    margin-left: -1.04980469em;
    color: inherit;
    opacity: 0.5;
}

.icon_sort_fancy_color .path3:before {
    content: "\e95a";
    margin-left: -1.04980469em;
    color: inherit;
}

.icon_sort_flur:before {
    content: "\e95b";
    color: inherit;
}

.icon_sort_lab:before {
    content: "\e95c";
    color: inherit;
}

.icon_sort_location:before {
    content: "\e95d";
    color: inherit;
}

.icon_sort_measurments:before {
    content: "\e95e";
    color: inherit;
}

.icon_sort_move:before {
    content: "\e95f";
    color: inherit;
}

.icon_sort_polish:before {
    content: "\e960";
    color: inherit;
}

.icon_sort_price_per_carat:before {
    content: "\e961";
    color: inherit;
}

.icon_sort_ratio:before {
    content: "\e962";
    color: #fefefe;
}

.icon_sort_shape .path1:before {
    content: "\e963";
    color: inherit;
    opacity: 0.3;
}

.icon_sort_shape .path2:before {
    content: "\e964";
    margin-left: -1.46679687em;
    color: inherit;
    opacity: 0.7;
}

.icon_sort_shape .path3:before {
    content: "\e965";
    margin-left: -1.46679687em;
    color: inherit;
}

.icon_sort_supplier:before {
    content: "\e966";
    color: inherit;
}

.icon_sort_symmetry:before {
    content: "\e967";
    color: inherit;
}

.icon_sort_table .path1:before {
    content: "\e968";
    color: inherit;
    opacity: 0.5;
}

.icon_sort_table .path2:before {
    content: "\e969";
    margin-left: -1.14257812em;
    color: inherit;
}

.icon_sort_total_price:before {
    content: "\e96a";
    color: inherit;
}

.icon_sort:before {
    content: "\e96b";
    color: inherit;
}

.icon_mainmenu_close:before {
    content: "\e96c";
    color: inherit;
}

.icon_mainmenu_expend:before {
    content: "\e96d";
    color: inherit;
}

.mainmenu_collection:before {
    content: "\e96e";
    color: inherit;
}

.mainmenu_favorite:before {
    content: "\e96f";
    color: inherit;
}

.mainmenu_notification:before {
    content: "\e970";
    color: inherit;
}

.mainmenu_saved_search:before {
    content: "\e971";
    color: inherit;
}

.mainmenu_search:before {
    content: "\e972";
    color: inherit;
}

.mainmenu_switch_diamond:before {
    content: "\e973";
    color: inherit;
}

.mainmenu_switch_gemstone:before {
    content: "\e974";
    color: inherit;
}

.mainmenu_switch_jewelry:before {
    content: "\e975";
    color: inherit;
}



.custom-container {
    max-width: 1230px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
}

.ring-builder-step-process ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ring-builder-step-process ul li.ring-active-step {
    background: #000;
    z-index: 9;
    box-shadow: 16px 16px 40px 0 rgba(28, 5, 37, 0.4);
}

.ring-builder-step-process {
    margin: 40px 0;
    position: relative;
    z-index: 25;
}

.ring-builder-step-process ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -o-flex-wrap: wrap;
    flex-wrap: wrap;
}

.ring-builder-step-process ul li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    margin: 0;
    padding: 0;
    width: 33.3%;
    background-color: #f0f0f0;
    height: 80px;
    position: relative;
}


.ring-builder-step-inner a {
    display: flex;
    align-items: center;
}

.ring-builder-step-inner p {
    margin-bottom: 0;
}

.ring-builder-step-inner p span {
    display: block;
}

.ring-builder-step-process ul li:after {
    content: " ";
    position: absolute;
    top: 0;
    right: -26px;
    width: 0;
    height: 0;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 27px solid #f0f0f0;
    z-index: 2;
    transition: border-color 0.2s ease;
}

.ring-builder-step-process ul li:before {
    content: " ";
    position: absolute;
    top: 0;
    right: -27px;
    width: 0;
    height: 0;
    z-index: 2;
    transition: border-color 0.2s ease;
    border-top: 40px solid transparent;
    border-bottom: 40px solid transparent;
    border-left: 27px solid #ffffff;
    right: -31px;
}

.ring-builder-step-process ul li:last-child {
    border-radius: 0 7px 7px 0;
}

.ring-builder-step-process ul li:last-child:before {
    display: none;
}

.ring-builder-step-process ul li:last-child:after {
    display: none;
}

.ring-builder-step-process ul li:first-child {
    border-radius: 7px 0 0 7px;
}

.ring-builder-step-process ul li.vdb_rb_completed_step,
.ring-builder-step-process ul li.completed-step {
    z-index: 10;
}

.ring-builder-step-process ul li.vdb_rb_completed_step:before,
.ring-builder-step-process ul li.completed-step:before {
    border-left: 28px solid #ffffff;
    right: -29px;
}



.ring-builder-step-process ul li.vdb_rb_completed_step.ring-active-step .ring-builder-step-inner:after,
.ring-builder-step-process ul li.completed-step.ring-active-step .ring-builder-step-inner:after {
    color: #ffffff;
}



.ring-builder-step-process ul li.vdb_rb_completed_step.ring-active-step.labgrown_selected .ring-builder-step-inner:after,
.ring-builder-step-process ul li.completed-step.ring-active-step.labgrown_selected .ring-builder-step-inner:after {
    color: #ffffff;
}



.ring-builder-step-process ul li.ring-active-step {
    background: #000;
    z-index: 9;
    box-shadow: 16px 16px 40px 0 rgba(28, 5, 37, 0.4);
}



.ring-builder-step-process ul li.ring-active-step:after {
    border-left-color: #000;
}

.ring-builder-step-process ul li.ring-active-step:before {
    border-left-color: rgba(255, 255, 255, 0.3);
}

.ring-builder-step-process ul li.ring-active-step .ring-builder-step-inner:after {
    color: #ffffff;
}

.ring-builder-step-process ul li.ring-active-step .ring-builder-step-inner .step-count {
    color: #ffffff;
}

.ring-builder-step-process ul li.ring-active-step .ring-builder-step-inner p {
    color: #ffffff;
}

.ring-builder-step-process ul li.ring-active-step .ring-builder-step-inner .choose-seting-image-view a {
    color: #ffffff;
    border-color: #ffffff;
}

.ring-builder-step-process ul li.step-1 {
    z-index: 11;
}

.ring-builder-step-process ul li.step-1:before {
    border-left: 30px solid #ffffff;
    right: -30px;
}



.ring-builder-step-process ul li.step-1.ring-active-step {
    z-index: 12;
}

.ring-builder-step-process ul li.step-1.vdb_rb_completed_step {
    z-index: 12;
}



.ring-builder-step-process ul li.step-2 {
    z-index: 11;
}

.ring-builder-step-process ul li.step-2:before {
    border-left: 30px solid #ffffff;
    right: -30px;
}



.ring-builder-step-process ul li.step-2 a {
    padding-left: 50px;
}



.ring-builder-step-process ul li.step-3 {
    position: relative;
}

.ring-builder-step-process ul li.step-3 a {
    padding-left: 50px;
    width: 100%;
}

.ring-builder-step-process ul li.step-3 .review-tooltip-box {
    display: none;
    -ms-align-items: center;
    align-items: center;
    margin-left: auto;
    flex-wrap: wrap;
    width: 87%;
    position: absolute;
    left: 46px;
    bottom: 100px;
    background: #fdfdfd;
    padding: 30px 15px 25px;
    border-radius: 6px;
    box-shadow: 2px 2px 20px 0 rgba(0, 0, 0, 0.2);
    z-index: 1111;
}

.ring-builder-step-process ul li.step-3 .review-tooltip-box .p-content {
    font-size: 13px;
    margin: 0px;
}



.ring-builder-step-inner {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    width: 100%;
    position: relative;

    padding: 0 40px 0 16px;
}

.ring-builder-step-inner:after {
    content: "\e987";
    font-family: 'VDB';
    color: #86788c;
    margin-left: auto;
    margin-right: 1px;
    font-size: 22px;
}


.setting-step .ring-builder-step-inner.no-ring-selected:after {
    content: "\ea7c";
    font-size: 30px;
    font-family: 'VDB';
}



.stone-step .ring-builder-step-inner.no-stone-selected:after {
    content: "\e987";
    font-family: 'VDB';
}



.step-3 .ring-builder-step-inner:after {
    content: "\ea3a";
    font-family: 'VDB';
    font-size: 34px;
}



.step-count {
    font-size: 56px;
    line-height: 60px;
    color: ;
    font-weight: 400;
    padding-right: 11px;
}


.diamond-selection-tab-wrapper .custom-container {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    gap: 2px;
    max-width: 80%;
    margin: 0 auto 32px auto;
}

.diamond-selection-tab {}

.diamond-selection-tab-wrapper .diamond-selection-tab {
    flex: 1;
    background: #f0f0f0;
    padding: 11px 30px 11px 30px;
    font-size: 18px;
    line-height: 19px;
    color: ;
    font-weight: 400;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -ms-align-items: center;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    min-height: 48px;
    gap: 16px;
}

.diamond-selection-tab-wrapper .diamond-selection-tab i {
    margin: 0;
}

.diamond-selection-tab:first-child {
    border-left: none;
    border-radius: 4px 0 0 4px;
}

.diamond-selection-tab:last-child {
    border-radius: 0 4px 4px 0;
}

.diamond-selection-tab-wrapper .diamond-selection-tab.active {
    background-color: #000;
}

.diamond-selection-tab.filter-stone-lab_grown_diamond.active svg path {
    fill: #ffffff;
}

.diamond-selection-tab i {
    font-size: 22px;
}


body .main-section .content-wrapper {
    display: flex;
    align-items: center;
}

body .main-section .content-wrapper .left-content {
    width: 45%;
}


body .main-section .content-wrapper .left-content img {
    margin: 0 auto;
}



body .main-section .content-wrapper .right-content {
    width: 50%;
    text-align: center;
    margin-top: -100px;
}



body .main-section .content-wrapper .right-content h1 {
    font-family: 'Playfair Display', serif;
    font-size: 56px;
    font-weight: normal;
    line-height: 70px;
    margin-bottom: 60px;
    color: #000000;
}



body .main-section .content-wrapper .right-content p {
    font-size: 20px;
    line-height: 21px;
    color: #72707a;
    margin-bottom: 30px;
      
}


body .main-section .content-wrapper .right-content .button-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

body .main-section .content-wrapper .right-content .button-wrap a {
    max-width: 350px;
    width: 100%;
    margin: 0 0 25px;
    outline: none;
    text-decoration: none;      
    color:   ;
}

.main-section .content-wrapper .right-content .button-wrap a:hover,
.main-section .content-wrapper .right-content .button-wrap a:visited {
    color: #000000   ;
    background-color: transparent   ;
}






@media only screen and (max-width: 1445px) {
    .ring-builder-step-process ul li.step-2 a {
        padding-left: 35px;
        padding-right: 15px;
    }
}

@media screen and (max-width: 1150px) {
    body .main-section .content-wrapper .left-content {
        width: 50%;
    }

    body .main-section .content-wrapper .right-content {
        margin-top: 0px;
    }
}

@media only screen and (max-width: 991px) {
    .diamond-selection-tab-wrapper .custom-container {
        max-width: 596px;
        width: 100%;
        padding: 0;
    }

    .ring-builder-step-process ul li.vdb_rb_completed_step.ring-active-step.labgrown_selected .ring-builder-step-inner:after,
    .ring-builder-step-process ul li.completed-step.ring-active-step.labgrown_selected .ring-builder-step-inner:after {
        content: "";
        display: block;
        background: url("../images/assets/check-ic-white.svg") no-repeat center center;
        width: 15px;
        height: 15px;
        background-size: 100%;
    }

    .ring-builder-step-process ul li.vdb_rb_completed_step.ring-active-step .ring-builder-step-inner:after,
    .ring-builder-step-process ul li.completed-step.ring-active-step .ring-builder-step-inner:after {
        content: "";
        display: block;
        background: url("../images/assets/check-ic-white.svg") no-repeat center center;
        width: 15px;
        height: 15px;
        background-size: 100%;
    }

    .ring-builder-step-process ul li.step-3 .review-tooltip-box {
        left: inherit;
        right: 0;
        bottom: 70px;
        width: 264px;
    }
}

@media only screen and (max-width: 768px) {
    .ring-builder-step-process ul li.step-1:hover .review-step-popup {
        display: block;
    }

    body .main-section .content-wrapper .right-content h1 {
        margin-top: 60px;
    }

    body .main-section .content-wrapper .left-content {
        display: none;
    }

    body .main-section .content-wrapper .right-content {
        width: 100%;
    }

}

@media only screen and (max-width: 767px) {
    .ring-builder-step-process ul li.ring-active-step {
        box-shadow: 10px 4px 15px 0 rgba(28, 5, 37, 0.4);
    }

    .ring-builder-step-process ul li.step-3 .review-tooltip-box {
        bottom: 54px;
    }

    .ring-builder-step-inner {
        padding-right: 6px;
    }

    .setting-step .ring-builder-step-inner.no-ring-selected:after {
        font-size: 18px;
    }

    .step-3 .ring-builder-step-inner:after {
        font-size: 24px;
    }

    .ring-builder-step-process ul li.vdb_rb_completed_step:before,
    .ring-builder-step-process ul li.completed-step:before {
        border-left: 18px solid #ffffff;
        right: -19px;
    }
}

@media only screen and (max-width: 450px) {
    .ring-builder-step-process ul li.step-1 .choose-seting-image-wrapper:before {
        left: 30px;
        right: 0;
        margin: 0px 0px;
    }

    .ring-builder-step-process ul li.step-2 .choose-seting-image-wrapper {
        left: inherit;
        right: -75px;
    }

    .ring-builder-step-process ul li.step-2 .choose-seting-image-wrapper:before {
        left: 0;
        right: 0;
        margin: 0px auto;
    }
}

@media screen and (max-width: 400px) {
    body .main-section .content-wrapper .right-content h1 {
        padding: 0 22px;
    }
}

@media only screen and (max-width: 375px) {
    .step-3 .ring-builder-step-inner:after {
        font-size: 22px;
    }

    .step-3 .ring-builder-step-inner {
        padding-right: 0px;
    }

    .setting-step .ring-builder-step-inner.no-ring-selected:after {
        font-size: 16px;
    }

    body .main-section .content-wrapper .right-content p {
        font-size: 16px;
    }
}

@media screen and (max-width: 325px) {
    body .main-section .content-wrapper .right-content h1 {
        padding: 0 20px;
    }
} */