@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
/*=========================================custom fonts start=================================================*/

@font-face {
    font-family: 'Bebas Neue';
    src: url('Font/BebasNeue-Regular.woff2') format('woff2'), url('Font/BebasNeue-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.tps_page_block.pagenotfoundpagenotfound {
    text-align: center;
    margin: 0px 0 50px 0;
}

.cms_page_container .cart_page_payement_block {
    padding-bottom: 0px !important;
}
.owl-carousel .owl-nav .owl-prev::before {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 8px;
}

.owl-carousel .owl-nav .owl-next::before {
    top: 8px;
}

.category-cms {
    margin-bottom: 0px;
}

.nav-tabs-common .right-side .block-static-block {
    margin-left: auto;
    margin-right: auto;
}

.nav-title-page.nav_guidance.main_guidance .section_1 {
    padding: 0 30px;
}

.guidance_wraper.gemstone-enhancment .image.content-width.box {
    padding: 0;
}

/*============================Common Css Start==========================*/

.header-main .header-left {
    min-width: 16.5% !important;
}

.page-header.type1 .header-contact {
    min-width: 14% !important;
}

.page-header.type1 .minicart-wrapper {
    min-width: 2% !important;
}

.header.content .logo {
    margin: 0;
}

.header-row .header-center {
    padding: 19px 15px !important;
}

.hidden_me {
    visibility: hidden;
}

.moh_banner_mobile {
    display: none;
}

* {
    box-sizing: border-box;
}

body {
    margin: 0px;
    padding: 0px;
}

body ul {
    margin: 0px;
    padding: 0px;
}

h3 {
    color: #000;
}

.gia {
    width: 100%;
    max-width: 1280px;
    margin: 100px auto 20px;
    border-top: 5px solid #459f8e;
    padding: 30px 0px 0px;
}

.nav-6 .tps_parent.col-sm-6.col-md-5.col-md-5 {
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.nav-6 .tps_parent.col-sm-6.col-md-5.col-md-5 .level0 {
    width: 20%;
}

.guide-caption.hide_me {
    visibility: hidden;
}

ul li {
    list-style: none;
}

ol li {
    list-style: none;
}

.mt_100 {
    margin-top: 100px !important;
}

.mb_100 {
    margin-bottom: 100px !important;
}

.mtb_100 {
    margin-top: 100px !important;
    margin-bottom: 100px !important;
}

.pbt_100 {
    padding-top: 100px !important;
    padding-bottom: 100px !important;
}

.ptb {
    padding: 100px 0px !important;
}

.pt_100 {
    padding-top: 100px;
}

.plr_30 {
    padding-left: 30px;
    padding-right: 30px;
}

.ptb_80 {
    padding-top: 80px;
    padding-bottom: 80px;
}

.pt_30 {
    padding-top: 30px;
}

.pt_50 {
    padding-top: 50px;
}

.pt_60 {
    padding-top: 60px;
}

.pt_70 {
    padding-top: 50px;
}

.pt_80 {
    padding-top: 80px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_50 {
    margin-bottom: 50px;
}

.mb_60 {
    margin-bottom: 60px;
}

.mb_80 {
    margin-bottom: 80px;
}

.max-width {
    max-width: 680px;
    margin: 0 auto;
}

.max-width {}

.text-center {
    text-align: center;
}

.green-clor {
    color: #459f8e;
}

.cms_page_main section .banner.image img {
    width: 100%;
}

.content-width {
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.guidance_wraper .content-width {
    max-width: 1280px;
}

.guidance_wraper.diamond_shapes .content-width {
    max-width: 1060px;
}

.guidance_wraper .small-title {
    margin-bottom: 0px;
}

section h2 {
    text-align: center;
    font-size: 32px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
}

.cms_page_main.diamond-shapes section h2 {
    text-align: center;
    font-size: 44px;
    font-family: "Inter", sans-serif;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
}

.cms_page_container .desc_text {
    max-width: 1280px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

.guidance_wraper.diamond_guide .section_2 {
    padding: 0 30px 30px;
}

.cms_page_main .cms_page_title {
    text-align: center;
    padding-top: 25px;
}

.cms_page_main.diamond-comparision .cms_page_title h1 {
    padding: 30px 0px 20px;
}

.cms_page_container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0% 0%;
}

.category-coloor #maincontent,
.category-cut #maincontent,
.category-clarity #maincontent,
.category-carat #maincontent,
.category-certification #maincontent,
.category-fancy-colour-diamond #maincontent,
.category-guidance #maincontent {
    padding: 0;
}

.category-guidance .cms_page_container {
    padding: 0px;
}

.categorypath-fragrance #maincontent {
    padding: 0;
}

.cms_page_container .flex_row {
    display: flex;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
}

.bb_5 h2 {
    border-bottom: 5px solid #459f8e;
    max-width: max-content;
    margin: 0 auto;
    padding-bottom: 15px;
}

/*============================Common Css End==========================*/

/*===================================Nav Title Page Css============================*/

/*-----------------------Gray Background Item Slider Css Start-----------------------------*/

section.item_slider .vertical_img {
    max-width: max-content;
    margin: 0 auto 10px;
    background: #fff;
    border-radius: 70px;
    padding: 15px;
    border: 1px solid #ddd;
    height: 90px;
    width: 90px;
    display: flex;
    align-items: center;
}

section.item_slider .vertical_img img {
    max-width: 100%;
}

section.item_slider .col-item.right-side .owl-dots {
    display: none;
}

section.item_slider .owl-item img {
    max-height: 200px;
    width: auto;
    margin: 0 auto;
}

section.item_slider .guide-caption {
    text-align: center;
    font-size: 18px;
    font-weight: 600;
    color: #000000;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 24px;
}

section.item_slider .guide-caption+p {
    text-align: center;
    padding-top: 10px;
}

section.item_slider .col-item.right-side .owl-nav {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 40%;
    width: 95%;
    z-index: 0;
    margin: 0 auto;
    left: -18px;
    right: 0;
}

section.item_slider .col-item.right-side .owl-nav button {
    font-size: 18px;
    color: #000;
    background: #f6f5f3;
    width: 40px;
    height: 40px;
    border-radius: 50px !important;
}

section.item_slider .col-item.right-side .owl-nav button:hover {
    background: #e8e8e8;
    color: #000;
}

section.item_slider.col-item {
    flex: auto;
    padding: 0px 0px;
    height: auto !important;
}

/* section.item_slider h2 {text-align: center; margin: 0; margin-bottom: 15px; color: #1e1e1e; font-size: 22px; font-family: "Inter", sans-serif; letter-spacing: 1px; text-transform: uppercase; font-weight: bold; }*/

.diamond_basics.item_slider h5 {
    text-align: center;
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
}

section.item_slider .flex_box {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    row-gap: 50px;
}

section.item_slider .col-item {
    flex: auto;
}

section.item_slider .col-item.left-side {
    /* flex: 0 0 33.3%; */
    text-align: center;
    /* position: absolute; */
    left: 5%;
    max-width: 25%;
    width: 100%;
    padding: 0 40px;
}

section.item_slider .col-item.right-side {
    flex: 0 75%;
    max-width: 75%;
    padding-left: 40px;
}

section.item_slider {
    background: #f6f5f3;
    padding: 0px 0px !important;
}

section.item_slider .owl-carousel .owl-item {
    border-right: 20px solid #f6f5f3;
}

section.item_slider .owl-carousel .owl-item .col_title h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 10px;
}

section.item_slider .owl-carousel .owl-item .col_title h2+p {
    min-height: 50px;
}

.nav-title-page .cms_page_container section .flex_row .col_item h3.guide-caption {
    display: none;
}

section.item_slider .image {
    min-height: 240px;
    display: flex;
    align-items: center;
    max-width: 300px;
    margin: 0 auto;
}

section.item_slider .item {
    align-items: center;
    background-color: #fff;
    color: white;
    display: flex;
    height: auto;
    justify-content: center;
    padding: 40px 0px 50px;
    /*  min-height: 500px;*/
}

.main_guidance section.item_slider .item {
    padding: 0 !important;
}

.main_guidance section.item_slider .image+.shop-now.hidden_me {
    min-height: 44px;
}

.main_guidance section.item_slider .item a {
    /* display: block; */
    width: 100%;
    align-items: center;
    background-color: #fff;
    color: white;
    display: flex;
    height: auto;
    justify-content: center;
    padding: 40px 0px 50px;
}

section.item_slider .item a:hover {
    color: #fff;
}

section.item_slider p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 24px;
}

section.item_slider .image {
    min-height: 240px;
    display: flex;
    align-items: center;
    max-width: 300px;
    justify-content: center;
}

/*-----------------------Gray Background Item Slider Css End------------------------------*/

/*-------------------------Expert Consulation Css Started------------------------------*/

.expert_consulation .title h3 {
    color: #fff !important;
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}

.expert_consulation .first_row .desc_text p:nth-child(1) {
    margin-bottom: 15px;
}

.expert_consulation .desc_text p {
    color: #fff !important;
}

.expert_consulation {
    background: #000;
    padding: 115px 30px 145px;
}

.nav_eng_ring .desc_text {
    max-width: 930px;
}

.expert_consulation .second_row .col_title h3 {
    font-family: "Inter", sans-serif !important;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    text-align: left;
}

.expert_consulation .section_bg {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.expert_consulation .second_row .flex_div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.expert_consulation .second_row .design-btn.common-btn {
    max-width: max-content;
    float: left;
    border: 1px solid #fff;
    border-radius: 3px;
}

.expert_consulation .second_row .design-btn.common-btn:hover {
    border: 1px solid transparent !important;
}

.expert_consulation .second_row .desc_text p {
    text-align: justify;
}

.expert_consulation .second_row .design-btn.common-btn a {
    color: #fff;
}

.expert_consulation .second_row .desc_text {
    text-align: left;
    max-width: 340px;
    margin-bottom: 30px;
}

.expert_consulation .second_row .flex_div .col_item {
    padding-left: 8%;
}

.expert_consulation .second_row .flex_div .col_item.videos_col {
    padding-left: 0 !important;
    position: relative;
}

.expert_consulation .second_row .flex_div .col_item.videos_col .video_diamond_img {
    position: absolute;
    bottom: 0;
    left: -110px;
}

.expert_consulation .second_row .two_videos {
    position: relative;
}

.expert_consulation .second_row .two_videos .men_video {
    position: absolute;
    top: auto;
    width: 100%;
    right: 20px;
    max-width: 250px;
    bottom: -40px;
}

.expert_consulation .second_row .two_videos .women_video {
    padding-right: 170px;
    border-radius: 30px;
}

.expert_consulation .second_row .two_videos .men_video video {
    border-radius: 30px;
    max-width: 100%;
    width: auto;
    height: auto;
}

.expert_consulation .second_row .two_videos .women_video video {
    border-radius: 30px;
}

/*-------------------------Expert Consulation Css End------------------------------*/

/*-------------------------Our Comment Css Started------------------------------*/

.our_comment.plr_30 {
    padding: 100px 100px 100px;
    background: #f6f5f3;
}

.our_comment .heading p,
.our_comment .heading h3 {
    text-align: center;
}

.our_comment .heading p strong {
    color: #a4a4a4;
    font-size: 16px;
    font-weight: 600;
}

.our_comment .heading h3 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    font-weight: 700;
    font-size: 24px;
    margin: 15px auto;
    text-transform: uppercase;
}

.our_comment .heading {
    max-width: 900px;
    margin: 0 auto 50px;
}

.our_comment .heading p {
    font-size: 17px;
    color: #000;
    max-width: max-content;
    margin: 0 auto;
}

.our_comment ul {
    display: flex;
    flex-wrap: wrap;
    column-gap: 50px;
    row-gap: 50px;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.our_comment ul li {
    flex: 0 0 calc(25% - 38px);
    border: 0px solid #ddd;
    position: relative;
    box-shadow: 0 0 8px 0 rgba(49, 63, 78, .08);
}

.our_comment ul li::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.our_comment .flip-card {
    background-color: transparent;
    width: auto;
    height: 200px;
    perspective: 1000px;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
}

.our_comment .flip-card-inner {
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center;
    transition: transform 0.6s;
    transform-style: preserve-3d;
    backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.our_comment .flip-card:focus {
    outline: 0;
}

.our_comment .flip-card:hover .flip-card-inner,
.our_comment .flip-card:focus .flip-card-inner {
    transform: rotateY(180deg);
}

.our_comment .flip-card-front,
.our_comment .flip-card-back {
    position: absolute;
    width: 100%;
    height: 100%;
}

.our_comment .flip-card-back p {
    color: #000;
    font-weight: normal;
}

.our_comment .flip-card-front {
    background: #fff;
    color: black;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
}

.our_comment .flip-card-back {
    background: #fff;
    color: white;
    transform: rotateY(180deg);
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px 20px;
}

.our_comment .flip-card-back p {
    color: #000;
}

.our_comment .our_comment ul li .flip-card-front {
    display: flex;
    justify-content: center;
    align-items: center;
}

.our_comment .flip-card-inner .caption_text h3 {
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    color: #000000;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 24px;
}

.our_comment .our_comment ul li .flip-card-back {
    padding: 30px;
    display: flex;
    align-items: center;
}

.our_comment .our_comment ul li .flip-card-back p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 24px;
    margin: 0px;
}

.our_comment .flip-card-inner .image {
    max-width: 60px;
    max-height: 60px;
    display: flex;
    align-items: center;
    margin: 0 auto 15px;
    justify-content: center;
}

.our_comment .flip-card-inner .image img {
    max-width: 100%;
    max-height: 60px;
    margin: 0 auto;
}

/*-------------------------Our Comment Css End ------------------------------*/

.nav-title-page {
    padding: 0px 0%;
}

.banner_2 {
    position: relative;
}

.nav-title-page .banner .image img {
    width: 100%;
    max-width: 100%;
}

.nav-title-page .row_div {
    display: flex;
    column-gap: 30px;
}

.section_1 {
    margin: 0px auto 30px;
}

.guidance_wraper.diamond_guide .section_1 {
    margin: 0px auto 50px;
}

.nav-title-page .row_div .col-item.col-img .image img {
    width: 100%;
    max-width: 80%;
}

.nav-title-page .row_div .col-item.col-text {
    background: #f6f5f3;
}

.nav-title-page .row_div .col-item.col-text .desc_text {
    padding: 15% 13%;
}

.nav-title-page .row_div .col-item.col-text .col_title h2 {
    font-weight: 500;
    margin: 0;
    margin-bottom: 0px;
    color: #1e1e1e;
    font-size: 22px;
    font-family: "Inter", sans-serif;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
}

.nav-title-page .row_div .col-item.col-text .desc_text p {
    color: #333;
    font-family: "Roboto", sans-serif;
    font-size: 15px;
    font-weight: 300;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 22px;
}

.nav-title-page .design-btn a {
    background: transparent;
    font-size: 14px;
    padding: 6px 39.5px 6px;
    text-transform: uppercase;
    font-weight: 300;
    z-index: 9;
    position: relative;
    text-decoration: none;
}

.nav_diamonds .free_consultation .design-btn a:visited,
.nav_diamonds .grown_diamond .design-btn a:visited {
    color: #000;
}

.nav_diamonds .free_consultation .design-btn a:visited:hover,
.nav_diamonds .grown_diamond .design-btn a:visited:hover {
    color: #fff;
}

.cms_page_container .shapes .animate_img .flex_row {
    grid-template-columns: repeat(5, 1fr);
    max-width: 1280px;
    margin: 0 auto;
    row-gap: 40px;
}

.nav-title-page.nav_eng_ring .shapes {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
    border-bottom: 0px solid #459f8e;
}

.exceptional_bg section.gray_bg {
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.nav_eng_ring .section_1 .banner {
    position: relative;
}

.nav_eng_ring .section_1 .banner .banner_text {
    position: absolute;
    bottom: 70px;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: max-content;
}

.nav_eng_ring .section_1 .banner_text h1 {
    font-family: "Inter", sans-serif !important;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 40px;
}
.nav_eng_ring .section_1 .banner .banner_text h2 {
    font-family: "Inter", sans-serif !important;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 40px;
}

.nav_eng_ring .section_1 .btn_wraper .flex_div {
    display: flex;
    max-width: max-content;
    justify-content: center;
    margin: 0 auto;
    column-gap: 30px;
}

.nav_eng_ring .section_1 .btn_wraper .flex_div li a {
    font-size: 14px;
    padding: 8px 37.5px 8px;
    z-index: 9;
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    margin: 0 auto;
    transition: 0.5s all ease-in-out;
    font-weight: 300;
    text-decoration: none;
    width: 100%;
    max-width: 100%;
    border: 1px solid #fff;
    min-width: 120px;
    text-align: center;
    border-radius: 3px;
    max-width: max-content;
}

.nav_eng_ring .section_1 .banner_text .btn_wraper {
    margin-top: 40px;
}

.nav_eng_ring .section_1 .btn_wraper .flex_div li a:hover {
    border: 1px solid transparent !important;
    color: #000;
}

.nav_eng_ring .section_1 .btn_wraper .flex_div li a::before {
    background: #fff;
    position: absolute;
    left: 0;
    width: 0%;
    content: "";
    height: 100%;
    top: 0;
    transition: 0.5s all ease-in-out;
    z-index: -9;
    border-radius: 3px;
}

.nav_eng_ring .section_1 .btn_wraper .flex_div li a:hover::before {
    width: 100%;
}

.nav_eng_ring .bespoke {
    position: relative;
}

.nav_eng_ring .bespoke img {
    width: 100%;
}

.nav_eng_ring .bespoke .banner_text {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    max-width: max-content;
    margin: 0 auto;
}

.nav_eng_ring .bespoke .banner_text h2 {
    font-family: "Inter", sans-serif !important;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 24px;
}

.nav_eng_ring .bespoke .banner_text .design-btn.common-btn {
    border: 1px solid #fff;
}

.nav_eng_ring .bespoke .banner_text .design-btn.common-btn a {
    color: #fff;
    max-width: 100%;
}

.nav_eng_ring .bespoke .banner_text .design-btn.common-btn a::before {
    background-color: #fff;
}

.nav_eng_ring .bespoke .banner_text .design-btn.common-btn:hover a {
    color: #000 !important;
}

.nav_eng_ring .bespoke .banner_text .design-btn.common-btn:hover {
    border: 1px solid #fff;
    color: #fff;
}

.nav_eng_ring .bespoke .banner_text .design-btn.common-btn:hover {
    border: 1px solid transparent;
}

.cms_page_main.nav_eng_ring .cms_page_container br:nth-child(1) {
    display: none;
}

.nav_eng_ring .nav-title-page section .title h3 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
    font-size: 30px;
    display: block;
    text-align: center;
}

.design_your_ring.gray_bg.plr_30 {
    padding-left: 30px;
    padding-right: 30px;
}

.design_your_ring .there_boxes .flex_div {
    display: flex;
    column-gap: 50px;
}

.design_your_ring .there_boxes .flex_div .col_item:nth-last-child(2) .image {background: #fff; min-height: 395px; max-height: 395px; padding: 0px 60px; display: flex; align-items: center; }

.design_your_ring .there_boxes .flex_div .col_item:nth-last-child(2) .image img {
    width: auto;
    max-height: 360px;
}
.design_your_ring .there_boxes .flex_div .col_item .image img {
    max-width: 300px;
}
.section_7.design_your_ring .there_boxes .flex_div .col_item:nth-last-child(2) .image img {
    width: auto;
    max-height: 200px;
}

.nav_diamonds section.gray_bg .flex_div .col_item img {
    float: none !important;
}

.nav-title-page .cms_page_container .section_2 .flex_row .col_item .vertical_img img {
    max-width: 120px;
}

.design_your_ring .there_boxes .flex_div .col_item .image {min-height: 395px; max-height: 395px; display: flex; align-items: center; margin-bottom: 50px; background: #fff; text-align: center; justify-content: center; width: 100%; max-width: 395px; margin: 0 auto; }


.design_your_ring .there_boxes .flex_div .col_item .image {
    min-height: auto;
    padding: 0px;
}

.design_your_ring .there_boxes .flex_div .col_item .image::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.design_your_ring .there_boxes .flex_div .col_item .image {
    position: relative;
}

/*.design_your_ring .there_boxes .flex_div .col_item .image picture {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0;
}*/

.nav_eng_ring .gray_bg.plr_30 {
    padding-left: 30px;
    padding-right: 30px;
}

.design_your_ring .there_boxes {
    margin-top: 60px;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.design_your_ring .there_boxes .step p {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 20px;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 14px;
}

.design_your_ring .there_boxes h3.title {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 30px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 20px;
}

.design_your_ring .there_boxes .col_item .desc_text p {
    text-align: justify;
    font-size: 16px;
}

.design_your_ring .there_boxes .col_item .desc_text {
    margin-bottom: 30px;
    min-height: 180px;
}

.design_your_ring .there_boxes .col_item .categories_link a {
    text-align: center;
    font-size: 12px;
    font-weight: 700;
    color: #000000;
    font-family: "Inter", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0px;
    line-height: 24px;
    text-decoration: none;
    border-bottom: 2px solid #ddd;
    padding-bottom: 5px;
}

.cms_page_container .section_2 .flex_row .col_item {
    text-align: center;
    background: #f6f5f3;
    padding: 50px 30px 30px 30px;
    flex: 0 0 calc(33.33% - 20px);
}

.item_slider .owl-carousel .owl-stage {
    right: 0px;
}

section.item_slider .col-item.right-side #owl-carousel {
    margin: 0;
    padding: 20px 0px;
}

.categorypath-engagement-rings #maincontent {
    padding: 0;
}

.exceptional_bg.plr_30 {
    padding-left: 0;
    padding-right: 0;
}

.nav-title-page.nav_eng_ring .shapes .title h3 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
}

.design_your_ring.gray_bg h5 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
}

.nav-title-page .exceptional_bg .title h4 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
}

/*------------------------Wedding title Page css-------------------------------------------------*/

.nav-title-page.nav_wedding_ring .section_3.gray_bg .title_collection h2 {
    text-align: center;
    font-size: 32px;
    font-family: "Inter", sans-serif;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
}

.nav-title-page.nav_wedding_ring .section_3.gray_bg .col-item h4 {
    text-align: left;
    font-weight: 500;
    font-size: 25px;
}

.nav-title-page.nav_wedding_ring .section_4 .title h3 {
    text-align: center;
    font-size: 30px;
    font-family: "Inter", sans-serif;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
}

.nav-title-page .tab-content-common h5 {
    font-size: 30px;
    color: #000;
    font-family: "Inter", sans-serif;
    padding-left: 0px;
    padding-bottom: 50px;
    font-weight: normal;
}

.nav-title-page.nav_wedding_ring .section_3.gray_bg .title_collection {
    margin-bottom: 80px;
}

.nav_wedding_ring .section_1 .banner {
    position: relative;
}

.nav_wedding_ring .section_1 .banner .banner_text {
    position: absolute;
    bottom: 70px;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: max-content;
}

.nav_wedding_ring .section_3.common_section .banner_text a {
    color: #fff;
}

.nav_wedding_ring .section_1 .banner_text h2 {
    font-family: "Inter", sans-serif !important;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 40px;
}

.nav_wedding_ring .section_2 .banner_text h1 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
}

.nav_wedding_ring .section_1 .btn_wraper .flex_div {
    display: flex;
    max-width: max-content;
    justify-content: center;
    margin: 0 auto;
    column-gap: 30px;
}

.nav_wedding_ring .section_1 .btn_wraper .flex_div li a {
    font-size: 14px;
    padding: 8px 37.5px 8px;
    z-index: 9;
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    margin: 0 auto;
    transition: 0.5s all ease-in-out;
    font-weight: normal;
    text-decoration: none;
    width: 100%;
    max-width: 100%;
    border: 1px solid #fff;
    min-width: 130px;
    text-align: center;
    border-radius: 3px;
}

.nav-title-page.nav_wedding_ring .diamond_basics.gray_bg.item_slider+.gray_bg {
    border: 35px solid #fff;
    border-bottom: 0;
}

.nav_wedding_ring .section_1 .banner_text .btn_wraper {
    margin-top: 40px;
}

.nav_wedding_ring .section_1 .btn_wraper .flex_div li a:hover {
    border: 1px solid #fff !important;
    color: #000;
}

.nav_wedding_ring .section_1 .btn_wraper .flex_div li a::before {
    background: #fff;
    position: absolute;
    left: 0;
    width: 0%;
    content: "";
    height: 100%;
    top: 0;
    transition: 0.5s all ease-in-out;
    z-index: -9;
    border-radius: 3px;
}

.nav_wedding_ring .section_1 .btn_wraper .flex_div li a:hover::before {
    width: 100%;
}

.nav_wedding_ring .section_3.common_section .banner_text a::before {
    background: #fff;
}

.nav_wedding_ring .section_3.common_section .banner_text a:hover {
    color: #000;
}

.nav_wedding_ring .section_4.common_section .design-btn a::before {
    background: #fff;
}

.nav_wedding_ring .section_4.common_section .design-btn a:hover {
    color: #000 !important;
}

.nav_jwelery .common_section .shop-now .design-btn.common-btn a:hover {
    color: #000 !important;
}

.nav_jwelery .common_section .shop-now .design-btn.common-btn a::before {
    background: #fff;
}

.nav_jwelery .bracelet_bangles .shop-now .design-btn.common-btn a:hover {
    color: #fff !important;
}

.nav_jwelery .bracelet_bangles .shop-now .design-btn.common-btn a::before {
    background: #000;
}

.nav-title-page.nav_wedding_ring .row_div .col-item {
    text-align: center;
    padding: 5% 3.5%;
    flex: 0 0 calc(33.3% - 15px);
}

.nav_guidance .engagement_ring_education .design-btn a {
    color: #fff;
    border: 1px solid #fff;
}

.nav_guidance .engagement_ring_education.common_section .shop-now .design-btn.common-btn a:hover {
    color: #000 !important;
}

.nav_guidance .engagement_ring_education.common_section .shop-now .design-btn.common-btn a::before {
    background: #fff;
}

.nav_guidance .engagement_ring_education.common_section .banner_text {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    max-width: max-content;
    margin: 0 auto;
}

.nav-title-page .row_div .col-item.col-text .image {
    display: flex;
    align-items: center;
    min-height: 200px;
    margin-top: 50px;
    justify-content: center;
}

.nav-title-page .row_div .col-item.col-text .desc_text p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 24px;
}

.nav-title-page .design-btn a {
    /*  background: transparent;*/
    font-size: 14px;
    padding: 9px 39.5px;
    text-transform: uppercase;
    font-weight: 300;
    z-index: 9;
    position: relative;
    text-decoration: none;
    font-family: 'Roboto';
    /*  color: #fff;*/
    display: block;
    max-width: max-content;
    margin: 0 auto;
    border-radius: 3px !important;
}

.nav-title-page .item_slider .design-btn a {
    background: transparent;
    font-size: 14px;
    padding: 9px 39.5px;
    text-transform: uppercase;
    font-weight: 300;
    z-index: 9;
    position: relative;
    text-decoration: none;
    font-family: 'Roboto';
    color: #000;
    display: block;
    max-width: max-content;
    margin: 0 auto;
    border-radius: 3px !important;
}

.nav-title-page.nav_wedding_ring .row_div .col-item .shop-now .design-btn.common-btn {
    border: 1px solid #333;
    transition: 0.5s all ease-in-out;
    max-width: max-content;
}

.nav-title-page.nav_wedding_ring .row_div .col-item .shop-now .design-btn.common-btn:hover {
    border: 1px solid transparent;
}

.design-btn.common-btn {
    margin: 15px auto 0px;
    border: 1px solid #333;
    transition: 0.5s all ease-in-out;
    max-width: max-content;
    border-radius: 3px;
}

.design-btn a::before {
    background: #000;
    position: absolute;
    left: 0;
    width: 0%;
    content: "";
    height: 100%;
    top: 0;
    transition: 0.5s all ease-in-out;
    z-index: -9;
    border-radius: 3px;
}

.design-btn a:hover::before {
    width: 100%;
}

.nav-title-page .design-btn a:hover {
    color: #fff;
}

.nav-title-page .row_div .col-item.col-text .desc_text {
    padding: 15% 0%;
}

.nav_wedding_ring .common_section .banner {
    position: relative;
}

.nav_wedding_ring .common_section .banner_text {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    max-width: max-content;
    margin: 0 auto;
}

.nav_wedding_ring .common_section .shop-now .design-btn.common-btn {
    border: 1px solid #fff;
    transition: 0.5s all ease-in-out;
    max-width: max-content;
}

.nav_wedding_ring .common_section .shop-now .design-btn.common-btn:hover {
    border: 1px solid transparent;
}

.nav_wedding_ring .section_4.common_section .shop-now .design-btn.common-btn {
    border: 1px solid #fff;
}

.nav_wedding_ring .section_4.common_section .shop-now .design-btn.common-btn:hover {
    border: 1px solid transparent;
}

.nav_wedding_ring .common_section .banner_text h2 {
    font-family: "Inter", sans-serif !important;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 24px;
}

.nav_wedding_ring .common_section .design-btn.common-btn {
    margin: 15px auto 0px;
    border: 1px solid #333;
    transition: 0.5s all ease-in-out;
    max-width: max-content;
}

.nav_wedding_ring .section_4.common_section .banner_text h2 {
    color: #fff;
}

.nav_wedding_ring .section_4.common_section .design-btn a {
    color: #fff;
}

.nav_wedding_ring .section_4.common_section .design-btn a:hover {
    color: #fff;
}

.nav_wedding_ring .section_5.common_section .banner_text h2 {
    color: #fff;
}

.nav_wedding_ring .common_section .banner img {
    margin: -4px 0px 0px;
}

.category-wedding #maincontent {
    padding: 0;
    margin-top: -20px !important;
}

.nav-title-page .section_2 .row_div {
    background: #fff !important;
    width: 100%;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

section.gray_bg {
    background: #f6f5f3;
    padding: 80px 0px;
}

section.gray_bg .design-btn.common-btn {
    max-width: max-content;
}

section.gray_bg h4 {
    text-align: center;
    font-size: 22px;
    font-family: "Inter", sans-serif;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
}

.gray_bg .container {
    width: 100%;
    max-width: 1140px;
    margin: 0 auto;
}

.gray_bg .container .desc_text p {
    text-align: left;
}

section.gray_bg .design-btn.common-btn {
    max-width: max-content;
    margin-top: 25px;
    border-radius: 3px;
}

section.gray_bg .design-btn.common-btn:hover {
    border: 1px solid transparent;
}

.nave_title_faq .accordion-content p {
    margin-bottom: 15px !important;
}

/*------------------------------------Our Guide Page----------------------------*/

.our-guide .section_1 .content_title h2 {
    max-width: max-content;
    margin: 0 auto;
    border-bottom: 2px solid #3e9f8e;
    padding-bottom: 5px;
}

.cms_page_main.diamond_basics.our-guide .desc_text p {
    text-transform: initial;
}

.cms_page_main.diamond_basics.our-guide .desc_text {
    min-height: 150px !important;
}

.cms_page_main.diamond_basics.our-guide .col_item .col_title {
    min-height: 70px;
}

.our-guide .max-width {
    text-align: center !important;
}

.our-guide .banner .image {
    text-align: center;
}

.nav_guidance .cms_page_container .diamond_education .flex_row ul li .caption_text p {
    font-size: 20px;
}

.category-ring-buying-guide #maincontent {
    padding: 0px;
}

.category-design-basics #maincontent {
    padding: 0;
}

.category-the-custom-process #maincontent {
    padding: 0px;
}

.category-metal-guidance #maincontent {
    padding: 0px;
}

.category-precious-metal-education #maincontent {
    padding: 0px;
}

.category-ring-size-guide #maincontent {
    padding: 0px;
}

.category-vintage-diamond-cuts #maincontent {
    padding: 0px;
}

.category-gemstone-colour #maincontent {
    padding: 0;
}

.category-gemstone-clarity #maincontent {
    padding: 0px;
}

.category-gemstone-cut #maincontent {
    padding: 0px;
}

.category-gemstone-cut #maincontent section .box {
    padding: 0px 30px;
}

.category-gemstone-enhancement #maincontent {
    padding: 0px;
}

.category-sapphire #maincontent {
    padding: 0;
}

.category-ruby #maincontent {
    padding: 0px;
}

.category-our-guide #maincontent {
    padding: 0px;
}

.category-round #maincontent {
    padding: 0px;
}

.category-oval #maincontent {
    padding: 0px;
}

.category-princess #maincontent {
    padding: 0px;
}

/*===========================FAQ page css start==============================*/

.cms_page_container {
    padding: 0% 0px !important;
}

/*==============================Fragrance Page Css Start====================*/

.banner_img img {
    width: 100%;
}

.nav-title-page .desc_text p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 24px;
}

.nav-title-page section .title h2 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
}

.nav-title-page section .title h1 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
}

.grid_boxes .col_item h3 {
    font-size: 24px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #000;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

.grid_boxes .col_item .absolute_caption h3 {
    font-size: 24px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #fff !important;
    margin-top: 15px;
    margin-bottom: 15px;
    text-align: center;
}

video {
    width: 100%;
}

.inner_content {
    padding: 0 3%;
}

.grid_boxes {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    column-gap: 30px;
    row-gap: 30px;
}

.fragrance_page .mb_50 {
    margin-bottom: 50px !important;
}

.grid_boxes .col_item {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #f6f5f3;
    position: relative;
    transition: height 0.5s ease-in-out;
}

.absolute_caption a.discover_btn {
    font-size: 16px;
    padding: 8px 37.5px 8px;
    z-index: 9;
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #000;
    font-family: 'Roboto';
    margin: 0 auto;
    transition: 0.5s all ease-in-out;
    font-weight: 400;
    text-decoration: none;
    width: 100%;
    max-width: 100%;
    border: 1px solid #fff;
    max-width: max-content;
    background: #fff;
    transition: 0.5s all ease-in-out;
    border-radius: 3px;
}

.absolute_caption a.discover_btn::before {
    background: #000;
    position: absolute;
    left: 0;
    width: 0%;
    content: "";
    height: 100%;
    top: 0;
    transition: 0.5s all ease-in-out;
    z-index: -9;
    border-radius: 3px;
}

.absolute_caption a.discover_btn:hover::before {
    width: 100%;
}

.absolute_caption a.discover_btn:hover {
    color: #fff;
    border: 1px solid #000;
}

.absolute_caption a.discover_btn .arrow {
    background: url("../inner_page_images/discover-arrow.png") no-repeat scroll center left;
    width: 7px;
    height: 14px;
    display: inline-flex;
    position: relative;
    top: 2px;
    margin-left: 6px;
    transition: 0.5s all ease-in-out;
}

.grid_boxes .col_item .absolute_caption {
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: 0.5s all ease-in-out;
    opacity: 0;
}

.grid_boxes .col_item:hover .absolute_caption {
    bottom: 50%;
    opacity: 1;
}

.grid_boxes .col_item .desc_text {
    margin: 0px;
    width: 100%;
}

.grid_boxes .image picture {
    width: 100% !important;
}

.grid_boxes .image picture img {
    width: 100%;
}

img {
    max-width: 100%;
}

.ring-size-guide .section_1 .box img {
    width: 100%;
}

.measuring_tips .container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.measuring_tips .container .title h3 {
    background: #fff;
    color: #000;
    font-size: 24px;
    font-family: "Inter", sans-serif;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-weight: 700;
    padding: 0px 10px 0px 0px;
    border: 0px solid #b3b0b0;
    text-align: left;
    margin: 0px;
}

.measuring_tips ul.bullet_list li {
    list-style: disc;
    padding: 0 0px 5px;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #000;
}

.measuring_tips .desc_text {
    max-width: 1280px;
    margin: 20px auto 0px;
    padding-left: 31px;
}

.measuring_tips .desc_text {
    margin-top: 14px !important;
}

.dshape-round-table.content-width {
    max-width: 1000px;
    background: #fff;
    padding: 30px;
    box-shadow: -3px 5px 24px rgba(147, 147, 147, 0.11);
}

.cms_page_container .section_2 .flex_row .col_item .discover_btn.vertical_btn a {
    padding: 8px 37.5px;
    border: 1px solid #333;
    border-radius: 3px;
}

.cms_page_container .section_2 .flex_row .col_item .discover_btn.vertical_btn a:hover {
    border: 1px solid transparent;
    color: #fff;
}

.cms_page_container .section_2 .flex_row .col_item .vertical_img {
    min-height: 110px;
    display: flex;
    align-items: first baseline;
    justify-content: center;
    margin: 10px auto 10px;
}

.cms_page_container .section_2 .flex_row .col_item .desc_text {
    max-width: 90%;
    margin: 0 auto;
    min-height: 185px;
    padding: 30px 0px 0px;
}

.diamond_guide .cms_page_container .section_2 .flex_row .col_item .desc_text {
    min-height: 150px;
}

.free-ring-sizer #amform-form-8 .rendered-form .fieldset .fields .field.form-group input {
    border: 1px solid #ddd !important;
    border-radius: 0 !important;
}

.free-ring-sizer #amform-form-8 .amform-form-fieldset .amcform-page-wrap {
    display: flex;
    position: relative;
    flex-wrap: wrap;
}

.free-ring-sizer #amform-form-8 .amform-form label.fb-radio-group-label,
.free-ring-sizer #amform-form-8 .amform-form label.fb-text-label {
    display: block !important;
}

.free-ring-sizer .rendered-form .fieldset .fields .field.form-group {
    margin-bottom: 30px !important;
}

.free-ring-sizer #amform-form-8 textarea {
    max-height: 48px;
}

.free-ring-sizer #amform-form-8 .label {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.free-ring-sizer .amform-form-fieldset .amcform-page-wrap {
    display: flex;
    column-gap: 30px;
}

.free-ring-sizer .rendered-form .fieldset .fields .field.form-group {
    margin-bottom: 30px !important;
    flex: 0 0 calc(50% - 15px);
}

.free-ring-sizer #amform-form-8 {
    max-width: 1280px;
    background: #f6f5f3;
    padding: 30px;
    margin-bottom: 50px;
}

.free-ring-sizer h3 {
    text-align: center;
    font-size: 30px;
    font-family: "Inter", sans-serif;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
}

.measuring_tips .container {
    max-width: 1040px;
}

.free-ring-sizer .title {
    max-width: 70%;
    margin: 0 auto;
}

.free-ring-sizer .title h3 {
    text-align: left;
}

.free-ring-sizer .rendered-form .form-control,
.free-ring-sizer .rendered-form output {
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    display: block;
    border-radius: 0 !important;
    border: 0 !important;
}

.cms_page_main.ring-size-guide .cms_page_container .section_2 {
    padding: 0 0%;
}

.free-ring-sizer #amform-form-8 .label {
    font-size: 16px;
    font-weight: 500;
    color: #000;
    display: block !important;
    font-family: "Inter", sans-serif;
}

.free-ring-sizer #amform-form-8 .amform-form-fieldset .amcform-page-wrap .amcform-toolbar {
    bottom: 0;
}

.free-ring-sizer #amform-form-8 .amform-form-fieldset .amcform-page-wrap .amcform-toolbar .amcform-submit.action.submit {
    background: #459f8e !important;
    width: 100%;
    max-width: 100%;
    min-width: 160px !important;
    list-style: disc;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    color: #fff;
}

.free-ring-sizer #amform-form-8 .fb-select.form-group select {
    padding: 14px 15px;
}

.nav-title-page.fragrance_page .inner_content {
    padding: 0;
}

.nav-title-page.fragrance_page .inner_content section {
    padding: 0 30px;
}

.nav-title-page.fragrance_page .inner_content .freagrance_video_section {
    background: #000;
    padding-top: 100px;
}

.nav-title-page.fragrance_page .inner_content .freagrance_video_section.rosedose_section.mb_100 {
    margin-top: 0px;
}

.nav-title-page.fragrance_page .inner_content .mb_50 {
    margin-bottom: 100px !important;
}

.nav-title-page.fragrance_page .inner_content .mb_100 {
    margin-bottom: 10px !important;
}

.nav-title-page.fragrance_page .inner_content .freagrance_video_section .title h2 {
    color: #fff;
}

.nav-title-page.fragrance_page .inner_content .freagrance_video_section .desc_text p {
    color: #fff;
    max-width: 1020px;
    margin: 0 auto;
}

/*------------------Fine Jwelery page css start---------------------------*/

.nav_jwelery .common_section .banner {
    position: relative;
}

.nav_jwelery .common_section .banner_text {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    max-width: max-content;
    margin: 0 auto;
}

.nav_jwelery .common_section .banner_text h2 {
    font-family: "Inter", sans-serif !important;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 24px;
}

.nav_jwelery .common_section .shop-now .design-btn.common-btn {
    border: 1px solid #fff;
    transition: 0.5s all ease-in-out;
    max-width: max-content;
}

.nav_jwelery .common_section .shop-now .design-btn.common-btn:hover {
    border: 1px solid transparent;
}

.nav_jwelery .bracelet_bangles.common_section .shop-now .design-btn.common-btn {
    border: 1px solid #000;
}

.nav_jwelery .bracelet_bangles.common_section .shop-now .design-btn.common-btn:hover {
    border: 1px solid transparent;
}

.nav_jwelery .common_section .design-btn a {
    background: transparent;
    font-size: 14px;
    padding: 9px 39.5px;
    text-transform: uppercase;
    font-weight: 300;
    z-index: 9;
    position: relative;
    text-decoration: none;
    font-family: 'Roboto';
    color: #fff !important;
    display: block;
    max-width: max-content;
    margin: 0 auto;
}

.bracelet_bangles .banner_text h2 {
    color: #000 !important;
}

.bracelet_bangles .banner_text .design-btn a {
    color: #000 !important;
}

.bracelet_bangles .banner_text .design-btn a:hover {
    color: #fff !important;
}

.nav_jwelery .desc_text {
    max-width: 900px;
}

.accordion-content.always-open .accordion-content ol {
    height: 100%;
    width: 100%;
    display: table;
    padding: 0 0px 0px 15px;
    margin: 0;
}

.nav-tabs-common .tab-content-common {
    padding: 40px 5% 50px;
}

.flex_box.inner-content ul,
.flex_box.inner-content ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.tab-content {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.accordion-content ol li {
    margin: 0px;
    margin-bottom: 0px;
    padding: 0px 0px 13px;
    font-family: 'Roboto';
    font-size: 14px;
    line-height: 22px;
    font-weight: 300;
    list-style-type: decimal;
    color: #000;
}

.nav_jwelery .section_2.plr_30.mb_50 {
    padding-top: 90px;
}

/*------------------------Diamond title Page css Start-------------------------------------------------*/

.nav_diamonds .first_section {
    padding: 50px 0px;
}

.nav_diamonds .section_1 .banner {
    position: relative;
}

.nav_diamonds .section_1 .banner .banner_text {
    position: absolute;
    bottom: 70px;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: max-content;
}

.nav_diamonds .section_1 .banner_text h1 {
    font-family: "Inter", sans-serif !important;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 40px;
}

.nav_diamonds .section_1 .banner_text .btn_wraper {
    margin-top: 40px;
}

.nav_diamonds .section_1 .btn_wraper .flex_div {
    display: flex;
    max-width: max-content;
    justify-content: center;
    margin: 0 auto;
    column-gap: 30px;
}

.nav_diamonds .section_1 .btn_wraper .flex_div li a {
    font-size: 14px;
    padding: 8px 37.5px 8px;
    z-index: 9;
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    margin: 0 auto;
    transition: 0.5s all ease-in-out;
    font-weight: 300;
    text-decoration: none;
    width: 100%;
    max-width: 100%;
    border: 1px solid #fff;
    min-width: 215px;
    text-align: center;
    border-radius: 3px;
}

.nav_diamonds .section_1 .btn_wraper .flex_div li a:hover {
    border: 1px solid transparent !important;
    color: #000;
}

.nav_diamonds .section_1 .btn_wraper .flex_div li a::before {
    background: #fff;
    position: absolute;
    left: 0;
    width: 0%;
    content: "";
    height: 100%;
    top: 0;
    transition: 0.5s all ease-in-out;
    z-index: -9;
    border-radius: 3px;
}

.nav_diamonds .section_1 .btn_wraper .flex_div li a:hover::before {
    width: 100%;
}

.diamond_pair.item_slider .col-item.right-side {
    flex: 0 0 100%;
    max-width: 610px;
    padding-left: 40px;
    margin: 0 auto;
}

.nav_diamonds .diamond_pair.item_slider .col-item.right-side .owl-stage {
    right: 0;
}

.nav_diamonds .diamond_pair.item_slider {
    padding: 100px 0px 0px !important;
    background: transparent;
}

.nav_diamonds .diamond_pair.item_slider .owl-carousel .owl-item {
    border-right: 20px solid transparent;
}

.cms_page_container .shapes .image {
    min-height: 160px;
}

.cms_page_container .shapes .caption p {
    margin-top: 0;
}

.nav_diamonds section.gray_bg {
    padding: 100px 0px;
}

.cms_page_container .shapes .caption a {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 24px;
    text-decoration: none;
}

.nav_diamonds .section_2.guidance {
    padding: 100px 0px 0;
}

.section_2.guidance {
    padding-top: 100px;
    padding-bottom: 0px;
}

.cms_page_container section.section_2.guidance .flex_row .col_item h3 {
    font-size: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px 0px;
    min-height: 60px;
}

.nav-title-page .expert_consulation .design-btn a:hover {
    color: #000;
}

.nav-title-page .expert_consulation .design-btn a:hover::before {
    background: #fff;
}

.nav_lab_diamond .owl-wrapper-outerz_section .owl-wrapper-outerz .desc_text {
    max-width: 632px;
}

.cms_page_main.nav_lab_diamond .diamond_pair.item_slider {
    padding-top: 100px !important;
}

.nav_diamonds section.gray_bg .flex_div {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.nav_diamonds section.gray_bg .flex_div .col_item:nth-child(1) h2 {
    text-align: left;
}

.nav_diamonds section.gray_bg .flex_div .desc_text p {
    text-align: justify;
     !important;
}

.nav_diamonds .free_consultation.gray_bg {
    padding: 0px !important;
}

.free_consultation.gray_bg .flex_div .title {
    margin-bottom: 30px;
}

.nav_diamonds .free_consultation.gray_bg .col_item:nth-child(1) .desc_text {
    max-width: 600px;
    margin-top: 0;
}

.nav_diamonds .free_consultation.gray_bg .col_item {
    flex: auto;
}

.nav_diamonds .free_consultation.gray_bg .col_item .title:nth-child(1) {
    margin-bottom: 30px;
    margin-top: 0;
}

.nav_diamonds section.gray_bg .flex_div .col_item img {
    float: right;
}

.nav_diamonds .free_consultation.gray_bg .col_item .desc_text .shop-now {
    float: left;
    margin-top: 0px;
}

section.colored_diamonds {
    background: #000;
    padding: 100px 0px 100px 0px;
}

.nav_guidance.main_guidance section.colored_diamonds {
    background: #000;
    padding: 115px 0px 216px 0px;
}

.nav_guidance.main_guidance section.colored_diamonds .image {
    padding-top: 150px;
    padding-bottom: 50px;
}

.nav_guidance .common_section .banner_text {
    position: absolute;
    bottom: 70px;
    left: 0;
    right: 0;
    max-width: max-content;
    margin: 0 auto;
}

.nav_guidance .common_section .banner_text h2 {
    font-family: "Inter", sans-serif !important;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 24px;
}

.nav_guidance .common_section .design-btn a {
    background: transparent;
    font-size: 14px;
    padding: 9px 39.5px;
    text-transform: uppercase;
    font-weight: 300;
    z-index: 9;
    position: relative;
    text-decoration: none;
    font-family: 'Roboto';
    color: #fff !important;
    display: block;
    max-width: max-content;
    margin: 0 auto;
}

.nav_guidance .common_section .shop-now .design-btn.common-btn a::before {
    background: #fff;
}

.nav_guidance .common_section .shop-now .design-btn.common-btn {
    border: 1px solid #fff;
    transition: 0.5s all ease-in-out;
    max-width: max-content;
}

.main_guidance section.colored_diamonds .design-btn.common-btn a:hover {
    color: #000 !important;
}

.main_guidance section.colored_diamonds .design-btn.common-btn a:before {
    background: #fff;
}

.main_guidance .rign_size_guide.earing.common_section .banner_text a:hover {
    color: #000 !important;
}

.nav_diamonds section.colored_diamonds .design-btn.common-btn a::before {
    background: #fff;
}

.nav_diamonds section.colored_diamonds .design-btn.common-btn a:hover {
    color: #000 !important;
}

section.colored_diamonds .title h2 {
    color: #fff;
}

section.colored_diamonds .title h4 {
    color: #fff;
}

.nav-title-page .desc_text p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #000000;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 24px;
}

section.colored_diamonds .image img {
    display: block;
    margin: 0 auto;
}

section.colored_diamonds .desc_text p {
    color: #fff !important;
}

section.colored_diamonds .col_title h4 {
    color: #fff;
}

section.colored_diamonds .design-btn.common-btn {
    border: 1px solid #fff;
}

section.colored_diamonds .design-btn.common-btn a {
    color: #fff;
}

.grown_diamond .image {
    margin-bottom: 40px;
}

.grown_diamond .image img {
    display: block;
    margin: 0 auto;
}

.category-diamonds #maincontent {
    padding: 0;
}

.owl-wrapper-outerz {
    background: #000;
    padding: 100px 0px 100px;
    display: flow-root;
    margin: 0px auto 0px;
}

.owl-wrapper-outerz h3 {
    text-align: center;
    color: #fff;
    margin-bottom: 50px;
    font-weight: 700;
}

.owl-wrapper-outerz .sec_caption {
    position: unset;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    z-index: 2;
}

.owl-wrapper-outerz a .sec_caption {
    text-align: left;
    float: left;
    padding-left: 3%;
    margin-bottom: 0px;
}

.owl-wrapper-outerz a .sec_caption p {
    background: #fff;
    max-width: max-content;
    padding: 12px 30px;
    font-size: 13px;
}

.owl-wrapper-outerz .owl-item .owl-itemwrapper {
    min-height: 380px;
    display: flex;
    align-items: center;
}

.owl-wrapper-outerz .subnamedimond span {
    font-size: 15px !important;
    text-transform: capitalize;
    font-weight: 300;
    color: #fff;
    padding: 0px;
    font-family: 'Roboto', sans-serif !important;
}

.owl-wrapper-outerz .namedimond {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif !important;
    font-weight: 300;
    font-size: 20px;
}

.owl-wrapper-outerz .sec_caption h3 {
    text-align: left;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: normal;
    padding-bottom: 20px;
    line-height: normal;
}

.owl-wrapper-outerz .sec_caption p {
    background: #fff;
    max-width: 260px;
    padding: 12px 30px;
    font-size: 13px;
    width: 100%;
}

.owl-wrapper-outerz h1 {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    text-transform: uppercase;
    font-size: 30px;
    letter-spacing: 1px;
    color: #fff;
    font-weight: bold;
    padding-bottom: 20px;
    line-height: normal;
    color: #000;
    margin-bottom: 0;
}

.owl-wrapper-outerz .desc_text {
    margin-top: 0;
}

.owl-wrapper-outerz .desc_text p {
    color: #fff;
}

.owl-wrapper-outerz .sec_caption h3 {
    display: block;
}

.owl-wrapper-outerz .sec_caption h3 {
    text-align: left;
    margin: 0;
    padding-bottom: 0;
}

.owl-wrapper-outerz .owl-carousel .owl-item img {
    display: block;
    width: 100%;
}

.owl-wrapper-outerz .owl-item .owl-itemwrapper img {
    width: 100%;
    max-width: 310px;
    margin: auto;
}

.owl-wrapper-outerz .owl-item.center.active .owl-itemwrapper img {
    max-width: 510px;
}

ul.owl-wrapper.featuredproductxxxxxx.owl-carousel.owl-theme .owl-controls.clickable {
    display: none;
}

.owl-wrapper.featuredproductxxxxxx.owl-carousel.owl-theme .owl-pagination {
    opacity: 0;
    height: auto;
}

.owl-wrapper-outerz .owl-carousel .owl-nav button.owl-prev .lft-btn,
.owl-wrapper-outerz .owl-carousel .owl-nav button.owl-prev .lft-btn:hover {
    position: relative;
    background: url("images/shop-left-arrow.png") no-repeat scroll center center;
    font-size: 0px;
    margin: 0;
    width: 100%;
}

.owl-wrapper-outerz .owl-carousel .owl-nav button.owl-next .rgt-btn,
.owl-wrapper-outerz .owl-carousel .owl-nav button.owl-next .rgt-btn:hover {
    position: relative;
    background: url("images/shop-right-arrow.png") no-repeat scroll center center;
    font-size: 0px;
    margin: 0;
    width: 100%;
}

.owl-wrapper-outerz .owl-carousel .owl-nav {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin: 0px auto 0px;
    max-width: 100%;
}

.owl-wrapper-outerz .owl-carousel .owl-nav button {
    font-size: 18px;
    color: #000;
    background: #f6f5f3;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 60px;
    padding-left: 17px !important;
    border-radius: 50px !important;
}

.owl-wrapper-outerz .owl-carousel .owl-nav button:hover {
    background: #f6f5f3;
    color: #000;
}

.owl-wrapper-outerz .pad-main-bottom.wrapper {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto 10px;
    float: none !important;
}

.owl-wrapper-outerz a {
    border-radius: 0 !important;
}

.page-footer {
    border-top: 0px solid #459f8e;
}

.page-wrapper>.breadcrumbs {
    bottom: 870px !important;
}


.featuredproductxxxxxx.owl-carousel .owl-itemwrapper .mystic-text--Eov9D {
    display: block !important;
}
.featuredproductxxxxxx.owl-carousel .owl-itemwrapper {
    flex-direction: column;
}

.featuredproductxxxxxx.owl-carousel .owl-itemwrapper .namedimond {
    color: #000;
    text-align: center;
}
.featuredproductxxxxxx.owl-carousel .owl-nav button {
    padding: 0 !important;
}

.nav-title-page.nav_diamonds section .title h1 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
}

.nav_diamonds .section_1 h2 {
    font-family: "Inter", sans-serif !important;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 40px;
}

.nav-title-page.nav_diamonds section.grown_diamond .title h5 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
}

/*-------------------BESPOKE-----------------------*/

.nav_bespoke .section_1 .banner {
    position: relative;
}

.nav_bespoke .section_1 .banner .banner_text {
    position: absolute;
    bottom: 70px;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: max-content;
}

.nav_bespoke .section_1 .banner_text h1 {
    font-family: "Inter", sans-serif !important;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 40px;
}

.nav_bespoke .section_1 .banner_text .btn_wraper {
    margin-top: 30px;
}

.nav_bespoke .section_1 .btn_wraper .flex_div {
    display: flex;
    max-width: max-content;
    justify-content: center;
    margin: 0 auto;
    column-gap: 30px;
}

.lab_real_diamond_section .title+.desc_text {
    max-width: 900px;
}

.nav_bespoke .section_1 .btn_wraper .flex_div li a {
    font-size: 14px;
    padding: 8px 37.5px 8px;
    z-index: 9;
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    margin: 0 auto;
    transition: 0.5s all ease-in-out;
    font-weight: 300;
    text-decoration: none;
    width: 100%;
    max-width: 100%;
    border: 1px solid #fff;
    min-width: 120px;
    text-align: center;
    border-radius: 3px;
}

.nav_bespoke .section_1 .btn_wraper .flex_div li a:hover {
    border: 1px solid transparent !important;
    color: #000;
}

.nav_bespoke .section_1 .btn_wraper .flex_div li a::before {
    background: #fff;
    position: absolute;
    left: 0;
    width: 0%;
    content: "";
    height: 100%;
    top: 0;
    transition: 0.5s all ease-in-out;
    z-index: -9;
    border-radius: 3px;
}

.nav_bespoke .section_1 .btn_wraper .flex_div li a:hover::before {
    width: 100%;
}

.jewel_journey_section .flex_div {
    display: flex;
    justify-content: space-between;
    column-gap: 0px;
    flex-wrap: wrap;
}

.nav-title-page .jewel_journey_section .flex_div .flex_row {
    display: flex;
}

.jewel_journey_section .col_item {
    position: relative;
    width: 50%;
}

.jewel_journey_section .col_item .content .image {
    width: 100%;
}

.jewel_journey_section .col_item .content .image img {
    width: 100%;
}

.jewel_journey_section .col_item:after {
    content: "";
    display: block;
    padding-bottom: 70%;
}

.nav-title-page.nav_bespoke.bespoke-design .jewel_journey_section .col_item::after {
    padding-bottom: 100%;
}

.jewel_journey_section .col_item .content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jewel_journey_section .col_item .content h2 {
    color: #fff;
}

.jewel_journey_section .content_section {
    width: 100%;
    margin: 0 auto;
}

.jewel_journey_section .content_section .desc_text h3 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 20px;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 14px;
}

.jewel_journey_section .content_section .desc_text h2 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
    text-align: left;
    margin: 30px 0px 40px;
}

.jewel_journey_section .col_item .content .desc_text {
    padding: 0 20% 0 15%;
}

.jewel_journey_section .content_section .desc_text p {
    text-align: justify !important;
}

.personalisation .banner_image img {
    width: 100%;
}

.personalisation {
    padding-top: 100px;
    padding-bottom: 100px;
}

.category-bespoke #layered-filter-block-container {
    display: none;
}

.nav-title-page .engagement_ring_education .banner .image img {
    width: auto;
    max-width: 100%;
}

.engagement_ring_education {
    background: #000;
}

.nav_guidance.main_guidance .engagement_ring_education {
    background: #000;
    padding: 115px 0px 0px;
}

.nav_guidance.main_guidance .engagement_ring_education .banner {
    padding-top: 100px;
}

.nav-title-page .engagement_ring_education .banner .image img {
    width: 100%;
    max-width: 760px;
}

/*----------------------------Bespoke Design-------------------------------*/

.nav_bespoke.bespoke-design section h4 {
    color: #fff;
}

.order_made.free_consultation .desc_text .title h2 {
    text-align: left;
    margin-bottom: 30px;
}

.order_made.free_consultation .desc_text p {
    text-align: justify;
}

.order_made.free_consultation {
    padding: 0 30px;
}

.order_made.free_consultation .desc_text {
    padding: 100px 0;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
}

.nav_bespoke.bespoke-design .free_consultation.gray_bg {
    background-color: #fff !important;
    padding: 0px 0 0;
    margin-top: 50px;
}

.nav_bespoke.bespoke-design .free_consultation.gray_bg .col_item:nth-child(1) .desc_text {
    max-width: 600px;
    margin-top: 0;
}

.nav_bespoke.bespoke-design .free_consultation.gray_bg .col_item .desc_text .shop-now {
    float: left;
    margin-top: 0px;
}

.nav_bespoke.bespoke-design .free_consultation .design-btn a:visited,
.nav_bespoke.bespoke-design .grown_diamond .design-btn a:visited {
    color: #000;
}

.nav_bespoke.bespoke-design .free_consultation .design-btn a:visited:hover {
    color: #fff;
}

.nav_bespoke.bespoke-design .remodeling.free_consultation {
    padding: 0 30px 100px;
}

.nav_bespoke.bespoke-design .remodeling.free_consultation .title {
    margin-bottom: 30px;
}

.nav_bespoke.bespoke-design .remodeling.free_consultation .title h2 {
    text-align: left;
}

.nav_bespoke.bespoke-design .remodeling.free_consultation .title p {
    text-align: left;
    margin-top: 10px;
}

.nav_bespoke.bespoke-design .remodeling.free_consultation .desc_text p {
    text-align: left;
}

.nav_bespoke.bespoke-design .remodeling.free_consultation .desc_text .shop-now .design-btn.common-btn {
    margin-left: 0;
    margin-top: 50px;
}

.nav_bespoke.bespoke-design .remodeling.free_consultation .desc_text {
    margin-top: 0;
}

/*----------------------------Guidance-----------------------------------*/

.engagement_ring_education {
    background: #000;
    padding: 100px 0px 0px;
}

.engagement_ring_education .title h2 {
    color: #fff !important;
}

.engagement_ring_education p {
    color: #fff !important;
}

.diamond_basics.gray_bg.item_slider .header_part .desc_text {
    margin-bottom: 0;
}

.nav_guidance.main_guidance section.colored_diamonds .desc_text.text-center {
    max-width: 980px;
}

/*======================LAB-DIAMOND-GUIDANCE PAGE CSS Start From Here==========================*/

.free_consultation.gray_bg .flex_div .col_item:nth-child(2) .image {
    display: none;
}

.free_consultation.gray_bg .flex_div .col_item:nth-child(1) {
    width: 55%;
}

.diamond_science.black_bg {
    background: #000;
    min-height: 619px;
    display: flex;
    align-items: center;
}

.natural_vs_lab_diamond .diamond_science {
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: auto;
    display: flex;
    align-items: center;
}

.diamond_science.black_bg .title h2 {
    color: #fff;
}

.lab_real_diamond_section h3 {
    text-align: center;
}

.diamond_science {
    padding-top: 100px;
    padding-bottom: 100px;
    min-height: 619px;
    display: flex;
    align-items: center;
}

.diamond_science .content {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.diamond_science .title h2 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
    text-align: left;
}

.diamond_science.black_bg .title h3,
.diamond_science.black_bg .title h4 {
    color: #fff;
}

.diamond_science.black_bg .title h3,
.diamond_science.black_bg .title h4 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
    text-align: left;
}

.diamond_science.black_bg .desc_text p {
    color: #fff;
}

.diamond_science .desc_text p {
    text-align: justify;
    color: #000;
}

.diamond_science.white_bg .design-btn.common-btn {
    margin: 35px 0 0px;
    border: 1px solid #333;
    transition: 0.5s all ease-in-out;
    max-width: max-content;
}

.free_consultation.gray_bg .flex_div {
    max-width: 1280px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    min-height: 619px;
}

.free_consultation.gray_bg .flex_div .desc_text p {
    text-align: justify;
    margin-bottom: 15px !important;
}

.free_consultation.gray_bg .flex_div h2 {
    text-align: left;
}

.nav_lab_diamond .free_consultation.gray_bg .flex_div .desc_text .design-btn.common-btn {
    margin-left: 0;
}

.free_consultation.gray_bg {
    padding: 0;
}

.diamond_pair.item_slider {
    background: #fff;
}

.diamond_pair.item_slider .col-item.right-side .owl-stage {
    right: auto;
}

.diamond_pair.item_slider .owl-carousel .owl-item {
    border-right: 0px solid #f6f5f3;
}

.diamond_pair.item_slider .col-item.right-side {
    padding-left: 0px;
}

.diamond_pair.item_slider .col-item.right-side #owl-carousel {
    margin: 0;
    padding: 0px 0px;
}

.diamond_pair.item_slider .desc_text+.title+.desc_text {
    margin-bottom: 0;
}

.diamond_pair .content_wraper .flex_div {
    display: flex;
    align-items: center;
}

.diamond_pair .content_wraper .heading .title h2 {
    text-transform: uppercase;
}

.diamond_pair .content_wraper .heading .desc_text.text-center {
    margin-top: 10px;
}

.diamond_pair.item_slider .col-item.right-side .owl-nav {
    top: 55%;
}

.diamond_pair .content_wraper .heading .title h2 {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 24px;
}

.lab_real_diamond_section .lab_real_diamond.flex_div {
    width: 100%;
    max-width: 1280px;
    margin: 0px auto 0px;
    display: flex;
    column-gap: 10px;
    justify-content: center;
}

.lab_real_diamond_section .lab_real_diamond.flex_div .col_item {
    flex: 0 0 calc(33.3% - 15px);
}

.lab_real_diamond_section .lab_real_diamond.flex_div .image {
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 14px;
    width: 100%;
    position: relative;
}

.lab_real_diamond_section .lab_real_diamond.flex_div .image::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.lab_real_diamond_section .lab_real_diamond.flex_div .image h2 {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lab_real_diamond_section .lab_real_diamond.flex_div .col_item .list_specification ul {
    margin: 0;
}

.lab_real_diamond_section .lab_real_diamond.flex_div .col_item .list_specification ul li {
    text-align: center;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    border: 1px solid #ddd;
    padding: 10px 0px;
    background: #fff;
    border-bottom: 0;
    color: #000;
}

.lab_real_diamond_section .lab_real_diamond.flex_div .col_item .list_specification ul li strong {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 24px;
}

.lab_real_diamond_section .lab_real_diamond.flex_div .col_item .list_specification ul li:nth-child(2n) {
    background: #f6f5f3;
}

.lab_real_diamond_section .lab_real_diamond.flex_div .col_item .list_specification ul li:nth-last-child(1) {
    border-bottom: 1px solid #ddd;
}

.lab_grown_creation .content {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.lab_grown_creation .content .title h2 {
    text-align: left;
}

/*.lab_grown_creation .content .desc_text p {
    text-align: justify;
}
*/
.lab_grown_creation .content .title h3 {
    text-align: left;
    color: #000;
    font-weight: bold;
    font-size: 22px;
}

.text-left {
    text-align: justify !important;
}

.diamond_basics.item_slider {
    background: transparent;
}

.diamond_basics.item_slider .flex_box {
    background: #f6f5f3;
    padding-right: 20px;
}

/*.diamond_basics.item_slider .owl-carousel .owl-item {border-right: 0px solid #f6f5f3; margin-right: 20px !important; }*/

.diamond_basics.item_slider .header_part {
    margin-bottom: 50px;
}

.nav_lab_diamond .section_2.guidance .flex_row .col_item h3 {
    font-size: 24px !important;
    padding: 0px 0px !important;
}

.nav_lab_diamond .owl-wrapper-outerz_section .owl-wrapper-outerz {
    background: #fff;
    padding-top: 50px;
}

.nav_lab_diamond .owl-wrapper-outerz_section .owl-wrapper-outerz h3 {
    color: #000;
    font-weight: 600;
}

.nav_lab_diamond .owl-wrapper-outerz_section .owl-wrapper-outerz .desc_text p {
    color: #000;
}

.nav_lab_diamond .owl-wrapper-outerz_section .owl-wrapper-outerz .design-btn.common-btn a {
    color: #000 !important;
}

.nav_lab_diamond .owl-wrapper-outerz_section .owl-wrapper-outerz .design-btn.common-btn a:hover {
    color: #fff !important;
}

.nav_lab_diamond .owl-wrapper-outerz_section .sec_caption a::after,
.nav_lab_diamond .owl-wrapper-outerz_section .sec_caption a::after {
    content: "";
    width: 0%;
    height: 100%;
    background: #0f0f0f;
    transition: 0.3s ease all;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    z-index: -1;
}

.lab_grown_creation .content .title h3 {
    text-align: left;
    color: #000;
    font-weight: bold;
    font-size: 28px;
}

.natural_vs_lab_diamond .expert_consulation .title h5 {
    color: #fff !important;
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 30px;
    text-align: center;
}

.nav_lab_diamond .diamond_basics.item_slider .col-item.right-side .owl-nav {
    top: 48%;
}

.natural_vs_lab_diamond .first_section .flex_div {
    display: flex;
    justify-content: space-between;
}

.natural_vs_lab_diamond .first_section .flex_div .col_item {
    width: 100%;
    text-align: center;
    max-width: 50%;
}

.natural_vs_lab_diamond .first_section .flex_div {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.natural_vs_lab_diamond .first_section .flex_div .col_item:nth-child(1) .content {
    background: linear-gradient(to bottom, #010101 0%, #cccbc9 100%);
}

.natural_vs_lab_diamond .first_section .flex_div .col_item:nth-child(2) .content {
    background: linear-gradient(to top, #010101 0%, #cccbc9 100%);
}

.natural_vs_lab_diamond .first_section .flex_div .col_item {
    width: 100%;
    text-align: center;
    max-width: 50%;
    position: relative;
}

.natural_vs_lab_diamond .first_section .flex_div .col_item .content {
    position: absolute;
    width: 100%;
    height: 100%;
    justify-content: center;
    display: flex;
    align-items: center;
    flex-direction: column;
}

.natural_vs_lab_diamond .first_section .flex_div .col_item::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.natural_vs_lab_diamond section.first_section .full_bg {
    margin-top: 50px;
}

.natural_vs_lab_diamond .first_section .flex_div .col_item .content .design-btn.common-btn {
    margin-top: 60px;
    border: 1px solid #fff;
}

.natural_vs_lab_diamond .first_section .flex_div .col_item .content .design-btn.common-btn:hover {
    border: 1px solid #fff;
}

.natural_vs_lab_diamond .first_section .flex_div .col_item .content .design-btn.common-btn a {
    color: #fff;
}

.natural_vs_lab_diamond .first_section .flex_div .col_item .content .design-btn.common-btn:hover a {
    color: #000;
}

.natural_vs_lab_diamond .first_section .flex_div .col_item .content .design-btn.common-btn:hover a::before {
    background: #fff;
}

.box table {
    width: 100%;
}

.natural_vs_lab_diamond .box table {
    border-collapse: collapse;
}

.natural_vs_lab_diamond .box table th {
    background: #f6f5f3;
}

.natural_vs_lab_diamond .box table th,
.natural_vs_lab_diamond .box table td {
    padding: 15px 15px;
    font-family: "Roboto", sans-serif;
    border: 1px solid #ddd;
    text-align: center;
    color: #000;
}

.box.natural_diamond_section .desc_text li {
    color: #000;
    padding-bottom: 0;
}

.lab_cubic_flex_wraper h3 {
    color: #000;
}

.lab_grown_creation .content .box .title.center h2 {
    text-align: center;
}

.lab_grown_creation .content .lab_cubic_flex_wraper .flex_div {
    display: flex;
    justify-content: space-evenly;
    width: 100%;
}

.lab_grown_creation .content .lab_cubic_flex_wraper .flex_div .col_item h3 {
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 25px;
    text-transform: capitalize;
}

.box.natural_diamond_section ul {
    margin: 20px auto 0px !important;
    padding: 0px 0px 0px;
    display: inline-block;
}

.box.natural_diamond_section ul li {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    padding: 10px 0px;
}

.natural_diamond_worth .section_1 .banner .banner_text,
.natural_diamond_journey .section_1 .banner .banner_text {
    position: absolute;
    bottom: 70px;
    right: 0;
    left: 0;
    margin: 0 auto;
    max-width: max-content;
}

.natural_diamond_journey .section_1 .banner .banner_text h1 {
    color: #fff;
    font-weight: bold;
    margin: 0;
    text-shadow: 0 0 4px #000;
}

.natural_diamond_worth .section_1 .banner_text h2,
.natural_diamond_journey .section_1 .banner_text h2 {
    font-family: "Inter", sans-serif !important;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 30px;
    text-transform: uppercase;
}

.natural_diamond_worth section+.white_bg+section .title h3 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 25px;
    text-align: center;
    text-transform: uppercase;
}

.natural_diamond_worth .lab_grown_creation h4 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 25px;
    text-align: left;
}

.natural_diamond_worth .lab_identification .title h5 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
    font-size: 25px;
    text-align: center;
}

.natural_diamond_worth .section_1 .btn_wraper .flex_div li a,
.natural_diamond_journey .section_1 .btn_wraper .flex_div li a {
    font-size: 14px;
    padding: 8px 37.5px 8px;
    z-index: 9;
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #fff;
    font-family: "Roboto", sans-serif;
    margin: 0 auto;
    transition: 0.5s all ease-in-out;
    font-weight: 300;
    text-decoration: none;
    width: 100%;
    max-width: 100%;
    border: 1px solid #fff;
    min-width: 120px;
    text-align: center;
    border-radius: 3px;
}

.natural_diamond_worth .section_1 .btn_wraper .flex_div li a:hover,
.natural_diamond_journey .section_1 .btn_wraper .flex_div li a:hover {
    color: #000 !important;
}

.natural_diamond_worth .section_1 .btn_wraper .flex_div li a::before,
.natural_diamond_journey .section_1 .btn_wraper .flex_div li a::before {
    background: #000;
    position: absolute;
    left: 0;
    width: 0%;
    content: "";
    height: 100%;
    top: 0;
    transition: 0.5s all ease-in-out;
    z-index: -9;
    border-radius: 3px;
}

.natural_diamond_worth .section_1 .btn_wraper .flex_div li a:hover::before,
.natural_diamond_journey .section_1 .btn_wraper .flex_div li a:hover::before {
    background: #fff;
    width: 100%;
}

.natural_diamond_worth .section_1 .banner_text .btn_wraper,
.natural_diamond_journey .section_1 .banner_text .btn_wraper {
    margin-top: 30px;
}

.natural_diamond_worth .section_1 .btn_wraper .flex_div,
.natural_diamond_journey .section_1 .btn_wraper .flex_div {
    display: flex;
    max-width: max-content;
    justify-content: center;
    margin: 0 auto;
    column-gap: 30px;
}

.natural_diamond_worth .content,
.natural_diamond_journey .content {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.natural_diamond_worth .content .title h2,
.natural_diamond_worth .content .title h3 {
    text-align: left !important;
}

.natural_diamond_worth .content.text-left p {
    text-align: justify;
}

.natural_diamond_worth .design-btn a {
    color: #000;
}

.guidance_wraper.natural_diamond_worth .cms_page_container .box {
    padding: 0;
}

.expert_consulation .desc_text {
    max-width: 900px;
}

.natural_diamond_journey .content.text-left .title h2 {
    text-align: left;
}

.natural_diamond_journey .lab_grown_creation picture+p,
.natural_vs_lab_diamond .lab_grown_creation picture+p {
    text-align: center;
    margin-top: 15px;
}

.natural_diamond_journey .content.text-left p {
    text-align: justify;
}

.natural_diamond_journey .hpht_lab_section .image img {
    display: block;
    margin: 0 auto;
}

.box.natural_diamond_section ul li:nth-last-child(1) {
    padding-bottom: 0;
    margin-bottom: 0;
}

.category-lab-diamond-journey #maincontent {
    padding: 0;
}

.natural_diamond_journey ul li {
    font-family: "Roboto", sans-serif;
    font-size: 16px;
    padding: 10px 0px;
    color: #000;
}

.lab_grown_creation .content .desc_text p {
    margin-bottom: 15px !important;
}

.natural_diamond_worth h1,
.natural_diamond_journey h1 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
    font-size: 28px;
    text-align: center;
}

.natural_diamond_worth .jewel_journey_section .col_item.gray_bg {
    background: #f6f5f3;
}

.natural_diamond_worth .jewel_journey_section .content_section .desc_text h2 {
    text-align: center;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: 500;
}

.natural_diamond_worth .jewel_journey_section .content_section .desc_text p {
    text-align: justify !important;
}

.natural_diamond_worth .first_section .title+.desc_text {
    max-width: 900px;
}

.natural_diamond_worth section .content .desc_text p {
    margin-bottom: 15px;
}

.natural_diamond_worth section.section_1 {
    padding-left: 0;
    padding-right: 0;
}

.category-lab-diamond-worth #maincontent {
    padding: 0;
}

.natural_diamond_worth .free_consultation.gray_bg {
    padding-left: 0%;
}

.natural_diamond_worth .jewel_journey_section img {
    width: auto !important;
    margin: 0 auto;
    display: block;
}

.natural_diamond_journey .content p {
    margin-bottom: 15px;
}

.natural_diamond_worth .free_consultation .design-btn.common-btn {
    max-width: max-content;
    margin-top: 25px;
    margin-left: 0;
}

section.gray_bg {
    background-color: #f6f5f3;
    padding: 100px 5%;
}

.free_consultation.gray_bg {
    padding: 0;
    background-image: url("https://www.mohlondon.com/nav_title_page_images/free_consultation_img.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right top;
}

.natural_vs_lab_diamond .first_section .desc_text {
    max-width: 900px;
}

.natural_vs_lab_diamond .diamond_science .desc_text p {
    margin-bottom: 15px;
}

.cms_page_container .nav-title-page .section_2 .flex_row {
    display: flex;
    column-gap: 30px;
    row-gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1280px;
    margin: 0 auto;
}

.nav-title-page .cms_page_container .flex_row {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(2, 1fr);
}

.nav-title-page .cms_page_container .section_2 .flex_row .col_item {
    text-align: center;
    background: #f6f5f3;
    flex: 0 0 calc(33.3% - 20px);
}

.nav-title-page .cms_page_container .section_2 .flex_row .col_item {
    margin: 0px !important;
    position: relative;
}

.nav-title-page .cms_page_container .section_2 .flex_row .col_item::after {
    text-align: center;
    content: "";
    display: block;
    padding-bottom: 100%;
}

.nav-title-page .cms_page_container .section_2 .flex_row .col_item .content {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    top: 0;
    padding: 30px;
    display: flex;
    justify-content: center;
}

.nav-title-page .cms_page_container section .flex_row .col_item h3 {
    font-size: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
}

.nav-title-page .cms_page_container .section_2 .flex_row .col_item .desc_text {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    min-height: 125px;
    padding: 20px 0px 0px;
}

.nav-title-page .cms_page_container .section_2 .flex_row .col_item .vertical_img {
    min-height: 150px;
    display: flex;
    align-items: first baseline;
    justify-content: center;
    margin: 20px auto 0px;
}

.nav-title-page .cms_page_container .section_2 .flex_row .col_item .vertical_img picture {
    max-width: 120px;
}

.nav-title-page .cms_page_container section .flex_row .col_item h3 {
    font-size: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
}

.nav-title-page .cms_page_container section .discover_btn.vertical_btn {
    max-width: max-content;
    margin: 40px auto 0px;
}

.nav-title-page .cms_page_container section .discover_btn.vertical_btn {
    padding: 0px 0px;
    min-height: auto !important;
    display: flex;
    align-items: flex-end !important;
}

.nav-title-page .cms_page_container .section_2 .flex_row .col_item .discover_btn.vertical_btn a {
    padding: 8px 37.5px;
    border: 1px solid #333;
    border-radius: 3px;
}

.nav-title-page .cms_page_container section .discover_btn.vertical_btn a {
    font-size: 14px;
    padding: 8px 47.5px 8px;
    z-index: 9;
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #333333;
    font-family: "Roboto", sans-serif;
    margin: 0 auto;
    transition: 0.5s all ease-in-out;
    font-weight: 300;
    text-decoration: none;
    width: 100%;
    max-width: 100%;
}

.nav-title-page .cms_page_container section .discover_btn a::before {
    background: #000;
    position: absolute;
    left: 0;
    width: 0%;
    content: "";
    height: 100%;
    top: 0;
    transition: 0.5s all ease-in-out;
    z-index: -9;
    border-radius: 3px;
}

.nav-title-page .diamond_science .design-btn a {
    color: #000;
}

.nav-title-page .diamond_science .design-btn a:hover {
    color: #fff;
}

/*==================2023 Guidance css===================*/

.mb_150 {
    margin-bottom: 150px;
}

.guidance_wraper.diamond_shapes .title-image {
    margin-bottom: 100px;
    margin-top: 150px;
}

.guidance_wraper.diamond_shapes .title-image .image img {
    width: 100%;
    max-width: 550px;
}

.guidance_wraper.diamond_shapes.rosecut .title-image .image img,
.guidance_wraper.diamond_shapes.old-mine-cut .title-image .image img {
    width: auto;
    max-width: 100%;
}

.guidance_wraper.diamond_shapes.rosecut .title-image,
.guidance_wraper.diamond_shapes.old-mine-cut .title-image {
    margin-bottom: 150px;
    margin-top: 150px;
}

.guidance_wraper.diamond_shapes.parent .desc_text {
    padding-bottom: 50px !important;
}

.guidance_wraper.diamond_shapes.parent .col_item.col_item_1 .desc_text {
    position: relative;
    z-index: 9;
}

.guidance_wraper.diamond_shapes.parent .col_item.col_item_1 .image {
    margin-top: -59px;
    z-index: 0;
    position: relative;
}

.guidance_wraper.diamond_shapes.parent .col_item.col_item_1 .image img {
    /* max-width: 270px; */
}

/*.guidance_wraper.diamond_shapes .content-width {margin-bottom: 150px !important; }*/

.guidance_wraper.diamond_shapes .ratio_dimond.content-width+.content-width .desc_text p {
    text-align: center;
}

.guidance_wraper.diamond_shapes .ratio_dimond.content-width+.content-width .dhapes-dimond-size-chart {
    text-align: center;
}

.guidance_wraper .cms_page_title h1 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 30px;
    font-weight: 700;
    font-size: 32px;
    text-transform: uppercase;
}

.finda_diamond {
    margin: 100px auto 100px;
    background: #f6f5f3;
    padding-bottom: 50px;
    width: 100%;
    max-width: 100%;
}

.cms_page_container .section_1 .flex_row .col_item {
    text-align: center;
    width: 100%;
    vertical-align: middle;
    padding: 50px;
    height: auto;
}

.cms_page_container .section_1 .flex_row .col_item .discover_btn {
    max-width: max-content;
}

.cms_page_container .section_1 .flex_row .col_item_2 {
    border: 1px solid #d7d7d7;
}

.cms_page_container .section_1 .flex_row .col_item_1 {
    background: #f6f5f3;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cms_page_container .section_1 .flex_row .col_item_1 .col_content .col_title {
    margin-bottom: 0px;
}

.cms_page_container .section_1 .flex_row .col_item_1 .col_content .discover_btn {
    margin-top: 30px;
    margin: 30px 0 0;
}

.cms_page_container .section_1 .flex_row .col_item_1 .col_content .desc_text p {
    text-align: justify;
}

.cms_page_container .section_1 .flex_row .col_item_1 .col_content .desc_text p br {
    display: none;
}

.cms_page_container .section_1 .flex_row .col_item_1 .col_content {
    max-width: 310px;
}

.cms_page_container .section_1 .flex_row .col_item_1 .col_content h2 {
    text-align: left;
}

.cms_page_container section .flex_row .col_item h3 {
    font-size: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.cms_page_container section .flex_row .col_item .desc_text p {
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 24px;
}

.cms_page_container section .discover_btn {
    max-width: max-content;
    margin: 50px auto 0px;
}

.cms_page_container section .discover_btn a, .diamond_shapes section .discover_btn a  {
    font-size: 14px;
    padding: 8px 37.5px 8px;
    z-index: 9;
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #333333;
    font-family: "Roboto", sans-serif;
    margin: 0 auto;
    transition: 0.5s all ease-in-out;
    font-weight: normal;
    text-decoration: none;
    width: 100%;
    max-width: 100%;
    border: 1px solid transparent;
    border-radius: 3px;
}

.guidance_wraper .cms_page_container section .discover_btn a, .diamond_shapes section .discover_btn a{
    border: 1px solid #333 !important;
    border-radius: 3px;
}

.nav-title-page .cms_page_container section .discover_btn a {
    border: 1px solid #333;
}

.cms_page_main.diamond_basics .cms_page_container section .discover_btn a,
.cms_page_main.design_basics .cms_page_container section .discover_btn a,
.cms_page_main.coloured-gemstones .cms_page_container section .discover_btn a {
    border: 1px solid #333;
}

.cms_page_main.diamond_basics .cms_page_container section .discover_btn a:hover,
.cms_page_main.design_basics .cms_page_container section .discover_btn a:hover,
.cms_page_main.coloured-gemstones .cms_page_container section .discover_btn a:hover {
    border: 1px solid transparent;
}

.cms_page_container section .discover_btn.vertical_btn a, .diamond_shapes section .discover_btn a {
    font-size: 14px;
    padding: 8px 47.5px 8px;
    z-index: 9;
    position: relative;
    display: block;
    text-transform: uppercase;
    color: #333333;
    font-family: "Roboto", sans-serif;
    margin: 0 auto;
    transition: 0.5s all ease-in-out;
    font-weight: 300;
    text-decoration: none;
    width: 100%;
    max-width: 100%;
}

.home-try-on .cms_page_container section.section_2 .discover_btn.vertical_btn a {
    border: 1px solid #333333 !important;
}

.home-try-on .cms_page_container section.section_2 .discover_btn.vertical_btn a:hover {
    border: 1px solid transparent !important;
}

.cms_page_container section .discover_btn a:hover, .diamond_shapes section .discover_btn a:hover {
    color: #fff;
    border: 1px solid transparent;
}

.cms_page_container section .discover_btn a::before, .diamond_shapes section .discover_btn a::before {
    background: #000;
    position: absolute;
    left: 0;
    width: 0%;
    content: "";
    height: 100%;
    top: 0;
    transition: 0.5s all ease-in-out;
    z-index: -9;
    border-radius: 3px;
}

.cms_page_container section .discover_btn a:hover::before, .diamond_shapes section .discover_btn a:hover::before {
    width: 100%;
}

.cms_page_container .section_1 .flex_row .col_item .col_title {
    margin: 0px auto 45px;
}

.gia .col-title h2 {
    display: block;
}

.cms_page_container .section_2 .flex_row {
    display: flex;
    column-gap: 30px;
    row-gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 1280px;
    margin: 0 auto;
}

.cms_page_container .section_2 .flex_row .col_item {
    margin: 0px !important;
}

.cms_page_container .section_2 .flex_row .col_item {
    text-align: center;
    background: #f6f5f3;
    padding: 30px;
    flex: 0 0 calc(33.3% - 20px);
}

.cms_page_container .section_2 .flex_row .col_item {
    flex: 0 0 calc(33.3% - 20px);
    padding: 30px 30px;
}

.rign-collection section:not(.section_1) .desc_text p {
    text-align: justify !important;
}

.rign-collection .box .box-title {
    padding: 0px 15px;
    border: 0px solid #ddd;
    background-color: transparent;
}

.cms_page_container .section_2 .flex_row .col_item .desc_text {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    min-height: 257px;
    padding: 20px 0px 0px;
}

.design_basics .cms_page_container .section_2 .flex_row .col_item .desc_text {
    min-height: 257px;
}

.design_basics.metal .cms_page_container .section_2 .flex_row .col_item .desc_text {
    min-height: 185px;
    display: flex;
    align-items: center;
}

.guidance_wraper.diamond_guide .col_title h2 {
    min-height: 70px;
}

.cms_page_container .discover_btn a .arrow {
    background: url("../inner_page_images/discover-arrow.png") no-repeat scroll center left;
    width: 7px;
    height: 14px;
    display: inline-flex;
    position: relative;
    top: 2px;
    margin-left: 6px;
    transition: 0.5s all ease-in-out;
}

.cms_page_container .discover_btn a:hover .arrow {
    background: url("../inner_page_images/discover-arrow.png") no-repeat scroll center right;
    width: 7px;
}

.finda_diamond .diamond-shapes {
    padding: 0 30px;
}

.category-cms>.widget.block.block-static-block {
    margin-top: 0px !important;
}

.category-cms>.widget.block.block-static-block~p {
    margin: 0;
    line-height: 0;
}

.guidance_wraper.design_basics .section_2 .flex_row .col_item.col_item_4 .vertical_img {
    max-width: 120px;
    margin-bottom: 40px;
}

.guidance_wraper.design_basics .section_2 .flex_row .col_item.col_item_6 .vertical_img {
    max-width: 160px;
}

.guidance_wraper.design_basics .section_2 {
    padding: 0 30px;
}

/*============================================DIAMON-ANATOMY CSS start==============================================*/

.diamond_anatomy .main_title {
    background: #3e9f8e;
}

.diamond_anatomy .image {
    padding: 0 30px;
}

.gia_tools {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 30px;
    position: relative;
}

.diamond_anatomy .image {
    width: 100%;
    text-align: center;
}

.diamond_anatomy .cms_page_container section .box {
    padding: 0px 30px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.cms_page_container section.consultatin .box {
    padding: 0px 0%;
}

.diamond_anatomy .section_2.mb_30 {
    margin-top: 80px;
}

.diamond_anatomy .section_2.mb_30 h2 {
    max-width: max-content;
    margin: 0 auto 50px;
    border-bottom: 5px solid #3e9f8e;
    padding-bottom: 10px;
    font-weight: 500;
}

.finda_diamond section .content_title h2 {
    text-align: center;
    font-size: 25px;
    font-family: "Inter", sans-serif;
    font-weight: normal;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
}

.cms_page_container section .box h3 {
    text-align: center;
    font-size: 25px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    color: #333;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 0.25px;
}

.diamond_anatomy .cms_page_container section .box h3 {
    text-align: left;
    margin-bottom: 5px;
}

.diamond_anatomy .cms_page_container section .box p {
    text-align: justify;
}

.cms_page_main section.finda_diamond h4 {
    margin-bottom: 5px;
    text-transform: uppercase;
    font-weight: 500;
}

.cms_page_container section .box p {
    /*  text-align: center;*/
    font-size: 15px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 22px;
}

.diamond_anatomy .cms_page_container section .box_1 p {
    text-align: left;
}

.finda_diamond .main_title p {
    text-align: center;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    color: #2b2321;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: normal;
    margin: 0;
}

.finda_diamond .main_title {
    background: #fff;
    padding: 0px 0px 50px;
    margin: 0px auto 50px;
}

.cms_page_main.diamond-shapes section.finda_diamond h3 {
    margin-bottom: 15px;
    margin-top: 0;
}

.finda_diamond .content_title h4 {
    font-size: 24px;
}

.finda_diamond .diamond-shapes+br+.discover_btn {
    max-width: max-content;
    margin: 0px auto 0px;
}

.main_title h2 {
    font-size: 40px;
    color: #2b2321;
}

.finda_diamond .content_title {
    margin: 0px auto 0px;
}

.finda_diamond .diamond-shapes {
    width: 100%;
    margin: 50px auto 0px;
}

.finda_diamond .diamond-shapes ul {
    padding: 0;
    margin: 0 auto 60px;
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 600px;
    flex-wrap: wrap;
    row-gap: 90px;
}

.finda_diamond .diamond-shapes ul li {
    list-style: none;
    text-align: center;
    min-width: auto;
    min-height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 20%;
}

.finda_diamond .diamond-shapes ul li a {
    display: block;
    max-width: 35px;
}

.finda_diamond .diamond-shapes ul li a img {
    width: 100%;
    max-width: 60px;
}

.finda_diamond {
    margin: 100px auto 0px !important;
    background: #f6f5f3;
    padding-bottom: 50px;
    width: 100%;
    max-width: 100%;
}

.guidance_wraper .consultatin .box .flex_row {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 30px;
}
.guidance_wraper .consultatin .box .flex_row .col_item a {
    margin: 0 !important;
    display: block;
    padding: 35px 0 0;
    min-height: 250px;
    border-radius: 15px;
    transition: 0.5s all ease-in-out;
}
.guidance_wraper .consultatin .box .flex_row .col_item a:hover{
    background: #f6f5f3;
}
.consultatin{
    margin-bottom: 0px !important;
}
/*.lab_grown_creation p {
    text-align: center !important;
}*/

.guidance_wraper .consultatin .box .flex_row .col_item {
    flex: 1;
}
section.consultatin .box .flex_row {
    display: flex;
    justify-content: space-around;
    align-items: center;
    flex-wrap: inherit;
}
.content-width.Engagement.Rings {
    max-width: 100%;
    padding: 0 !important;
    display: table;
}

.diamond_anatomy section .content_title p {
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 30px;
    line-height: 22px;
    margin-top: 20px;
}

.cms_page_main.colour section .box .desc_text p {
    text-align: justify;
}

.consultatin section .content_title p {
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 30px;
    line-height: 22px;
    margin-top: 20px;
}

.consultatin p {
    text-align: center;
    text-align: center;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 30px;
    line-height: 22px;
    padding-top: 30px;
}

.consultatin .content_title h4 {
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
}

.consultatin .content_title h4::after {
    content: "";
    background: url("../images/drop-arrow.png") no-repeat scroll center bottom;
    width: 30px;
    height: 21px;
    display: block;
    margin: 0px auto 0px;
}

.guidance_wraper .flex_row .col_item h3 {
    font-size: 20px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #000;
    margin-top: 0px;
    margin-bottom: 15px;
}

.guidance_wraper .flex_row .col_item p {
    padding: 0;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
}

.guidance_wraper .consultatin .flex_row .col_item .image {
    min-height: 110px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.guidance_wraper .consultatin .flex_row .col_item .image img {
    width: 100%;
    max-width: 60px;
}

.consultatin {
    padding: 50px 0px 60px;
}

.d-z_box {
    max-width: 1280px;
    margin: 0 auto;
}

.specific-color-content {
    max-width: 1280px;
    margin: 0 auto;
}

.consultatin .content_title p {
    text-align: center;
    letter-spacing: 0.25px;
    margin-top: 20px;
    font-size: 16px;
    font-weight: 400;
    color: #000;
    font-family: "Roboto", sans-serif;
    clear: both;
    margin-bottom: 30px;
    line-height: 24px;
    padding-top: 0;
}

.consultatin {
    padding: 0px 0px 0px;
    margin: 100px auto;
    width: 100%;
    max-width: 1170px;
}

.guidance_wraper .flex_row .col_item h5 {
    font-size: 20px;
    font-family: "Inter", sans-serif;
    font-weight: 700;
    color: #000;
    margin-top: 0px;
    margin-bottom: 15px;
    text-align: center;
}

.guidance_wraper .flex_row .col_item .consultatin_caption h5+h5 {
    display: none;
}

.cms_page_main .guidance_wraper section h4 {
    text-align: center;
    font-size: 30px;
    font-family: "Inter", sans-serif;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
}

.guidance_wraper.colour .section_1 .box:nth-child(1) .image img {
    max-width: 100%;
    width: auto;
}
/*=================================Color CMS page Css============================*/

.guidance_wraper.diamond_shapes .section_1 {
    margin-bottom: 100px;
}

.guidance_wraper .cms_page_container .box {
    padding: 0 30px;
}

.guidance_wraper.diamond_shapes .section_1 .box {
    padding: 0;
}

.guidance_wraper.diamond_shapes .box p {
    text-align: justify;
}

.guidance_wraper.colour .specific-color-content {
    max-width: 1280px;
    margin: 0 auto 100px;
}

.cms_page_main.colour section .image img {
    width: 100%;
}

.cms_page_main.colour .section_2 .box .flex_div {
    display: flex;
    justify-content: space-around;
}

.cms_page_main.colour .section_1 .box:nth-child(2) .col_title h2 {
    border-bottom: none;
    padding-bottom: 0px;
}

.cms_page_container section .box p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    font-family: "Roboto", sans-serif;
    clear: both;
    line-height: 24px;
}

.cms_page_main.colour section .box:nth-child(2) {
    max-width: 1280px;
}

.metal .box .flex_row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.metal .box .desc_text.flex_row {
    flex-wrap: unset;
}

.metal .box .flex_row .col_item {
    flex: auto;
}

.cms_page_main.colour section .box .desc_text p {
    text-align: justify;
}

.cms_page_main section .box p.text-center {
    text-align: center;
}

.cms_page_main.colour .col_title h2 {
    max-width: max-content;
    margin: 0 auto;
    border-bottom: 5px solid #459f8e;
    padding-bottom: 10px;
    margin-bottom: 30px;
     font-size: 30px;
}
.cms_page_main.colour .fullwithwrapparproduct .col_title h2, .cms_page_main.yellow-gold .fullwithwrapparproduct .col_title h4, .cms_page_main.colour .fullwithwrapparproduct .col_title h4, .cms_page_main.rose-gold .fullwithwrapparproduct .col_title h4 {
    max-width: max-content;
    margin: 0 auto;
    border-bottom: 5px solid #459f8e;
    padding-bottom: 10px;
    margin-bottom: 30px;
    font-size: 30px;
}

.cms_page_main.colour.gold .col_title h2,
.cms_page_main.colour.metal-finishing .col_title h2 {
    max-width: max-content;
    margin: 0 auto !important;
    border-bottom: 5px solid #459f8e !important;
    padding-bottom: 10px !important;
    margin-bottom: 30px !important;
}
.guidance_wraper.metal.yellow-gold .section_1 .image {
    text-align: center;
}

.metal .box .caption.details p {
    text-align: center !important;
    margin: 0px;
}

.cms_page_main.colour section .box ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.cms_page_main.colour section .box.d-z .flex_div {
    display: flex;
    justify-content: center;
}

.cms_page_main.colour .section_2 .box.d-z .flex_div {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.cms_page_main.colour section .box ul li {
    list-style: none;
    padding: 0px 15px;
}

.cms_page_main.colour section .box.d-z .flex_div .col-caption {
    border-top: 2px solid;
    width: 100%;
    max-width: 192px;
    margin: 25px auto 0px;
}

.cms_page_main.colour section .box.d-z .flex_div .col-caption p {
    margin: 0px;
    padding: 5px 0px;
    text-align: center;
}

.cms_page_main.colour .section_2 .box.d-z .flex_div .col-item .col-caption {
    border-top: 2px solid #000;
    width: 100%;
    margin: 20px auto 0px;
    max-width: 185px;
}

.cms_page_main.colour .d-z_box .col_title h2 {
    border-bottom: 0px;
    padding-bottom: 0;
    text-align: left;
    float: left;
    margin-bottom: 0px;
}

.cms_page_main.colour section .box {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.cms_page_container .specific-color-content .flex_row {
    display: flex;
}

.cms_page_container .specific-color-content .flex_row .col-item {
    width: 50%;
    text-align: center;
    position: relative;
}

.cms_page_container .specific-color-content .flex_row .col-item::after {
    content: "";
    display: block;
    padding-bottom: 100%;
}

.cms_page_container .specific-color-content .flex_row .col-item .content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20%;
}

.guidance_wraper .specific-color-content .flex_row .col-item .content .image {
    width: 100%;
}

.cms_page_container .specific-color-content .flex_row .col-item.color_bg {
    background: #f6f5f3;
}

.cms_page_container .specific-color-content .flex_row .col-item .image img {
    width: 100%;
    max-width: 300px;
}

.cms_page_main.nav-title-page.nav_eng_ring.nav_jwelery.nav_bespoke .tryreplica .col-item .desc_text {
    padding: 0% 32%;
}

.cms_page_container .specific-color-content .flex_row .col-item .desc_text {
    padding-top: 0px;
    margin: 0;
}

.cms_page_container .specific-color-content .flex_row .col-item .desc_text h3 {
    text-align: center;
    font-size: 20px;
    font-family: "Inter", sans-serif;
    font-weight: normal;
    color: #000;
    margin-top: 0px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.ring-head-setting-style .cms_page_container .specific-color-content .flex_row .col-item .desc_text h2 {
    text-align: center;
    font-size: 20px;
    font-family: "Inter", sans-serif;
    font-weight: normal;
    color: #000;
    margin-top: 0px;
    margin: 0 auto;
    margin-bottom: 50px;
}

.cms_page_container .specific-color-content .flex_row .col-item .desc_text p {
    text-align: justify;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 22px;
    margin: 0px 0 0%;
}


/*======================Cut CMS page Css============================*/

.guidance_wraper.cut .section_2 .box p {
    text-align: justify;
}

.guidance_wraper.cut .section_2 .box .box_title h3 {
    text-align: left;
    max-width: 100%;
}

.guidance_wraper.cut .section_2 .box.box_1 {
    margin-bottom: 100px;
}

.guidance_wraper.cut .section_2 .flex_row.cut-grade {
    margin-top: 100px;
    margin-bottom: 100px;
    padding: 0 30px;
}

.guidance_wraper.cut .section_2 {
    margin-bottom: 0 !important;
}

.guidance_wraper.cut .cms_page_container section .box h3 {
    text-align: center;
    font-size: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: #000;
    margin-top: 0px;
    margin-bottom: 10px;
    letter-spacing: 0.25px;
}

.guidance_wraper.cut .section_03.content-width .box p {
    text-align: justify !important;
}

.guidance_wraper.cut .section_03.content-width .box .box_title h3 {
    text-align: left;
}

.guidance_wraper.cut .section_03.content-width .box p+br {
    display: none;
}

.flex_row.cut-grade ul {
    display: flex;
    justify-content: space-between;
    width: 100%;
    text-align: center;
}

.cut .cut_three_diamond ul li .image {
    min-height: 260px;
}

.cut-grade ul li .cut-grade-caption p {
    font-family: "Roboto", sans-serif;
    font-size: 20px;
    color: #000;
    font-weight: 500;
}

.cut .cut_three_diamond p {
    text-align: center;
    color: #fff;
    font-size: 20px;
}

.cut-grade ul li .cut-grade-icon {
    min-height: 130px;
}

.cut-grade {
    margin: 100px auto 100px;
}

.cut .cut_three_diamond {
    background: #000;
    padding: 100px 0px;
    width: 100%;
    max-width: calc(100% - 60px);
    margin: 70px auto 100px !important;
    display: block;
}

.cut .cut_three_diamond .flex_row ul {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}

.cut .cut_three_diamond .flex_row ul li a {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-family: "Inter", sans-serif;
    font-weight: normal;
    letter-spacing: 0.25px;
    text-decoration: none;
    font-weight: 300;
    line-height: 30px;
}

.cut .cut_three_diamond .flex_row ul li a .image {
    min-height: 265px;
}

/*============================Clarity Page CSS START==================================*/

.guidance_wraper.clarity .desc_text p {
    text-align: justify;
}

.guidance_wraper.clarity .box .col_title {
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
}

.guidance_wraper.clarity .box .col_title h2 {
    text-align: left;
}

body .widget.block.block-static-block {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.guidance_wraper.clarity .banner.image img {
    display: none;
}

.guidance_wraper.clarity .section_1 .box:nth-child(1) {
    padding: 0;
}

.guidance_wraper.clarity .widget.block.block-static-block {
    margin: 0 !important;
}

.guidance_wraper.clarity .gia_tools {
    margin-top: 50px;
}

/*============================CARAT PAGE CSS START==================================*/

.guidance_wraper .box .box_title h3 {
    color: #000;
}

.guidance_wraper.metal-finishing .box .box_title h3 {
    font-size: 20px;
}
.guidance_wraper.metal .section_1 .box .image {
    text-align: center;
}

.guidance_wraper .box .box_title h3 {
    color: #000;
    font-size: 20px;
}

.guidance_wraper.carat .box p {
    text-align: justify;
}

.guidance_wraper.carat .box .box_title h3 {
    text-align: left;
    margin-bottom: 10px;
    color: #000;
}

.cms_page_main.carat .box .box_title ul {
    display: flex;
    justify-content: space-evenly;
    max-width: 700px;
    margin: 0 auto 25px;
}

.cms_page_main.carat .box .box_title ul li {
    list-style: none;
    color: #459f8e;
    font-size: 30px;
    text-transform: uppercase;
}

.cms_page_main.carat .box.carat-table {
    width: 100%;
    margin: 0 auto 50px;
}

.cms_page_main.carat .box.carat-table table {
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
    border-collapse: collapse;
}

.cms_page_main.carat .box.carat-table table tbody th,
.cms_page_main.carat .box.carat-table table tbody td {
    text-align: center;
    padding: 10px 8px;
    border: 1px solid #c8c3c3;
    font-size: 16px;
    color: #333;
    font-weight: normal;
}

.cms_page_main.carat .box.carat-table table tbody th {
    background: #d5d5d5;
}

.cms_page_main.carat .section_03 .content_title h2 {
    border-bottom: 5px solid #3e9f8e;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.cms_page_main.carat .box img {
    width: 100%;
    max-width: max-content;
    margin: 0 auto;
    display: block;
}

.column.small-12.medium-8 {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.cms_page_main.carat .understand-magic-sizes .flex-div {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.caret-weight-table table {
    width: 100%;
    border-collapse: collapse;
    max-width: 1000px;
    margin: 0 auto;
}

.caret-weight-table table th,
.caret-weight-table table td {
    border: 1px solid #333;
    padding: 15px 15px;
}

.caret-weight-table table th,
.caret-weight-table table td {
    border: 1px solid #b3b0b0;
    padding: 6px 15px;
    text-align: center;
    color: #333;
}

.caret-weight-table .title h4 {
    padding: 18px 10px;
    text-align: center;
    font-size: 32px;
    font-family: "Inter", sans-serif;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
}

.caret-weight-table tr:nth-child(1) th {
    font-size: 18px;
    font-family: "Inter", sans-serif;
    color: #000;
    text-align: center;
    border: 1px solid #DFDFDF;
    font-weight: 500;
    height: auto;
    vertical-align: middle;
    border-bottom: 0px;
    border-top: 0px;
}

.caret-weight-table table th,
.caret-weight-table table td {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: #000;
    text-align: center;
    border: 1px solid #DFDFDF;
    height: auto;
    vertical-align: middle;
    padding: 19px 20px;
    border-top: 0;
    border-bottom: 0;
}

.caret-weight-table table tr:nth-child(odd) {
    background-color: #F6F5F3;
}

.caret-weight-table table th:nth-child(1),
.caret-weight-table table td:nth-child(1) {
    border-left: 0;
}

.caret-weight-table table th:nth-last-child(1),
.caret-weight-table table td:nth-last-child(1) {
    border-right: 0;
}

.understand-magic-sizes.content-width .content_title h3 {
    text-align: center;
    font-size: 35px;
}

.guidance_wraper.carat .section_03.mb_50 {
    margin-bottom: 100px;
}

.cms_page_main.carat .understand-magic-sizes .flex-div {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin-bottom: 70px;
    margin-top: 30px;
}

.guidance_wraper.colour .gia_tools::after {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 4px;
    right: 0px;
    width: 100%;
    height: 60px;
    background: #fff;
}

.guidance_wraper.colour .finda_diamond {
    margin: 40px auto 0px;
    background: #f6f5f3;
    padding-bottom: 50px;
    width: 100%;
    max-width: 100%;
}

.diamond-showcase {
    width: 100% !important;
    max-width: 1280px !important;
    margin: 0 auto 100px;
    height: 700px !important;
}

.diamond-showcase .sideMenu .showcaseScroll .footer {
    opacity: 0;
    display: none;
}

/*============================Diamond Sizes PAGE CSS START==================================*/

.guidance_wraper.diamond-comparision .section_2.content-width {
    margin-bottom: 100px;
}

.guidance_wraper.diamond-comparision .cms_page_container .box p {
    text-align: justify;
}

.guidance_wraper.diamond-comparision .cms_page_title h1 {
    font-family: "Inter", sans-serif !important;
    color: #000;
    margin-top: 0px;
    margin-bottom: 50px;
    font-weight: 700;
    font-size: 28px;
    text-transform: uppercase;
}

/*============================CERTIFICATION PAGE CSS START==================================*/

.cms_page_main .box_title ul,
.cms_page_main.gemstone-guide .box_title ul {
    display: flex;
    justify-content: space-evenly;
    max-width: 700px;
    margin: 0 auto 25px;
    flex-wrap: wrap;
    row-gap: 10px;
}

.cms_page_main .box_title ul li,
.cms_page_main.gemstone-guide .box_title ul li {
    list-style: none;
}

.cms_page_main .box_title ul li a,
.cms_page_main.gemstone-guide .box_title ul li a {
    color: #459f8e;
    font-size: 30px;
    text-transform: uppercase;
    text-decoration: none;
}

.cms_page_main .box_title ul,
.cms_page_main.gemstone-guide.gemstone-colour .box_title ul {
    max-width: 500px;
    margin: 0 auto;
}

.cms_page_main .box_title ul,
.cms_page_main.gemstone-guide.gemstone-colour .box_title ul li {
    list-style: none;
}

.cms_page_main.gemstone-colour .box_title ul li a {
    color: #333;
}

.box.certificatb-2 .image {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.gia-specific-list ol {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0 25px;
    margin: 50px auto 0px;
    justify-content: space-between;
    row-gap: 30px;
}

.crtft-gia-specific.content-width .image {
    text-align: center;
}

.gia-specific-list ol li {
    flex: 0 0 46%;
    text-align: left;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    line-height: 24px;
}

section .col_title.tex-left h3 {
    text-align: left;
}

.guidance_wraper.certification .box p {
    text-align: justify;
}

.guidance_wraper.certification .section_2.content-width .box h3 {
    text-align: left;
    margin-bottom: 10px;
}

.guidance_wraper.certification .content-width .box h3,
.guidance_wraper.certification .content-width .box p {
    text-align: justify !important;
}

.guidance_wraper.certification .box ul {
    margin-bottom: 30px;
}

.guidance_wraper.certification .box.box_1 {
    margin: 0px 0px 100px;
}

/*================================ Diamond Fluorescence Page css====================*/

.guidance_wraper.fluorescence .section_1 .box {
    padding: 0;
}

.guidance_wraper.fluorescence .section_1 .box img {
    width: 100%;
}

.guidance_wraper.fluorescence .section_2 .box .desc_text p {
    text-align: justify;
}

.guidance_wraper.fluorescence .section_4+section .box h3 {
    text-align: left;
}

.guidance_wraper.fluorescence .section_4+section .box .desc_text {
    margin-top: 10px;
}

.guidance_wraper.fluorescence .section_4+section .box .desc_text p {
    text-align: left;
}

/*================================ Ethically Sourcing Page css====================*/

.guidance_wraper.ethical-sourcing .box {
    padding: 0;
}

.guidance_wraper.ethical-sourcing .box .desc_text p {
    text-align: justify;
}

.guidance_wraper.ethical-sourcing .section_2 .box {
    padding: 0 30px;
}

.guidance_wraper.fancy-colour-diamond .section_1 .box:nth-child(1) {
    padding: 0;
}

/*================================FANCY COLOUR DIAMONDS Page css====================*/

.col_title .col_title-img {
    display: block;
    text-align: center;
    margin: 0px auto 25px;
}

.fancy-colour-diamond ul.grading-scale-list {
    margin: 0;
    padding: 0;
}

.fancy-colour-diamond ul.grading-scale-list li {
    margin: 0px 0px 10px;
    text-align: left;
    font-size: 17px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    line-height: 24px;
    list-style: disc;
    padding-left: 0px;
}

.fancy-colour-diamond ul.grading-scale-list {
    margin: 0;
    padding: 16px 0px 0px 20px;
}

.guidance_wraper.fancy-colour-diamond .box:nth-child(1) .col_title h3 {
    font-size: 32px;
}

.guidance_wraper.fancy-colour-diamond .section_2 .box:not(:first-child) h3,
.guidance_wraper.fancy-colour-diamond .section_3 .box:not(:first-child) h3,
.guidance_wraper.fancy-colour-diamond .section_4 .box:not(:first-child) h3,
.guidance_wraper.fancy-colour-diamond .section_5 .box:not(:first-child) h3 {
    text-align: left;
}

.guidance_wraper.fancy-colour-diamond section .box p {
    text-align: justify;
}

/*===============================DIAMOND SHAPES==============================*/

.diamond_basics.diamond_shapes .finda_diamond .content_title {
    text-align: center;
}

.diamond_shapes .section_1 .finda_diamond.mb_30 {
    margin: 0px auto 70px;
    padding: 60px 0px 70px;
}

.guidance_wraper.diamond_shapes .section_1.finda_diamond {
    margin: 0 auto 100px;
    padding: 50px 0px;
}

.guidance_wraper.diamond_shapes .section_2 .flex_row .col_item .desc_text {
    max-width: 100%;
    margin: 0 auto;
    min-height: 90px;
    padding: 20px 0px 0px;
}

.guidance_wraper.diamond_shapes .section_2.content-width {
    padding: 30px 30px;
    background: #f6f5f3;
}

.guidance_wraper.diamond_shapes .section_2 .flex_row {
    display: flex;
    column-gap: 30px;
    row-gap: 30px;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
}

.guidance_wraper.diamond_shapes .section_2.content-width .flex_row .col_item {
    flex: 0 0 calc(33.3% - 20px);
    padding: 30px 30px;
    background: #fff;
}

.guidance_wraper .flex_row .col_item .col_title {
    min-height: 40px;
}

.guidance_wraper.diamond_shapes .desc_text {
    max-width: 100% !important;
    min-height: auto !important;
}

.guidance_wraper.diamond_shapes .section_2 .flex_row .col_item .image {
    min-height: 200px;
}

.guidance_wraper.diamond_shapes .title h3 {
    text-align: center;
    font-size: 28px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
}

.guidance_wraper.diamond_shapes .desc_text p {
    margin-top: 0px;
}

.guidance_wraper.diamond-shapes .cms_page_title {
    background: url("http://mohlondon.com/inner_page_images/diamond_shape_banner.png") no-repeat scroll center top / 100% 100%;
}

.guidance_wraper.diamond-shapes section h3 {
    text-align: center;
    font-size: 34px;
    font-family: "Inter", sans-serif;
    color: #000;
    font-weight: 700;
    margin-bottom: 15px;
}

.cms_page_main section h4 {
    text-align: center;
    font-size: 30px;
    font-family: "Inter", sans-serif;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 700;
}

.nav_lab_diamond.natural_diamond_journey .title h4 {
    color: #fff;
}

.dshape-round-table.content-width .title h4 {
    background: #fff;
    color: #000;
    font-size: 28px;
    font-family: "Inter", sans-serif;
    letter-spacing: 1px;
    text-transform: capitalize;
    font-weight: 500;
    padding: 0px 30px 50px;
    border: 0px solid #b3b0b0;
    text-align: center;
}

.dshape-round-table table tr td:nth-child(1),
.dshape-round-table table tr th:nth-child(1) {
    border-left: 0 !important;
}

.dshape-round-table table tr td:nth-last-child(1),
.dshape-round-table table tr th:nth-last-child(1) {
    border-right: 0 !important;
}

.diamond_shapes  .box {
    padding: 0 0px;
}

.guidance_wraper.diamond_shapes .title h3 {
    text-align: center;
}

.separator {
    /*  background: #f6f5f3; width: 100%; margin: 50px auto 60px;*/
    height: 0px;
}

.diamond_shapes  section {
    padding-left: 30px;
    padding-right: 30px;
}

.diamond_shapes  section.finda_diamond {
    padding-left: 0px;
    padding-right: 0px;
}

.guidance_wraper.diamond_shapes.oval .ratio_dimond .box_2 ul .image {
    min-height: 290px;
}

/*-----------------------------DIAMOND SHAPES Round----------------------------*/

.cms_page_main.diamond-shapes .small-title {
    margin: 30px auto 30px;
}

.guidance_wraper.diamond_shapes .small-title p {
    margin: 0 auto;
    text-align: center;
    font-family: "Roboto", sans-serif;
    font-size: 22px;
    font-weight: 600;
    color: #000;
}

.diamond-shapes .cms_page_container section .box p {
    text-align: center;
}

.content-width .image.dshape-round-dimond-2 {
    margin: 50px auto 50px;
}

.content-width .image.dshape-round-dimond-2 img {
    max-width: max-content;
    margin: 0 auto;
    text-align: center;
    display: block;
}

.dshape-round-table.content-width table {
    margin: 0 auto;
    width: 100%;
    border-collapse: collapse;
}

.dshape-round-table.content-width table tr:nth-child(odd) {
    background: #F6F5F3;
}

.dshape-round-table.content-width table tr:nth-last-child(1) td {
    border-bottom: 0;
}

/*.dshape-round-table.content-width table tr:nth-child(2) td {font-weight: 500; }*/

.dshape-round-table.content-width table td {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: #000;
    text-align: center;
    border: 1px solid #DFDFDF;
    font-weight: normal;
    height: auto;
    vertical-align: middle;
    padding: 19px 20px;
    border-bottom: 0;
    border-top: 0;
}

.dshape-round-table.content-width table tr th {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    color: #000;
    border: 1px solid #DFDFDF;
    text-align: center;
    font-weight: 500;
    height: auto;
    vertical-align: middle;
    padding: 20px 25px;
    border-bottom: 0px;
    border-top: 0px;
}

.dshape-round-table.content-width {
    max-width: 1000px;
    background: #fff;
    padding: 0px 30px 30px;
    box-shadow: -3px 5px 24px rgba(147, 147, 147, 0.11);
}

.dshape-round-table.content-width {
    padding: 30px !important;
}

.dshape-round-table.content-width table tr:nth-child(2) td,
.dshape-round-table.content-width table tr:nth-last-child(1) td {
    padding: 20px 25px;
}

.ratio_dimond .box_2 ul {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 30px;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
}

.ratio_dimond .box_2 img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.ratio_dimond .box_2 {
    text-align: center;
}

.ratio_dimond .box_2 .caption_text p {
    font-weight: 600;
    font-size: 22px;
    font-family: "Roboto", sans-serif;
    margin: 10px 0px;
    color: #000;
}

.cms_page_main.colour section .image img {
    width: 100%;
    max-width: max-content;
    margin: 0 auto;
    display: block;
}

.cms_page_main.diamond-shapes .box_2 .flex_div ul {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 30px;
}

.cms_page_main.diamond-shapes.princess .caret-weight-table .content-width,
.cms_page_main.colour.diamond-shapes.cushion .caret-weight-table .content-width,
.cms_page_main.colour.diamond-shapes.asscher .caret-weight-table .content-width,
.cms_page_main.diamond-shapes.heart .caret-weight-table .content-width {
    width: 100%;
    max-width: 600px;
}

.cms_page_main.diamond-shapes.heart .caret-weight-table .content-width {
    max-width: 600px;
}

.cms_page_main.diamond-shapes .box_2 .flex_div ul .image {
    display: flex;
    align-items: center;
    min-height: auto;
    margin-bottom: 0px;
}

/*===============================================Engagement ring guide Start Css ================================================*/

.guidance_wraper section h2 {
    text-align: center;
    font-size: 25px;
    font-family: "Inter", sans-serif;
    font-weight: 300;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    font-weight: 500;
}

.guidance_wraper.metal .section_2 {
    padding: 0 30px;
}

.guidance_wraper.metal section h2 {
    font-size: 20px;
}

.guidance_wraper.metal-finishing .box .box_title h2 {
    font-size: 25px;
}

.guidance_wraper.engagement-ring-guide .box p {
    text-align: justify;
}

.guidance_wraper.engagement-ring-guide .section_2 {
    padding: 0 30px;
}

.guidance_wraper.engagement-ring-guide .section_2+section.content-width {
    padding: 0 30px;
}

.cms_page_main.engagement-ring-guide .cms_page_container .section_2 .flex_row .col_item .vertical_img img {
    max-height: 80px;
}

/*===============================================Engagement ring guide Start End================================================*/

.guidance_wraper .cms_page_container .box .desc_text ol {
    padding: 20px 0px 0px 30px;
}

.guidance_wraper .cms_page_container .box_2 .border_bottom_5 {
    font-size: 30px;
    text-transform: uppercase;
    font-weight: ;
}

.cms_page_main section h4.green-clor {
    text-align: center;
    font-weight: 500;
}

/*===============================================Design Basis================================================*/

.cms_page_container .section_2 .flex_row .col_item .vertical_img {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cms_page_container section .discover_btn.vertical_btn {
    padding: 0px 0px;
    min-height: 35px;
    display: flex;
    align-items: flex-end !important;
}

/*.cms_page_container .section_2 .flex_row .col_item.col_item_6 .discover_btn.vertical_btn {min-height: 65px; }*/

.cms_page_container section .discover_btn.vertical_btn {
    max-width: max-content;
    margin: 40px auto 0px;
}

.cms_page_container .section_2 .flex_row .col_item .vertical_img {
    min-height: 150px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 20px auto 0px;
}

.cms_page_container .section_2 .flex_row .col_item.col_item_5 .discover_btn.vertical_btn {
    align-items: center;
}

.cms_page_container .section_2 .flex_row .col_item.col_item_5 .discover_btn.vertical_btn a {
    padding: 8px 37.5px;
}

.cms_page_main .section_3.finda_diamond .discover_btn a {
    border: 1px solid #333 !important;
}

.cms_page_main .section_3.finda_diamond .discover_btn:hover a {
    border: 1px solid transparent !important;
}

/*-----------------------------------Ring Collection-------------------------------*/

.rign-collection .box ul {
    margin: 0 auto;
    padding: 0;
    display: flex;
    justify-content: space-between;
    max-width: 210px;
}

.rign-collection .box ul li {
    list-style: none;
}

.rign-collection .box ul li a {
    color: #333;
    text-decoration: none;
    display: block;
    font-size: 18px;
    font-family: "Roboto", sans-serif;
}

.rign-collection .bottom-border h3 {
    border-bottom: 5px solid #459f8e;
    max-width: max-content;
    margin: 0 auto 0px;
}

.rign-collection .bottom-border {
    margin: 0px auto 20px;
}

.rign-collection .box-title.bottom-border h3 {
    border-bottom: 0px solid #459f8e;
    max-width: max-content;
    margin: 0 auto;
    padding: 0px 0px 0px !important;
}

.guidance_wraper .cms_page_container .box .box-title {
    padding-left: 0;
}

.rign-collection .box .image {
    margin: 80px auto;
}
.rign-collection .box .image img {
    max-width: 700px;
}

.rign-collection .box .green-clor.title {
    margin: 80px auto;
}

.cms_page_container section .box h3 {
    text-align: center;
    font-size: 25px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    letter-spacing: 0.25px;
}

.rign-collection .box .green-clor.title h3,
.rign-collection .box .green-clor.title h3 a,
.cms_page_main.colour.diamond-inclusions.sapphires .green-clor.title a,
.cms_page_main.colour.diamond-inclusions.emeralds .green-clor.title a,
.cms_page_main.colour.diamond-inclusions.ruby .green-clor.title a {
    color: #459f8e !important;
    text-decoration: none;
}

/*-----------------------------------Setting Style------------------------------------------------*/

.cms_page_main.colour.setting-style .col_title.brdr_none h2,
.cms_page_main.colour.ring-profile .col_title.brdr_none h2 {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.guidance_wraper.setting-style .section_1 .box:nth-child(1) {
    padding: 0 30px;
}

.setting-style .title h3 {
    text-align: center;
}

/*.cms_page_main.colour .section_1 .box .desc_text p {text-align: center; } */

/*-----------------------------------Ring profile------------------------------------------------*/

.cms_page_main.colour.setting-style .col_title.brdr_none h2 {
    border-bottom: 0px;
    padding-bottom: 0px;
}

.ring-profile .section_1 .banner .image picture,
.ring-profile .section_1 .banner .image picture img {
    width: 100%;
    max-width: 100%;
}

.guidance_wraper.custom-design-style .specific-color-content {
    max-width: 100%;
    margin: 0 auto 100px;
}

/*-----------------------------------custom Design Style ------------------------------------------------*/

.custom-design-style .box_3 p {
    text-align: center !important;
    display: block;
}

.cms_page_main.colour section .box ul.design-flex {
    margin: 50px auto 0px;
}

.custom-design-style .cms_page_container .section_4 .col-item.image {
    padding: 0%;
}

.custom-design-style .cms_page_container .section_4 .col-item .image img {
    max-width: 100%;
}

.custom-design-style .cms_page_container .section_4 .col-item.image .content {
    padding: 0;
}

.custom-design-style .cms_page_container .specific-color-content .flex_row .col-item::after {
    content: "";
    display: block;
    padding-bottom: 70%;
}

/*-----------------------------------metal css  ------------------------------------------------*/

.metal .box .caption.details h3 {
    margin-bottom: 20px;
}

.cms_page_container section .box p a {
    text-align: justify;
    font-size: 14px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 30px;
    text-decoration: none;
}

.cms_page_main.colour.custom-design-style.hallmark .col-item.image .image img {
    width: 100%;
    max-width: max-content;
}

.cms_page_main.colour.custom-design-style.hallmark .col-item.image {
    padding: 50px 0px 60px;
    vertical-align: middle;
}

.guidance_wraper.ring-head-setting-style .section_1 .box_2 .image {
    text-align: center;
}

.guidance_wraper.ring-head-setting-style .box.box_2 img {
    margin: 0 auto;
    display: block;
}

/*-----------------------------------Ring Size Guidance css  ------------------------------------------------*/

.download-rign-chart p {
    text-align: center;
}

.download-rign-chart p a {
    color: #fff;
    background: #3e9f8e;
    text-align: justify;
    font-size: 20px;
    font-weight: 300;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    line-height: 30px;
    display: block;
    max-width: max-content;
    margin: 0 auto;
    text-decoration: none;
    padding: 15px 120px;
}

.guidance_wraper.ring-buying-guide section .content-width p {
    text-align: justify;
}

.guidance_wraper.ring-buying-guide .box.box_6 .desc_text p {
    display: flex;
    column-gap: 10px;
    margin-top: 10px;
}

.guidance_wraper.ring-buying-guide .box.box_5 p {
    margin-bottom: 20px;
}

/*-----------------------------------Advance Guidance css  ------------------------------------------------*/

.text-jsutify {
    text-align: justify;
}

.cms_page_main .box p {
    text-align: justify;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 30px;
}

.cms_page_main.design_basics.advance-guidance ul li {
    list-style: none;
    text-align: justify;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 30px;
}

.cms_page_main.design_basics.advance-guidance ul {
    padding-left: 40px;
}

.border_bottom_5 {
    max-width: max-content;
    margin: 0 auto;
    margin-bottom: 0px;
    border-bottom: 5px solid #459f8e;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

.cms_page_main.advance-guidance section .box p span.link,
.cms_page_main.advance-guidance section .box p span a {
    color: #3e9f8e;
}

.cms_page_main.engagement-ring-guide .cms_page_container .section_2 .flex_row .col_item .vertical_img {
    min-height: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px auto 30px;
}

.cms_page_main.ring-buying-guide ol li {
    text-align: justify;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 30px;
}

/*-----------------------------------Coloured gemstone css  ------------------------------------------------*/

.gemstones-varient-color .content-width ul {
    display: flex;
    justify-content: space-between;
    text-align: center;
    margin-top: 30px;
    flex-wrap: wrap;
    row-gap: 30px;
}

.gemstones-varient-color .content-width ul li {
    flex: auto;
    width: 25%;
}

.gemstones-varient-color .content-width ul li .caption p {
    font-size: 20px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 0;
    line-height: 25px;
}

.box.box_2.content-width .desc_text ul {
    display: block;
}

.cms_page_main.gemstone-colour .box ul {
    margin: 0;
    padding-left: 30px;
    padding-top: 20px;
}

.cms_page_main.gemstone-colour .box ul li {
    list-style: disc;
    font-size: 15px;
    font-weight: 300;
    color: #333;
    font-family: "Roboto", sans-serif;
    letter-spacing: 0.25px;
    clear: both;
    margin-bottom: 10px;
    line-height: 30px;
}

.metal.platinum .section_1 .image picture {
    margin: 0 auto;
    text-align: center;
    width: 100%;
    display: block;
}

.metal.platinum .section_1 .box .desc_text p {
    text-align: justify;
}

.metal.platinum .section_1 .box:nth-child(1) .desc_text p {
    text-align: center !important;
}

.metal.platinum .section_1 .box .desc_text p {
    text-align: justify !important;
}

.guidance_wraper .box .desc_text p {
    margin-bottom: revert;
}

.guidance_wraper.gold .section_1 .image {
    text-align: center;
}

/*.guidance_wraper .cms_page_container .box:nth-child(1) .desc_text p {text-align: center; }*/

/*.guidance_wraper .cms_page_container .box .desc_text p {
    text-align: justify;
}*/

.guidance_wraper.rose-gold .section_1 .box .image picture {
    width: 100%;
    display: block;
    margin: 0 auto;
    text-align: center;
}

.guidance_wraper .cms_page_container .section_2 .box:nth-child(1) .desc_text p {
    text-align: justify;
}

.guidance_wraper.advance-guidance ul li {
    font-weight: bold;
    color: #000;
    margin-top: 5px !important;
}

.guidance_wraper.advance-guidance .flex_row .h3 {
    font-size: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
}

/*.center_text.desc_text p {text-align: center !important; }*/

.center picture {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.guidance_wraper.coloured-gemstones.main .section_2 h2 {
    font-size: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
}

.guidance_wraper.gemstone-colour .box .box-title {
    padding: 0px 0px;
    border: 1px solid transparent;
    background-color: transparent;
}

.guidance_wraper.gemstone-colour .box .box-title h3 {
    text-align: left;
}

.guidance_wraper .cms_page_container .box {
    padding: 0 30px;
}

.guidance_wraper.gemstone-colour .box .desc_text ul li {
    font-weight: 500;
    padding: 0;
    margin: 0;
}

.guidance_wraper.gemstone-clarity .box .box-title {
    background: transparent;
    border: aliceblue;
}

.guidance_wraper.gemstone-clarity .section_1 picture {
    width: 100%;
    display: block;
}

.guidance_wraper.gemstone-clarity .section_1 .box.image {
    padding: 0;
}

.guidance_wraper .gemstone-cut picture {
    width: 100%;
    display: table;
}

.guidance_wraper .gemstone-cut picture img {
    width: 100%;
}

.guidance_wraper.gemstone-cut .image picture {
    width: 100%;
    display: block;
}

.guidance_wraper.gemstone-cut .image picture img {
    width: 100%;
}

.guidance_wraper.gemstone-size .box-title {
    background: transparent;
    border: 0;
    padding: 0;
}

.guidance_wraper.gemstone-size .section_1 .box.image.content-width {
    max-width: 100%;
    padding: 0 0;
}

.guidance_wraper.gemstone-size .image.box picture {
    display: block;
    width: 100%;
}

.guidance_wraper.gemstone-size .image.box picture img {
    width: 100%;
}

.guidance_wraper.gemstone-enhancment .box-title {
    background: transparent;
    border: 0;
    padding: 0;
}

.guidance_wraper.gemstone-enhancment section h4 {
    text-align: center;
    font-size: 25px;
    font-family: "Inter", sans-serif;
    color: #000;
    margin-top: 0px;
    margin-bottom: 10px;
    font-weight: 500;
}

.guidance_wraper.diamond_shapes.parent .section_2.content-width {
    max-width: 100%;
}

.guidance_wraper.diamond_shapes.parent .section_1 .content-width {
    max-width: 1280px;
}

.guidance_wraper .cms_page_container .section_2 .flex_row .col_item .vertical_img img {
    max-height: 80px;
    width: auto;
}

.guidance_wraper.emeralds .image picture {
    display: block;
    width: 100%;
    text-align: center;
}

.guidance_wraper.emeralds .border_bottom_5 {
    border-bottom: 0px solid #459f8e;
}

.guidance_wraper.advance-guidance picture {
    width: 100%;
    display: block;
    max-width: 100%;
}

.guidance_wraper.advance-guidance h5.guide-caption {
    color: #000;
}

.guidance_wraper.advance-guidance picture img {
    width: 100%;
    max-width: 100%;
}

.guidance_wraper.advance-guidance section.consultatin h2 {
    text-align: center;
    font-size: 25px;
}

.guidance_wraper.advance-guidance section h2 {
    text-align: left;
    font-size: 25px;
}

.guidance_wraper.advance-guidance picture {
    text-align: center;
}

.guidance_wraper.advance-guidance .section_2 .box:not(:first-child) h2 {
    font-size: 20px;
}

.nav-title-page.nav_jwelery .cms_page_container section:nth-child(2) .desc_text {
    padding: 0 30px;
}

.ring-size-guide .box_8 a {
    background: #3e9f8e;
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    text-decoration: none;
    max-width: max-content;
    margin: 0 auto;
    padding: 10px 50px;
}

.ring-size-guide .button a {
    background: #3e9f8e;
    color: #fff;
    display: block;
    text-transform: uppercase;
    font-size: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: #fff;
    margin-top: 0px;
    margin-bottom: 0px;
    text-align: center;
    text-decoration: none;
    max-width: max-content;
    margin: 0 auto;
    padding: 10px 50px;
}

.guidance_wraper.metal.white-gold .section_1 .image picture {
    max-width: 730px;
    margin: 0 auto;
}

.explore-ring-guide .free-ring-sizer .image img {
    margin: 0 auto 50px;
    display: block;
}

.explore-ring-guide .section_1 .image picture {
    width: 100%;
    text-align: center;
    display: block;
    margin-top: 50px;
}

.section_1 picture {
    width: 100%;
    display: block;
    text-align: center;
}

.guidance_wraper.ring-size-guide.parent .desc_text p {
    text-align: center;
}

.guidance_wraper.ring-size-guide.parent .section_1 .box.box_2 {
    padding: 0;
}

.guidance_wraper.ring-size-guide.parent .section_1 .box_1 p {
    text-align: center;
}

.guidance_wraper.ring-size-guide.parent .dshape-round-table.content-width .title {
    padding-bottom: 30px;
}

.guidance_wraper.ring-size-guide.parent .col_title h5 {
    font-size: 22px;
    font-family: "Inter", sans-serif;
    font-weight: 500;
    color: #000;
    margin-top: 0px;
    margin-bottom: 0px;
    text-transform: uppercase;
}

.col_title h2,
.col_title h3 {
    text-transform: uppercase !important;
}

.guidance_wraper section h2 {
    font-size: 25px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

.guidance_wraper.custom-design-style.hallmark .specific-color-content .flex_row {
    gap: 0;
}

.guidance_wraper.unique_cut_diamond_guide .cms_page_container .section_1 .box:nth-child(2) {
    padding: 0 0px;
}
.guidance_wraper.unique_cut_diamond_guide .section_1 .box .image {
    text-align: center;
}

.guidance_wraper.carat #diamond-showcase {
    max-width: 1280px;
    margin: 0 auto 100px;
    padding: 0 30px;
}

.caret-weight-table tr:nth-child(1) th {
    font-size: 25px;
}

.jewellery_care_guide .box .col_title {
    margin-bottom: 30px;
}

.jewellery_care_guide .box .content_title h3 {
    text-align: left;
    font-size: 20px;
}

.jewellery_care_guide .section_7 .desc_text ul {
    margin: 0;
    padding: 10px 0 30px 40px;
}

.jewellery_care_guide .section_7 .desc_text ul li {
    list-style-type: disc;
    font-weight: normal;
}

.jewellery_care_guide .design-btn a {
    /* background: transparent; */
    font-size: 14px;
    padding: 9px 39.5px;
    text-transform: uppercase;
    font-weight: 300;
    z-index: 9;
    position: relative;
    text-decoration: none;
    font-family: 'Roboto';
    /* color: #fff; */
    display: block;
    max-width: max-content;
    margin: 0 auto;
    border-radius: 3px !important;
}

.jewellery_care_guide .expert_consulation .design-btn a:hover::before {
    background: #fff;
}

.jewellery_care_guide .expert_consulation .design-btn a:hover {
    color: #000;
}

.history h4,
.history p {
    margin: 0;
    margin-left: auto;
    line-height: 24px;
    float: none;
}

.about-us-page .black_bg .flex_div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.about-us-page .cms_page_container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.about-us-page {
    background-color: #000;
}

.cms-about-us #maincontent {
    padding: 0 !important;
}

.about-us-page .cms_page_container {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
}

.about-us-page .black_bg .flex_div .col-item {
    flex: 0 0 calc(50% - 50px);
}

.about-us-page .cms_page_container .black_bg {
    padding: 100px;
}

.about-us-page .cms_page_container .black_bg .desc-text p {
    color: #fff;
    margin-bottom: 25px;
    font-size: 16px;
    line-height: normal;
    text-align: justify;
}

.about-us-page .cms_page_container .black_bg .title .h4 {
    color: #fff;
    text-align: left;
    font-weight: normal;
    font-size: 30px;
}

.about-us-page .black_bg .flex_div .col-item.heading h2 {
    font-size: 100px;
    color: #fff;
    text-align: left;
    margin-top: 40px;
    line-height: 120px;
}

.about-us-page .cms_page_container .our_mission.black_bg .flex_div {
    gap: 100px;
}

.about-us-page .cms_page_container .our_mission.black_bg .flex_div {
    flex-direction: row-reverse;
}

.about-us-page .cms_page_container .black_bg .col-item {
    padding: 80px 0;
}

.about-us-page .cms_page_container .our_mission.black_bg {
    border-top: 5px solid #fff;
}

.cms-about-us .bethefirsttoknowformfooter {
    padding: 3rem 30px;
    margin-top: 0px;
}

.cms-about-us .column.main {
    padding-bottom: 0 !important;
}

.nav-title-page .free_consultation .design-btn a {
    color: #000;
}

.nav-title-page .free_consultation .design-btn a:hover {
    color: #fff !important;
}

.guidance_wraper.gemstone-enhancment .image.content-width.box {
    padding: 0;
    max-width: 100%;
}

.guidance_wraper.gemstone-enhancment .image.content-width.box PICTURE img {
    width: 100%;
}

.cms-book-an-appointment .calendly-inline-widget.calendly-mobile {
    position: relative;
    z-index: 0;
}


.content_not_found .container {
    width: 100%;
    max-width: 800px;
    border-top: 1px solid #ddd;
    padding-top: 50px;
}
.content_not_found .head_info h3 {
    text-align: center;
}
.content_not_found .head_info h3 {
    margin: 0 0 30px;
}
.content_not_found .head_info p {
    margin: 0;
    text-align: center;
    font-size: 16px;
    color: #000;
}
.content_not_found .contact_us ul.flex_div {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    column-gap: 50px;
    row-gap: 15px;
}
.content_not_found .contact_us {
    margin: 50px auto 30px;
}
.content_not_found .contact_us ul.flex_div li {
    flex: auto;
    width: 100%;
    max-width: calc(50% - 25px);
}
.content_not_found .contact_us ul.flex_div li a {
    display: flex;
    text-align: center;
    border: 1px solid #000;
    color: #000;
    text-decoration: none;
    padding: 8px 0;
    border-radius: 8px;
    position: relative;
    align-items: center;
    gap: 10px;
    justify-content: center;
    font-family: "Roboto", sans-serif;
}

.content_not_found .contact_us ul.flex_div li.sidebar_mail a .icon {
    background-image: url("https://www.mohlondon.com/images/mail-icon.svg");
    width: 25px;
    height: 25px;
    display: inline-block;
} 
.content_not_found .contact_us ul.flex_div li.sidebar_chat a .icon {
    background-image: url("https://www.mohlondon.com/images/live-chat.webp");
    width: 25px;
    height: 25px;
    display: block;
    background-size: 100%;
}

.content_not_found .contact_us ul.flex_div li.sidebar_phone a .icon {
    background-image: url("https://www.mohlondon.com/images/tele-icon.svg");
    width: 25px;
    height: 25px;
    display: inline-block;
} 
.content_not_found .contact_us ul.flex_div li.sidebar_bap a .icon {
    background-image: url("https://www.mohlondon.com/images/calendar_icon.svg"); 
    width: 25px;
    height: 25px;
    display: inline-block; 
} 

.content_not_found .contact_us ul.flex_div li.sidebar_whatsapp a .icon {
    background-image: url("https://www.mohlondon.com/images/whatsapp_icon.svg");
    width: 25px;
    height: 25px;
    display: inline-block; 
    background-size: 100%;
} 
.content_not_found .contact_us ul.flex_div li.sidebar_faq a .icon {
    background-image: url("https://www.mohlondon.com/images/happy-chat.svg");
    width: 25px;
    height: 25px;
    display: inline-block; 
} 

.tps_page_block.pagenotfoundpagenotfound {
    text-align: center;
    margin: 0px 0 100px 0;
}
.amsearch-input-wrapper .amsearch-input {
    border: 1px solid #ccc;
    padding: 10px 10px;
    transition: .3s;
    border-radius: 5px;
}
.page-wrapper #maincontent .columns .column .amsearch-wrapper-block {
    padding: 0%;
    width: 100%;
    max-width: 555px;
}
.page-wrapper #maincontent .columns .column .amsearch-wrapper-block .amsearch-button.-disabled {
    opacity: 1;
    pointer-events: auto;
}
.tps_page_block.pagenotfoundpagenotfound .amsearch-form-block.-opened {
    padding: 0%;
    width: 100%;
    max-width: 555px;
}
.tps_page_block.pagenotfoundpagenotfound .amsearch-form-block.-opened .amsearch-result-section {
    display: none;
}
.content_not_found .container .pages_link {
    margin: 0 0px 50px;
}
.content_not_found .container .pages_link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 15px;
}
.content_not_found .container .pages_link ul li {
    flex: auto;
    width: calc(50% - 15px);
}
.content_not_found .container .pages_link ul li a {
    background-color: #fff;
    display: block;
    color: #000;
    padding: 9px 20px;
    border-radius: 10px;
    text-align: center;
    font-weight: normal;
    border: 1px solid #000;
    transition: 0.5s all ease-in-out;
    font-family: "Roboto", sans-serif;
}
.content_not_found .container .pages_link ul li a:hover {
    background-color: #000;
    color: #fff;
}

.content_not_found .contact_us ul.flex_div li a:hover {
    font-weight: bold;
}


.lab_grown_creation .box .image p {
    text-align: center;
}

.diamond_shapes  section.fullwithwrapparproduct {
	margin-bottom: 100px !important;
}

.guidance_wraper.design_basics.rign-collection .section_2 {
    padding: 0 0px;
}

.guidance_wraper.design_basics.rign-collection .section_2 .box.content-width {
    padding: 0 30px !important;
}
.guidance_wraper.design_basics.rign-collection .section_2 .box.box_1.content-width {
    padding: 0 0 !important;
}
.guidance_wraper.design_basics.rign-collection .section_2 .box.box_1 .desc_text {
    padding: 0 30px;
}

.guidance_wraper.design_basics.rign-collection .section_2 .box.box_1.content-width .green-clor.title {
    margin: 50px auto 30px;
}

.guidance_wraper.design_basics.rign-collection  .product-item-info .product.details.product-item-details {
    opacity: 1;
}
.guidance_wraper.design_basics.rign-collection .section_2 .box.box_2.content-width {
    padding-top: 80px !important;
    clear: both;
}
.products-grid .product-items .ias-noneleft {
    display: none;
}



.guidance_wraper .cms_page_container .box .box-title {
    clear: both;
    margin-top: 50px;
    padding-top: 70px;
}
.rign-collection .box .green-clor.title {
    margin: 80px auto 0;
}
.guidance_wraper.design_basics.rign-collection .section_2 .box.box_1 .box-title {
    padding-top: 0;
    margin-top: 0;
}
.guidance_wraper.design_basics.rign-collection .section_2 .box.box_2 .box-title {
    padding-top: 0;
    margin-top: 0;
}
.guidance_wraper.design_basics.rign-collection .section_3.finda_diamond.mb_30 {
    margin-top: 80px !important;
    clear: both;
    display: inline-block;
}

.cms_page_main.guidance_wraper.colour .widget.block.block-static-block:nth-last-child(2) {
	display: none;
}