:root {
    --black: 000;
    --border: 1px solid #d6d6d6;
    --headingFont: "Noto Serif", serif;
    --titleFont: "Poppins", sans-serif;
    --primary: #23adad;
    --greyLight: #23adade1;
    --greyLight-2: #cbe0dd;
    --greyDark: #2d4848;
    --blue1: #162c55;
    --orange1: #2c4b80;
    --playfair: "Playfair Display", serif;
    --inter: "Inter", sans-serif;
    --poppins: "Poppins", sans-serif;
}

.bg-blue-shade-1 {
    background: linear-gradient(
        90deg,
        rgb(165 176 214 / 0.5) 0.15%,
        rgb(28 50 91 / 0.5) 99.89%
    );
}

.about-product1 p:last-child {
    margin-bottom: 0;
}

.about-product1 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    line-clamp: 4;
    -webkit-box-orient: vertical;
}

.about-product1.show-read {
    display: inline;
}

.pd-gj-icons {
    border-left: 1px solid #adadad;
}

.main-heading {
    font-size: 30px;
    /* line-height: 40px;
    margin-bottom: 10px; */
    font-family: var(--playfair) !important;
    color: var(--blue1);
    font-weight: 700;
}

.fs-sm-2 {
    font-size: calc(1rem + 0.9vw) !important;
}

.fs-sm-5 {
    font-size: 0.9rem !important;
}

.benefits-list ol {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}

.benefits-list ol strong {
    font-weight: 400;
    color: #212529;
}

.benefits-list ol li {
    width: 50%;
    margin-bottom: 11px;
    position: relative;
    padding-left: 22px;
}

.benefits-list ol li:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Line Awesome Free";
    content: "\f058";
    color: #2ca02c;
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 18px;
}

.specification-new ul.specTable-new {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}

.specification-new ul.specTable-new h3 {
    font-size: 14px;
    font-family: "Poppins";
    font-weight: 700;
}

.specification-new ul.specTable-new li {
    width: 25%;
    margin-bottom: 20px;
}

.bg-blue {
    background: #2c4b80;
}

.bg-blue-2 {
    background: #def;
}

.text-blue {
    color: #2c4b80 !important;
}

.text-orange {
    /* color: #f18e28 */
    color: #ee3b05;
}

.bg-soft-blue {
    background: #212529;
}

.bg-light-blue {
    background: #f2f2f8;
}

.contact-one p {
    font-size: 18px;
    font-weight: 600;
}

.font-2 {
    font-family: "BodoniFLF", serif;
}

.white-top-divider,
.white-bottom-divider {
    position: relative;
}

.white-top-divider:before,
.white-bottom-divider:after {
    content: "";
    position: absolute;
    left: 0;
    height: 43px;
    width: 100%;
}

.white-top-divider:before {
    background: url(../img/white-top-divider.png);
    top: 0;
}

.white-bottom-divider:after {
    background: url(../img/white-bottom-divider.png);
    bottom: 0;
}

@font-face {
    font-family: "Castellar";
    src: url(../fonts/Castellar.woff2) format("woff2"),
        url(../fonts/Castellar.woff) format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: var(--headingFont);
    src: url(../fonts/BodoniFLF-Roman.ttf);
    font-weight: 500;
}

@font-face {
    font-family: var(--headingFont);
    src: url(../fonts/BodoniFLFBold.ttf);
    font-weight: 700;
}

@font-face {
    font-family: var(--titleFont);
    src: url(../fonts/Muli-Light.ttf);
    font-weight: 300;
}

@font-face {
    font-family: var(--titleFont);
    src: url(../fonts/Muli.ttf);
    font-weight: 400;
}

@font-face {
    font-family: var(--titleFont);
    src: url(../fonts/Muli-SemiBold.ttf);
    font-weight: 600;
}

@font-face {
    font-family: var(--titleFont);
    src: url(../fonts/Muli-Bold.ttf);
    font-weight: 700;
}

.w-auto {
    width: auto !important;
}

body {
    position: relative;
    overflow-x: hidden;
    font-size: 14px;
    /* color: #212529; */
    font-family: "Poppins", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--headingFont);
}

p {
    font-family: var(--titleFont);
}

.mulish {
    font-family: var(--headingFont);
    margin-bottom: 0;
    font-size: 15px;
}

.blue1 {
    color: var(--blue1);
}

select {
    cursor: pointer;
}

a {
    text-decoration: none;
    color: #2c4b80;
}

.headingFont {
    font-family: var(--playfair);
    font-size: 25px !important;
    font-weight: 400;
    margin-bottom: 0;
}

.cursor-pointer {
    cursor: pointer;
}

i.fa.fa-edit.cursor-pointer {
    color: #162b56;
}

i.fa.fa-trash {
    color: #162b56;
}

.logo-text h5 {
    font-size: 23px;
    vertical-align: middle;
    font-weight: 700;
    text-transform: none;
    color: #323232;
    margin-bottom: 0;
}

.logo-text h5 small {
    font-size: 14px;
    vertical-align: super;
}

.logo .img-fluid {
    height: 45px;
}

.review5 iframe {
    height: 17vw;
}

.logo a {
    display: flex;
}

.logo-text h6 {
    color: #323232;
    font-size: 11px;
    font-family: inherit;
    font-weight: 500;
    margin-bottom: 0;
}

input::placeholder,
textarea::placeholder {
    font-size: 14px;
    color: #161616;
}

.searchBar input {
    border: 1px solid #b8c0cc;
    font-size: 14px;
    border-right: 0;
}

.searchBar .input-group-btn {
    background: #fff;
    border: 1px solid #b8c0cc;
    border-radius: 0.25rem;
    display: flex;
}

.fixes .searchBar .input-group-btn {
    background: #fff0;
    border: 0;
}

.searchBar .input-group-btn button {
    padding: 0;
    padding-right: 6px;
    padding-left: 6px;
}

.searchBar .input-group-btn button {
    box-shadow: none;
}

.searchBar .input-group-btn button img {
    width: 18px;
    margin-top: 6px;
}

.searchBar input::placeholder {
    color: #4c5460;
    font-size: 12px;
}

.searchBar input:focus {
    box-shadow: none;
    border: 1px solid #b8c0cc;
    border-right: 0;
}

.searchBar .input-group-text {
    border: 1px solid #b8c0cc;
    padding: 0.275rem 0.75rem;
}

.searchBar .fa {
    transform: rotate(86deg);
}

.menuIcon li {
    margin-right: 11px;
}

.menuIcon li:last-child {
    margin-right: 0;
}

.menuIcon li a {
    color: #000;
}

.menuIcon i {
    font-size: 19px;
    color: #000;
}

.menu li {
    text-transform: uppercase;
}

.menu .nav-link {
    font-weight: 500;
    color: initial;
    font-size: 14px;
    text-transform: uppercase;
}

.menu .nav-item:nth-child(2) .nav-link {
    padding-left: 0;
}

.navbar-expand-lg .navbar-nav.menu .nav-link {
    padding: 0.1rem 1.5rem 0.3rem;
}

body.overflow-hidden.position-fixed {
    position: relative !important;
}

.menubarList {
    border-bottom: var(--border);
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    transition: all 0.5s ease;
    background: #f8f8f8;
}

.bannerText {
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 3.5%;
    width: 60%;
}

.bannerText h4 span {
    font-weight: 900;
}

.bannerText h4 span small {
    font-size: 14px;
    vertical-align: super;
}

.bannerText h1 {
    font-weight: 900;
    font-size: 58px;
    background: -webkit-linear-gradient(#146d8f, #03393b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
}

.bannerText h1 span {
    font-weight: 500;
}

.padding-10 {
    padding-top: 20px;
    padding-bottom: 20px;
}

.padding-20 {
    padding-top: 40px;
    padding-bottom: 40px;
}

.padding-90 {
    padding-top: 90px;
    padding-bottom: 90px;
}

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

.padding-130 {
    padding-top: 130px;
    padding-bottom: 130px;
    overflow: hidden;
}

.section4.padding-90.pb-0 {
    /* overflow: hidden; */
    padding-top: 90px;
}

.offer1 {
    border-radius: 4px;
    z-index: 1;
    position: relative;
}

#offer {
    background: #2c4b80;
    border-radius: 4px;
    padding: 30px 30px;
    position: relative;
    overflow: hidden;
    margin: 0;
    align-items: center;
}

#offer:before,
#offer:after {
    content: "";
    background: url(../img/offer-bg.jpg) no-repeat;
    width: 124px;
    height: 99px;
    position: absolute;
    bottom: 0;
    left: 0;
}

#offer:after {
    content: "";
    right: 0;
    left: auto;
    top: 0;
    bottom: auto;
    background: url(../img/offer-bg-right.jpg) no-repeat;
}

.offer2 {
    border-radius: 4px;
    height: 100%;
}

.offer4 {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background: #f8f8f8;
    border: 1px solid #9b9696;
}

.ddBtn .btn {
    border: 1px solid #ced4da;
    width: 100%;
    text-align: left;
}

.sortingBtn {
    border: 1px solid;
}

.offer5 {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.offer2 img {
    height: 20px;
    border: 1px solid;
    background: #fff;
}

.offer h5 {
    font-size: 18px;
    font-weight: 400;
    font-family: var(--titleFont);
}

.offer1 h5 {
    color: #fff;
    line-height: 30px;
}

.offer1 .la {
    font-size: 1.3rem;
    color: #227698 !important;
}

.gems1 {
    margin-bottom: 1.5rem;
    border: var(--border);
    margin-bottom: 1.5rem;
    border-radius: 10px;
}
.menu-gemstones {
    color: #ee3b05 !important;
}
.box-style .del16 {
    padding: 20px;
}

.gems2 {
    border: var(--border);
    margin-bottom: 1.5rem;
    padding: 15px;
    border-radius: 2px;
}

.gems2 img {
    transform: scale(0.8);
}

.gemText .fa {
    -webkit-text-stroke: 0.3px #fff;
    font-size: 13px;
    margin-left: 2px;
}

.gemText h5,
.gemText p {
    color: #161616;
}

.gemText h5 {
    text-align: center;
    font-weight: 400;
    font-size: 14px !important;
    font-family: var(--titleFont);
    margin-bottom: 0;
    color: #000;
    margin-top: 11px;
}

.gemText p {
    color: initial;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
}

.box-style h5 {
    background: #dfecf6;
    padding: 15px;
    color: #212529;
    margin-top: 0;
    border-radius: 0 0 10px 10px;
}

.pureGemstone,
.google,
.limelight,
.power {
    border-bottom: var(--border);
}

div#review-component {
    background: #eaeff4;
    padding: 50px 0;
    margin: 50px 0 0;
}

.reviewName .review-pic {
    display: none;
}

.catBtn {
    bottom: -13px;
}

.slider-text {
    background: #2c4b80;
    text-align: center;
    color: #fff;
    padding: 10px 10px;
    letter-spacing: 1px;
    font-size: 12px;
    text-transform: uppercase;
}

.slider-text span {
    background: linear-gradient(45deg, #c50901, #fe0a00, #c50901);
    padding: 3px 7px;
    margin-left: 3px;
    border-radius: 4px;
    font-weight: 700;
}

.slider-text.offer-coupon {
    background: #ecf0f3;
    color: #000;
    font-size: 12px;
    display: none;
    margin: 0 auto;
    width: 100%;
    text-align: left;
    border-radius: 4px;
    padding: 15px;
    border: 1px dashed #c3c3c3;
}

.slider-text.offer-coupon span {
    color: #fff;
    display: inline-block;
}

.catBtn .btn,
.catBtn .btn:hover,
.catBtn .btn:active {
    font-size: 17px;
    font-weight: 800;
    z-index: 100;
    line-height: 32px;
    padding: 0.25rem 0.9rem;
    background: #2c4b80 !important;
    color: #fff;
}

.btn-outline-secondary:hover {
    color: #212529;
}

h5.title,
h1.title {
    padding: 30px 0 0;
    font-size: 30px;
    font-family: var(--playfair);
    color: #162c55;
    font-weight: 600;
}

.recomendation {
    background-color: #212529;
    background-repeat: no-repeat;
    background-blend-mode: multiply;
    background-position: -8% 100%;
}

.whyUs h4 {
    font-size: 31px;
    margin-bottom: 20px;
    font-weight: 300;
    font-family: var(--headingFont);
}

.whyUs p {
    margin-bottom: 6px;
    font-size: 16px;
    font-weight: 300;
    line-height: 1;
}

.whyUs p span {
    font-weight: 700;
    font-size: 12px;
}

.whyUs h5 {
    background: #fff;
    padding: 10px 20px;
    font-size: 15px;
    font-weight: 400;
    margin-top: 20px;
}

.whyUs h5 span {
    margin-left: 30px;
}

.recomendation img {
    margin-left: auto;
    margin-right: auto;
    height: 463px;
    object-fit: cover;
}

.callBack {
    background: #162c55;
    color: #fff;
    padding: 11px 25px;
    border-radius: 4px;
    background: #162c55;
}

.chatting {
    background: #55cd6c;
    display: flex;
    overflow: hidden;
    border-radius: 4px;
}

.chatting span.stock {
    border: 1px solid #ffe09d;
    color: #000;
    background: #ffe09d;
}

.chatting span {
    padding: 11px 18px;
    margin-top: 0;
}

.chatting span.stock::before,
.chatting span.stock::after {
    left: -27px;
    background-color: #fff0;
    border-top: 10px solid #ffe09d;
    border-bottom: 32px solid #ffe09d;
    border-right: 36px solid #ffe09d;
}

.leader {
    background-repeat: no-repeat;
    background-color: #ecf0f3;
    background-position: 100% 110%;
    background-blend-mode: darken;
}

.list-leader {
    background-position: right bottom;
}

.leaderTitle h1,
.leaderTitle h2,
.limelight h1,
.limelight h2,
.google-title,
.organization-title {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
    font-family: var(--headingFont);
    color: var(--blue1);
    font-weight: 500;
}

.list-leader h5 {
    /* white-space: break-spaces; */
    font-size: 14px;
    color: #162c56;
}

.list-leader .new-leader p {
    display: none;
}

.organization-title {
    line-height: 47px;
}

.leaderTitle h1 span,
.leaderTitle h2 span {
    font-size: 18px;
    font-weight: 500;
    font-family: var(--titleFont);
    display: block;
}

.leaderTitle h4,
.lime3 {
    line-height: 28px;
    font-size: 16px;
    font-family: var(--titleFont);
}

.tagline-2 {
    line-height: 33px;
    font-size: 21px;
}

.leaderDiv {
    border-radius: 2px;
    background: #fff;
    padding: 26px;
    margin-bottom: 40px;
}

.leaderDiv p {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 0;
}

.icon1 {
    background: linear-gradient(45deg, #f39f68, #fb7143);
    width: 100px;
    height: 100px;
    margin: 0 auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 30px;
    margin-bottom: 20px;
}

.reviewName p b {
    font-weight: 700;
}

.icon1 .fa {
    color: #fff;
}

.review1 {
    border-radius: 10px;
    padding: 20px 35px;
    height: auto;
    overflow: auto;
    margin-bottom: 15px;
    background: #fff;
}

.google-review-slider .owl-stage {
    display: flex;
}

.google-review-slider .owl-stage .item {
    height: 100%;
}

.google-review-slider .owl-stage .review1 {
    height: 100%;
}

.review1::-webkit-scrollbar {
    width: 0;
    background: #fff0;
}

.reviewText p a {
    color: #000;
    font-weight: 700;
}

.list-slider .reviewName p {
    color: dimgray;
    font-size: 14px;
}

.starIcon li .fa,
.review1 span.float-right,
.starIcon li .la {
    color: #cb9274;
}

.starIcon li .la {
    font-size: 18px;
}

.review1 span.float-right {
    font-weight: 500;
    font-size: 12px;
    display: none;
}

.owl-carousel .owl-item .leftQuote {
    position: absolute;
    width: 64px;
    left: -10px;
    top: -33px;
}

.reviewText {
    position: relative;
}

.reviewText p {
    font-weight: 400;
    font-size: 12px;
    z-index: 2;
    position: relative;
    margin-top: 38px;
    line-height: 27px;
}

.reviewName p {
    font-weight: 500;
    font-size: 12px;
    margin-bottom: 0;
}

.owl-carousel .owl-item .reviewName img {
    width: 50px;
    height: 50px;
    display: block;
    margin: 0 auto;
    margin-bottom: 10px;
    border: 2px solid #bdbdbd9c;
    border-radius: 50%;
}

.reviewName {
    display: flex;
    margin-top: auto;
    justify-content: space-between;
}

.certified {
    font-size: 24px;
    line-height: 22px;
}

.review2 {
    vertical-align: bottom;
}

.certified b {
    font-size: 18px;
}

.review4 {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.review4 img {
    width: 200px;
}

.review4::after {
    content: "";
    position: absolute;
    width: 35%;
    height: 1px;
    background: #d6d6d6;
    bottom: 21px;
    z-index: -1;
    left: 49%;
}

.lime1 p {
    color: #444;
    font-weight: 400;
    margin-bottom: 40px;
    font-size: 13px;
}

.lime1 h5 {
    margin-bottom: 20px;
    color: #231f20;
    font-weight: 400;
    line-height: 27px;
    min-height: 100px;
}

.reviewText p span {
    color: #161616;
}

.rightArrow {
    position: absolute;
    right: -37px;
    margin: 0 auto;
    display: block;
    text-align: right;
    top: 0;
}

.owl-carousel .owl-item .lime1 .rightArrow img {
    border: 1px solid #d6d6d6;
    border-radius: 50%;
    padding: 10px;
    font-weight: 700;
    display: inline;
    width: 32px;
    background: #fff;
}

.owl-carousel .owl-item .lime1 img {
    object-fit: cover;
    width: auto;
    display: block;
}

.lime2 {
    position: relative;
}

.btn-theme {
    background: #d1d1d1;
    color: #545454;
    font-weight: 500;
    padding: 0.55rem 2rem;
    font-size: 18px;
    line-height: 0;
}

.btn-theme .fa {
    font-size: 22px;
}

.logoImg img {
    transform: scale(0.8);
}

.logoImg li {
    position: relative;
    margin-right: 7px;
}

.logoImg img:hover {
    filter: none;
}

footer {
    /* background: #eee; */
    padding: 60px 0 0;
}

.style-2 {
    font-family: "Poppins";
}

.fotr h5 {
    font-size: 18px;
    margin-bottom: 18px;
    color: #212529;
    font-weight: 800;
    text-transform: uppercase;
    font-family: "Poppins";
}

.fotr ul li a,
.addressSec ul li span {
    color: #000 !important;
    line-height: 22px;
    font-size: 14px;
    position: relative;
    /* font-weight: 300; */
}

.addressSec ul li a,
.addressSec ul li span {
    margin-left: 13px;
}

.fotr ul li i {
    color: #212529;
    margin-right: 4px;
}

.fotr li {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 5px;
}

.fotr.addressSec i {
    position: absolute;
    top: 3.4px;
    font-size: 16px;
    left: 0;
}

.fotr.addressSec li {
    padding-left: 10px;
}

.fotr ul li .btn {
    padding: 0.55rem 2rem;
}

.social-icon li a {
    width: 30px;
    height: 30px;
    color: #212529;
    border: 1px solid #212529;
    border-radius: 50%;
    padding: 6px 7px;
    margin-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.copyright {
    font-size: 13px;
    color: #fff;
    line-height: 30px;
    font-weight: 300;
}

.copyright li {
    line-height: 28px;
}

.copyright li:last-child a {
    border-right: none;
}

.pt-60.pb-40 {
    padding-top: 60px;
    padding-bottom: 40px;
}

.copyright li a {
    color: #212529;
    line-height: 30px;
    margin-right: 10px;
    border-right: 1px solid #e0dcdc;
    padding-right: 10px;
    font-weight: 400;
    font-size: 14px;
}

.book img {
    display: block;
    margin: 0 auto;
    height: 165px;
    object-fit: cover;
    margin-top: -70px;
    margin-bottom: -10px;
    transform: scale(1);
    transition: all 0.4s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
}

.input-group-append .btn {
    line-height: 1.5;
    background: #162b56;
    font-weight: 400;
    padding: 0.55rem 1rem;
    border-radius: 0;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    font-size: 14px;
}

footer .input-group .form-control {
    border: 1px solid #fff;
}

.discover {
    font-weight: 500;
    text-align: center;
    font-size: 18px;
}

#button {
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    position: fixed;
    left: 15px;
    transition: background-color 0.3s, opacity 0.5s, visibility 0.5s;
    z-index: 1000;
    font-weight: 700;
    cursor: pointer;
    color: #ff7900;
    background: #ff7900;
    bottom: 15px;
    width: 35px;
    height: 35px;
    align-items: center;
    display: flex;
    justify-content: center;
    opacity: 0;
}

#button:hover {
    background: #ff7900;
}

#button::before {
    content: "\f106";
    font-family: "Line Awesome Free";
    font-weight: 900;
    font-style: normal;
    font-size: 13px;
    color: #fff;
}

#button.show {
    opacity: 1;
    visibility: visible;
}

.announcment {
    background: #212529;
    padding: 5px 0;
}

.gem2 h5.title {
    padding-bottom: 0;
    margin-bottom: 0;
    padding-top: 0;
    font-size: 30px;
}

.gem2 .title1 {
    margin-bottom: 20px;
    font-size: 14px;
    width: 100%;
}

.text2 {
    font-size: 14px;
    line-height: 25px;
    font-weight: 300;
}

.text2 h2,
.text2 h1 {
    font-weight: 500;
    font-size: 30px;
    font-family: var(--playfair);
    color: #162c55;
    margin-bottom: 20px;
}

.offer3 {
    background: #eee;
    padding: 1rem 2rem;
    border: 1px solid #d0d0d0;
    border-radius: 4px;
}

.offer3 h5 {
    font-size: 1.25rem;
}

.more-product-bt .page-item.active .page-link {
    z-index: 0;
}

.page-item.active .page-link {
    background-color: #2c4b80;
    border-color: #2c4b80;
    background: #162c55;
    border: 0;
}

.powerDiv {
    margin-bottom: 0;
    border-radius: 0;
    background: #f8f8f8;
    overflow: hidden;
    border: 1px solid #f2f2f2;
    height: 100%;
}

.powerText .fa {
    -webkit-text-stroke: 0.3px #fff;
    font-size: 13px;
    margin-left: 2px;
}

.minimum {
    height: 289px;
    object-fit: cover;
    width: 100%;
}

.powerText h5,
.powerText p {
    color: #000;
}

.powerText p {
    margin-bottom: 0;
}

.powerText h5 {
    font-weight: 500;
    margin-top: 10px;
    color: #000;
    font-size: 14px;
    font-family: var(--titleFont);
    line-height: 1.5;
}

.powerText .fa-caret-left {
    background: linear-gradient(45deg, #f38b2a, #f58133);
    font-size: 42px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    position: absolute;
    line-height: 24px;
    margin-left: auto;
}

.product-text1 {
    color: initial;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    line-height: 23px;
    font-style: italic;
    color: #000;
    margin-top: 0;
}

span.newPrice,
.oldPrice {
    font-size: 14px;
    font-weight: 400;
}

.oldPrice {
    font-weight: 700;
    margin-left: 12px;
    color: #ababab;
}

span.newPrice .fa,
.oldPrice .fa {
    font-size: 15px;
}

span.newPrice {
    font-weight: 600;
    font-size: 14px;
    margin-top: 8px;
    display: block;
    font-family: arial;
    color: #000;
}

.oldPrice .fa {
    -webkit-text-stroke: 0.8px #fff;
}

.del1 img {
    object-fit: cover;
}

.peopleBuy img {
    object-fit: cover;
}

.heartIcon {
    top: 10px;
    font-size: 14px;
    color: #fff;
    cursor: pointer;
    z-index: 1;
    right: 10px;
}

.heartIcon .fas.fa-heart,
.heartIcon:hover .fa-heart {
    color: orange;
}

.product-origin {
    font-style: italic !important;
}

.videoIcon:hover .fa-play {
    color: #fff;
}

.product-icon {
    gap: 7px;
}

.del7 small {
    color: #cb9274;
    font-size: 12px;
    font-weight: 300;
}

.lgDiv img {
    object-fit: cover;
}

.video_play_pause {
    height: 100%;
}

.gemDiv img {
    object-fit: cover;
    width: 100%;
}

.lgDiv + .videoBlock {
    height: 198px;
}

.lgDiv + .videoBlock video {
    height: 100%;
}

.videoIcon {
    top: 8px;
    right: 36px;
    z-index: 1;
}

.videoBlock video {
    width: 100%;
    margin-top: 0;
    min-width: 0;
    object-fit: cover;
    object-position: left top;
}

.videoIcon a {
    font-size: 12px;
    color: #fff;
    cursor: pointer;
}

.videoBlock {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    padding: 0;
    display: none;
}

.playVideo .fa-times {
    border: 1px solid #6d6d6d;
    border-radius: 50%;
    padding: 5px 7px;
    color: #161616;
    position: absolute;
    display: block;
    right: 0;
    top: 5px;
    z-index: 3;
}

.powerText {
    padding: 10px 20px 20px;
    text-align: center;
}

.sort:focus {
    border: 1px solid #ced4da;
    outline: none;
    box-shadow: none;
}

.leader .col-md-4:nth-child(3) .quality {
    border-left: var(--border);
    border-right: var(--border);
}

.quality {
    padding: 30px;
}

.quality h5 {
    font-size: 24px;
}

.quality p {
    line-height: 30px;
    font-size: 16px;
}

.global {
    height: 160px;
    object-fit: cover;
    margin: auto;
    width: auto !important;
    margin-bottom: 15px;
}

.owl-carousel.award_slider .owl-item h5 {
    font-size: 16px;
}

.pillRow {
    padding: 1px 20px;
    margin: 4px 2px;
    border-radius: 30px;
}

.del2 {
    font-weight: 400;
}

.carousel {
    position: relative;
}

.carousel-item img {
    object-fit: cover;
    border: var(--border);
}

#carousel-thumbs {
    background: rgb(255 255 255 / 0.3);
}

#carousel-thumbs img,
#carousel-thumbs video {
    cursor: pointer;
    border: var(--border);
    height: 5.3vw;
    object-fit: cover;
    width: 100%;
}

#carousel-thumbs img:hover {
    border-color: 3px solid #d6d6d6;
}

.carousel-control-prev,
.carousel-control-next {
    width: 50px;
}

.desc span i {
    border-radius: 50%;
    display: inline;
    padding: 8px;
    color: #2c4b80;
    margin-left: 0;
    font-size: 15px;
    cursor: pointer;
}

.desc span i:hover {
    color: #f97242;
}

.oldPrice1 {
    margin-bottom: 5px;
    font-size: 16px;
    margin-left: 8px;
    font-weight: 600;
    color: #9e9e9e;
}

.oldPrice1 i {
    -webkit-text-stroke: 0.7px #fff;
    font-size: 15px;
}

.pName .fa {
    font-size: 27px;
}

.stock {
    border: var(--border);
    padding: 4px 17px;
    color: #6b6a6a;
    border-radius: 2px;
    font-size: 14px;
    position: relative;
    margin-left: 30px;
    border-left: 0;
    display: inline-block;
    vertical-align: text-bottom;
}

.stockSec i {
    background: linear-gradient(45deg, #f38b2a, #f58133);
    font-size: 42px;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    position: absolute;
    line-height: 24px;
}

.stock1 {
    padding: 3px 11px;
    color: #fff;
    font-weight: 700;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    font-size: 12px;
    position: relative;
    border-left: 0;
    margin-left: 14px;
    display: inline-block;
    vertical-align: text-bottom;
    background: linear-gradient(45deg, #f38b2a, #fc644f);
}

.stock::before {
    top: 6px;
    -moz-transform: rotate(140deg);
    -ms-transform: rotate(140deg);
    -o-transform: rotate(140deg);
    -webkit-transform: rotate(140deg);
    transform: rotate(143deg);
}

.stock::after {
    bottom: 6px;
    -moz-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(38deg);
}

.stock::before,
.stock::after {
    content: "";
    height: 1px;
    width: 24px;
    position: absolute;
    left: -20px;
    background-color: #d6d6d6;
}

.benefits {
    font-size: 14px;
    margin-bottom: 0;
    font-weight: 500;
}

.pName {
    font-size: 18px;
    letter-spacing: 0.2px;
}

.pPrice {
    font-size: 18px;
    font-family: arial;
    font-weight: 500;
}

#view2 .modal-dialog {
    max-width: 1000px;
    margin: 1.75rem auto;
}

.pincode {
    border-radius: 4px;
    margin-top: 25px;
}

.pincode input {
    display: inline;
    width: 50%;
    padding-top: 3px;
    border-radius: 0;
    margin: 0;
    border: 0;
    border: 1px solid #cbcdd0;
    border-right: 0;
    border-radius: 0.25rem;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.pincode input::placeholder {
    font-size: 12px;
}

.pincode input:focus {
    outline: 0;
    box-shadow: none;
    border: 1px solid #cbcdd0;
    border-right: 0;
}

.pincode p {
    font-size: 15px;
    margin-bottom: 4px;
}

.pincode .btn {
    background: #fff0;
    border: 1px solid #cbcdd0;
    color: #cbcdd0;
    font-weight: 700;
    border-radius: 0.25rem;
    border-left: 0;
    font-size: 13px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.pincode .btn:focus {
    box-shadow: none;
    color: #000;
}

.buyBtn {
    padding: 20px 0;
}

.buyBtn .btn {
    background: #2c4b80;
    color: #fff;
    width: 100%;
    display: block;
    padding: 11px;
    font-size: 14px;
    font-weight: 400;
    background: #162c55;
    border: 0;
}

.buyBtn .btn:focus {
    box-shadow: none;
}

.del3 li i {
    color: #4d5560;
    font-size: 13px;
    margin-right: 5px;
}

.del3 li {
    font-size: 13px;
}

.desc {
    padding: 0 10px 0 20px;
}

.aboutGem {
    background: #eaeff4;
    padding-top: 40px !important;
    background-repeat: no-repeat;
    background-position: 100% 127%;
    background-blend-mode: darken;
}

.descRec {
    background: #2c4b80;
}

.del6 img {
    background: #fff;
    border-radius: 50%;
    width: 100px !important;
    border: 1px solid #2c4b80;
    height: 100px;
    margin: 0 auto;
}

.aboutGem .col-md-7 {
    border-right: var(--border);
}

.aboutTitle {
    text-transform: uppercase;
    font-size: 15px;
    margin-bottom: 15px;
    color: #212529;
    font-family: var(--titleFont);
    font-weight: 500;
}

.del4 .specification {
    margin-top: 25px;
    display: inline-block;
    width: 100%;
}

.del4 p {
    line-height: 26px;
    font-size: 14px;
    color: #212529;
}

.specTable td {
    padding: 0 0 10px 0;
    font-size: 14px;
    border: 0;
}

.specTable td b {
    font-weight: 600;
}

.whyUs1 .btn b {
    font-weight: 400;
}

.whyUs1 h4 {
    font-size: 21px;
    font-weight: 300;
    margin-bottom: 0;
    display: inline-block;
}

.recomendation.del5 img {
    border-radius: 50%;
    border: var(--border);
    margin-bottom: -20px;
    margin-top: -20px;
    background: #fff;
    display: block;
    margin-left: auto;
    margin-right: auto;
    height: 110px;
}

.whyUs1 .btn {
    background: #787878;
    color: #fff;
    padding: 0.375rem 2rem;
    margin-left: auto;
}

.gemText1 .btn {
    background: #162b56;
    color: #fff;
    padding: 0.575rem 2rem;
    width: 100%;
}

.type {
    display: flex;
}

.btn-customize {
    border: 1px solid #cbcdd0;
    padding: 0.475rem 1.4rem;
    width: 100%;
    border-radius: 0.25rem;
    font-size: 18px;
    margin: 0 auto;
    text-align: left;
    color: var(--blue1);
    font-weight: 700;
}

.btn-customize:hover,
.btn-customize:focus {
    box-shadow: none;
    border: 1px solid #f38b2a;
    color: #4d5560;
}

.gemText1 .btn:hover {
    background: linear-gradient(45deg, #f38b2a, #fc644f);
}

.gemText1 h5 {
    color: #161616;
    font-weight: 400;
    font-family: var(--headingFont);
    margin-bottom: 5px;
    font-size: 17px;
}

.gemText1 p {
    font-weight: 700;
    font-size: 0.95rem;
    margin-bottom: 18px;
    color: #161616;
}

.gemText1 .fa {
    font-size: 14px;
    margin-left: 2px;
}

.del6 {
    border-bottom: var(--border);
}

.overlay1,
.overlay2 {
    width: 100%;
    height: 100%;
    background: rgb(0 0 0 / 0.7);
    z-index: 1000;
    position: absolute;
    top: 0;
    overflow: hidden;
    display: none;
}

.overlay2 {
    z-index: 111;
}

.navbar-nav {
    justify-content: center;
    width: 100%;
}

.del3 {
    display: flex;
}

.certificateImg {
    top: 10px;
    left: 10px;
    font-size: 18px;
    color: #e6e6e6;
    cursor: pointer;
    z-index: 1;
    width: 100px;
}

.certificateImg {
    width: 60px;
}

.lgDiv .certificateImg img {
    height: auto;
}

.gems1 .heartIcon {
    right: 10px;
}

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

.call1 {
    color: #161616;
}

.powerDiv .certificateImg img {
    height: auto;
}

.dropbtn {
    border: none;
    background: 0 0;
    font-weight: 500;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    padding-top: 2px;
    outline: 0;
    display: flex;
    padding-left: 0;
    align-items: center;
    margin-right: 20px;
}

.dropdown-item {
    font-size: 12px;
}

button#dropdownMenuButton:active,
button#dropdownMenuButton:focus {
    outline: none;
}

.dropdown-menu {
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 0.2);
    padding: 0;
    border: 0;
}

.dropdown-item {
    /* background-color: #f8f9fa; */
    border: 0;
    border-bottom: 1px dashed #d5d5d5;
    padding: 5px 16px;
}

.dropdown-menu li:last-child a {
    border-bottom: 0;
}

.aboutGem .container-fluid {
    width: 98%;
}

.certificate {
    background-image: url(../img/certificateImg.png);
    padding-bottom: 40px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #ecf0f3;
    background-blend-mode: multiply;
}

.menu-container {
    width: 100%;
    margin: 0 auto;
}

.menu-mobile {
    display: none;
    padding: 20px;
}

.menu-mobile:after {
    content: "\f394";
    font-family: "Ionicons";
    font-size: 2.5rem;
    padding: 0;
    float: right;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-25%);
    transform: translateY(-25%);
}

.menu-dropdown-icon:before {
    content: "\f489";
    font-family: "Ionicons";
    display: none;
    cursor: pointer;
    float: right;
    padding: 1.5em 2em;
    background: #fff;
    color: #333;
}

.menu > ul {
    margin: 0 auto;
    width: 100%;
    list-style: none;
    padding: 0;
    position: relative;
    box-sizing: border-box;
    display: flex;
    justify-content: center;
}

.menu > ul:before,
.menu > ul:after {
    content: "";
    display: table;
}

.menu > ul:after {
    clear: both;
}

.menu > ul > li {
    float: left;
    padding: 0;
    margin: 0;
}

.menu > ul > li a:hover {
    color: #ee3b05;
}

.menu > ul > li:hover ul li {
    animation: fadeInDown 0.35s ease-in-out 0s both;
    -webkit-column-break-inside: avoid;
    break-inside: avoid;
}

.menu > ul > li:hover ul li:nth-child(2) {
    animation-delay: 0.1s;
}

.menu > ul > li:hover ul li:nth-child(3) {
    animation-delay: 0.125s;
}

.menu > ul > li:hover ul li:nth-child(4) {
    animation-delay: 0.15s;
}

.menu > ul > li:hover ul li:nth-child(5) {
    animation-delay: 0.175s;
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -4%, 0);
    }

    to {
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}

.menu > ul > li > ul {
    width: 100%;
    display: none;
    background: #fff9f3;
    padding: 20px;
    position: absolute;
    z-index: 99;
    left: 0;
    margin: 0;
    list-style: none;
    box-sizing: border-box;
    box-shadow: 0 3px 5px rgb(0 0 0 / 0.1);
    padding-bottom: 0;
    border-bottom: 1px solid #162b56;
    padding-top: 0;
    margin-top: 0;
}

.scroll-menu .menu-dropdown-icon > .megaMenu {
    padding-left: 0;
    width: 1275px;
    left: 0;
    right: 0;
    margin: 0 auto;
    position: fixed;
}

.menu > ul > li > ul:before,
.menu > ul > li > ul:after {
    content: "";
    display: block;
}

.menu > ul > li > ul:after {
    clear: both;
}

.menu > ul > li > ul > li {
    margin: 0;
    padding-bottom: 0;
    list-style: none;
    width: 20%;
    background: none;
    float: left;
    border-right: 1px solid #ccc;
}

.menu > ul > li > ul > li a {
    color: #444;
    padding: 0.2em 8px;
    width: 100%;
    display: block;
    text-transform: capitalize;
    font-weight: 600;
}

.menu > ul > li > ul > li > ul {
    display: block;
    padding: 0;
    margin: 0 0 0;
    list-style: none;
    box-sizing: border-box;
}

.megaMenu::before,
.megaMenu::after {
    content: "";
    display: block;
    position: absolute;
    top: -2px;
    width: 100%;
    height: calc(100% + 4px);
    right: -48%;
    background: #fff;
    z-index: -1;
}

.megaMenu::before {
    left: -50%;
    right: auto !important;
}

.menu > ul > li > ul > li > ul:after {
    clear: both;
}

.megaMenu li:last-child {
    border-right: 0;
}

.menu > ul > li > ul > li > ul > li {
    float: left;
    width: 100%;
    padding: 3px 0;
    margin: 0;
}

.menu > ul > li > ul > li > ul > li a {
    border: 0;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
}

.menu > ul > li > ul > li > ul > li a img {
    width: 20px;
}

.menu > ul > li > ul.normal-sub {
    width: 110px;
    left: auto;
    padding: 0;
}

.menu > ul > li > ul.normal-sub > li {
    width: 100%;
}

.menu > ul > li > ul.normal-sub > li a {
    padding: 8px 17px;
    font-size: 12px;
}

.menu-list {
    padding-top: 10px;
    padding-bottom: 20px !important;
}

.bookSec {
    background-color: #a0a4af;
    border-radius: 0.15rem;
    border: 1px solid #bebfc2;
}

.owl-theme .owl-dots,
.owl-theme .owl-nav {
    text-align: center;
    -webkit-tap-highlight-color: #fff0;
}

.owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #d6d6d6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 0.2s ease;
    border-radius: 30px;
}

button.owl-dot.active span {
    background: #746f6f;
}

.flex-container {
    display: flex;
    flex-wrap: nowrap;
}

.flex-container > div {
    margin: 23px;
    text-align: center;
    font-size: 30px;
    box-shadow: 0 0 4px 10px #b5b0b021;
}

.multiAddress .nav-link.active,
.multiAddress .nav-item.show .nav-link {
    background: #fff0;
    border-top: 1px solid #e9e5e569;
    position: relative;
}

.multiAddress img,
.countryName img {
    width: 28px;
}

.multiAddress img {
    border-radius: 2px;
}

.nav-tabs .nav-link {
    padding: 10px;
}

.multiAddress li.nav-item a {
    border: 0;
    border-top: 0.2px solid #e9e5e569;
    border-radius: 0;
    margin: 0 !important;
}

.breadcrumb-item {
    font-size: 11px;
    color: #162c56;
}

.breadcrumb-item a {
    color: #161616;
}

.breadcrumb-item a:hover {
    color: #2a7cc4;
}

.breadcrumb-item.active {
    color: #161616;
}

.lookGood {
    background-image: url(../img/certificateImg.png);
    padding-bottom: 120px;
    padding-top: 60px;
    background-position: bottom;
    background-repeat: no-repeat;
    background-color: #fff;
    background-blend-mode: multiply;
}

.steps {
    background-color: #fff;
    padding: 24px 0 0;
    position: relative;
    margin: auto;
}

.step {
    padding: 15px 0 15px 0;
    position: relative;
    transition: all 0.4s ease-in-out;
    background-color: #fff;
    border-bottom: 1px solid #cbcdd0;
}

.step::before {
    content: "";
    position: absolute;
    height: 23px;
    width: 23px;
    background-color: #fff;
    border-radius: 15px;
    left: calc(50px / 2);
    transform: translateX(-45%);
    z-index: 2;
    border: 1px solid #a9a9a9;
    font-size: 14px;
    text-align: center;
    display: none;
}

.step:first-child::before {
    content: "1";
}

.step:nth-child(2)::before {
    content: "2";
}

.step:nth-child(3)::before {
    content: "3";
}

.step:nth-child(4)::before {
    content: "4";
}

.step:last-child::after {
    content: none;
}

.step::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #c6c6c6;
    left: calc(50px / 2);
    top: 0;
    z-index: 1;
    display: none;
}

.step.minimized {
    background-color: #fff;
    transition: background-color 0.3s ease-in-out;
}

.header {
    user-select: none;
    font-size: 15px;
    color: #000;
    display: flex;
    font-weight: 700;
}

.step-header .header,
.step.minimized .header {
    font-size: 14px;
    font-weight: 400;
}

.subheader {
    user-select: none;
    font-size: 14px;
    color: rgb(0 0 0 / 0.4);
}

.step-content {
    transition: all 0.3s ease-in-out;
    overflow: hidden;
    position: relative;
}

.step.minimized > .step-content {
    height: 0;
}

.step-content.one {
    width: 100%;
    border-radius: 4px;
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.select-shape {
    display: inline-block;
}

#reset-jewelry {
    display: block;
}

.step-content.two {
    width: 100%;
    border-radius: 4px;
    margin-top: 10px;
}

.step-content.three {
    width: 100%;
    border-radius: 4px;
    margin-top: 10px;
}

.step-content.four {
    width: 100%;
    border-radius: 4px;
    margin-top: 10px;
}

.next-btn {
    padding: 7px 14px;
    border-radius: 4px;
    border: 0;
    background: linear-gradient(45deg, #f38b2a, #fc644f);
    box-shadow: 0 5px 10px -3px rgb(0 0 0 / 0.3);
    color: #fff;
    transition: background-color 0.3s ease-in-out;
    margin-top: 30px;
    cursor: pointer;
    display: block;
}

.close-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    border: 0;
    padding: 10px 20px;
    border-radius: 4px;
    background-color: #f0f;
    box-shadow: 0 5px 10px -3px rgb(0 0 0 / 0.3);
    color: #fff;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
    transform: translate(-50%, -50%);
}

#overlay {
    background: rgb(0 0 0 / 0.7);
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    text-align: center;
}

#main-img:hover {
    cursor: pointer;
}

.swap {
    position: relative;
    text-align: center;
}

.swap input[type="radio"] {
    position: absolute;
    left: 20px;
    top: 0;
}

.swap img {
    height: 80px;
    width: 100%;
    object-fit: contain;
}

.swap:hover {
    cursor: pointer;
}

.metalList li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 14px;
}

.metalList li a {
    text-transform: uppercase;
    display: block;
    text-align: center;
    min-width: 52px;
    height: 36px;
    line-height: 34px;
    letter-spacing: 0.05em;
    border: 2px solid #fff0;
    color: inherit;
    text-decoration: none;
    padding: 0 5px;
}

.shapeList li {
    position: relative;
    border: 1px solid #e9e9e9;
    margin: 0 10px 0 0;
    display: inline-block;
    padding-right: 5px;
    border-radius: 0.25rem;
    padding-left: 5px;
    cursor: pointer;
    padding-bottom: 6px;
}

ul.list-inline.list-unstyled.shapeList.mb-0 li.select-metal {
    display: flex;
    align-items: center;
}

ul.list-inline.list-unstyled.shapeList.mb-0 {
    display: flex;
}

.shapeList li:hover {
    border: 1px solid #f38b2a;
}

.select-shape small,
.choose-opt small {
    bottom: -21px;
    width: 100%;
    text-align: center;
    font-size: 11px;
    left: 0;
    display: block;
}

.choose-opt img {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: contain;
    padding: 5px;
}

.choose-opt {
    position: relative;
    border: 1px solid #e9e9e9;
    margin: 0 10px 0 0;
    display: flex !important;
    padding-right: 10px;
    border-radius: 0.25rem;
    padding-left: 10px;
    cursor: pointer;
    padding-bottom: 6px;
    text-align: center;
    height: 101px;
    max-width: 110px;
    flex-wrap: wrap;
    align-items: center;
}

.choose-opt img {
    margin: 0 auto !important;
    height: 50px;
}

.select-shape .form-check-input {
    margin: 5px auto 0;
    position: absolute;
    top: 0;
    display: block;
}

#main-img {
    object-fit: contain;
    width: 250px;
    margin: 0 auto;
    display: block;
    margin-top: 25px;
}

.nav-tabs .nav-link:hover,
.nav-tabs .nav-link:focus {
    border-color: #e9e5e569;
}

.globalDiv {
    padding: 1px 0 30px;
}

.linkList li {
    position: relative;
    display: flex;
    align-items: baseline;
}

.linkList li a {
    color: #212529;
    font-weight: 300;
    line-height: 22px;
    margin-bottom: 10px;
    font-size: 12px;
    position: relative;
}

.linkHeading {
    font-size: 18px;
    margin-bottom: 18px;
    color: #fff;
    text-transform: uppercase;
    font-family: var(--headingFont);
}

.productList1 li {
    width: 25%;
    float: left;
}

.metalList li a:hover {
    color: #fff;
    background-color: #162b56 !important;
}

.breadcrumb {
    padding: 1rem 1rem;
    padding-left: 2px;
    margin-bottom: 0;
}

.mr-6 {
    margin-right: 6px;
}

.btn-outline-blue {
    border: 1px solid #162b56;
    color: #162b56;
    background: #fff0;
    font-size: 14px;
}

.btn-outline-blue:hover,
.btn-outline-blue:focus,
.btn-outline-blue:active {
    background: #162b56;
    color: #fff;
    border: 1px solid #162b56;
}

.btn-blue:active,
.btn-blue:hover {
    color: #fff;
}

.border-radius-0 {
    border-radius: 0 !important;
}

.navbar-expand-md .navbar-nav .nav-link {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    line-height: 28px;
}

.navbar-expand-md .navbar-nav .menu-dropdown-icon:first-child .nav-link {
    padding-left: 0;
}

.sub-menu {
    clip: rect(1px, 1px, 1px, 1px);
    opacity: 0.1;
    -webkit-transition: opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1),
        -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1);
    transition: opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1),
        -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1);
    transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1),
        opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1);
    transition: transform 0.1s cubic-bezier(0.2, 0, 0.2, 1),
        opacity 0.2s cubic-bezier(0.2, 0, 0.2, 1),
        -webkit-transform 0.1s cubic-bezier(0.2, 0, 0.2, 1);
    -webkit-transform: translateY(-10px) scaleY(0.5);
    transform: translateY(-10px) scaleY(0.5);
    -webkit-transform-origin: top;
    transform-origin: top;
    box-shadow: 5px 5px 5px rgb(0 0 0 / 0.3);
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 10em;
}

.more a {
    padding: 0 10px 5px;
    font-size: 14px;
    border-bottom: 1px solid #eee;
}

.menu > li:hover > .sub-menu {
    clip: auto;
    opacity: 1;
    -webkit-transform: translateY(0) scaleY(1);
    transform: translateY(0) scaleY(1);
    background: #fff;
}

.contact-form {
    padding: 30px;
    padding-right: 100px;
}

.contact-info {
    margin-left: -100px;
    margin-top: 150px;
}

ul.contact-info li {
    padding: 0 0 15px 25px;
    margin-bottom: 15px;
    border-bottom: 1px solid #e1e1e1;
    position: relative;
    line-height: 20px;
}

ul.contact-info li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
}

ul.contact-info li h4 ul.contact-info li h5,
ul.contact-info li h6 {
    margin: 0 0 10px;
}

ul.contact-info li p {
    line-height: 20px;
    margin: 0;
}

ul.contact-info li .fa {
    position: absolute;
    left: 0;
    top: 2px;
    color: #3396d1;
    font-size: 16px;
}

.bg-gray {
    background-color: #eef1f2;
}

.bg-center {
    background-position: center;
}

.contact-info {
    margin-left: -100px;
    margin-top: 80px;
    padding: 20px;
}

.section-head {
    margin-bottom: 40px;
}

.contact-map iframe {
    display: block;
    width: 100%;
}

.sx-icon-box-wraper {
    position: relative;
}

.p-b30 {
    padding-bottom: 30px;
}

.icon-xs {
    float: left;
    margin-right: 10px;
}

.icon-xs i {
    font-size: 20px;
}

.icon-xs {
    width: 30px;
}

.icon-content {
    overflow: hidden;
}

.contact-info .icon-content p {
    word-break: normal;
}

.sx-icon-box-wraper p:last-child {
    margin: 0;
}

.icon-xld,
.icon-xl,
.icon-lg,
.icon-md,
.icon-sm,
.icon-xs {
    display: inline-block;
    text-align: center;
}

.block-shadow {
    -webkit-box-shadow: 0 10px 30px 0 rgb(50 50 50 / 0.16);
    box-shadow: 0 10px 30px 0 rgb(50 50 50 / 0.16);
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    transition: all 0.5s linear;
}

.contact-one .form-control,
.contact-one .form-control:focus {
    border: 0;
    border-bottom: 1px solid;
    border-radius: 0;
}

.contact-one .form-control::placeholder {
    color: #000;
}

.sep-line-one {
    padding: 20px 60px 20px 20px;
    font-weight: 700;
    font-size: 33px;
}

.port2 a {
    height: 170px;
    display: block;
}

.port2 img {
    height: 100%;
    object-fit: cover;
}

.iXTbep {
    border-right: none;
    border-bottom: none;
    border-left: none;
    border-image: initial;
    border-top: 1px solid #d7d7d7;
    color: #d7d7d7;
    overflow: visible;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
    opacity: 1 !important;
    font-weight: 700;
}

.iXTbep::after {
    background: #000;
    content: "OR";
    color: #f4b413;
    padding: 0 12px;
    position: relative;
    top: -13px;
    padding: 10px;
    border-radius: 50%;
}

.contact-one .form-control {
    height: auto;
    border: 1px solid #e6e6e6;
    background: none;
    width: 100%;
    padding: 0.675rem 0.85rem;
}

.contact-one .form-control,
.contact-one .form-control:focus {
    border: 0;
    border-radius: 0;
    /* box-shadow: 0 1px 0 0 #adadad */
}

.contact-one .form-group {
    margin-bottom: 1rem;
}

.contact-one .form-group {
    position: relative;
    margin-top: 8px;
}

.contact-one .form-group + .form-group {
    margin-top: 16px;
}

.contact-one .form-label {
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 10;
    -webkit-transition: font-size 150ms ease-out,
        -webkit-transform 150ms ease-out;
    transition: font-size 150ms ease-out, -webkit-transform 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out;
    transition: transform 150ms ease-out, font-size 150ms ease-out,
        -webkit-transform 150ms ease-out;
}

.contact-one .focused .form-label {
    -webkit-transform: translateY(-125%);
    transform: translateY(-125%);
    font-size: 0.75em;
}

.contact-one .form-input {
    position: relative;
    outline: 0;
    border-bottom: 1px solid #adadad;
    -webkit-transition: box-shadow 150ms ease-out;
    transition: box-shadow 150ms ease-out;
    background: #fff0;
    display: block;
    width: 100%;
    height: 48px;
    padding: 8px 15px;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0.25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.contact-one .form-input:focus {
    box-shadow: 0 1px 0 0 #2c4b80;
}

.address1 {
    box-sizing: content-box;
    -webkit-box-shadow: 0 10px 30px 0 rgb(50 50 50 / 0.16);
    box-shadow: 0 10px 30px 0 rgb(50 50 50 / 0.16);
    padding: 20px;
    min-height: 190px;
}

.address1 .fotr ul li a {
    color: #212529;
    font-weight: 600;
}

.contact-map iframe {
    height: 600px;
}

.wht-letter-bg {
    padding: 45px 85px 65px 85px;
    border-radius: 5px;
    background: #fff;
}

.wht-letter-bg p,
.story2 {
    font-size: 16px;
    line-height: 31px;
}

.fontw600 {
    font-weight: 600 !important;
}

.story {
    background: #4a5461 url(../img/anshul-letter-pic.jpg);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-top: 190px;
}

.story .container {
    padding-bottom: 90px;
}

textarea {
    resize: none;
}

.image-clippy {
    position: sticky;
    top: 240px;
}

.rud1 {
    border-radius: 2px;
    box-shadow: 0 0 4px 10px #b5b0b021;
    margin-bottom: 30px;
}

.rudName.text-center {
    padding: 17px 0;
}

.rudName h5 {
    color: #161616;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 4px;
}

.rudName p {
    color: #161616;
    margin-bottom: 0;
}

.c-pointer {
    cursor: pointer;
}

.detail h4,
.del11 h4 {
    font-size: 20px;
    color: #000;
    text-align: center;
    padding: 15px 0;
    cursor: pointer;
    position: relative;
    border-bottom: 1px solid #000;
}

.detail .collapse.show p a {
    font-weight: 700;
    color: #444;
}

.del10 {
    font-size: 16px;
    line-height: 31px;
}

.social-icon-contact li a {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    padding: 6px;
    color: #a0a4af;
    margin-left: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.testimonial-pic-1 img {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    object-fit: cover;
}

.social-icon-contact li a i {
    font-size: 21px;
}

.social-icon-contact i.fab.fa-facebook-f {
    color: #4867aa;
    font-size: 20px;
}

.social-icon-contact i.fab.fa-twitter {
    color: #2caae1;
}

.social-icon-contact i.fab.fa-pinterest {
    color: #9a1020;
}

.stone1 .gems1 {
    border: 0;
}

.store2 .gemText {
    text-align: center;
    margin-top: 10px;
}

.blog-main {
    margin-top: 0;
    height: 100%;
    border: 1px solid #ececec;
    padding: 15px;
}

.video-main .blog-content h5 {
    font-size: 15px;
    line-height: 25px;
    color: #323232;
}

.blog-content h5 {
    position: relative;
    font-weight: 500;
    margin-bottom: 10px;
    line-height: 20px;
    color: #222222b8;
    margin-top: 0;
    transition: all 0.5s ease;
}

.blog-content {
    height: 50px;
}

.ml-15 {
    margin-left: 15px;
}

.shipping h2,
.refund h2 {
    font-size: 22px;
    margin-bottom: 20px;
    font-weight: bolder;
    margin-top: 20px;
}

.refund i {
    font-size: 12px;
}

.btn-blue {
    padding: 0.575rem 1rem;
    font-size: 14px;
    color: #fff;
    border-radius: 4px;
    background: #162c55;
    border: 0;
    font-weight: 700;
    text-transform: uppercase;
}

.btn-yellow,
.btn-yellow:hover {
    background: #c9902d;
    padding: 0.575rem 1rem;
    font-family: "Mulish";
    font-size: 14px;
    color: #fff;
}

#signUp .form-group {
    margin: 0 0 15px;
}

#signUp .form-group .form-input {
    height: 40px;
}

.signin-content h2.form-title {
    border-bottom: 0;
}

#callback-modal img {
    max-width: 100%;
    height: 100%;
    object-fit: cover;
}

#sign-in-otp .trm-agree {
    font-size: 13px;
    color: #8a8a8a;
}

#sign-in-otp .trm-agree a {
    color: #2c4b80;
    font-weight: 600;
}

.btn-blue.btn-sm {
    padding: 0.25rem 0.5rem;
    font-size: 0.875rem;
}

.del11 p,
.detail p {
    font-size: 16px;
}

.del12 .form-group,
.checkoutForm .form-group {
    margin-top: 30px;
}

.loginForm .form-group {
    margin-top: 15px;
}

.call2 a {
    font-size: 14px;
    padding: 8px;
    color: #000;
}

a.search_result_link {
    padding: 0;
}

.menuSec3 .call2 a.call1 {
    font-size: 14px;
    padding: 7px 10px;
    color: #fff;
    margin-right: 23px;
    border-radius: 4px;
    border-radius: 4px;
    /* background: #162c55; */
    border: 0;
    height: unset;
}

.menuIcon li a img {
    width: 18px;
}

.menuSec3 .call2 .dropdown-toggle::after {
    margin-left: 0;
}

.inr img {
    width: 20px;
    margin-right: 5px;
    vertical-align: text-bottom;
    position: relative;
}

.value-button {
    display: inline-block;
    border: 1px solid #ddd;
    margin: 0;
    width: 40px;
    height: 30px;
    text-align: center;
    vertical-align: bottom;
    padding: 11px 0;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    line-height: 6px;
}

.value-button:hover {
    cursor: pointer;
}

form #decrease {
    margin-right: -4px;
    border-radius: 8px 0 0 8px;
}

form #increase {
    margin-left: -4px;
    border-radius: 0 8px 8px 0;
}

form #input-wrap {
    margin: 0;
    padding: 0;
}

input#number {
    text-align: center;
    border: none;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    margin: 0;
    width: 40px;
    height: 30px;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.cartDetail h4 {
    font-size: 17px;
    font-weight: 500;
    font-family: auto;
}

.cartDetail h4 a,
.cartDetail h4 a:hover {
    color: #161616;
}

.cartDetail p {
    font-size: 12px;
    margin-bottom: 0;
    color: #5a5a5a;
    font-weight: 400;
}

.cartDetail p b {
    font-weight: 500;
}

.cartDetail h5 {
    font-size: 10px;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 10px;
}

.cartDetail h5 a,
.cartDetail h5 a:hover {
    color: #9e9e9e;
}

.cartPrice p {
    font-size: 14px;
    font-weight: 400;
}

.cartPrice p i {
    -webkit-text-stroke: 0.3px #fff;
    font-size: 14px;
    margin-right: 2px;
}

.cartTable,
.totalCard,
.checkoutForm,
.address2 {
    padding: 18px;
    border: 1px solid #eee;
}

.totalCard h5.mulish {
    margin-bottom: 0;
    font-size: 17px;
}

.cartTable li {
    margin-bottom: 9px;
    border-bottom: 1px solid #eee;
    padding-bottom: 30px;
}

.cartTable li:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.totalCard h4 b {
    font-weight: 600;
}

.totalCard h6 {
    font-size: 12px;
    margin-bottom: 15px;
    font-weight: 400;
    color: #000;
}

.totalCard h6 span,
.totalCard h4 span {
    float: right;
}

.totalCard h6 span i,
.totalCard h4 span i {
    -webkit-text-stroke: 0.3px #fff;
}

.totalCard h4 {
    font-size: 16px;
    margin-bottom: 19px;
}

.totalCard input {
    border-radius: 0;
}

.totalCard input:focus {
    box-shadow: none;
    border: 1px solid #000;
    border-radius: 0;
}

.shopping-step {
    position: relative;
    margin-top: 10px;
    margin-bottom: 40px;
}

.shopping-step ol {
    display: flex;
    align-items: center;
    justify-content: center;
    list-style-type: none;
}

.shopping-step ol li {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 5px;
}

.shopping-step ol li.cus-dashed {
    display: inline-block;
    border-top: 1px dashed #696b79;
    height: 2px;
    width: 6%;
}

.shopping-step ol li.mode-active a {
    color: #162b56;
    font-weight: 600;
    border-bottom: 2px solid #162b56;
    padding-bottom: 3px;
}

.shopping-step ol li a {
    color: #000;
}

.linkBtn {
    border-top: 0.1px solid #ffffffb8;
}

.linkBtn .btn {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-top: -25px;
    padding: 7px 13px;
    color: #000;
    border-radius: 4px;
    border-color: #d3d3d3;
}

.totalCard .form-check-input:checked[type="radio"] {
    border: none;
    border-radius: 50%;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 0.25);
}

.signin-content {
    padding: 10px;
    display: flex;
    display: -webkit-flex;
}

.signin-form,
.signin-image {
    width: 40%;
    overflow: hidden;
}

.signin-image {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.signin-image figure {
    margin-bottom: 0;
    text-align: center;
    height: 100%;
    width: 100%;
}

.signup-image-link {
    font-size: 14px;
    color: #222;
    display: inline-block;
    text-align: center;
    text-decoration: underline;
}

.form-title {
    margin-bottom: 16px;
    font-family: var(--headingFont);
    font-weight: 600;
    border-bottom: 2px solid var(--blue1);
    display: inline-block;
    font-size: 29px;
}

.register-form {
    width: 100%;
}

.social-login {
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    margin-top: 16px;
    margin-bottom: 16px;
    display: flex;
    display: -webkit-flex;
}

.social-label {
    display: inline-block;
    margin-right: 15px;
}

.socials {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: flex;
    display: -webkit-flex;
}

.socials li {
    padding: 0 8px;
}

.socials li a {
    text-decoration: none;
}

.socials li a i {
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 14px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    transform: translateZ(0);
    -moz-transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -o-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    display: flex;
    display: -webkit-flex;
}

.socials .fa-facebook-f {
    background: #3b5998;
}

.socials .fa-twitter {
    background: #1da0f2;
}

.socials .fa-google {
    background: #e72734;
}

.display-flex-center {
    justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    -o-justify-content: center;
    -ms-justify-content: center;
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
}

.socials li:hover a i {
    -webkit-transform: scale(1.3) translateZ(0);
    transform: scale(1.3) translateZ(0);
}

.signin-form {
    margin: auto;
    /* padding: 28px 50px; */
}

.label-agree-term {
    margin-top: 10px;
    font-size: 12px;
    font-style: italic;
    font-weight: 600;
    color: #162b56;
    width: 100%;
}

.del13 {
    padding-bottom: 40px;
    margin-bottom: 0;
    font-weight: 400;
    font-size: 16px;
    color: var(--blue1);
}

.del14 {
    margin-bottom: 7px;
    font-weight: 700;
    font-size: 18px;
    color: var(--blue1);
}

.opal {
    margin-bottom: 1.5rem;
    border-radius: 2px;
}

.opalText {
    text-align: center;
    padding: 10px 0;
}

.opalText h5 {
    font-family: var(--headingFont);
    font-weight: 700;
    font-size: 16px;
    color: #161616;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.opalText p {
    margin-bottom: 2px;
    font-weight: 600;
    font-size: 12px;
    color: #161616;
}

.store2 .gem1 {
    height: 315px;
}

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

.jammu p {
    font-size: 15px;
}

.jammu p i {
    -webkit-text-stroke: 0.3px #fff;
}

.del15 {
    height: 155px;
}

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

.user-opt {
    background: #fff;
    margin-top: 50px;
    border-radius: 5px;
    margin-bottom: 30px;
    border: 1px solid #eee;
}

.user-opt a {
    display: flex;
    padding: 12px 20px;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    font-weight: 500;
    color: #000;
    text-align: left;
    align-items: center;
}

.user-opt a .las,
.user-opt a .la,
.user-opt a img {
    margin-right: 5px;
    font-size: 21px;
}

.user1 li {
    margin-right: 0;
}

.user1 a {
    padding: 10px;
    font-size: 13px;
    line-height: 35px;
}

.dashboardTable thead tr {
    background: #212529;
}

.dashboardTable thead tr th {
    color: #fff;
}

.rightDiv {
    margin-top: 50px;
}

.profileSec {
    position: relative;
    background: #fff;
    border-radius: 3px;
    padding: 22px;
    border: 1px solid #eee;
    margin-bottom: 30px;
}

.profileSec .edit {
    right: 20px;
    top: 20px;
    font-size: 20px;
    cursor: pointer;
}

.profile-infoLabel {
    color: #282c3f;
    font-weight: 600;
    font-size: 18px;
    border-bottom: 1px solid #eaeaec;
    padding-bottom: 15px;
    padding: 0 24px 24px 0;
}

.info-table {
    margin: 0 0 25px 0;
    padding: 0 24px;
}

.info-table td {
    width: 200px;
    margin: 10px;
    padding: 11px 4px;
    text-decoration: none;
    font-size: 14px;
    white-space: nowrap;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
}

.profileForm .form-group {
    margin-top: 30px;
}

.order .card {
    border: 0;
    margin-bottom: 30px;
    margin-top: 30px;
    border-radius: 6px;
    color: #333;
    background: #eee;
    width: 100%;
    box-shadow: 0 1px 4px 0 rgb(0 0 0 / 0.14);
    padding: 0 0 30px 0;
}

.order .card-header-icon {
    text-align: right;
    margin: 0 15px;
    padding: 0;
    position: relative;
    border-bottom: none;
    background: #fff0;
    border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
    z-index: 3;
}

.order .card-icon {
    border-radius: 3px;
    background-color: #999;
    padding: 7px;
    margin-top: -40px;
    margin-right: 15px;
    float: left;
    background: #162b56;
}

.order .las,
.order .la {
    font-size: 36px;
    line-height: 56px;
    width: 56px;
    height: 56px;
    text-align: center;
    color: #fff;
}

.card-category {
    color: #020202;
    font-size: 17px;
    margin: 0;
    padding-top: 10px;
}

.sub-links .owl-stage {
    margin: 0 auto;
}

.btn-orange {
    background: linear-gradient(45deg, #ef3f09, #ee7855);
    border: 1px solid #e1e1e1;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize !important;
    font-size: 14px;
    font-family: var(--poppins);
    height: 45px;
}

.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active {
    color: #fff;
    box-shadow: none;
    border: 1px solid #e1e1e1;
}

.blogImg img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: opacity 0.2s ease;
}

.blkOverlay {
    background: linear-gradient(
        0deg,
        rgb(0 0 0 / 0.6) 0%,
        rgb(0 0 0 / 0.1) 100%
    );
}

.blog1 a,
.blog1 a:hover {
    color: #fff;
}

.tw-inset-0 {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.blogText {
    top: auto;
}

.blogDetail .date {
    color: #ffffffb3;
}

.blog4 {
    /* background: #fafafa; */
}

.blog4 p {
    line-height: 25px;
}

.blogImg1 img {
    /* height: 100%;
    object-fit: cover; */
    border: 1px solid #eee;
    width: 100%;
}

.blog-circle-img {
    width: 100px;
    margin: auto 0;
    background: #fff;
    height: 100px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #f2f2f2;
}

.blog-circle-img img {
    width: 77%;
}

.blogDetail {
    font-size: 13px;
}

.blog6 {
    column-count: 2;
}

.blog6 img {
    width: 100%;
    height: 65px;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}

.blog6 p {
    text-align: center;
    color: initial;
    margin-top: 5px;
    font-size: 13px;
}

.chooseGem {
    background: #fff;
    padding: 21px;
    border-radius: 10px;
}

.blogText h5 {
    font-size: 23px;
}

ul {
    list-style-type: none;
}

.items-list {
    max-width: 90vw;
    margin: 2rem;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-gap: 3rem;
    justify-content: center;
    align-content: center;
}

a.moreless-button.mb-4 {
    display: none !important;
}

@media only screen and (max-width: 600px) {
    .items-list {
        grid-template-columns: repeat(2, 1fr);
    }

    .product-list {
        font-size: 10px !important;
        margin-bottom: 12px !important;
    }

    /* .rudraksha img {
        width: 60px;
    } */
}

.page {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.6rem;
    background: #fff;
    box-shadow: 0 0.8rem 2rem rgb(90 97 129 / 0.05);
}

.page__numbers,
.page__btn,
.page__dots {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.3rem;
    font-size: 12px;
    cursor: pointer;
}

.page__dots {
    width: 2.6rem;
    height: 2.6rem;
    color: var(--greyLight);
    cursor: initial;
}

.page__numbers {
    width: 1.6rem;
    height: 1.6rem;
}

.page__numbers:hover {
    color: var(--blue1);
}

.page__numbers.active {
    color: #fff;
    background: var(--blue1);
    font-weight: 600;
    border: 1px solid var(--blue1);
}

.page__btn {
    color: var(--greyLight);
    pointer-events: none;
}

.page__btn.active {
    color: var(--greyDark);
    pointer-events: initial;
}

.page__btn.active:hover {
    color: var(--blue1);
}

.storyImg {
    width: 5rem;
    margin-right: 1rem;
}

.storyText {
    flex: 1 1 0%;
}

.storyText h5 {
    font-size: 13px;
    line-height: 19px;
    color: #161616;
    font-weight: 600;
    font-family: var(--titleFont);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.storyText p {
    color: #161616;
    margin-bottom: 0;
    font-size: 12px;
}

.storyList li {
    margin-bottom: 1.5rem;
}

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

.detail1 {
    background: #fff;
    padding: 2.5rem;
}

.blog_descriptions p {
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
}

.blog_descriptions p a {
    color: #000;
}

.detail1 h3 {
    font-weight: 600;
    font-size: 26px;
}

.blog_descriptions h2 {
    font-size: 17px;
    font-family: var(--titleFont);
}

.blog_descriptions h3 {
    font-size: 15px;
    font-family: var(--titleFont);
    font-weight: 400;
}

.faq {
    background: #606062;
}

.faq .accordion-button {
    color: #fff;
    font-weight: 700;
    border-top: 0;
    padding-left: 0;
    background: #fff0;
    border-bottom: 0;
}

.faq .accordion-button:focus {
    z-index: 3;
    border-color: #fff0;
    outline: 0;
    box-shadow: none;
}

.faq .accordion-button::after {
    width: 1.45rem;
    height: 1.45rem;
    padding: 11px;
    background-position: center;
    background-color: #fff;
}

.faq .accordion-body p,
.faq .accordion-body li {
    color: #fff;
}

.faq .accordion-body ul {
    list-style-type: disc;
}

.faq .accordion-body li {
    line-height: 38px;
}

.whyUs {
    background-color: #fafafa;
}

.benifits_icon {
    margin-bottom: 0;
    background: none;
    padding: 0;
    width: 100%;
    margin: 0;
    outline: none;
    outline-offset: 0;
    text-align: center;
    display: flex;
}

.benifits_icon li {
    padding: 0 25px;
    font-size: 12px;
    font-weight: 800;
    text-align: center;
    color: #3c3c3c;
    margin-top: 12px;
}

.benifits_icon li img {
    display: block;
    width: 45px;
    margin: 0 auto 8px;
}

.award-video {
    width: 100%;
}

@media all and (max-width: 767px) {
    .carousel-container #carousel-thumbs img {
        border-width: 3px;
    }

    .viewChange {
        transition: all 0.4s ease-in-out;
    }
}

.recomendation .whyUs {
    background-color: #fff0;
}

.load-wraper {
    position: relative;
    height: 100%;
    width: 100%;
    background-color: #d3d3d3;
    z-index: 44;
    overflow: hidden;
    /* border-radius: 5px; */
}

.activity {
    position: absolute;
    left: -45%;
    height: 100%;
    width: 45%;
    background-image: linear-gradient(
        to left,
        rgb(251 251 251 / 0.05),
        rgb(251 251 251 / 0.3),
        rgb(251 251 251 / 0.6),
        rgb(251 251 251 / 0.3),
        rgb(251 251 251 / 0.05)
    );
    background-image: -moz-linear-gradient(
        to left,
        rgb(251 251 251 / 0.05),
        rgb(251 251 251 / 0.3),
        rgb(251 251 251 / 0.6),
        rgb(251 251 251 / 0.3),
        rgb(251 251 251 / 0.05)
    );
    background-image: -webkit-linear-gradient(
        to left,
        rgb(251 251 251 / 0.05),
        rgb(251 251 251 / 0.3),
        rgb(251 251 251 / 0.6),
        rgb(251 251 251 / 0.3),
        rgb(251 251 251 / 0.05)
    );
    animation: loading 2s infinite;
    z-index: 45;
    -webkit-animation: loading 2s infinite;
}

@keyframes loading {
    0% {
        left: -45%;
    }

    100% {
        left: 100%;
    }
}

.sortingBtn:active,
.sortingBtn:focus {
    border: 0;
    box-shadow: none;
}

.slider-box {
    width: 90%;
    margin: 25px auto;
}

label,
input {
    border: none;
    display: inline-block;
    margin-right: -4px;
    vertical-align: top;
}

.slider {
    margin: 25px 0;
}

.filter_section {
    display: none;
    margin-top: 20px;
}

.not-box h2 {
    font-size: 120px;
    font-weight: 700;
}

.not-box p {
    font-size: 14px;
    margin-top: 20px;
    font-weight: 700;
    margin-bottom: 0;
}

.not-box a,
.order-success a {
    background: linear-gradient(45deg, #f38b2a, #fc644f);
    padding: 10px 20px;
    color: #fff;
    border-radius: 0.25rem;
    margin-top: 20px;
    display: inline-block;
    text-transform: uppercase;
}

.order-success .lar {
    background: linear-gradient(45deg, #f38b2a, #fc644f);
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
}

.order-success h2 {
    font-size: 40px;
    font-weight: 500;
}

.price-filter-range {
    margin-top: 25px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.filterList li {
    font-size: 14px;
    padding: 0.5rem 1rem 0;
    padding-left: 0;
    display: flex;
    align-items: center;
}

.filterList li label {
    width: 100%;
}

.filterList li .fa.fa-rupee-sign {
    -webkit-text-stroke: 0.3px #fff;
}

input.origins_checkbox {
    width: auto;
    margin-right: 10px;
}

#slidemyfilter .owl-stage {
    margin-top: 60px;
}

#slidemyfilter .owl-stage {
    margin-top: 60px;
}

#slidemyfilter .owl-nav {
    position: absolute;
    top: 20px;
    right: 60px;
}

#slidemyfilter .owl-next {
    margin-left: 10px;
}

#slidemyfilter .owl-next:focus,
#slidemyfilter .owl-prev:focus {
    outline: none;
    border: 0;
}

.owl-carousel .owl-item .stone_shape img {
    width: 36px !important;
    height: 36px;
    display: inline-block;
}

.stone_shape input[type="checkbox"] {
    position: absolute;
    left: 0;
    height: 36px;
    width: 100%;
    top: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
}

.owl-carousel .owl-item .stone_shape .hightlightImg,
.hightlightImg {
    display: none;
}

.stone_shape {
    height: 275px;
    overflow-y: scroll;
}

.stone_shape::-webkit-scrollbar {
    width: 5px;
}

.stone_shape::-webkit-scrollbar-thumb {
    background-color: var(--greyDark);
    outline: 1px solid slategrey;
}

.stone_shape::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 30%);
}

.linkList {
    column-count: 4;
}

.header select {
    border: 1px solid #cbcdd0;
    padding: 4px 12px;
    font-size: 14px;
    width: 343px;
    margin-left: auto;
    border-radius: 0.25rem;
    background-color: #fff;
}

.step-header .header select {
    width: 237px;
    font-size: 12px;
}

.header select:focus,
.header select:hover {
    border: 1px solid #f38b2a;
    outline: 0;
}

.click-here,
.click-here:focus,
.click-here:active {
    background: none;
    border: none;
    color: #000;
    outline: 0;
    padding: 0;
    font-weight: 700;
    box-shadow: none;
}

.viewCertificate {
    margin-top: 9px;
    font-weight: 700;
    display: block;
}

.certificateImg img {
    border: 0 !important;
}

.zoomer-img {
    border: 1px solid #eae8e8;
    margin-bottom: 1.5rem;
    border-radius: 0.25rem;
}

.zoomer-img:hover {
    border: 1px solid #f38b2a;
}

.user-name1 {
    padding: 6px 10px;
    margin-bottom: 0;
    border-bottom: 1px solid #eee;
}

.close-btn1 .close,
.close-btn1 .close:hover,
.close-btn1 .close:focus {
    position: absolute;
    z-index: 2;
    width: 30px !important;
    height: 30px !important;
    right: -12px;
    border-radius: 50%;
    outline: 0;
    top: -15px;
    background: #000;
    border: 2px solid #fff;
    color: #fff;
    font-size: 23px;
    line-height: 24px;
    font-weight: 700;
}

.bg-transparent .close-btn1 {
    width: 30px;
    position: absolute;
    right: 0;
    height: 30px;
}

.disable-btn {
    pointer-events: none;
    opacity: 0.4;
}

.cart-num {
    font-size: 9px;
    position: absolute;
    top: -8px;
    line-height: 16px;
    right: -10px;
    text-decoration: none;
    font-weight: 400;
    background: #f97242;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
}

.type-gem h4 {
    font-size: 20px;
    font-weight: 600;
    font-family: var(--headingFont);
}

.cartTable .cart-row {
    padding: 15px 0;
    border-bottom: 1px solid #cbcdd0;
}

.cartTable .cart-row:last-child {
    border-bottom: 0;
}

.type-gem {
    margin-top: 50px;
}

.detail-1 {
    display: flow-root;
    margin-bottom: 0;
    width: 100%;
}

.detail-1 strong {
    display: block;
    margin-bottom: 5px;
    color: #000;
    font-size: 14px;
    font-weight: 700;
}

.detail-1 li {
    padding: 10px 0;
    width: 33%;
    float: left;
    color: #000;
    font-weight: 300;
}

.output-1 {
    margin-bottom: 30px;
}

.output-1 a {
    width: 200px;
    margin: 0 auto;
}

.output-1 h4 {
    font-family: var(--mulish);
    font-size: 21px;
}

.bg-cart {
    background: #f7f7f7;
}

.sidebar-cart {
    top: 0;
    display: none;
    z-index: 111;
    overflow-x: hidden;
    overflow-y: auto;
    width: 400px;
    transition: margin 0.4s ease-out;
    -webkit-transition: margin 0.4s ease-out;
    background: #fff;
    -moz-transition: margin 0.4s ease-out;
    -ms-transition: margin 0.4s ease-out;
}

.bs-canvas-left {
    left: 0;
    margin-left: -400px;
}

.bs-canvas-close {
    font-size: 10px;
}

.bs-canvas-close:active,
.bs-canvas-close {
    box-shadow: none;
    border: 0;
    outline: 0;
}

.main-cart-title {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    font-weight: 500;
    letter-spacing: 2px;
}

.main-cart-title span {
    color: #000;
    margin-left: 5px;
    font-size: 13px;
}

.bs-canvas-body {
    background: #fff;
    position: absolute;
    width: 100%;
    top: 70px;
    bottom: 190px;
    overflow-y: scroll;
    padding: 15px 0;
    border-top: 1px solid #f1f1f1;
}

.cus-bs-canvas-body {
    position: relative !important;
    top: auto !important;
    bottom: auto !important;
    border-right: 1px solid #edebef !important;
    overflow-y: hidden !important;
}

.sidebar-footer {
    background: #fff;
    position: absolute;
    width: 100%;
    bottom: 0;
    border-top: 1px solid #efefef;
}

.canvas-right {
    right: 0;
    margin-right: -700px;
}

.add-item {
    font-weight: 700;
    background: linear-gradient(45deg, #f38b2a, #fc644f);
    display: block;
    width: 25%;
    margin: 30px auto 0;
    padding: 15px 0;
    font-size: 13px;
    color: #fff;
    font-weight: 600;
    letter-spacing: 1px;
}

.add-item:hover {
    color: #fff;
}

.shop-cart-section .add-item {
    width: auto;
    max-width: 252px;
}

.sidebar-header .close {
    position: absolute;
    right: 20px;
}

.sidebar-header {
    background: #fff;
    color: #000;
    position: sticky;
    top: 0;
    padding: 15px 20px;
}

.main-cart-title {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
}

.cus-bor-top {
    border-top: 1px solid #edebef;
}

.cus-bor-right {
    border-right: 1px solid #edebef;
}

.cus-bor-botm {
    border-bottom: 1px solid #edebef;
}

.filter-body {
    background: #fff !important;
    bottom: 0 !important;
}

.filter-items {
    padding: 15px 15px;
    border-bottom: 1px solid #edebef;
}

.filtr-cate-title h4 {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 1px;
    margin-bottom: 0;
    color: #262626;
    text-transform: uppercase;
}

.filtr-cate-title h4 a {
    color: #000;
    display: block;
    font-weight: 700;
}

.filtr-cate-title h4 a i.fa {
    position: absolute;
    right: 0;
    margin-right: 12px;
}

.filter-item-body {
    height: 202px;
    width: 100%;
    margin-top: 20px;
    overflow-y: auto;
}

.other-item-body {
    height: 166px;
    width: 100%;
    margin-top: 20px;
    overflow-y: auto;
}

.cus-other-item-body {
    height: 125px !important;
    margin-bottom: 20px !important;
}

.offer-item-body {
    height: 125px;
    width: 100%;
    margin-top: 20px;
    overflow-y: auto;
}

.price-pack-item-body {
    height: 125px;
    width: 100%;
    margin-top: 20px;
    overflow-y: auto;
}

.saving-total {
    padding: 10px 20px 0;
}

.cart-total-dil h4 {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 600;
    color: #757575;
    font-family: var(--titleFont);
    line-height: 24px;
}

.cart-total-dil span {
    color: #757575;
    font-size: 15px;
    margin-left: auto;
    font-weight: 600;
    line-height: 24px;
}

.main-total-cart {
    display: flex;
    padding: 10px 20px;
    border-bottom: 1px solid #e5e5e5;
}

.main-total-cart h2 {
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 400;
    color: #000;
    font-family: var(--titleFont);
    line-height: 24px;
}

.main-total-cart span {
    color: #000;
    font-size: 15px;
    margin-left: auto;
    font-weight: 400;
    line-height: 24px;
}

.checkout-cart {
    display: flex;
    padding: 20px;
    align-items: center;
    gap: 10px;
}

.cart-total-dil {
    display: flex;
    width: 100%;
    align-items: center;
}

.cart-checkout-btn {
    margin-bottom: 0;
    margin-left: auto;
    color: #fff;
    background: #162b56;
    font-weight: 300;
    display: block;
    padding: 10px 25px;
    font-size: 13px;
    width: 100%;
    text-align: center;
    border-radius: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    background: #162c55;
    border: 0;
}

.cart-checkout-btn:hover {
    color: #fff;
}

.cart-item {
    display: flex;
    padding: 20px;
    background: #fff;
    border-bottom: 1px solid #e0e0e0;
}

.cart-item:last-child {
    border-bottom: 0;
}

.cart-product-img {
    width: 120px;
}

.cart-product-img img {
    width: 100%;
    border-radius: 5px;
    border: 1px solid #f7f7f7;
}

.cart-item-price span {
    margin-left: 8px;
    font-size: 12px;
    font-weight: 400;
    color: #969393;
    text-decoration: line-through;
}

.cart-close-btn {
    position: absolute;
    top: 2px;
    right: 0;
    background: #fff0;
    border: 0;
    font-size: 18px;
    color: #bdbdbd;
}

.cart-close-btn .fa {
    font-size: 15px;
}

.cart-item-price {
    font-weight: 500;
    line-height: 24px;
    color: #5e5e5e;
    text-align: right;
    display: inline-flex;
    margin-left: auto;
    font-size: 11px;
    line-height: 17px;
    color: #424040;
}

.cart-text {
    margin-left: 20px;
    width: 100%;
    position: relative;
}

.sidebar-body {
    border-top: 1px solid #f1f1f1;
    height: 100vh;
    overflow: auto;
    padding-bottom: 63px;
}

.cart-text h4,
.cart-text h4 a {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 5px;
    color: #000;
    line-height: 20px;
    font-family: var(--titleFont);
}

.cart-product-img {
    width: 130px;
    position: relative;
}

.sidebar-detail p {
    font-size: 13px;
}

.whyUs1 {
    width: 100%;
    padding-right: 46px;
}

.story1 .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.addBg {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 999;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -webkit-animation-name: animationFade;
    -o-animation-name: animationFade;
    animation-name: animationFade;
    -webkit-animation-duration: 1s;
    -o-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@-o-keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

@keyframes animationFade {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        -o-transform: none;
        transform: none;
    }
}

.story1 {
    background: url(../img/about-brahmagems1.png) center;
    background-size: cover;
    height: 340px;
    display: flex;
}

.banner1 {
    background-image: url(../img/banner1.jpg);
    background-size: cover;
    background-position: right;
}

.story1:before {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background: #00000059;
    left: 0;
    z-index: 1;
    content: "";
}

.story1 h1 {
    color: #fff;
    font-size: 45px;
}

.story1 p {
    color: #fff;
    line-height: 32px;
    font-size: 22px;
}

.image-proportion {
    position: relative;
}

.image-proportion.short-portrait:before {
    padding-bottom: 108%;
}

.image-proportion:before {
    content: "";
    display: block;
}

.no-repeat {
    background-repeat: no-repeat;
}

.bg-center {
    background-position: 50%;
}

.cover {
    background-size: cover;
}

.content p {
    font-size: 14px;
    margin-bottom: 1rem;
    white-space: pre-line;
    line-height: 25px;
    text-align: justify;
}

.about-intro .line {
    position: absolute;
    height: 150%;
    top: -25%;
    left: 50%;
    width: 1px;
    background-color: #000;
    z-index: -10;
    -webkit-transform: rotate(-30deg) translate3d(-50%, 0, 0);
    transform: rotate(-30deg) translate3d(-50%, 0, 0);
    opacity: 0.6;
}

.image-proportion.portrait:before {
    padding-bottom: 130%;
}

.ab-1 {
    font-size: 34px;
}

.background-dark-red {
    background-color: #ecf0f3;
}

.image-proportion.square:before {
    padding-bottom: 100%;
}

.parallax-wrapper {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.parallax {
    position: relative;
    will-change: transform;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    height: 100%;
}

.two-column-text .decoration-image-wrapper {
    margin-top: -44vw;
}

.two-column-text .line {
    position: absolute;
    height: 140%;
    top: -20%;
    left: 50%;
    width: 1px;
    background-color: #000;
    z-index: -10;
    -webkit-transform: rotate(-25deg) translateX(-50%);
    transform: rotate(-25deg) translateX(-50%);
    opacity: 0.6;
}

.small-image {
    position: absolute;
    bottom: -192px;
    bottom: -9rem;
    left: 20px;
    z-index: 100;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.button-component.big .button .arrow-button {
    font-size: 1.2rem;
}

.arrow-button .text {
    font-size: inherit;
    font-family: Prospectus-Bold;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    color: #000;
    z-index: 10;
}

.button-component {
    display: inline-block;
    -webkit-perspective: 400px;
    perspective: 400px;
}

.arrow-button .arrow {
    position: relative;
    fill: var(--theme);
    top: -1px;
}

.arrow {
    -webkit-transition: 0.4s;
    transition: 0.4s;
    fill: currentColor;
    height: 27px;
    height: 1.5rem;
    width: 31.5px;
    width: 1.75rem;
}

.crossed-images-text .bottom-image {
    top: -64px;
    top: -4rem;
}

.contact3 {
    background-image: url(../img/26.html);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 30% 80%;
    margin: 60px 0 0;
}

.headline {
    margin-top: 5rem;
    font-size: 34px;
}

.headline-reg-font {
    font-size: 34px;
}

.headline-and-info {
    margin-bottom: 2rem;
}

.contact-info .two-images-with-line .small-image {
    position: relative;
    z-index: 1;
    margin-top: -40vw;
}

.crossed-images-text .line {
    position: absolute;
    height: 125%;
    top: -20%;
    left: 50%;
    width: 1px;
    background-color: #000;
    z-index: 10;
    -webkit-transform: rotate(-33deg);
    transform: rotate(-33deg);
    opacity: 0.6;
}

.load-wraper .offer1 {
    border: 0;
}

.load-wraper .offer2 {
    background: #fff0;
    border: 0;
}

.head-title,
.text2 p {
    font-size: 15px;
    line-height: 26px;
    margin-bottom: 0;
}

.head-title {
    color: #000;
    font-weight: 300;
}

.article {
    display: block;
}

.head-title p {
    margin-bottom: 30px;
}

.head-title a#btnStats {
    color: #f18e28;
    cursor: pointer;
    margin-bottom: 30px;
}

.cat-read-more p {
    display: inline;
}

.cat-read-more span.moretext.show-read {
    display: inline !important;
}

.moreless-button {
    color: #f18e28 !important;
    font-weight: 500;
}

.about-product.desc-product {
    line-height: 20px;
    font-size: 12px;
    max-width: 400px;
}

.about-product,
.about-product font,
.about-product font span {
    line-height: 26px;
    font-size: 14px !important;
    color: #444;
}

.portal-screen .prtl-myorder {
    padding-bottom: 20px;
    border-bottom: 1px solid #f1f1f1;
    margin: 20px 0;
}

.prtl-myorder .row.mt-3 {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 15px;
}

.prtl-myorder .row.mt-3:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.portal-screen .prtl-myorder p:first-child {
    color: #403f3f;
    font-weight: 600;
    font-size: 14px;
    margin-bottom: 8px;
}

.portal-screen .prtl-myorder p {
    color: #767676;
    font-weight: 500;
    font-size: 13px;
    margin-bottom: 8px;
}

.portal-content .total-amt {
    padding-left: 10px;
    padding-right: 10px;
}

.portal-content .total-amt div {
    margin-bottom: 5px;
}

.portal-content .total-amt div span {
    font-size: 15px;
}

.portal-content .total-amt div:last-child {
    margin-top: 20px;
}

.portal-content .total-amt div:last-child span {
    font-size: 20px;
    font-weight: 600;
}

.portal-content .total-amt div span:last-child {
    float: right;
}

.portal-content .track-order {
    padding: 30px 10px 70px 10px;
}

.portal-content .track-order h6.track-head {
    padding-bottom: 0;
    border-bottom: none;
}

.portal-content .track-order .tc-order-step {
    display: flex;
    align-items: center;
    justify-content: center;
}

.track-order .tc-order-step div {
    width: 24%;
    text-align: center;
    position: relative;
}

.tc-selected {
    background: #000 !important;
    border: 10px solid #ff6700 !important;
}

.track-order .tc-order-step div span.tc-step-point {
    display: block;
    width: 30px;
    height: 30px;
    background: #ff6700;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    margin-top: 40px;
    border-radius: 100%;
    border: 10px solid #ffc49c;
}

.track-order .tc-order-step div span.tc-step-point::before {
    content: "";
    width: 130px;
    height: 5px;
    position: absolute;
    background: #ccc;
    top: 2px;
    z-index: -1;
    right: 0;
}

.track-order .tc-order-step div span.tc-step-point::after {
    content: "";
    width: 130px;
    height: 5px;
    position: absolute;
    background: #ccc;
    top: 2px;
    z-index: -1;
}

.track-order .tc-order-step div span.tc-left-r::before {
    content: "";
    display: none;
}

.track-order .tc-order-step div span.tc-right-r::after {
    content: "";
    display: none;
}

.portal-screen {
    margin-bottom: 50px;
}

.portal-screen .portal-head h3 {
    font-size: 18px;
    font-weight: 700;
    padding: 10px;
    border-bottom: 1px solid #f6f6f6;
    background: #eceaea0d;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.portal-screen .portal-head h3 i.las {
    margin-right: 5px;
    font-size: 28px;
}

.portal-screen .portal-head h3 span {
    position: relative;
    bottom: 2px;
}

.portal-screen .portal-content {
    margin-top: 15px;
    padding: 30px;
    border: 1px solid #eee;
    border-radius: 3px;
}

.portal-screen .portal-content .trackBTn {
    padding-bottom: 10px;
}

.portal-screen .portal-content .trackBTn a {
    display: inline-block;
    color: #000 !important;
    background: #fff0;
    border: 1px solid #000;
    font-size: 14px;
    padding: 0.575rem 1rem;
}

.portal-screen .portal-content h5,
.portal-screen .portal-content h6 {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2dede;
    font-family: "Mulish", sans-serif;
}

.portal-screen .portal-content h6 span {
    display: block;
    line-height: 25px;
    font-size: 1.1rem;
}

.coupon1 {
    padding: 30px;
    margin-bottom: 30px;
    border: 1px solid #efefef;
}

.coupon-img {
    min-width: 105px;
    height: 35px;
    border: 1px solid #daceb7;
    background-color: #fffae6;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    display: flex;
}

.code-name {
    font-size: 0.77rem;
    font-weight: 700;
    height: 100%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-positive: 1;
    flex-grow: 1;
    position: relative;
    padding: 0 15px;
}

._3AmpP {
    position: absolute;
    top: -1px;
    left: -3.5px;
    -ms-transform-origin: center;
    transform-origin: center;
    -ms-transform: scaleX(0.7);
    transform: scaleX(0.7);
}

._3AmpP:before {
    top: 0;
    border: 5px solid #fff0;
    border-top: 5px solid #daceb7;
}

._3AmpP:after {
    top: -2px;
    border: 5px solid #fff0;
    border-top: 5px solid #fff;
}

._3AmpP:after,
._3AmpP:before {
    content: "";
    position: absolute;
    left: 0;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
}

._3ohAi {
    position: absolute;
    bottom: -1px;
    left: -3.5px;
    -ms-transform-origin: center;
    transform-origin: center;
    -ms-transform: scaleX(0.7);
    transform: scaleX(0.7);
}

._3ohAi:before {
    bottom: 0;
    border: 5px solid #fff0;
    border-bottom: 5px solid #daceb7;
}

._3ohAi:after {
    bottom: -2px;
    border: 5px solid #fff0;
    border-bottom: 5px solid #fff;
}

._3ohAi:after,
._3ohAi:before {
    content: "";
    position: absolute;
    left: 0;
    box-sizing: border-box;
    width: 10px;
    height: 10px;
}

.coupon-detail p {
    color: #3e4152;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 0;
}

.detail-2 p {
    color: #686b78;
    font-size: 12px;
    margin-top: 9px;
    font-weight: 400;
}

.copy-code {
    display: block;
    margin-top: 16px;
    background: #fff0;
    border: 1px solid #162b56;
    line-height: 36px;
    width: auto;
    height: 36px;
    padding: 0 15px;
    outline: none;
    min-width: 120px;
    font-weight: 700;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
}

.list-coupon {
    padding-left: 0;
    list-style-type: disc;
    list-style-position: inside;
}

.list-coupon li {
    color: #686b78;
    font-size: 11px;
    margin-top: 9px;
    font-weight: 600;
}

.copy-code:focus {
    outline: 1px solid;
}

.header-list {
    display: flex;
    padding: 0;
    text-align: center;
    font-weight: 700;
    margin-bottom: 0;
}

.header-list li {
    margin-right: 15px;
}

.header-list img {
    height: 100px;
    object-fit: contain;
    margin-bottom: 15px;
}

.header-list p {
    font-family: var(--headingFont);
    font-size: 15px;
    margin-bottom: 0;
    font-weight: 500;
}

.detail-tabbing {
    background: #fff;
    padding: 20px 0 40px 0;
    position: relative;
}

.detail-tabbing #tabs {
    position: absolute;
    top: -69px;
    width: 100%;
    height: 68px;
}

.detail-tabbing .nav-pills .nav-link {
    border: 0;
    border-radius: 0.25rem;
    font-weight: 600;
    font-size: 13px;
    text-transform: uppercase;
    padding: 10px 1.5rem;
    background: #fff0;
    color: #fff;
    font-family: var(--titleFont);
    background-color: #fff0;
    transition: background-color 0.3s 0s;
}

.detail-tabbing .nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
    background-color: hsl(0 0% 100% / 0.2);
    transition: background-color 0.3s 0.2s;
    position: relative;
}

.detail-tabbing .nav-pills .nav-link.active::before,
.nav-pills .show > .nav-link {
    position: absolute;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f107";
    color: #fff;
    right: 10px;
}

.detail-tabbing .tab-content > .tab-pane {
    padding-left: 2.1rem;
}

.detail-tabbing .nav-pills .nav-link:focus {
    outline: 0;
}

.detail-tabbing .tab-content > .tab-pane p {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 10px;
    text-align: justify !important;
}

.education p {
    font-size: 14px;
    line-height: 28px;
    text-align: left;
    margin-bottom: 0;
}

.accordion-flush .accordion-button {
    font-family: var(--titleFont);
    font-size: 14px;
}

.accordion-button:not(.collapsed) {
    color: #000;
    background-color: #fff0;
    box-shadow: none;
}

.accordion-flush .accordion-item:first-of-type .accordion-button {
    font-family: var(--titleFont);
}

.accordion-button:focus {
    border-color: #000;
}

.accordion-body ul {
    padding-left: 16px;
}

.accordion-body p,
.accordion-body ul li {
    line-height: 28px;
    font-size: 14px;
    list-style-type: circle;
    text-align: center;
}

.paragraph {
    line-height: 28px;
    font-size: 14px;
}

.new-leader h5 {
    margin-top: 10px;
    font-weight: 400;
    color: #000;
    font-family: var(--poppins);
    font-size: 16px;
}

.new-leader p {
    margin-top: 10px;
}

.rating-no {
    display: block;
    font-size: 23px;
    color: gray;
}

.header-teaser.ng-binding {
    font-weight: 700;
    font-size: 16px;
}

.google .title {
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 10px;
}

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

.list-slider .owl-prev {
    display: none;
}

.owl-nav {
    position: absolute;
    top: 50%;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    height: 0;
}

.list-slider .owl-nav .fa {
    font-size: 30px;
    color: gray;
}

.list-slider .owl-nav .owl-next:focus,
.list-slider .owl-nav .owl-next:active {
    outline: 0;
    border: 0;
}

.order-detail1 p {
    margin-bottom: 0;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 600;
    color: #8c8c8c;
    letter-spacing: 0.5px;
    line-height: 25px;
}

.order-detail1 p span {
    display: block;
    font-size: 15px;
    color: #2b2b2b;
}

.order-bar {
    padding: 10px 30px;
    background: #f6f6f6;
    margin-bottom: 15px;
}

.order-bar span a {
    color: #f97242;
}

.sec-menu-logo .img-fluid {
    width: 240px;
    display: none;
    height: 45px;
}

.sec-menu-list,
.sec-search-bar {
    display: none;
}

.pagination {
    justify-content: center;
}

.my-filter-section h3 {
    margin-bottom: 28px;
    margin-top: 0;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0;
    font-size: 25px !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
    margin-bottom: 15px;
}

.categories_products_list {
    padding: 25px 0 0;
}

.my-filter-section .gems_stone_shape .stone_shape_text {
    float: none;
}

.my-filter-section h3 {
    margin-bottom: 28px;
    margin-top: 0;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0;
    font-size: 25px !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
    margin-bottom: 15px;
}

.my-filter-section .main.gems_stone_shape::-webkit-scrollbar {
    width: 5px;
}

.my-filter-section .pdlr > input {
    border: none;
    font-size: 12px;
    color: #000;
    padding: 0;
    text-align: left;
    position: relative;
}

.my-filter-section .tiltle span,
.filter_list h6 {
    font-weight: 600;
    color: #000;
    margin-bottom: 5px;
    display: block;
    font-family: var(--titleFont);
}

.my-filter-section .main {
    padding-bottom: 0;
    border: none;
}

.my-filter-section .main ul li {
    display: block;
    margin: 4px 0;
    font-size: 12px;
    color: #000;
    letter-spacing: 0.2px;
}

.my-filter-section h3 {
    margin-bottom: 28px;
    margin-top: 0;
    font-size: 18px;
    letter-spacing: 1px;
    margin: 0;
    font-size: 25px !important;
    letter-spacing: 0 !important;
    font-weight: 600 !important;
    margin-bottom: 15px;
}

.my-filter-section .content {
    padding: 0;
}

.my-filter-section .main.gems_stone_shape {
    height: 185px;
    overflow-y: scroll;
}

.my-filter-section .pdlr label {
    color: #000;
    font-size: 12px;
    margin-left: 8px;
    font-weight: 500;
}

.my-filter-section .main.gems_stone_shape::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgb(0 0 0 / 0.3);
}

.my-filter-section .main.gems_stone_shape::-webkit-scrollbar-thumb {
    background-color: #e05047;
    outline: 1px solid slategrey;
}

.price_range_selected_value {
    clear: both;
    display: block;
    font-size: 15px;
    margin-top: 5px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inputfileterv {
    height: 25px;
    padding: 0 2px;
    font-size: 11px;
    width: 100% !important;
    max-width: 80px !important;
    text-align: center;
    border: 1px solid;
    margin: 0 10px 0 5px;
}

.ui-widget {
    font-size: 1em;
}

.ui-widget .ui-widget {
    font-size: 1em;
}

.ui-widget button,
.ui-widget input,
.ui-widget select,
.ui-widget textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
}

.ui-widget-content {
    border: 1px solid #ddd;
    background: #fff;
    color: #333;
}

.ui-widget-content a {
    color: #333;
}

.ui-widget-header {
    border: 1px solid #ddd;
    background: #e9e9e9;
    color: #333;
    font-weight: 700;
}

.ui-widget-header a {
    color: #333;
}

.ui-button,
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
html .ui-button.ui-state-disabled:active,
html .ui-button.ui-state-disabled:hover {
    border: 1px solid #c5c5c5;
    background: #f6f6f6;
    font-weight: 400;
    color: #454545;
}

.pull-right .pdlr {
    margin-right: -40px !important;
}

.ui-button,
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited,
a.ui-button,
a:link.ui-button,
a:visited.ui-button {
    color: #454545;
    text-decoration: none;
}

.ui-button:focus,
.ui-button:hover,
.ui-state-focus,
.ui-state-hover,
.ui-widget-content .ui-state-focus,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-focus,
.ui-widget-header .ui-state-hover {
    border: 1px solid #ccc;
    background: #ededed;
    font-weight: 400;
    color: #2b2b2b;
}

.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited,
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
a.ui-button:focus,
a.ui-button:hover {
    color: #2b2b2b;
    text-decoration: none;
}

.ui-visual-focus {
    box-shadow: 0 0 3px 1px #5e9ed6;
}

.ui-button.ui-state-active:hover,
.ui-button:active,
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active {
    border: none;
    outline: 0;
    background: #e05047;
    font-weight: 400;
    color: #fff;
    cursor: pointer;
}

.ui-icon-background,
.ui-state-active .ui-icon-background {
    border: #e05047;
    background-color: #fff;
}

.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
    color: #fff;
    text-decoration: none;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight {
    border: 1px solid #dad55e;
    background: #fffa90;
    color: #777620;
}

.ui-state-checked {
    border: 1px solid #dad55e;
    background: #fffa90;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a {
    color: #777620;
}

.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error {
    border: 1px solid #f1a899;
    background: #fddfdf;
    color: #5f3f3f;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a {
    color: #5f3f3f;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text {
    color: #5f3f3f;
}

.ui-priority-primary,
.ui-widget-content .ui-priority-primary,
.ui-widget-header .ui-priority-primary {
    font-weight: 700;
}

.ui-priority-secondary,
.ui-widget-content .ui-priority-secondary,
.ui-widget-header .ui-priority-secondary {
    opacity: 0.7;
    filter: Alpha(Opacity=70);
    font-weight: 400;
}

.ui-state-disabled,
.ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    opacity: 0.35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

.ui-state-disabled .ui-icon {
    filter: Alpha(Opacity=35);
}

.ui-icon {
    width: 16px;
    height: 16px;
}

.ui-icon,
.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.html);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_444444_256x240.html);
}

.ui-button:focus .ui-icon,
.ui-button:hover .ui-icon,
.ui-state-focus .ui-icon,
.ui-state-hover .ui-icon {
    background-image: url(images/ui-icons_555555_256x240.html);
}

.ui-button:active .ui-icon,
.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.html);
}

.ui-button .ui-state-highlight.ui-icon,
.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_777620_256x240.html);
}

.ui-state-error .ui-icon,
.ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cc0000_256x240.html);
}

.ui-button .ui-icon {
    background-image: url(images/ui-icons_777777_256x240.html);
}

.ui-icon-blank {
    background-position: 16px 16px;
}

.ui-icon-caret-1-n {
    background-position: 0 0;
}

.ui-icon-caret-1-ne {
    background-position: -16px 0;
}

.ui-icon-caret-1-e {
    background-position: -32px 0;
}

.ui-icon-caret-1-se {
    background-position: -48px 0;
}

.ui-icon-caret-1-s {
    background-position: -65px 0;
}

.ui-icon-caret-1-sw {
    background-position: -80px 0;
}

.ui-icon-caret-1-w {
    background-position: -96px 0;
}

.ui-icon-caret-1-nw {
    background-position: -112px 0;
}

.ui-icon-caret-2-n-s {
    background-position: -128px 0;
}

.ui-icon-caret-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -65px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -65px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 1px -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-on {
    background-position: -96px -144px;
}

.ui-icon-radio-off {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}

.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}

.ui-corner-all,
.ui-corner-left,
.ui-corner-tl,
.ui-corner-top {
    border-top-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-right,
.ui-corner-top,
.ui-corner-tr {
    border-top-right-radius: 3px;
}

.ui-corner-all,
.ui-corner-bl,
.ui-corner-bottom,
.ui-corner-left {
    border-bottom-left-radius: 3px;
}

.ui-corner-all,
.ui-corner-bottom,
.ui-corner-br,
.ui-corner-right {
    border-bottom-right-radius: 3px;
}

.ui-widget-overlay {
    background: #aaa;
    opacity: 0.3;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    -webkit-box-shadow: 0 0 5px #666;
    box-shadow: 0 0 5px #666;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
}

.ui-slider .ui-slider-handle {
    position: absolute;
    z-index: 2;
    width: 1.2em;
    height: 1.2em;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider .ui-slider-range {
    position: absolute;
    z-index: 1;
    font-size: 0.7em;
    display: block;
    border: 0;
    background-position: 0 0;
}

.ui-slider-horizontal .ui-slider-range {
    top: 0;
    height: 100%;
}

.ui-slider-horizontal {
    height: 0.8em;
}

.ui-slider {
    position: relative;
    text-align: left;
}

.ui-state-default:focus {
    outline: 0;
    border-radius: 3px;
    border: 1px solid #e05047;
}

.price-filter-range {
    margin: 10px 0;
}

.del8 {
    position: sticky;
    top: 70px;
}

.pagination a {
    color: #000;
    background: #fff0;
    margin: 0 5px;
}

.pagination b {
    padding: 4px;
    background: #162b56;
    line-height: 1;
    color: #fff;
}

#v-pills-tabContent {
    width: 50%;
}

.specTable {
    padding-left: 0;
    border: 1px solid;
    display: flex;
    flex-wrap: wrap;
}

.specTable li {
    font-size: 14px;
    padding: 10px;
    border: 1px solid #000;
    width: 50%;
}

.specTable li h3 {
    color: #000;
    font-family: var(--titleFont);
    display: inline;
    margin-bottom: 6px;
    font-size: 13px;
    font-weight: 600;
    margin-right: 5px;
}

.specTable li span {
    line-height: 15px;
    color: #0a0909;
    font-size: 13px;
    font-weight: 300;
}

.range-field:focus {
    outline: none;
    border: 0;
}

.ir246-product-shape li {
    float: left;
    list-style: none;
    margin-right: 20px;
    height: 36px;
    background-position: center;
    margin-bottom: 40px;
}

.ir246-product-shape li u {
    display: block;
    margin-top: 40px;
    text-align: center;
    text-decoration: none;
}

.ir246-product-shape li.active a {
    border-color: #3e9f8e;
}

.ir246-product-shape li a {
    display: block;
    color: #000000 !important;
    padding: 3px 0;
}

.ir246-diamond-section a {
    color: #000;
    text-transform: capitalize;
}

.ir246-product-shape li span {
    width: 31px;
    height: 31px;
    display: block;
    background: url(../img/spirit-shape-v3-new3.png) left top no-repeat;
    background-size: 390px;
    position: relative;
}

.ir246-product-shape .heart-details.active span {
    background-position: -322px -31px;
}

.ir246-product-shape i {
    display: none;
    position: absolute;
    bottom: -20px;
    left: 50%;
    text-align: center;
    width: 60px;
    font-size: 13px;
    text-transform: capitalize;
    letter-spacing: 1px;
    font-style: normal;
    margin-left: -30px;
}

.ir246-product-shape li a:hover i {
    display: block;
}

.pdlr {
    padding: 0;
    margin: 0;
}

.ir246-product-shape .round-details span {
    background-position: 1px 1px;
}

.ir246-product-shape .round-details.active span {
    background-position: 1px -30px;
}

.ir246-product-shape .princess-details span {
    background-position: -40px 1px;
}

.ir246-product-shape .princess-details.active span {
    background-position: -40px -30px;
}

.ir246-product-shape .cushion-details span {
    background-position: -122px 0;
}

.ir246-product-shape .cushion-details.active span {
    background-position: -122px -31px;
}

.ir246-product-shape .asscher-details span {
    background-position: -83px 1px;
}

.ir246-product-shape .asscher-details.active span {
    background-position: -83px -30px;
}

.ir246-product-shape .marquise-details span {
    background-position: -161px 0;
}

.ir246-product-shape .marquise-details.active span {
    background-position: -161px -31px;
}

.ir246-product-shape .oval-details span {
    background-position: -200px 0;
}

.ir246-product-shape .oval-details.active span {
    background-position: -200px -31px;
}

.ir246-product-shape .radiant-details span {
    background-position: -241px 0;
}

.ir246-product-shape .radiant-details.active span {
    background-position: -241px -31px;
}

.ir246-product-shape .pear-details span {
    background-position: -281px 0;
}

.ir246-product-shape .pear-details.active span {
    background-position: -281px -31px;
}

.ir246-product-shape .emerald-details span {
    background-position: -365px 0;
}

.ir246-product-shape .emerald-details.active span {
    background-position: -365px -31px;
}

.ir246-product-shape .heart-details span {
    background-position: -322px 0;
}

.ir246-product-shape .heart-details.active span {
    background-position: -322px -31px;
}

.ir246-delivery-date .bootstrap-select button.btn,
.ir246-delivery-date .bootstrap-select .dropdown-menu {
    font-family: inherit;
    font-size: 12px;
}

.ir246-delivery-date .bootstrap-select button.btn {
    padding-top: 5px;
}

.new-leader img {
    height: 70px;
}

.new-leader-custom img {
    height: 50px;
}

.payOpt {
    margin-bottom: 0;
    list-style-type: none;
    display: block !important;
    justify-content: flex-end;
    padding: 0;
}

.payOpt li {
    float: left;
}

.payOpt li img {
    width: auto;
    margin: 5px;
    border: 1px solid #e1dede;
    padding: 0 10px;
    border-radius: 3px;
    height: 40px;
}

#checkout-details .payOpt li img,
.payOpt.float-right li img {
    width: 70px;
    margin: 5px;
    border: 1px solid #e1dede;
    padding: 0 10px;
    border-radius: 3px;
    height: 30px;
}

.foo-google-svg {
    padding: 7px 10px;
    width: 45px;
}

.foo-upi-svg {
    padding: 6px 10px;
    width: 45px;
}

.sec-menu-list i {
    font-size: 16px;
}

.menu-button {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    position: fixed;
    bottom: 82px;
    z-index: 1111;
}

.prod_section_titles p {
    padding-top: 5px;
    color: #3c3c3c;
}

.menu-button a {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    transition: 0.4s;
    opacity: 1;
    width: 0;
    height: 0;
    text-align: center;
    line-height: 40px;
    color: #fff;
    font-size: 20px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0 / 0.26), 0 2px 10px 0 rgb(0 0 0 / 0.22);
    cursor: pointer;
}

.menu-button a:hover {
    box-shadow: 0 5px 11px 0 rgb(0 0 0 / 0.28), 0 4px 15px 0 rgb(0 0 0 / 0.25);
}

a.hideicon.rotate-txt {
    width: 114px;
    transform: rotate(270deg);
    margin-left: -37px;
    text-transform: uppercase;
    font-size: 16px;
    border-radius: 0 0 9px 9px;
    font-weight: 700;
    line-height: 36px;
}

.menu-button a:nth-child(2) {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
    position: absolute;
    bottom: 30px;
}

.menu-button a:nth-child(3) {
    -webkit-transition-delay: 0.4s;
    -moz-transition-delay: 0.4s;
    transition-delay: 0.4s;
    position: absolute;
    bottom: 125px;
}

.menu-button a:nth-child(4) {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
    position: absolute;
    bottom: 178px;
}

.menu-button a:nth-child(5) {
    -webkit-transition-delay: 0.5s;
    -moz-transition-delay: 0.5s;
    transition-delay: 0.5s;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.menu-button a:nth-child(6) {
    -webkit-transition-delay: 0.3s;
    -moz-transition-delay: 0.3s;
    transition-delay: 0.3s;
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.menu-button a {
    opacity: 1;
    width: 40px;
    height: 40px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
    background: #00c300;
    left: 0;
}

.menu-button a:nth-child(2) {
    bottom: 35px;
}

.menu-button a:hover {
    -webkit-transition-delay: 0s;
    -moz-transition-delay: 0s;
    transition-delay: 0s;
    background: #25d366;
}

.type1 img {
    margin-right: 5px;
}

.del3 li img {
    display: block;
    margin: 0 auto;
    margin-bottom: 6px;
    transform: scale(1);
    transition: all 0.4s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
}

.buying-opt {
    margin-top: 16px;
    padding: 15px 0 15px 0 !important;
    display: inline-block;
    font-size: 14px;
}

.zoomer-img span:nth-child(3) {
    color: var(--blue1);
    font-weight: 700;
    font-size: 15px;
    margin-bottom: 10px;
}

.active-opt {
    border: 1px solid #f38b2a !important;
}

.metal-type {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
}

.metal-type li {
    width: 19%;
    margin-right: 1%;
    padding: 13px 3px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    border-spacing: 0;
    overflow: hidden;
    cursor: pointer;
    background-color: hsl(0 0% 100% / 0.8);
    flex-direction: column;
    margin-top: 16px;
    font-size: 12px;
}

.color-circle {
    width: 32px;
    margin-bottom: 10px;
    height: 32px;
    display: block;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 0 4px #b3afaf;
}

a.buyStone,
a.buyStone:hover {
    padding: 6px 12px !important;
    color: #fff !important;
    margin: 0 auto !important;
    width: max-content;
    display: block;
    background: linear-gradient(45deg, #f38b2a, #fc644f);
    border: 0;
    margin-top: 20px !important;
}

.detail-tabbing .tab-content > .tab-pane p a {
    color: #000;
    font-weight: 600;
}

.text-style1 {
    padding: 6px 0 0 0;
    font-size: 13px;
    line-height: 23px;
    margin-bottom: 0;
    text-align: left;
    font-weight: 600;
}

.panel1 {
    padding: 0 18px;
    background-color: #fff;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.menu > ul > li > ul > li.first-list {
    width: 30%;
}

.menu > ul > li > ul > li.sec-list {
    width: 18%;
}

.menu > ul > li > ul > li.first-list ul {
    -webkit-column-count: 2;
    column-gap: 0;
    column-count: 2;
}

.sec-list ul {
    -webkit-column-count: 1;
    column-count: 1;
}

.menu > ul > li > ul > li a.title-menu-list {
    display: block;
    color: #000;
    font-weight: 500;
    white-space: nowrap;
    font-size: 13px;
}

.top-1 {
    position: relative;
    top: unset;
}

.loading,
.loading1 {
    z-index: 1;
    background: #000000ce;
    display: flex;
    align-items: center;
    justify-content: center;
}

.del4 p a {
    color: #444;
}

.size-list {
    list-style-type: disc;
}

.size-list li {
    line-height: 28px;
}

.ring-size1 label {
    font-size: 13px;
}

.ring-size1 select {
    font-size: 12px;
}

.bb-clr td {
    font-size: 13px;
}

.col-6.float-right.pdlr.text-right > input {
    text-align: right;
    width: 30%;
    margin-right: 10px;
}

.ui-slider .ui-slider-handle {
    z-index: 1 !important;
    cursor: grab !important;
}

.gems1 img {
    display: block;
    margin: 0 auto;
    object-fit: cover;
    width: 100%;
}

.menu-dropdown-icon:hover > .megaMenu {
    display: flex;
}

.menu3:hover > ul.sub-menu.more {
    display: block;
}

.selectList li {
    float: left;
    margin-right: 10px;
    border-radius: 20%;
    border: 1px solid #f3f3f3;
    color: #000;
    font-size: 14px;
    padding: 5px 13px;
    border-radius: 16px;
    margin-bottom: 10px;
}

.header select.ring2 {
    width: 201px;
}

.text2 div b a {
    color: #000;
}

.modal-content {
    border: 0;
}

.modal-backdrop.show {
    opacity: 0.9;
}

.benefits ol {
    padding-left: 15px;
}

.border-center {
    width: 1px;
    background: #bec0c2;
    height: 500px;
}

.select-metal img {
    width: 70px;
    padding: 5px 0 0;
    display: block;
    margin: 0 auto;
}

.totalCard .form-check {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.pay-icon {
    display: inline-block;
}

.form-check.padding-left {
    padding-left: 0;
    margin-bottom: 0;
}

.pay-icon img.img-fluid.w-100 {
    width: 150px !important;
    display: block;
    margin-bottom: 10px;
}

.del9:focus {
    box-shadow: none;
    outline: 0;
}

.tabbing1 {
    margin-bottom: 10px;
    border-bottom: 0;
}

.tabbing1 .nav-link {
    border-radius: 0;
    font-weight: 700;
    font-size: 15px;
    background: #fff;
    border: 0;
}

.tabbing1 .nav-link.active {
    background-color: #efefef;
}

.tabbing1 .nav-link:hover,
.tabbing1 .nav-link:focus {
    border: 0;
    outline: 0;
}

#pills-tab {
    justify-content: center;
    padding: 1rem 15px;
    border-radius: 0.25rem;
    background: linear-gradient(60deg, #162c56, #2d4b86);
}

.name3 {
    font-size: 19px;
    color: #000;
    text-align: center;
    font-weight: 700;
}

.del9 {
    font-size: 12px;
}

.recomendation .col-md-4 .d-md-block.d-none {
    margin-top: -145px;
}

/* .recomendation-slider .item .container {
    max-width: 1400px;
} */

.slider-pic1 {
    margin: -30px auto;
}

.title2 {
    font-family: var(--mulish);
    margin-bottom: 80px;
}

.success-icon .lar {
    background: #162b56;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
}

#msform {
    text-align: center;
    position: relative;
}

#msform fieldset .form-card {
    background: #fff;
    border: 0 none;
    border-radius: 0;
    padding: 0 40px 30px 40px;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3% 20px 3%;
    position: relative;
}

#msform fieldset {
    background: #fff;
    border: 0 none;
    border-radius: 0.5rem;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding-bottom: 20px;
    position: relative;
}

#msform fieldset:not(:first-of-type) {
    display: none;
}

#msform fieldset .form-card {
    text-align: left;
    color: #9e9e9e;
}

select.list-dt {
    border: none;
    outline: 0;
    border-bottom: 1px solid #ccc;
    padding: 2px 5px 3px 5px;
    margin: 2px;
}

.card {
    z-index: 0;
    border: none;
    border-radius: 0.5rem;
    position: relative;
}

.fs-title {
    font-size: 16px;
    font-family: var(--titleFont);
    margin-bottom: 30px;
    color: #000;
    text-align: center;
    font-weight: 400;
    line-height: 1.2;
}

#progressbar {
    margin-top: 20px;
    overflow: hidden;
    color: lightgrey;
    text-align: center;
    justify-content: center;
    display: flex;
    margin-bottom: 0;
}

#progressbar .active {
    color: #000;
}

#progressbar li {
    list-style-type: none;
    font-size: 12px;
    width: 16%;
    float: left;
    position: relative;
}

#progressbar #account:before {
    font-family: FontAwesome;
    content: "";
}

#progressbar #personal:before {
    font-family: FontAwesome;
    content: "";
}

#progressbar #payment:before {
    font-family: FontAwesome;
    content: "";
}

#progressbar #confirm:before {
    font-family: FontAwesome;
    content: "";
}

#progressbar li:before {
    width: 30px;
    height: 30px;
    line-height: 15px;
    display: block;
    font-size: 18px;
    color: #fff;
    background: lightgray;
    border-radius: 50%;
    margin: 0 auto 10px auto;
    padding: 2px;
}

#progressbar li:after {
    content: "";
    width: 100%;
    height: 2px;
    background: lightgray;
    position: absolute;
    left: 113px;
    top: 15px;
    z-index: -1;
}

#progressbar li.active:before,
#progressbar li.active:after {
    background: #87a1b0;
}

.fit-image {
    width: 100%;
    object-fit: cover;
}

#confirm::after {
    right: -40px;
    left: -111px !important;
}

.action-button {
    position: absolute;
    left: 30%;
    transform: translateX(-50%);
    top: 310px;
}

.form-card select {
    color: #6c757d;
}

.hurry {
    font-size: 20px;
    font-weight: 300;
    margin-bottom: 4px;
    color: #dc3545;
}

.time1 {
    font-size: 60px;
    font-weight: 200;
    color: #77121a;
}

.time1 span {
    font-size: 24px;
}

.use-coupon {
    margin-bottom: 7px;
    font-size: 19px;
}

.getoff {
    font-size: 19px;
}

.ml-13 {
    margin-left: 13px;
}

.add-top-0 {
    position: absolute;
    top: -100px;
}

.form-card .form-control {
    font-size: 14px;
    -webkit-appearance: auto;
    -moz-appearance: initial;
    appearance: auto;
}

.form-card .form-control + p {
    margin-bottom: 0;
    color: #e00303;
    font-size: 12px;
}

.form-control:focus {
    box-shadow: none;
    /* border: 1px solid #000 */
}

.call-now {
    background: #fec341;
}

.recomendation-slider .owl-stage-outer {
    overflow: inherit;
}

.type-gem img {
    width: 50%;
}

.top-2 {
    position: relative !important;
    width: 200px !important;
}

.addressSec ul {
    position: relative;
}

.whatsapp-list {
    bottom: -110px;
    background: #fff;
    padding: 0.55rem 1rem;
    border-radius: 0.25rem;
}

.addressSec ul li.whatsapp-list a {
    color: #000 !important;
    margin: 0 8px;
    line-height: 18px;
    font-size: 12px;
}

.addressSec ul li.whatsapp-list:hover a {
    color: #fff !important;
}

.whatsapp-list:hover {
    background: var(--blue1);
    border: 1px solid var(--blue1);
}

.rectangle {
    width: 10px;
    height: 40px;
    background: #212529;
    margin-right: 10px;
}

.about-list-1 {
    list-style-type: disc;
    font-size: 13px;
    line-height: 25px;
    column-count: 2;
    padding-left: 16px;
}

.vision {
    padding: 20px;
}

.vision h3,
.core-title,
.wing-1 h3 {
    font-size: 34px;
    line-height: 38px;
    text-align: center;
}

.vision p,
.core1 p,
.wing-1 p,
.trans1 p {
    font-size: 14px;
    text-align: justify;
    line-height: 25px;
}

.vision-img {
    position: relative;
}

.vision-img img {
    height: 400px;
    display: block;
    width: 400px;
    margin: auto;
}

.vision-img::before {
    position: absolute;
    top: -26px;
    right: 93px;
    width: 50%;
    height: 61%;
    border: 12px solid #162b569c;
    content: "";
}

.vision img {
    width: 40px;
    display: block;
    margin: auto;
    margin-bottom: 10px;
}

.core1 {
    padding: 0 39px 30px;
    border: 1px solid #ecf0f3;
    border-radius: 30px;
    height: 100%;
}

.core1 .thumb-img .border {
    background: #fff;
    width: 100%;
    height: 100%;
    padding: 19px;
    border-radius: 50%;
}

.core1 .thumb-img {
    width: 100px;
    height: 100px;
    border: 11px solid #fff;
    margin-top: -53px;
    border-radius: 50%;
    overflow: hidden;
}

.core1 h5 {
    font-weight: 600;
    text-align: center;
    font-family: var(--headingFont);
    color: #161616;
    font-size: 25px;
}

.core1 p {
    text-align: justify;
    margin-bottom: 0;
}

.core1 img {
    width: 100px;
    margin-bottom: 20px;
}

.meeting1 {
    background: url(../img/header-bg.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}

.meeting1 .container {
    padding-top: 260px;
    padding-bottom: 260px;
}

.meeting1 h1 {
    font-size: 80px;
    font-weight: 700;
}

.meeting1 p {
    font-size: 23px;
}

.trans1 {
    padding: 30px;
    border: 1px solid #eee;
    position: relative;
    padding-top: 10%;
    margin-top: 20%;
    background: #f8f9fa;
}

.trans1 img {
    margin: 0 auto;
    display: block;
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
    top: -20%;
    border: 6px solid #fff;
    border-radius: 50%;
}

.trans1 h3 {
    font-size: 21px;
    margin-top: 20px;
    line-height: 30px;
    min-height: 90px;
    color: #cb9274;
}

.trans1 p {
    min-height: 100px;
}

.trans1 h6 {
    font-weight: 600;
    font-family: var(--titleFont);
    font-size: 18px;
}

.trans1 h6 span {
    font-size: 11px;
    font-weight: 500;
    display: block;
    margin-top: 8px;
    color: #7c7c7c;
}

.celeb-text h4 {
    font-size: 32px;
    text-transform: capitalize;
}

.celeb-text p {
    line-height: 29px;
    font-size: 16px;
}

.celeb-text h6 {
    font-family: var(--titleFont);
    font-weight: 700;
}

.celeb-text h6 span {
    font-weight: 500;
    font-size: 12px;
}

.schedule2 {
    column-count: 2;
    padding-left: 0;
}

.schedule2 li {
    line-height: 40px;
}

.addBg .menuPhone {
    width: 50%;
}

.free-book {
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 0;
    margin-top: 15px;
}

.free-book li {
    line-height: 20px;
    font-size: 12px;
    position: relative;
    font-weight: 400;
    list-style: none;
    padding-left: 20px;
    margin-bottom: 10px;
}

.free-book li:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f3a5";
    font-size: 12px;
    position: absolute;
    left: 0;
    top: 6px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.shopping-step {
    position: relative;
    margin-top: 10px;
}

.shopping-step ol {
    display: flex;
    align-items: center;
    justify-content: center;
}

.shopping-step ol li {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 5px;
}

.shopping-step ol li.mode-active {
    color: #072614;
    font-weight: 600;
    border-bottom: 2px solid #072614;
    padding-bottom: 3px;
}

.shopping-step ol li.cus-dashed {
    display: inline-block;
    border-top: 1px dashed #696b79;
    height: 2px;
    width: 6%;
}

.designation-2 {
    font-size: 13px;
}

.blog4 .starIcon li .la {
    font-size: 14px;
}

.coupon-list {
    display: flex;
    position: relative;
    cursor: pointer;
    font-size: 14px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    vertical-align: middle;
}

.coupon-code1 {
    color: var(--blue1);
    border: 1px dashed var(--blue1);
    border-radius: 3px;
    margin-left: 16px;
    padding: 8px 12px;
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 600;
    min-width: 150px;
    margin-right: 15px;
    text-align: center;
    width: 100%;
}

.apply-coupon a {
    color: var(--blue1);
    border: 1px solid var(--blue1);
    padding: 4px 16px;
    border-radius: 0.25rem;
    font-size: 12px;
}

.apply-coupon a:hover {
    background: var(--blue1);
    color: #fff;
}

.coupon-rule {
    margin-left: 36px;
    font-weight: 600;
    padding-top: 12px;
}

.coupon-rule p {
    margin-bottom: 5px;
    font-size: 12px;
}

.form-check-input[type="checkbox"] {
    box-shadow: none;
}

.tooltip1 {
    text-decoration: none;
    position: relative;
}

.tooltip1 .zoomer-img1 {
    display: none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    color: #000;
    background: #fff;
}

.tooltip1 .zoomer-img1 img {
    height: 200px;
}

.tooltip1:hover .zoomer-img1 {
    display: none;
    position: fixed;
    top: 82.4%;
    transform: translateY(-43%);
    left: 11%;
    overflow: hidden;
    border-right: 0;
    width: 30.6%;
}

.cancel-img {
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    right: 10px;
    z-index: 1;
    top: -10px;
    cursor: pointer;
}

.cancel-img .fa {
    color: var(--blue1);
    font-size: 14px;
}

.coupon-list-1 {
    background: #f4f4f5;
    max-height: 400px;
    overflow-y: scroll;
}

.coupon-list-1 .coupon-2:first-child {
    margin-top: 10px;
}

.blog_descriptions ul {
    list-style-type: disc;
    padding-left: 0;
    list-style-position: inside;
}

.blog_descriptions ul li {
    font-weight: 100;
    line-height: 28px;
}

.blog_descriptions ul li p {
    display: inline;
}

.tabbed-content .tabs {
    display: none;
}

.tabbed-content .item {
    min-height: 2em;
}

.tabbed-content .item::before {
    content: attr(data-title);
}

.tabbed-content .item .item-content {
    opacity: 0;
    visibility: hidden;
    height: 0;
}

.tabbed-content .item.active .item-content {
    opacity: 1;
    visibility: visible;
    height: auto;
}

.morecontent span {
    display: none;
}

.morelink {
    display: block;
}

@media all and (min-width: 767px) {
    .tabbed-content .tabs {
        display: block;
    }

    .tabbed-content .tabs li {
        display: inline-block;
    }

    .tabbed-content .tabs li a {
        display: block;
        color: #807f7f;
        padding: 15px 30px;
        padding-left: 0;
    }

    .tabbed-content .item {
        min-height: 0;
    }

    .tabbed-content .item::before {
        display: none;
    }

    .tabbed-content.tabs-side .tabs {
        width: 150px;
        float: left;
    }

    .tabbed-content.tabs-side .tabs li {
        display: block;
    }

    .tabbed-content.tabs-side .item {
        margin-left: 150px;
    }
}

.cafe-address h3 {
    text-align: left;
    margin-bottom: 8px;
    font-size: 18px;
    letter-spacing: 0.05em;
    font-weight: 600;
    line-height: 1.35;
    color: #0a263c;
    text-transform: uppercase;
    font-family: var(--titleFont);
}

.cafe-address {
    width: 100%;
    float: left;
    display: block;
    background: #e6dfd1;
    align-self: center;
    padding: 0 30px 30px;
    margin-top: 50px;
}

.item-content {
    margin-top: 0;
    background: #e6dfd1;
}

.tabbed-content .tabs li a.active {
    color: #a77f4e !important;
    font-weight: 700;
}

.contact-us-map iframe {
    width: 100%;
    height: 100%;
}

.cafe-address a {
    color: #161616 !important;
    font-weight: 400 !important;
}

.cafe-address p {
    margin-bottom: 20px !important;
}

.contact-tabbing h5 {
    color: #807f7f !important;
    font-family: var(--titleFont) !important;
}

.contact-tabbing .nav-link.active {
    border-bottom: 3px solid #000 !important;
    text-decoration: none !important;
}

.contact-tabbing .nav-link.active h5 {
    color: #000 !important;
}

.contact-tabbing .nav-link {
    border-right: 0 !important;
}

.vist-1 li {
    color: #161616;
    line-height: 28px;
}

.vist-1 li a {
    color: #161616;
}

.guide1 {
    background: url(../img/guide.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
}

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

.why-us-sec h2 {
    text-align: center;
    color: var(--blue1);
    font-size: 34px;
    margin-bottom: 20px;
}

.services-text p {
    text-align: justify;
}

.sprite-sapphire {
    position: -webkit-sticky;
    position: sticky;
    top: 40%;
    max-width: 100%;
    background: url(../img/sprite-02.png) no-repeat 0 0%;
    background-size: 100%;
    width: 232px;
    height: 184px;
}

.preview-sapphire-wrap {
    position: absolute;
    z-index: 1;
}

.font-family-sans-serif {
    font-family: "Lato", sans-serif;
}

.section-dyo {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    -js-display: flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
}

.inr-flag {
    width: 22px;
    height: 15px;
    display: inline-block;
    background-size: cover !important;
    margin-right: 5px;
}

li .inr-flag {
    position: relative;
    top: 2px;
}

/* img.img-fluid.d-block.mx-auto.book-img {
    margin-top: -11vw;
} */

.flag-btn {
    width: 20px;
    height: 20px;
    background-size: cover !important;
    margin-right: 5px;
    float: left;
}

.flag-btn-lg {
    width: 30px;
    height: 20px;
    background-size: cover !important;
    margin-right: 5px;
    float: left;
    background-position: center !important;
}

.sku-origin .sku-code strong {
    color: #9b9b9b;
}

label.invalid {
    background-color: #fdd;
}

.error {
    color: red;
}

.vimeo-frame.position-relative {
    height: 79vh;
}

@media (max-width: 767px) {
    .vimeo-frame.position-relative {
        height: 27vh;
    }

    .main-heading {
        font-size: 22px;
    }

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

    .border-sm-top {
        border-top: 1px solid #dee2e6 !important;
    }

    .border-left-sm-0 {
        border-left: 0 solid #dee2e6 !important;
    }

    .choose-opt-img {
        overflow: hidden;
    }

    .choose-opt-img img {
        object-fit: cover;
        height: 53px !important;
    }

    .section-sapphires {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .pd-gj-icons {
        border-left: 0;
    }

    .specification-new ul.specTable-new li {
        width: 50%;
        margin-bottom: 20px;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section-sapphires {
        height: 610px;
    }
}

@media (min-width: 1200px) {
    .section-sapphires {
        height: 584px;
    }
}

@media (min-width: 768px) {
    .figure-sapphires {
        width: 48%;
    }
}

@media (min-width: 992px) {
    .figure-sapphires {
        position: absolute;
        right: 0;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .figure-sapphires {
        right: 0;
        width: 465px;
        margin-top: 0;
    }
}

@media (min-width: 1200px) {
    .figure-sapphires {
        width: 620px;
        top: 60px;
    }
}

.sapphire-option {
    max-width: calc(50% - 0.75rem);
}

@media (min-width: 992px) {
    .section-preview {
        height: 836px;
        background: -webkit-gradient(
            linear,
            left top,
            left bottom,
            from(#f2f2f2),
            color-stop(20%, #fafafa),
            to(#f2f2f2)
        );
        background: linear-gradient(#f2f2f2, #fafafa 20%, #f2f2f2);
    }
}

@media (min-width: 992px) {
    .section-preview .more {
        width: 880px;
    }
}

.figure-preview {
    position: absolute;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .figure-preview {
        right: -144px;
        width: 640px;
    }
}

@media (min-width: 1200px) {
    .figure-preview {
        right: -156px;
        width: 800px;
    }
}

.preview-sapphire-wrap {
    position: absolute;
    z-index: 1;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .preview-sapphire-wrap {
        top: 380px;
        right: 55px;
        width: 194px;
        height: 583px;
    }
}

@media (min-width: 1200px) {
    .preview-sapphire-wrap {
        top: 360px;
        right: 100px;
        width: 232px;
        height: 608px;
    }
}

@media (min-width: 1500px) {
    .preview-sapphire-wrap {
        height: 608px;
    }
}

.packaging-video-placeholder {
    max-width: 400px;
}

.sprite-sapphire {
    position: -webkit-sticky;
    position: sticky;
    top: 40%;
    max-width: 100%;
    background: url(../../../www.thenaturalsapphirecompany.com/app_templates/skin_1/dyo/img/preview/preview-sapphire/sprite-02.png)
        no-repeat 0 0%;
    background-size: 100%;
    width: 232px;
    height: 184px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .sprite-sapphire {
        width: 194px;
        height: 154px;
    }
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.25),
    only screen and (min--moz-device-pixel-ratio: 1.25),
    only screen and (-o-min-device-pixel-ratio: 1.25 / 1),
    only screen and (min-device-pixel-ratio: 1.25),
    only screen and (-webkit-min-device-pixel-ratio: 2.0833333333333335),
    only screen and (min-resolution: 200dpi),
    only screen and (min-resolution: 1.25dppx) {
    .sprite-sapphire {
        background-image: url(../../../www.thenaturalsapphirecompany.com/app_templates/skin_1/dyo/img/preview/preview-sapphire/sprite-02-600w.png);
    }
}

.iframe-rwd iframe,
.iframe-rwd embed,
.iframe-rwd .embed-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    max-width: 100%;
    max-height: 100%;
    border: 0;
}

.iframe-rwd .embed-item {
    display: block;
}

.iframe-rwd {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.iframe-ratio\:1x1 {
    padding-bottom: 100%;
}

.figure-sapphires {
    margin: 1em 0;
    text-align: center;
}

.ring-sec-3 {
    background: #f2f2f2;
}

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

.services-text p a {
    color: #000;
    font-weight: 700;
}

.guide-list {
    column-count: 3;
}

.guide-list li {
    margin-bottom: 40px;
}

.guide-list li img {
    height: 50px;
}

.small-img {
    margin-top: 30px;
}

.small-img img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: block;
    margin: auto;
    object-fit: cover;
}

.step-number {
    width: 4.1rem;
    line-height: 4rem;
    border-radius: 50%;
    text-align: center;
    font-size: 2rem;
    border: 1px solid var(--blue1);
    color: #6f7071;
    margin: 0 auto 1rem;
    -webkit-box-shadow: 1px 1px 1px rgb(26 27 27 / 10%);
    box-shadow: 1px 1px 1px rgb(26 27 27 / 10%);
}

.rvina-pic {
    height: 500px;
    object-fit: cover;
    object-position: top;
}

.main_slider1 .owl-dots {
    position: absolute;
    top: 50%;
    right: 20px;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.main_slider1 button.owl-dot {
    margin-bottom: 10px;
    display: inherit;
    width: 15px;
    height: 10px;
    padding: 0;
    cursor: pointer;
}

.main_slider1 button.owl-dot:focus {
    outline: none;
    border: 0;
}

.main_slider1 .owl-dot span {
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-radius: 0;
}

.main_slider1 .owl-dot span {
    background-color: #fff;
}

.main_slider1 button.owl-dot.active span {
    background: var(--blue1);
}

#fixedHeader {
    position: fixed;
    width: 100%;
    top: -52px;
    z-index: -1;
    background: #f8f8f8;
    opacity: 0;
}

header.page-header.fixes div#fixedHeader {
    left: 0;
    z-index: 999;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    -moz-transform: translateY(100%);
    transform: translateY(100%);
    display: block;
    opacity: 1;
}

.iconFixed .img-fluid {
    height: 45px;
}

.stickyNav .scroll-menu {
    flex-direction: row;
}

.stickyNav .nav-link {
    /* padding-right: 1rem; */
    padding-left: 1rem;
    line-height: 35px;
}

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

.stickyUser .menuIcon i {
    font-size: 16px;
}

#fixedHeader .searchBar {
    height: 100%;
    display: flex;
    align-items: center;
}

.menuSec2 {
    display: flex;
    align-items: center;
}

.wing-1 p {
    padding: 0 35px;
}

.book-call-img {
    background: url(../img/anshul-goel-2.jpg), #dfe2e5;
    background-repeat: no-repeat;
    background-size: contain;
}

.education-img img {
    height: 450px;
    object-fit: contain;
}

.text-1 p {
    text-transform: capitalize;
}

.origin ul,
.ed-certificate ul {
    display: flex;
    padding-left: 0;
}

.origin ul li {
    position: relative;
    border-right: 2px solid #000;
    padding-left: 10px;
    padding-right: 10px;
}

.origin ul li:first-child {
    padding-left: 0;
}

.origin ul li:last-child {
    border-right: 0;
}

.ed-certificate img {
    margin-right: 10px;
    height: 40px;
    object-fit: cover;
}

.header-list li:last-child {
    display: none;
}

.iconFixed a {
    display: flex;
}

.read-more {
    max-height: none !important;
    position: relative;
    overflow: hidden;
}

.read-more .prompt {
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    text-align: center;
    margin: 0;
    padding-top: 60px;
    padding-bottom: 9px;
    background-image: linear-gradient(to bottom, #fff0, white);
}

.read-more .prompt .button {
    background-color: #212529 !important;
    border-color: #212529 !important;
    padding: 5px 30px;
    border-radius: 99px;
    box-shadow: 0 0 15px 5px #fff;
    text-shadow: 1px 1px rgb(0 0 0 / 0.3);
}

.read-more.big-preview {
    max-height: 240px;
}

.read-more.big-preview .prompt {
    padding-top: 140px;
}

.logo {
    margin-left: -70px;
}

#searchoverlay {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(0 0 0 / 0.5);
    z-index: 2;
    cursor: pointer;
}

.full-w-opt,
.full-w-opt:hover {
    color: #000;
    font-size: 16px;
}

.full-w-search {
    position: absolute;
    width: 190px;
    top: 36px;
    background-color: #fff;
    padding: 5px 5px;
    z-index: 9999999;
    width: 250px;
    border: 1px solid #b8c0cc;
}

.full-w-search input {
    border-radius: 0;
    height: 26px;
    line-height: 26px;
    border-right: 1px solid #b8c0cc;
}

.full-w-search button {
    background: #fff0;
    border: none;
    position: absolute;
    right: 0;
}

.full-w-search input::placeholder {
    font-size: 11px;
}

.google-customer {
    text-align: right;
    font-weight: 800;
    color: #827e91;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: -20px;
    right: 25px;
    font-size: 17px;
}

.mb-60 {
    margin-bottom: -60px;
}

.google-customer-1 {
    text-align: right;
    font-weight: 800;
    color: #827e91;
    display: inline-block;
    position: absolute;
    left: 82px;
    bottom: -22px;
    font-size: 17px;
}

button.owl-dot.active::focus {
    outline: 0 !important;
}

.bannerImg {
    padding: 10px 0;
}

.blog_banner .bannerImg {
    padding: 10px 0;
}

.no-padding-top {
    padding-top: 0;
}

.free-replacement {
    border: 1px solid #f2f2f2;
    padding: 0 0 20px;
    text-align: center;
    max-width: 676px;
    margin: auto;
    border-radius: 4px;
    overflow: hidden;
    background-image: url(../img/certificateImg.png);
}

.free-replacement .title {
    font-size: 20px;
    font-weight: bolder;
    background: #162b56;
    color: #fff;
    padding: 11px;
    margin-bottom: 30px;
    font-family: var(--titleFont);
}

.free-replacement h4 {
    font-size: 22px;
    color: #2c4b80;
    padding: 0 15px;
    font-family: "Mulish", sans-serif;
}

.free-replacement p {
    font-size: 19px;
    padding: 0 30px;
}

.free-replacement p u {
    color: #2c4b80;
}

.tabbed ul {
    margin: 0;
    padding: 0;
    overflow: hidden;
    padding-left: 48px;
    list-style-type: none;
    display: block;
}

.tabbed ul li button {
    display: block;
    float: left;
    padding: 10px 24px 8px;
    background-color: #fff;
    margin-right: 46px;
    z-index: 2;
    position: relative;
    cursor: pointer;
    color: #777;
    text-transform: uppercase;
    border: 0;
    transition: all 250ms ease;
    outline: 0;
}

.tabbed ul li button.active {
    z-index: 3;
}

.tabbed ul li button:before,
.tabbed ul li button:after {
    display: block;
    content: " ";
    position: absolute;
    top: 0;
    height: 100%;
    width: 44px;
    background-color: #fff;
    transition: all 250ms ease;
}

.tabbed ul li button:before {
    right: -24px;
    transform: skew(30deg, 0deg);
    box-shadow: rgb(0 0 0 / 10%) 3px 2px 5px, inset rgb(255 255 255 / 9%) -1px 0;
}

.tabbed ul li button:after {
    left: -24px;
    transform: skew(-30deg, 0deg);
    box-shadow: rgb(0 0 0 / 10%) -3px 2px 5px, inset rgb(255 255 255 / 9%) 1px 0;
}

.tabbed ul li button.active,
.tabbed ul li button.active:before,
.tabbed ul li button.active:after {
    background-color: var(--blue1);
    color: #fff;
}

.move1 {
    position: relative;
}

.move1 a i {
    top: 50%;
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #0000005c;
    padding: 20px;
    border-radius: 50%;
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}

.videolist-slider .owl-nav {
    justify-content: space-between;
}

.videolist-slider .owl-nav .owl-next i,
.videolist-slider .owl-nav .owl-prev i {
    background: var(--blue1);
    color: #fff;
    padding: 10px;
}

.videolist-slider .owl-nav button.owl-next,
.videolist-slider .owl-nav button.owl-prev {
    cursor: pointer;
    -webkit-tap-highlight-color: #fff0;
    text-align: center;
    display: flex !important;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

.more-product-btn p {
    margin-top: 20px;
}

iframe.frame-yt {
    height: 317px;
}

.sec-list ul li {
    float: none !important;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type="number"] {
    -moz-appearance: textfield;
}

.limelight img.img-fluid {
    max-height: 36px;
}

.emi-box {
    max-width: 800px;
    margin: 0 auto;
    overflow: auto;
    border: 1px solid #000;
    background-image: url(../img/certificateImg.png);
    background-size: cover;
}

.emi-box .emi-pic {
    float: right;
}

.emi-box .title {
    background: #212529;
    font-weight: 500;
    font-size: 29px;
    font-family: var(--headingFont);
    color: #fff;
    margin-bottom: 20px;
    padding: 9px 20px;
    margin-top: 20px;
}

.emi-box h4 {
    color: #2c4b80;
    margin-left: 22px;
    line-height: 28px;
    font-size: 20px;
    font-weight: 400;
    font-family: var(--titleFont);
    max-width: 350px;
    margin-top: 29px;
}

.emi-box ul {
    padding-left: 22px;
    margin-top: 28px;
}

.emi-box ul li {
    color: #000;
    line-height: 28px;
    font-size: 17px;
    font-weight: 400;
    font-family: var(--titleFont);
    max-width: 350px;
    margin-bottom: 5px;
}

.emi-box ul li img {
    width: 16px;
    margin-right: 10px;
}

.buying-guide-sec .services-text p {
    text-align: justify;
    line-height: 25px;
}

.buying-guide-sec {
    padding: 60px;
}

.buying-guide-sec .services-colm {
    height: 100%;
    display: flex;
    align-items: center;
}

.buying-guide-sec .container {
    max-width: 100%;
}

.buying-guide-sec .d-flex {
    padding: 60px;
}

.buying-guide-sec p a {
    color: #333;
}

.buying-guide-sec .order-1 {
    padding: 30px;
    background: #fff;
}

.why-us-sec h2 {
    font-size: 22px;
}

.buying-guide-sec .services-colm img {
    width: 100%;
}

.buying-guide-sec .services-colm .guide-list li img {
    width: auto;
}

.buying-guide-sec .col-lg-6.col-md-4 {
    padding: 0;
}

.bg {
    background-position: center !important;
}

#pills-tabContent .buyStone,
#pills-tabContent .buyStone:focus {
    background: #2b4880 !important;
    box-shadow: none;
}

.img-box {
    padding: 60px;
}

.img-box h3 {
    font-size: 34px;
    line-height: 40px;
    margin-bottom: 10px;
    font-family: var(--headingFont);
    color: var(--blue1);
    font-weight: 700;
}

.grey-bg {
    background: #ecf0f3;
}

.discovery-bg {
    background: url(../img/discovery-session-bg.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.img-box:nth-child(odd) img {
    float: right;
    margin-right: 0;
    margin-left: 30px;
}

.tp-txt {
    text-align: center;
    margin: 50px auto;
    max-width: 85%;
}

#product_name_video {
    margin: 0 10px;
    font-weight: 700;
    text-align: center;
}

.img-box a {
    color: #2c4b80;
}

#fade {
    display: none;
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: #000;
    z-index: 1001;
    -moz-opacity: 0.8;
    opacity: 0.8;
    filter: alpha(opacity=80);
}

/* #light {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    max-width: 600px;
    max-height: 385px;
    margin-left: -300px;
    margin-top: -180px;
    border: 2px solid #fff;
    background: #fff;
    padding: 0;
    z-index: 1002;
    overflow: visible;
} */
#light {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 90vw; /* modal responsive width */
    max-height: 90vh; /* modal responsive height */
    background: #fff;
    /* border: 2px solid #fff; */
    background: transparent;
    z-index: 1002;
    padding: 0;
    overflow: hidden;
    /* border-radius: 8px; */
    text-align: center;
}

#light video {
    width: 100%;
    height: 100%;
    max-width: 90vw;
    max-height: 90vh;
    object-fit: contain; /* ✅ keeps portrait & landscape correct */
    display: block;
}

/* #boxclose {
    float: right;
    cursor: pointer;
    color: #fff;
    border: 1px solid #aeaeae;
    border-radius: 50%;
    background: #222;
    font-size: 20px;
    font-weight: 700;
    display: inline-block;
    line-height: 0;
    padding: 11px 5px;
    position: absolute;
    right: 23px;
    top: 0px;
    z-index: 1002;
    opacity: 0.9;
} */
.boxclose {
    position: absolute;
    top: 10px;
    right: 15px;
    font-size: 28px;
    font-weight: bold;
    color: #333;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.8);
    border-radius: 50%;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    transition: background 0.3s, color 0.3s;
    z-index: 1100;
}

.boxclose:hover {
    background: #333;
    color: #fff;
}

.boxclose:before {
    content: "x";
}

#fade:hover ~ #boxclose {
    display: none;
}

.test:hover ~ .test2 {
    display: none;
}

.output-1 img.img-fluid {
    height: 100px;
}

.output-1 h4.text-dark {
    font-size: 16px;
}

.form-card .detail-1 li {
    width: 50%;
}

.main-container {
    max-width: 1270px;
}

.white-bg {
    background: #fff;
}

.bg-center {
    border-radius: 25px;
}

.about-txt .headline {
    margin-top: 0;
    font-size: 29px;
}

.about-txt .content p {
    line-height: 30px;
    white-space: normal;
}

.curve-box {
    position: relative;
    padding-right: 75px !important;
    padding-left: 75px !important;
}

.bullet-point ul {
    padding-left: 0;
}

.bullet-point ul li {
    position: relative;
    padding-left: 17px;
    margin-bottom: 5px;
}

.bullet-point ul li:before {
    content: "\f101";
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f101";
    position: absolute;
    left: 0;
    top: 3px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

#pills-tabContent .buyStone {
    margin-left: 0 !important;
}

/* .modal-dialog.modal-dialog-centered {
    margin-top: 74px;
} */

#bookDownload .modal-dialog.modal-dialog-centered {
    margin: 1.75rem auto;
}

.menu-dropdown-icon .dropdown {
    padding: 10px;
    margin: 10px 15px 0;
    border: 1px solid #d0d0d0;
}

.menu-dropdown-icon span.inr.d-inline-block {
    width: 100%;
    box-sizing: border-box;
    margin: 0;
}

.menu-dropdown-icon .dropdown #dropdownMenuButton {
    position: relative;
    width: 100%;
    text-align: left;
}

.menu-dropdown-icon .dropdown #dropdownMenuButton::after {
    right: 0;
    position: absolute;
    top: 9px;
}

.menu-dropdown-icon .dropdown .dropdown-menu {
    position: absolute;
    width: 100%;
}

.phone-footer-1 {
    background: #ecf0f3 !important;
}

.modal button.btn-close {
    right: 10px;
    position: absolute;
    top: 10px;
}

.list-unstyled i.far.fa-check-circle.fa {
    opacity: 1;
}

.list-unstyled i.far.fa-check-circle:before {
    content: "";
    width: 13px;
    height: 12px;
    display: block;
    border: 1px solid;
    border-radius: 50%;
    top: 1px;
    position: relative;
}

.list-unstyled i.far.fa-check-circle.fa:before {
    content: "\f058";
    width: auto;
    height: auto;
    display: block;
    border-radius: inherit;
    border: 0;
}

.bg-grey {
    background: #f8f8f8;
}

.buying-txt {
    font-size: 14px;
    line-height: 30px;
}

.b-ttl {
    margin-bottom: 20px;
    font-size: 20px;
    font-family: var(--headingFont);
    font-weight: 600;
    position: relative;
    color: #000;
}

.b-title {
    margin-bottom: 20px;
    font-size: 35px;
    font-family: var(--headingFont);
    font-weight: 700;
}

.blue-box1 .new-leader {
    margin-bottom: 30px;
    border: 1px solid #f2f2f2;
    padding: 5px;
}

.blue-box1 .new-leader h5 {
    white-space: inherit;
}

@media (max-width: 1400px) {
    iframe.frame-yt {
        height: 350px;
    }

    .buying-guide-sec .d-flex {
        padding: 20px 15px 10px;
    }
}

.discovery h5 span {
    font-size: 20px;
}

.gray-bg {
    background: #ebebeb;
    padding-bottom: 50px;
}

.gray-bg .container {
    max-width: 1170px;
}

.form-bg {
    background: rgb(255 255 255 / 0.5);
    padding: 50px 30px 0;
    border-radius: 20px;
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 20%);
    backdrop-filter: blur(10px);
}

.gray-bg .ds-sub-txt {
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    font-family: var(--headingFont);
    display: inline-block;
    border-bottom: 2px solid;
    padding-bottom: 6px;
    margin-bottom: 12px;
    color: #000;
}

.gray-bg h3 {
    font-family: var(--titleFont);
    font-size: 18px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
}

.ds-title {
    font-size: 30px;
    font-weight: 600;
    font-family: var(--headingFont);
    display: inline-block;
    padding-bottom: 15px;
    color: #000;
    text-align: center;
    line-height: normal;
    margin-bottom: 20px;
}

.ds-title span {
    text-transform: uppercase;
    border-bottom: 1px solid;
}

.blue-box {
    background: #162c55;
    padding: 20px;
    margin-left: -30px;
    border-radius: 0 100px 100px 0;
    font-size: 20px;
    color: #dedee5;
    font-weight: 700;
    line-height: normal;
}

.ds-lg-txt {
    font-size: 25px;
    font-weight: 800;
    line-height: normal;
}

.form-box .form-card {
    padding: 40px 20px;
    border-radius: 20px;
    margin: 0 auto;
}

.form-box .form-control {
    border-radius: 30px;
    border: 0;
    font-size: 14px;
}

.form-box .form-label {
    font-weight: 600;
    font-size: 16px;
}

.form-box .btn-blue {
    background: #162c55;
    font-weight: 600;
    font-size: 18px;
    border-radius: 30px;
    padding: 6px 40px;
}

.form-box .mb-3 {
    margin-bottom: 20px !important;
}

i.far.fa-heart,
i.fas.fa-heart {
    display: inline-block;
}

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1);
    }

    50% {
        transform: scale(1.2, 1.2);
    }

    100% {
        transform: scale(1, 1);
    }
}

#sizeGuide .modal-dialog.modal-dialog-centered {
    margin-top: 0;
}

.buynow-sticky {
    position: fixed;
    bottom: 0;
    background: #f1f1f1;
    width: 100%;
    gap: 15px;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    z-index: 999;
    border-top: 1px solid #e3e3e3;
}

.buynow-sticky .orange-btn {
    color: #fff;
    width: 100%;
}

.orange-btn,
#nextBtn {
    background: linear-gradient(45deg, #f38b2a, #fc644f);
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    text-align: center;
    height: 40px;
}

.orange-btn,
#nextBtn {
    border: 0;
    padding: 0;
}

.blue-btn,
.step-nav #prevBtn {
    background: #212d68;
    color: #fff;
    display: block;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: 700;
    border-radius: 4px;
    text-align: center;
    height: 40px;
}

.step-nav {
    width: 100%;
    display: flex;
    gap: 10px;
}

.step-nav button {
    width: 100% !important;
}

#jewelry-itemss {
    max-height: 373px;
    overflow: auto;
}

.step-nav #prevBtn {
    border: 0;
    float: left;
    width: 50%;
    background: #000;
}

.buynow-sticky a {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    color: #fff;
}

.buynow-sticky a svg {
    margin-right: 7px;
}

#regForm {
    background-color: #fff;
}

.tab {
    display: none;
}

.step-form {
    height: 15px;
    width: 15px;
    margin: 0 2px;
    background-color: #bbb;
    border: none;
    border-radius: 50%;
    display: inline-block;
    opacity: 0.5;
}

.step-form.active {
    opacity: 1;
}

.step-form.finish {
    background-color: #04aa6d;
}

div#stepForm.modal.fade.show {
    display: flex !important;
    align-items: flex-end;
    right: 0;
}

div#stepForm.modal.fade {
    display: none !important;
}

div#stepForm.modal.fade.show .modal-dialog {
    margin: 0 !important;
    width: 100%;
}

div#stepForm.modal.fade.show .modal-content {
    border-radius: 0;
}

#stepForm label.title {
    font-size: 14px;
    font-weight: 800;
    color: #000;
    margin-bottom: 15px;
}

.radio-box label {
    width: 100%;
}

.radio-box .btn-group.btn-group-vertical {
    width: 100%;
}

.radio-box svg {
    width: 20px;
    margin-right: 10px;
}

.radio-box label.btn {
    text-align: left;
    display: flex;
    align-items: center;
    padding: 10px 16px;
}

.radio-box label.btn.btn-secondary {
    background-color: #fff0;
    border: 1px solid #f2f2f2;
    margin-bottom: 15px;
    color: #000;
    height: 40px;
    font-size: 13px;
    border-radius: 4px !important;
}

.radio-box .btn-check:checked + .btn-secondary {
    background-color: #212d68;
    color: #fff;
    outline: none;
    box-shadow: none;
}

.radio-box .btn-check:checked + .btn-secondary svg {
    fill: #fff;
}

.tab select {
    background-color: #fff0;
    border: 1px solid #f2f2f2;
    margin-bottom: 15px;
    color: #000;
    height: 40px;
    font-size: 13px;
    border-radius: 4px !important;
    padding: 8px 11px !important;
    width: 100%;
}

.radio-boxs .btn-group {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-left: 1px;
}

.radio-boxs .btn-group .btn-secondary {
    width: 30.333%;
    display: inline-block;
    background: #fff0;
    flex: initial;
    text-align: center;
    border: 1px solid #f2f2f2;
    border-radius: 4px !important;
    box-shadow: none !important;
    vertical-align: middle;
    color: #000;
    font-size: 13px;
    padding: 13px 13px 5px;
}

.radio-boxs .btn-group .btn-secondary span {
    font-weight: 800;
    display: block;
}

.radio-boxs .btn-check:checked + .btn-secondary {
    border: 1px solid #fc684c;
}

.radio-boxs .btn-group .btn-secondary img {
    margin: 0 auto;
    display: block;
    height: 40px;
    width: auto;
    transform: scale(1);
    transition: all 0.4s ease-in-out;
    -webkit-transform: translate3d(0, 0, 0);
    margin-bottom: 10px;
}

.metal-radio img {
    width: 30px;
}

.metal-radio .form-check {
    margin-bottom: 8px;
}

.metal-radio .form-check:last-child {
    margin-bottom: 0;
}

.metal-radio .form-check-input[type="radio"] {
    border: 1px solid;
}

.form-check-input:checked[type="radio"] {
    background-image: none;
    background-color: #f38b2a;
    border-color: #f38b2a;
}

.viewAll {
    max-height: 368px;
    overflow-y: scroll;
    height: 100%;
}

.modal-body .text-orange {
    color: #fa6a49;
}

div#sizeGuide {
    z-index: 9999;
    height: 100%;
    background: #000;
}

img.ring-size {
    width: 20px;
}

#accordionFlushExample .accordion-item {
    margin-bottom: 20px;
    border: 1px solid #d1d1d1;
}

#accordionFlushExample .accordion-item button.accordion-button {
    border: 0;
    padding-left: 57px;
}

#accordionFlushExample .accordion-item .accordion-collapse {
    border: 0;
}

.checkout-form input {
    border: 1px solid #000;
    padding: 10px 15px;
    height: 40px;
    width: 100%;
}

.checkout-form input::-webkit-input-placeholder {
    color: #aeaeae;
}

.checkout-form input:-ms-input-placeholder {
    color: #aeaeae;
}

.checkout-form input::placeholder {
    color: #aeaeae;
}

.checkout-form .form-group {
    margin-bottom: 10px;
}

.checkout-form .s-icon span {
    display: block;
    margin-bottom: 15px;
}

.checkout-form .s-icon {
    text-align: center;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 700;
    margin: 30px 0;
}

.checkout-form a.text {
    display: block;
    margin-top: 15px;
    color: #000;
    text-decoration: underline;
}

.checkout-form a.si {
    display: inline-block;
    line-height: 25px;
    border-radius: 0;
    padding: 7px 20px;
    color: #162b56;
    border: 1px solid;
    margin: 0 5px;
    transition: 0.3s;
    font-size: 12px;
    border-radius: 0.25rem;
}

.checkout-form a.si i.fab {
    margin-right: 8px;
    font-size: 20px;
    position: relative;
    top: 2px;
}

.checkout-form a.si:hover {
    background: #162b56;
    color: #fff;
    border: 1px solid #162b56;
}

#accordionFlushExample .accordion-item button.accordion-button:focus {
    outline: none;
    box-shadow: none;
}

.account-open {
    padding: 0 20px;
}

#accordionFlushExample .accordion-body {
    padding: 0rem 1.25rem;
}

#accordionFlushExample .contact-one .form-group {
    margin-bottom: 20px;
    margin-top: 10px;
}

.product-text1.sku-code {
    margin-bottom: 0;
    font-style: normal;
    color: #858585;
}

.sku-origin .sku-code:first-child:before {
    border-right: 1px solid #858585;
    padding-right: 10px;
    margin-right: 10px;
    content: "";
    position: absolute;
    height: 13px;
    right: 0;
    top: 5px;
}

.sku-origin .sku-code:first-child {
    position: relative;
    padding-right: 22px;
}

.videoIcon svg {
    fill: #fff;
}

.heartIcon svg {
    stroke: #fff;
}

.heartIcon svg:hover,
.videoIcon svg:hover {
    stroke: #2c4b80;
}

#wishlisted svg {
    stroke: #2c4b80;
    fill: #2c4b80;
}

.size1 img,
.size2 img {
    max-width: 37px;
    height: 37px !important;
    border: 1px solid #000;
    border-radius: 4px;
}

.form-1 h6.mulish {
    font-size: 30px;
    font-family: var(--headingFont);
    font-weight: 500;
}

.size1,
.size2 {
    position: absolute;
    bottom: 90px;
    right: 10px;
}

.size1 {
    bottom: 44px;
}

.powerDiv .del1.p-0 {
    position: absolute;
    right: 0;
    width: 60px;
}

.buynow-sticky {
    display: none;
}

.download-bg {
    padding-bottom: 40px;
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    background: #fff4f7;
    background: linear-gradient(
        180deg,
        rgb(255 244 247) 0%,
        rgb(245 245 245) 100%
    );
}

.form-1 .d-txt {
    font-size: 16px;
    margin-bottom: 15px;
}

.form-1 .d-txt strong {
    color: #f18e28;
}

form#downloadEbook {
    max-width: 500px;
}

.download-bg input.form-input {
    color: #000;
}

.download-bg input.form-input::placeholder {
    color: #ccc;
}

.download-bg .btn-blue {
    color: #fff;
    background: #162b56;
    border-radius: 4px;
    background: #162c55;
    border: 0;
    text-transform: uppercase;
    font-weight: 700;
}

.customcss,
body .custom-chat-widget {
    right: 3px !important;
    bottom: 75px !important;
}

#stepForm,
.sidebar-cart {
    /* z-index: 9999999999; */
}

.coralcertificate .certificateImg {
    width: 40px;
}

.bullet-points ul {
    justify-content: center;
    column-count: 3;
}

.bullet-points ul li {
    margin-right: 25px;
    margin-bottom: 12px;
    font-size: 1.1rem;
}

.bullet-points ul li {
    padding-left: 24px !important;
    text-align: left;
}

.bullet-points ul li::before {
    top: 0;
    position: relative;
    margin-right: 10px;
}

strong.orange {
    color: #f18e28;
    position: relative;
    font-weight: 600;
}

strong.orange:before {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    border: 1px solid;
    bottom: 0;
    display: none;
}

.thumb-box .t-pic {
    position: relative;
    overflow: hidden;
}

.thumb-box .t-pic span {
    position: absolute;
    left: -47px;
    top: 19px;
    transform: rotate(327deg);
    background: #fec341;
    padding: 5px 56px;
    font-weight: 600;
}

.thumb-box {
    border-radius: 4px;
    text-align: center;
    height: 100%;
}

.thumb-box .t-pic img {
    width: 100%;
}

.thumb-box .t-tt {
    color: var(--blue1);
    font-family: var(--headingFont);
    font-size: 1.25rem;
    padding: 16px 20px;
    text-align: center;
    font-weight: 300;
    font-size: 16px;
    font-family: var(--titleFont);
    margin-bottom: 4px;
    color: #000;
    font-size: 16px;
}

.thumb-box .t-txt {
    padding: 0 20px 30px;
    font-weight: 300;
    font-size: 15px;
    z-index: 2;
    position: relative;
    text-align: justify;
    line-height: 27px;
}

.blue-box1 {
    margin-top: 90px;
    padding: 25px 30px 5px !important;
    border-radius: 4px;
}

ul.nav.nav-tabs.multiAddress.border-bottom-0 {
    padding-bottom: 80px;
}

p.free-book1.mb-1 {
    font-size: 20px;
    font-size: 12px;
    font-weight: 400;
}

.stone-shape-container {
    max-width: 1170px;
    margin: 0 auto 80px;
}

.stone-shape img {
    transition: 0.3s;
    margin-bottom: 10px;
}

.stone-shape img:hover {
    transform: scale(1.3);
}

.stone-shape .item {
    padding: 30px 5px;
    text-align: center;
}

.stone-shape .item span {
    text-transform: capitalize;
}

.stone-shape .owl-nav {
    display: block;
    position: absolute;
    top: 42px;
}

.stone-shape .owl-nav.disabled .owl-prev {
    display: block;
    position: absolute;
    left: 0;
}

.stone-shape .owl-nav.disabled .owl-next {
    display: block;
    right: 0;
    position: absolute;
}

.stone-shape .owl-nav.disabled button {
    font-size: 30px;
    top: 0;
    position: absolute !important;
}

.stone-shape i.fa.fa-chevron-left:before {
    position: absolute;
    top: 21px;
    right: 10px;
    width: 15px;
    height: 15px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(136deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

.stone-shape i.fa.fa-chevron-right:before {
    position: absolute;
    top: 21px;
    right: 0;
    left: 10px;
    width: 15px;
    height: 15px;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    content: "";
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(314deg);
    -webkit-transition: border-color 0.2s ease;
    -moz-transition: border-color 0.2s ease;
    -ms-transition: border-color 0.2s ease;
    -o-transition: border-color 0.2s ease;
    transition: border-color 0.2s ease;
}

ul.gems-listing {
    padding: 0;
    margin: 15px 0 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

ul.gems-listing li {
    position: relative;
    padding: 0 15px;
    font-size: 15px;
}

ul.gems-listing li:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f111";
    font-size: 8px;
    position: absolute;
    left: 2px;
    top: 7px;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
}

.page-header.fixes .slider-text {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 1;
    -webkit-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

#sharebutton .st-animated {
    position: absolute;
    right: 0;
    width: 264px;
    display: none;
    transition: 0.3s;
}

#sharebutton {
    position: relative;
}

#sharebutton:hover .st-animated {
    display: flex;
    text-align: right;
    box-shadow: 2px 0 14px #000;
    padding: 4px;
    border-radius: 5px;
    bottom: -45px;
    background: #fff;
}

#product_video {
    width: 100%;
    height: 100%;
}

@media (max-width: 767px) {
    .buynow-sticky {
        display: none;
    }

    .fixed-mobile {
        position: fixed;
        z-index: 23;
        bottom: 0;
        left: 0;
        right: 0;
        background: #fff;
        padding: 14px;
        border-top: 1px solid #f2f2f2;
    }

    .gray-bg .ds-sub-txt {
        font-size: 16px;
        padding-bottom: 10px;
        margin-bottom: 30px;
    }

    .gray-bg h3 {
        font-size: 21px;
        font-weight: 800;
        line-height: 30px;
    }

    .form-bg {
        padding: 15px;
    }

    .ds-title {
        font-size: 28px;
        padding-bottom: 15px;
        margin-top: 50px;
    }

    .blue-box {
        padding: 20px;
        margin-left: -13px;
        border-radius: 0;
        font-size: 22px;
        margin-top: 0;
        margin-bottom: 40px;
        margin-right: -15px;
    }

    .ds-lg-txt {
        font-size: 19px;
        font-weight: 800;
        position: relative;
        line-height: normal;
        padding-bottom: 30px;
    }

    .ds-lg-txt:before,
    .form-box:before {
        content: "";
        height: 1px;
        width: 100px;
        background: #000;
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        margin: 0 auto;
    }

    .form-box .mb-3 {
        margin-bottom: 5px !important;
    }

    .gray-bg {
        padding-bottom: 20px;
    }

    .form-box .form-card {
        background: #ebebeb;
        padding: 0;
        border-radius: 20px;
        max-width: 100%;
        margin: 0 auto;
    }

    .buynow-sticky .pPrice,
    .buynow-sticky .oldPrice1 {
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 10px;
    }

    .form-box {
        position: relative;
        padding-bottom: 30px;
        margin-bottom: 30px;
        margin-top: 30px;
    }

    #accordionFlushExample .accordion-item:last-child {
        margin-bottom: 0;
    }

    #accordionFlushExample .contact-one .form-group {
        position: relative;
        margin-top: 0px !important;
    }

    #accordionFlushExample .accordion-body {
        padding: 0rem 1.25rem;
    }

    .checkout-form {
        margin-top: 15px;
    }

    ul.nav.nav-tabs.multiAddress.border-bottom-0 {
        padding-bottom: 0;
    }

    .stone-shape i.fa.fa-chevron-left:before {
        left: 0;
        right: inherit;
    }

    .stone-shape i.fa.fa-chevron-right:before {
        right: 0;
        left: inherit;
    }

    .stone-shape .owl-nav {
        display: flex;
        justify-content: space-between;
    }

    .stone-shape-container {
        margin: 50px auto 0;
    }

    .stone-shape-container .mb-4,
    .stone-shape-container .mb-4 h1 {
        margin-bottom: 0px !important;
    }

    .bullet-points ul li {
        margin-right: 0;
        margin-bottom: 12px;
        font-size: 15px;
    }

    .bullet-points ul li {
        padding-left: 20px !important;
    }

    .thumb-box {
        height: auto;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .new-leader img {
        height: 65px;
    }

    .new-leader-custom img {
        height: 50px;
    }

    p.free-book1.mb-1 {
        font-size: 14px;
    }

    .free-book li {
        font-size: 14px;
    }

    strong.orange:before {
        content: "";
        width: 100%;
        position: absolute;
        height: 1px;
        border: 1px solid;
        bottom: 0;
        left: 0;
        right: 0;
        display: none;
    }

    .new-leader h5 {
        font-size: 10px !important;
    }
}

div#st-1 {
    display: inline-flex;
}

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

.p-b80 {
    padding-bottom: 80px;
}

.phonecode #enq_phone_code,
.phonecode #enq_phone_code_mobile {
    position: absolute;
    width: 64px;
    border-radius: 20px 0 0 20px;
    background: #c3c3c3;
}

.phonecode input#enq_mobile,
.phonecode input#enq_mobile_mobile {
    padding-left: 80px;
}

.searchBar {
    position: relative;
}

.search_result_image img {
    width: 100px;
}

.search-search-result .search_result_content {
    overflow: hidden;
    display: block;
}

.search-search-result .search_result_title {
    display: block;
    color: var(--blue1);
    font-size: 14px;
    font-family: var(--titleFont);
    margin-bottom: 4px;
}

.search-search-result .search_result_image {
    display: block;
    height: 100%;
    float: left;
    padding: 0 10px 0 0;
}

.search-search-result .search_result_stock {
    display: block;
    font-weight: 400;
    margin-top: 4px;
    margin-bottom: 5px;
    color: #7ad03a;
}

.search-search-result .search_result_sku {
    display: block;
    font-weight: 400;
    margin-top: 3px;
    margin-bottom: 5px;
    color: #222;
}

.search-search-result .search_result_excerpt {
    display: block;
    color: #222;
}

.search-search-result .search_result_price {
    display: block;
    padding: 2px 0;
    color: #222;
    font-weight: 800;
    font-size: 14px;
}

.search-ajax-msg {
    position: absolute;
    text-align: left;
    z-index: 9999999999999;
    background: #fff;
    width: 100%;
    margin-top: -1px;
    font-size: 12px;
    line-height: 16px;
}

div#search-search-result-1 {
    padding: 0;
}

.search-search-result ul li {
    list-style: none;
    overflow: hidden;
    margin: 0 !important;
    padding: 9px 5px;
    position: relative;
}

.search-search-result ul {
    padding: 0;
    margin: 0;
}

.viewall {
    text-align: center;
    font-weight: 700;
    font-size: 15px;
}

li.search_result_item:hover {
    background: #cdc8c8;
}

.mobilesorting label {
    margin: 0 0;
    padding: 5px 0;
    display: flex;
    background: #fff0;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 13px;
    letter-spacing: 1px;
}

.mobilesorting input[type="radio"] {
    display: none;
}

button.filter-btn {
    margin-bottom: 0;
    outline: #fff0;
    background: #2c4b80;
    border-radius: 2px;
    color: #fff;
    width: 100%;
    border: none;
    padding: 10px;
    padding: 10px 30px;
    text-align: left;
}

button.filter-btn i.fa {
    float: right;
    font-size: 12px;
    padding: 3px 0;
}

.ui-slider-horizontal .ui-slider-handle {
    top: -0.3em;
    margin-left: -0.6em;
    background: #c5c5c5 !important;
    border-radius: 100%;
}

ul.tabs {
    padding: 7px 0 !important;
    font-size: 0;
    list-style-type: none;
    text-align: left;
    display: contents;
}

ul.tabs li {
    display: inline-flex;
    margin: 0 3px;
}

ul.tabs li a {
    font-size: 14px;
    text-decoration: none;
    position: relative;
    z-index: 1;
    padding: 12px 16px;
    color: #000;
    background: #f2f2f2;
    margin: 2px;
    border-radius: 3px;
}

ul.tabs li a:hover {
    border: 1px solid #b7b7b7;
    background: #e0e0e0;
}

.tabcontent {
    padding: 10px;
}

ul.tabs li.selected a {
    position: relative;
    background: #2c4b80;
    color: #fff;
}

#filter-block .col-md-9 {
    width: 70%;
    padding: 15px !important;
    background: #f6f6f6;
}

#filter-block .col-md-3 {
    width: 30%;
    padding: 0;
}

.tab2 {
    overflow: hidden;
    background: #f6f6f6;
}

.tab2 .tablinks {
    overflow: hidden;
    font-size: 11px;
    background-color: #fff;
    margin-top: 1px;
    padding: 14px 10px;
    border: none;
    outline: #fff0;
    width: 100%;
}

.tab2 button:hover {
    background-color: #2c4b80;
}

.tab2 button.active {
    background-color: #2c4b80;
    color: #fff;
}

.tabcontent2 {
    display: none;
    padding: 6px 0;
}

.priceSlider h1,
.priceSlider h2 {
    font-size: 12px;
    font-weight: 700;
    font-family: "Mulish";
    text-align: left;
    margin-bottom: 20px;
    margin-left: -7px;
}

.min-max label {
    font-size: 14px;
    float: left;
    margin-right: 5px;
    line-height: 1.6;
}

.min {
    float: left;
}

.max {
    float: right;
}

.min-max {
    width: 90%;
    max-width: 200px;
    margin: 0 auto;
    padding: 25px 0 15px 0;
}

.min-max span {
    font-size: 13px;
    text-align: center;
    display: inline-block;
    width: 30px;
    background: #dedede;
}

.min-max-range {
    padding: 30px 0 20px 0;
}

.range {
    -webkit-appearance: none;
    appearance: none;
    width: 50%;
    height: 10px;
    max-width: 400px;
    background-color: #dedede;
    margin: 0;
    padding: 0;
    outline: none;
    float: left;
}

.range::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: #0070bf;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    cursor: pointer;
}

.range::moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    background-color: #0070bf;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    cursor: pointer;
}

.filter-sec {
    display: none;
}

.filter-sec {
    position: absolute;
    top: 94px;
}

.phonecode #enq_phone_code {
    position: absolute;
    width: 50px;
    border-radius: 20px 0 0 20px;
    background: #c3c3c3;
}

.phonecode input#enq_mobile {
    padding-left: 66px;
}

#filter-block {
    display: none;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: #f8f8f8;
}

.sorting h3 {
    font-size: 12px;
    font-family: "Mulish";
    margin-right: 10px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 3px 0;
}

.sorting span {
    background: #fff;
    font-size: 11px;
    margin: 0 4px;
    padding: 3px 7px;
    font-weight: 600;
}

input[name="msorting"]:checked + span {
    color: #fff;
    background: #2c4b80;
}

#accordionFlushExample .accordion-item .accordion-button::after {
    width: 1rem;
    height: 1rem;
    border: none;
    padding: 0 8px;
    background-size: 1rem;
}

#accordionFlushExample .accordion-item button.accordion-button {
    border: 0;
    padding: 10px;
}

.peopleBuy {
    height: 50%;
    text-align: center;
    margin: auto;
    border-bottom: 1px solid #d1d1d1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
}

.del1 h4 {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    font-family: "Castellar";
    padding: 0 15px 0 5px;
    vertical-align: middle;
    display: table-cell;
}

.review5 h4 {
    background: #fff5f7;
    padding: 15px 10px;
    text-align: center;
    font-weight: 500;
    text-transform: capitalize;
    font-size: 14px;
    color: #212529;
    line-height: 20px;
    margin-top: -5px;
    font-family: var(--titleFont);
}

.otp-login {
    align-items: center;
    -moz-align-items: center;
    -webkit-align-items: center;
    -o-align-items: center;
    -ms-align-items: center;
    margin-top: 10px;
    margin-bottom: 10px;
    display: initial;
    width: 48%;
}

span#sendotp {
    text-decoration: none;
    background: #c9902d !important;
    padding: 11px 20px;
    color: #fff;
    width: 100%;
    margin-top: 6px;
    font-size: 12px;
    border-radius: 5px;
    text-decoration: none;
    cursor: pointer;
}

#view1 .modal-dialog {
    max-width: 60%;
}

.filter-sec {
    display: none;
}

.tabs-ctr {
    display: block;
}

.button-block.row {
    background: #2c4b80;
    width: 100%;
    position: fixed;
    top: 52px;
    padding: 0px !important;
    z-index: 4;
    display: inline-table;
}

.filter-btn {
    width: 50% !important;
}

button.filter-btn {
    margin-bottom: 0;
    outline: #fff0;
    background: #2c4b80;
    border-radius: 2px;
    color: #fff;
    width: 100%;
    border: none;
    padding: 10px;
    padding: 10px 30px;
    text-align: left;
}

button.filter-btn.open-button {
    border-right: 1px solid #efefef;
}

button.filter-btn i.fa {
    margin-left: 6px;
    font-size: 12px;
    padding: 3px 0;
}

.form-popup {
    display: none;
    position: fixed;
    bottom: auto;
    right: 0;
    border: 3px solid #f1f1f1;
    z-index: 100 !important;
    height: 100%;
    left: 0;
    top: 0;
}

#filter-block,
#sort-block {
    display: none;
    width: 100%;
    padding: 0;
    text-align: center;
    background-color: #f8f8f8;
    z-index: 999;
}

div#sort-block {
    position: fixed;
    top: 0;
    z-index: 99;
    margin: 0;
    left: 0;
    right: 0;
    width: 101%;
    height: 100%;
    padding: 0;
    background: #f2f2f2;
}

div#sort-block {
    height: 19%;
    bottom: auto;
    top: 93px;
}

button.btn.cancel {
    background: #2c4b80;
    width: 100%;
    color: #fff;
    text-align: left;
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 12px;
    border: none;
    margin: 0 auto;
    border-radius: 0;
}

#filter-block .col-md-3 {
    width: 35%;
    padding: 0;
    height: 85vh;
    background: #f6f6f6;
}

.tab2 {
    overflow: hidden;
    background: #f6f6f6;
}

.tab2 .tablinks {
    border-bottom: 1px solid #969696 !important;
    overflow: hidden;
    font-size: 11px;
    background-color: #f0f0f0;
    margin-top: 1px;
    padding: 15px 20px;
    border: none;
    outline: #fff0;
    width: 100%;
    letter-spacing: 1px;
    text-transform: uppercase;
    text-align: left;
}

.tab2 button.active {
    background-color: #e6e6e6;
    color: #000;
}

#filter-block .col-md-9 {
    width: 65%;
    padding: 20px 30px 0 25px !important;
    background: #fff;
}

.tabcontent2 {
    display: none;
    padding: 6px 0;
}

.priceSlider h1,
.priceSlider h2 {
    font-size: 12px;
    font-weight: 700;
    font-family: "Mulish";
    text-align: left;
    margin-bottom: 20px;
    margin-left: -7px;
}

.form-popup .price_range_selected_value {
    clear: both;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    font-weight: 700;
}

.form-popup .inputfileterv {
    padding: 3px 2px;
    font-size: 11px;
    width: 100% !important;
    max-width: 80px !important;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 2px;
    margin: 0 5px;
    font-weight: 800;
}

.col-6.float-right.pdlr.text-right > input {
    text-align: right;
    width: -webkit-fill-available;
    margin-right: 10px;
}

.price_range_selected_value {
    clear: both;
    font-size: 14px;
    margin-top: 5px;
    text-align: center;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    text-transform: capitalize;
    font-weight: 700;
}

.inputfileterv {
    padding: 3px 2px;
    font-size: 11px;
    width: 100% !important;
    max-width: 80px !important;
    text-align: center;
    border: 1px solid #707070;
    border-radius: 2px;
    margin: 0 5px;
    font-weight: 800;
}

span.to-text {
    padding: 0 20px;
}

.knowmore_tabs ul.tabs li a:hover {
    border: none;
    background: #2c4b80;
    cursor: pointer;
    color: #fff;
    border-radius: 4px;
    background: #162c55;
    border: 0;
}

span.to-text {
    padding: 0 20px;
}

.form-popup button.btn-apply,
div#sort-block button.btn-apply {
    position: absolute;
    bottom: 0;
    background: #2c4b80;
    border: none;
    color: #fff;
    width: 65%;
    z-index: 99;
    right: 0;
    left: auto;
    padding: 10px;
    border-radius: 5px;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.form-popup .pdlr input {
    background: #fff0;
    font-size: 11px;
}

.sorting h3 {
    font-size: 17px;
    font-family: "Mulish";
    margin-right: 10px;
    font-weight: 600;
    margin-bottom: 0;
    padding: 30px 20px 0;
    text-align: left;
}

div#sort-block button.btn-apply {
    width: 27%;
    right: 5px;
    margin-bottom: 10px;
}

li.search-mob {
    display: none;
}

.w-40 {
    width: 41% !important;
}

.award_slider .row.bg-white.align-items-center.pillRow img.img-fluid.global {
    width: auto;
}

.award_slider .row.bg-white.align-items-center.pillRow {
    margin: 39px 40px;
}

.award_slider .owl-dots {
    display: none;
}

.form-card.output {
    max-width: 1170px;
    margin: 30px auto 0;
}

.detail-1 {
    padding-left: 0;
    display: flow-root;
    margin-bottom: 0;
    width: 100%;
    margin-top: 30px;
}

.form-card .detail-1 li {
    width: 100%;
    padding: 8px 15px;
    font-weight: 700;
    border-bottom: 1px solid #dbdbdb;
}

.detail-1 strong {
    float: right;
    font-weight: 400;
}

.output-box {
    background: aliceblue;
    padding: 35px;
    border: 1px solid #80808061;
    border-radius: 5px;
}

.output-1.first-box {
    padding: 35px;
    border-radius: 5px;
    border: 1px solid #80808061;
}

.output-1 {
    margin-bottom: 30px;
    border: 1px solid #f2f2f2;
    padding: 36px 15px;
    border: 1px solid #80808061;
}

#sizeGuide .modal-content {
    margin-top: 30px;
}

.checkbox-dropdown {
    width: max-content;
    border: 1px solid #aaa;
    padding: 5px 30px 5px 10px;
    position: relative;
    margin-right: 5px !important;
    user-select: none;
    margin: 5px 0;
    font-size: 14px;
}

.checkbox-dropdown:after {
    content: "";
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid #fff0;
    border-top-color: #000;
    top: 50%;
    right: 10px;
    margin-top: -3px;
}

.checkbox-dropdown.is-active:after {
    border-bottom-color: #000;
    border-top-color: #fff;
    margin-top: -9px;
}

.checkbox-dropdown-list li:nth-child(1) {
    border-top: 1px solid #cdcdcd;
}

.checkbox-dropdown-list {
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 100%;
    border: inherit;
    border-top: none;
    left: -1px;
    right: -1px;
    opacity: 0;
    background-color: #fff;
    transition: opacity 0.4s ease-in-out;
    height: max-content;
    overflow: hidden;
    overflow-x: hidden;
    pointer-events: none;
    width: 250px;
    z-index: 99;
}

.is-active .checkbox-dropdown-list {
    opacity: 1;
    pointer-events: auto;
}

.checkbox-dropdown-list li label {
    display: block;
    padding: 15px 10px;
    line-height: 10px;
    transition: all 0.2s ease-out;
    font-size: 13px;
}

ul.desktop-filter {
    z-index: 9;
    /* border-bottom: 1px solid #aaa; */
    /* padding: 2px 40px 0; */
    margin-bottom: 0;
}

.checkbox-dropdown-list li label input[type="checkbox"] {
    width: 10% !important;
    float: left;
    text-align: left;
    margin-right: 5px;
}

.checkbox-dropdown-list li label:hover {
    background-color: #f4f4f4;
    color: #000;
}

ul.desktop-filter li.desktop-list {
    display: inline-block;
    margin-bottom: 7px;
}

li.desktop-list.sort-by {
    float: right;
}

section.sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 50px;
    z-index: 2;
    background: #fff;
    display: block;
}

ul.selected li.selected-list i {
    margin-left: 10px;
    font-size: 10px;
    cursor: pointer;
}

ul.selected li.selected-list {
    background: #f4f4f4;
    padding: 5px 25px;
    margin-right: 10px;
    border-radius: 30px;
    font-size: 12px;
}

ul.selected {
    display: inline-flex;
    padding: 10px 30px;
    margin-bottom: 0;
}

.read-more p {
    font-size: 13px;
    font-weight: 400;
}

.desktop-filter .btn-secondary {
    background-color: #fff0;
    color: #000;
    font-size: 12px;
    margin-right: 3px;
    border: 1px solid #ced4da;
    border-radius: 3px;
    padding: 7px;
    font-weight: 400;
    text-transform: uppercase;
}

.desktop-filter .dropdown-menu {
    padding: 20px;
    min-width: 204px;
}

.desktop-filter .dropdown-menu label,
.desktop-filter .dropdown-menu input {
    margin-top: 0;
    font-size: 14px;
    position: relative;
}

.desktop-filter .dropdown-menu input[type="checkbox"] {
    position: absolute;
    left: 0;
    top: 4px;
}

.desktop-filter .btn-secondary:focus {
    box-shadow: none;
}

.desktop-filter .dropdown-menu label {
    padding-left: 24px;
}

.desktop-filter .desktop-list li {
    margin-bottom: 8px;
}

.knowmore_tabs_contents table {
    margin-bottom: 15px;
}

.knowmore_tabs_contents table th,
.knowmore_tabs_contents table td {
    border-width: 1px;
    padding: 8px;
}

.knowmore_tabs li.selected {
    padding: 0;
}

.dropdown-toggle::after {
    /* display: inline-block;
    margin-left: 0.255em;
    vertical-align: 0.255em;
    content: "";
    border: 1px solid;
    border-left: 0;
    border-top: 0;
    width: 7px;
    height: 7px;
    transform: rotate(44deg);
    margin-top: -6px;
    margin-left: 4px; */
}

.benefits ol li strong {
    font-weight: 500;
}

.benefits ol {
    padding-left: 15px;
    line-height: 20px;
}

.shipping-block ul li img {
    width: 25px;
    margin-right: 5px;
    height: 19px;
}

.shipping-block ul li img {
    filter: invert(1);
    filter: invert(1) sepia(0) saturate(0) hue-rotate(175deg);
}

.shipping-block {
    background: #fff;
    padding: 20px;
    margin-bottom: 2rem;
    border-radius: 10px;
}

.shipping-block h3 {
    font-weight: 500;
    color: #000;
}

.shipping-block ul {
    list-style: none;
    margin-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between !important;
    padding: 0;
}

.shipping-block ul li {
    display: flex;
    font-size: 12px;
    text-align: left;
    padding: 8px 0;
    width: 33%;
    border-radius: 5px;
    color: #212529;
}

.del4,
.benefits-block {
    padding: 0 20px;
}

h4.mulish {
    font-size: 14px;
}

div#limelight-component {
    padding: 3rem 0;
    border: 0;
}

.desktop-filter .dropdown-menu label,
.desktop-filter .dropdown-menu input {
    margin-top: 0;
    font-size: 13px;
    position: relative;
    left: 0;
    top: 3px;
}

.product-review .heading {
    font-size: 40px;
    text-align: center;
    font-weight: 600;
    margin-bottom: 30px;
}

.pr-slider img.img-fluid {
    width: 100px;
    margin: 0 auto 30px;
}

.pr-box p {
    text-align: center;
    max-width: 1024px;
    margin: 0 auto;
}

.product-review {
    padding: 50px 0;
}

.pr-slider .owl-nav {
    justify-content: space-between;
}

.pr-slider i.las {
    font-size: 30px;
}

.grey-text {
    color: #212529;
    text-align: left;
}

.sm-txt {
    font-size: 12px;
}

.n-type button.btn.choose-opt {
    padding: 0 4px;
    max-width: 82px;
    border: 1px solid #fff;
    align-items: inherit;
}

.n-type button.btn.choose-opt:focus {
    box-shadow: none;
}

.n-type button.btn.choose-opt img.img-fluid {
    padding: 0;
    margin-bottom: 10px !important;
    border-radius: 9px;
}

.n-type .shapeList li {
    padding: 0;
    border: 1px solid #fff;
    align-items: inherit;
}

.n-type .shapeList li img.img-fluid {
    margin-bottom: 10px !important;
}

.pd-icons li {
    width: 33.333%;
    text-align: center;
}

.pd-banner {
    border-radius: 6px;
    margin: 15px 0;
}

#carousel-selector-1 {
    margin: 0 -5px;
}

footer.footer-2 {
    background: #f5f5f5;
    padding: 1rem;
}

footer.footer-2 ul li img {
    width: 30px;
    margin-left: 35px;
    margin-right: 5px;
    height: 30px;
}

footer.footer-2 ul li span {
    font-size: 13px;
}

header#header .text-right.pr-5 img {
    width: 25%;
}

footer.footer-2 .payOpt li img {
    max-height: 30px;
    border: none;
    width: auto;
    margin: 0 10px;
    padding: 0;
    max-width: 36px;
}

footer.footer-2 ul li span br {
    display: none;
}

.copyright p {
    font-size: 13px;
}

.cartPrice {
    text-align: right;
}

footer.footer-2 ul {
    margin-bottom: 0;
    display: inline-flex;
    padding-left: 0;
    align-items: center;
}

.copyright {
    font-size: 1vw;
    color: #212529;
    line-height: 30px;
}

.cuntery-no {
    position: relative;
}

.cuntery-no .form-control {
    padding-left: 89px;
    height: 48px !important;
}

.cuntery-no select {
    position: absolute;
    left: 1px;
    top: 1px;
    height: 46px !important;
    background: #f2f2f2;
    border: 0;
    border-radius: 3px 0 0 3px;
    padding: 5px;
    outline: none;
}

.userInput {
    display: flex;
    justify-content: start;
}

.userInput input {
    border: 1px solid #e7e7e7 !important;
    width: 50px;
    height: 40px !important;
    margin-right: 15px;
    text-align: center;
}

.radio-group {
    display: block;
    position: relative;
    padding-left: 27px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio-group input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 50%;
}

.radio-group:hover input ~ .checkmark {
    background-color: #ccc;
}

.radio-group input:checked ~ .checkmark {
    background-color: #162b56;
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-group input:checked ~ .checkmark:after {
    display: block;
}

.radio-group .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

.phone-d-flex {
    display: flex;
}

.phone-d-flex .form-control {
    width: 100%;
}

.phone-d-flex input#enq_phone_code {
    display: inline-block;
    width: 20%;
    border-radius: 21px 0 0 21px;
}

.phone-d-flex input#enq_mobile {
    width: 100%;
    border-radius: 0 21px 21px 0;
}

.store2 .gems1 {
    padding: 0;
}

.store2 .gems1 .gemText {
    background: #f2f2f2;
    padding: 12px;
    margin-top: 0;
}

.circle-point {
    background: #f18e28;
    border-radius: 50%;
    width: 42px;
    height: 42px;
    font-weight: 300;
    display: inline-block;
    text-align: center;
    color: #fff;
    line-height: 42px;
    margin-right: 12px;
    position: absolute;
    left: -65px;
    top: -10px;
    font-size: 20px;
    font-family: "Poppins", sans-serif;
}

.b-box {
    padding-left: 150px !important;
}

.menu .rudraksha_menu .sec-list ul {
    column-count: 5;
}

.menu .rudraksha_menu > ul > li.sec-list {
    width: 100%;
}

.menu .rudraksha_menu .sec-list ul {
    column-count: 5;
}

.menuIcon i.far.fa-heart {
    animation: inherit;
    color: #2c4b80;
}

.menuIcon i.far.fa-heart {
    animation: inherit;
}

.radio-btn {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio-btn input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.radio-btn .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border: 8px solid #ddd;
    border-radius: 50%;
}

.radio-btn input:checked ~ .checkmark {
    background-color: #162c54;
    border: none;
}

.radio-btn .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

.radio-btn input:checked ~ .checkmark:after {
    display: block;
}

.radio-btn .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
}

.save-address-box label {
    padding-left: 30px;
    padding-bottom: 10px;
    text-align: left;
    display: flex;
    font-size: 14px;
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
}

.save-address-box label:last-child {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
    width: 100%;
}

.save-address-box a {
    color: #162c54;
}

.prtl-myorder.track-order {
    max-width: 1076px;
}

.pd-icons img {
    max-height: 30px;
    max-width: 30px;
}

.cart-text h4 a {
    padding-right: 19px;
    display: inline-block;
}

.padding-20.download-book.pb-0 .form-1 {
    margin-bottom: 30px;
}

#basic_details {
    position: absolute;
    /* background: #ffffff40; */
    /* height: 100%; */
}

label#rec_mobile-error {
    display: none !important;
}

p.rec_mobile {
    font-size: 12px;
    color: red;
}

.card-slt-actv {
    margin: 0 10px 10px 0px !important;
    display: inline-block;
}

div#clear-all {
    display: inline;
    width: 167px;
}

.card-slt-actv a {
    color: #000 !important;
}

#desktopFilter select.form-control.form-select.sort.mb-2 {
    font-size: 12px;
    border: 1px solid #ced4da;
}

@media (max-width: 768px) {
    #desktopFilter {
        display: none;
    }

    .pureGemstone .col.box-style {
        margin-top: 20px;
    }

    .pureGemstone .col.box-style:nth-child(-n + 3) {
        margin-top: 0;
    }
}

.form-card label.error {
    color: red;
    font-size: 13px;
}

.row.cart-details {
    min-height: 531px;
}

.resend-otp {
    color: #162b56;
    cursor: pointer;
}

.full-w-search #sticky_advancesearch_input {
    border: 0;
}

.loading {
    z-index: 3;
}

.youtube-video .owl-dots {
    text-align: center;
}

.col-md-3.col-4.targetDiv:nth-child(3),
.col-md-3.col-4.targetDiv:nth-child(4),
.col-md-3.col-4.targetDiv:nth-child(5),
.col-md-3.col-4.targetDiv:nth-child(6),
.col-md-3.col-4.targetDiv:nth-child(7),
.col-md-3.col-4.targetDiv:nth-child(8),
.col-md-3.col-4.targetDiv:nth-child(9),
.col-md-3.col-4.targetDiv:nth-child(10),
.col-md-3.col-4.targetDiv:nth-child(11) {
    display: block !important;
}

.thumb-box span.moreellipses {
    display: none !important;
}

.thumb-box .t-tt {
    padding-bottom: 0;
}

.thumb-box a.morelink {
    padding-left: 0;
}

.heading-2,
ul.gems-listing li {
    font-size: 16px;
}

.tw-rounded {
    border-radius: 30px 0 30px 0;
    max-width: 134px;
    margin: 0 auto;
}

.text-grey {
    color: #858585;
}

.review-txt p:first-child {
    color: #162c55;
    font-weight: 700;
}

.celebrity-review-slider .owl-dots {
    display: flex;
    margin: 30px auto 0;
    justify-content: center;
}

.celebrity-review-slider .owl-dots button {
    outline: none;
}

button.owl-dot.active span {
    background: #cb9274;
}

.celebrity-review-slider .bg-white {
    position: relative;
}

.celebrity-review-slider .bg-white:before {
    content: "";
    background: url(https://brahmagems.com/www/assets/img/left-quote.svg)
        no-repeat;
    width: 67px;
    height: 67px;
    position: absolute;
    right: 8%;
    bottom: 8%;
    transform: rotate(180deg);
    background-size: 100%;
    opacity: 0.5;
}

.form-1 .book-img {
    max-width: 150px;
}

.arch {
    background: url(../img/arch.png) no-repeat;
    background-size: 100%;
    padding-top: 53px;
    border: 0;
    padding-bottom: 10px;
    text-align: center;
}

.arch-list {
    /* background: url(../img/arch-list.png) no-repeat; */
    background-size: 100%;
    border: 0;
    text-align: center;
    width: 100%;
    background-position: bottom;
    margin: 20px 0px;
}

.sub-links img.img-fluid {
    max-width: 107px;
    /* margin: 0 auto; */
}

.arch-list h5 {
    font-size: 16px;
    text-transform: uppercase;
}

.owl-carousel .owl-item .arch img {
    width: 48%;
}

.owl-carousel .owl-item .arch h6 {
    font-size: 12px;
    margin-top: 5px;
}

.review-box .fa {
    font-size: 35px;
    color: #dbdbdb;
}

.award_slider .bg-white {
    border-radius: 30px;
}

.review-box {
    color: #fff;
}

.banner1 .text2 {
    z-index: 2;
}

.border-light-blue {
    border-color: #f2f8fd !important;
}

.c-logo img {
    border-radius: 50%;
    border: 10px solid #f2f8fd;
}

.c-logo {
    margin-top: -85px;
}

.rounded-lg {
    border-radius: 30px;
}

.contact-form .form-control {
    background: #f8f8f8;
    height: 40px;
}

.contact-form textarea.form-control {
    height: auto;
}

.store-address li {
    padding-left: 27px;
    position: relative;
    margin-bottom: 10px;
}

.store-address i {
    position: absolute;
    left: 0;
    top: 4px;
}

.store-address li a {
    color: #000;
}

.blue-icons li a {
    color: #2c4b80;
    font-size: 24px;
    height: 50px;
    width: 50px;
    border: 1px solid;
    transition: 0.3s;
}

.blue-icons li a:hover {
    background: #2c4b80;
    color: #fff;
}

.height-auto {
    height: auto !important;
}

#st-2 .st-btn {
    display: inline-block !important;
}

.blue-shade {
    background: #a8b3d9;
    background: linear-gradient(
        280deg,
        rgb(168 179 217) -16%,
        rgb(22 44 85) 50%
    );
}

.celebrity-review-slider .h5 {
    font-size: 18px;
    font-weight: 500 !important;
}

.whatsapp-list:hover a {
    color: #fff;
}

.price-quality table {
    border: 0;
}

.price-quality table td {
    border: 0;
    padding: 0;
    display: inline;
}

.price-quality table td:first-child {
    margin-right: 9px;
}

.price-quality table tr {
    display: inline-block;
    border-bottom: 1px solid;
    width: 100%;
    padding: 10px 0;
}

.whatsapp-svg img {
    width: 25px;
}

a.whatsapp-svg {
    background-color: #25d366;
    color: #fff;
    border-radius: 50px;
    text-align: center;
    font-size: 20px;
    box-shadow: none;
    z-index: 100;
    width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
}

a.whatsapp-svg:before {
    content: "";
    position: absolute;
    border-radius: 50%;
    padding: 20px;
    border: 5px solid #00ff5f8c;
    opacity: 0.75;
    animation-name: pulse-border;
    animation-duration: 1.5s;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
}

.cat-check ul {
    padding: 0;
    column-count: 4;
    column-gap: 0;
    line-height: normal;
}

.cat-check ul li {
    position: relative;
    padding-left: 0px;
    color: #000;
    margin-bottom: 10px;
}

.cat-check {
    /* margin-bottom: 25px !important; */
}

.cat-check ul li:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    content: "\f3a5";
    font-family: "Line Awesome Free";
    font-weight: 900;
    /* position: absolute; */
    left: 0;
    color: #ff7900;
    top: 4px;
}

@keyframes pulse-border {
    0% {
        padding: 25px;
        opacity: 0.75;
    }

    75% {
        padding: 50px;
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.menu-icon {
    width: 22px;
    height: 17px;
    display: inline-block;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    top: 4px;
}

.brahmagems-logo {
    height: 45px;
}

.down-book-img {
    /* min-width: 360px;
    min-height: 394px; */
    display: block;
    margin-top: -11vw;
    background-repeat: no-repeat !important;
    min-height: 23rem;
}

.moretext .moreless-button {
    position: absolute;
    right: 0;
    bottom: 0;
    background: #fff;
    padding-left: 10px;
}

.head-title.cat-read-more {
    position: relative;
}

.moretext.show-read a.moreless-button {
    position: relative;
}

.accordion-button::after {
    position: absolute;
    right: 10px;
}

.accordion-button::after {
    width: 1rem;
    height: 1rem;
    content: "";
    background-size: unset;
}

.accordion-button {
    box-shadow: none !important;
}

.accordion-button:hover {
    color: #ff7900;
}

#faqAccordion button {
    padding: 0.7rem 39px 0.7rem 20px;
    font-size: 15px;
    font-weight: 300;
    font-family: "Poppins", sans-serif;
}

.arrow-point ul {
    position: relative;
    padding-left: 24px;
    color: #000;
}

.arrow-point ul li {
    margin-bottom: 5px;
}

.arrow-point ul li:last-child {
    margin-bottom: 0;
}

.arrow-point ul li:before {
    font-family: "Line Awesome Free";
    font-weight: 900;
    content: "\f061";
    color: #f18e28;
    position: absolute;
    left: 0;
}

.blog3 .row {
    border-radius: 10px;
    overflow: hidden;
}

@media (min-width: 992px) {
    .owl-height-100 .owl-stage {
        display: flex;
    }

    .owl-height-100 .owl-stage .bg-white {
        height: 100%;
    }

    .owl-height-100 .item {
        height: 100%;
    }

    .moretext {
        display: block !important;
    }

    a.moreless-button {
        display: none;
    }

    .moretext {
        display: none;
    }
}

.moretext.show-read {
    display: block;
}

.js-cookie-consent.cookie-consent {
    z-index: 999999;
}

.checkout-border-focus-none .accordion-button:focus {
    border-color: rgb(0 0 0 / 0.125) !important;
}

img.shake {
    animation: shake 1500ms ease-out infinite;
}

@keyframes shake {
    0% {
        ransform: translateX(0);
    }

    25% {
        transform: translateX(-4px);
    }

    50% {
        ransform: translateX(4px);
    }

    100% {
        transform: translateX(0px);
    }
}

.main-heading.custom-heading,
.recomendation .custom-heading,
#limelight-component h2 {
    font-size: 38px;
    font-family: var(--playfair) !important;
    color: #162c55;
    font-weight: 700;
}

h5.title.custom-heading,
h1.title.custom-heading {
    padding: 30px 0 0;
    font-size: 38px;
    font-family: var(--headingFont);
    color: #162c55;
    font-weight: 700;
    text-transform: capitalize;
    font-family: var(--playfair);
}

.gemheading {
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    /* margin-top: 1rem; */
    line-height: 18px;
    font-family: var(--playfair);
    color: #000;
}

.gemsubHeading {
    font-size: 14px;
    font-family: var(--poppins);
    color: #000;
    font-weight: 500;
    margin-top: -10px;
}

.whyUs p {
    font-family: var(--poppins);
}

.recomendation-slider h4.text-white.fw-normal,
.whyUs h4 {
    font-family: var(--playfair) !important;
}

sub,
sup {
    font-size: 0.65em;
}

span.callBack.c-pointer.btn-orange {
    font-size: unset;
    border: none !important;
    text-align: center;
}

.naturalGemstone {
    justify-content: center;
}

.naturalGemstone img {
    width: 150px;
}

.download-book .down-book-img {
    margin-top: 0;
}

.schedule_with_anshul .col-md-4 .d-md-block.d-none {
    margin-top: -90px;
}

.read-more-txt {
    text-align: left;
    /* font-weight: 700; */
}

.review5 h4 {
    /* font-weight: 700;
    color: #333333;
    font-family: var(--titleFont); */
    font-family: var(--poppins);
    font-weight: 400;
    color: #343434;
}

.download-book .form-1 li {
    font-family: var(--poppins);
    font-weight: 400;
    color: #000;
    font-size: 16px;
}

/* Video carousel */
@media (max-width: 767px) {
    .video-carousel .play-video {
        position: relative;
        overflow: hidden;
        margin-bottom: 20px;
        border-radius: 10px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.9);
        transition: transform 0.2s ease-in-out;
        width: 80%;
        max-width: 400px;
        height: auto;
    }

    .gemheading {
        font-size: 13px;
        font-family: "Poppins", sans-serif !important;
    }

    .gemsubHeading {
        font-size: 12px;
    }

    .main-heading.custom-heading,
    .recomendation .custom-heading,
    .pureGemstone h5.title,
    h5.title.custom-heading,
    h1.title.custom-heading {
        font-size: 24px !important;
    }

    #size-33 {
        font-size: 33px !important;
    }

    .btn-orange {
        font-size: 15px;
    }

    .schedule-benefits-list ol {
        line-height: 1.2;
    }

    .custom-para,
    .download-book .form-1 li {
        font-size: 14px !important;
    }

    .anshul {
        padding-top: 0px !important;
        background-image: none !important;
        background-color: #efefef;
    }

    .hide-on-mobile {
        display: none !important;
    }

    .cat-check ul li {
        text-align: center;
    }

    .cat-check ul li:nth-child(even) {
        margin-bottom: 0px;
    }
}

.custom-para {
    font-family: var(--poppins);
    font-weight: 400;
    color: #000;
    font-size: 16px !important;
}

.form-control::placeholder,
select.form-control {
    font-family: var(--poppins) !important;
    /* color: #b9b9b9;
    font-weight: 200; */
    border: none;
}

select.form-control {
    border: 1px solid #ced4da;
}

.form-control {
    font-size: 14px;
}

.video-carousel .play-video img {
    max-width: 100%;
    width: 100%;
    height: auto;
    display: block;
    transition: 0.3s;
}

.video-carousel .play-video:hover img {
    transform: scale(1.05);
}

.video-carousel .play-video::after {
    content: attr(data-video-name);
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #fff;
    color: #222;
    border-radius: 30px;
    opacity: 0;
    transition: top 0.3s ease, opacity 0.3s ease, box-shadow 0.3s ease;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 2px;
    transform: translateY(50%);
    box-shadow: 0 12px 41px 0px rgba(0, 0, 0, 0.5);
    z-index: 1;
    padding: 10px;
}

.video-carousel .play-video:hover::after {
    top: 30%;
    opacity: 1;
    box-shadow: 0 12px 41px 0px #3333338c;
    display: none;
}

.play-video i.la-play {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 3;
    font-size: 15px;
    color: #fff;
    border: none;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    transition: 0.5s ease-out;
    background: linear-gradient(45deg, #ef3f09, #ee7855);
}

.video-carousel .owl-dots {
    text-align: center;
    margin: 20px 0px;
}

.leader {
    background-color: #efefef;
}

@media (min-width: 768px) {
    .row > .usp {
        position: relative;
    }

    .row > .usp:not(:last-child)::after {
        content: "";
        position: absolute;
        top: 50%;
        right: -25px;
        transform: translateY(-50%);
        height: 80%;
        border-right: 2px solid #000;
    }
}

.chat-now {
    background: #00c300;
}

.btn-footer {
    font-size: 15px;
}

.product-list {
    background: #ffc51e;
    color: #212121;
    font-size: 16px;
    text-align: center;
    padding: 10px;
    font-weight: 700;
    border-radius: 3px;
    font-family: var(--poppins);
    margin-bottom: 0;
}

/* Listing Banner */
.yellow-sapphire-section {
    background: linear-gradient(
            to right,
            rgba(0, 0, 0, 0.6),
            rgba(0, 0, 0, 0.4)
        ),
        url("../img/yellow-sp.png") no-repeat center center/cover;
    padding: 60px 0;
    color: #ffffff;
}

.yellow-sapphire-section h6 {
    font-size: 1rem;
    text-transform: uppercase;
    margin-bottom: 10px;
}

.yellow-sapphire-section h2 {
    font-size: 2rem;
    line-height: 1.5;
}

.yellow-sapphire-section p {
    font-size: 1rem;
}

.fa,
.far,
.fas {
    font-family: "Font Awesome 5 Free" !important;
}

.schedule_with_anshul li {
    color: #000;
    font-size: 16px;
    text-align: left;
}

.play-video-image {
    cursor: pointer;
}

@media (max-width: 767px) {
    .video-carousel .play-video {
        margin-bottom: 0;
        width: inherit;
        box-shadow: none;
    }
}

.anshul {
    background-image: url(../img/anshulgoel.png);
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    /* padding-top: 80px; */
}

/* New Banner Css */
.ban_sec {
    width: 100%;
    margin-bottom: 8px;
}

.ban_img {
    width: 100%;
    position: relative;
    max-height: 100%;
    display: inline-block;
}

.ban_img img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}

.ban_text {
    position: absolute;
    top: 50%;
    left: 10%;
    z-index: 2;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.ban_text p {
    color: #fff;
    margin: 0;
    font-size: 18px;
}

.ban_text h1.title.custom-heading {
    font-size: 45px;
    /* -webkit-text-stroke: 1px #ef3f09; */
}

.ban_footer {
    position: absolute;
    bottom: 0;
    color: #fff !important;
    text-align: center;
    width: 100%;
    z-index: 2;
}

.bnnr_para {
    font-size: 28px !important;
}

@media (min-width: 1600px) {
    .ban_text {
        left: 15%;
        display: flex;
        flex-direction: column;
        gap: 12px;
    }

    h5.title.custom-heading,
    h1.title.custom-heading {
        font-size: 45px;
    }
}

@media (min-width: 1200px) and (max-width: 1399px) {
}

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

@media only screen and (max-width: 991px) {
    .ban_img img {
        min-height: 290px;
        object-fit: cover;
    }

    .ban_text h1.title.custom-heading {
        font-size: 35px !important;
    }

    .ban_text p {
        font-size: 14px !important;
    }
}

@media only screen and (max-width: 768px) {
    .ban_text {
        /* left: 4%; */
        left: unset;
        text-align: center;
        width: 100%;
        top: unset;
        bottom: -60px;
    }

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

    .ban_text h1.title.custom-heading {
        font-size: 30px !important;
    }

    .ban_img .overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        /* background: linear-gradient(45deg, #111, transparent); */
        z-index: 2;
    }
}

@media only screen and (max-width: 575px) {
}

@media only screen and (max-width: 480px) {
}

/* Flip Image */

/* General reset for image wrappers */
.flip-box {
    position: relative;
    width: 100%;
    height: 100%;
    perspective: 1000px;
}

.flip-box-inner {
    position: absolute;
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    transform-style: preserve-3d;
}

.flip-box:hover .flip-box-inner {
    transform: rotateY(180deg);
}

.flip-box-front,
.flip-box-back {
    position: absolute;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
}

.image-wrapper {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.image-wrapper img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.flip-box-back {
    transform: rotateY(180deg);
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.flip-wrapper .flip-items {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 450px;
    width: 100%;
}

.flip-wrapper .owl-item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-one select.form-control {
    border: 1px solid #ced4da !important;
    border-radius: 0.25rem !important;
    color: #000;
}

@media (min-width: 1200px) {
    .recomendation-slider .container,
    .small-container .container {
        max-width: 1000px;
    }
}

.read-more-heading {
    cursor: pointer;
    font-size: 1.2rem;
    font-weight: bold;
}

.read-more-container {
    background: #f8f9fa;
    padding: 0px 15px;
}

.read-more-content {
    padding-bottom: 15px;
}

.schedule_mob .row img {
    width: 150px;
}

.schedule_mob ul li {
    text-align: left;
    font-size: 14px;
    line-height: 2rem;
}

.schedule-benefits-list ol {
    padding: 0;
    list-style: none;
    display: block;
}

.schedule-benefits-list ol li {
    width: 100%;
    position: relative;
    padding-left: 26px;
    display: flex;
}

.schedule-benefits-list ol strong {
    font-weight: 400;
    color: #222;
    font-size: 14px;
}

.schedule-benefits-list ol li:before {
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    line-height: 1;
    font-family: "Line Awesome Free";
    content: "\f3a5";
    position: absolute;
    left: 0;
    top: 1px;
    font-size: 16px;
}

.toggle-icon {
    margin-left: 10px;
    font-weight: bold;
}

.thumb-box {
    text-align: left !important;
}

/* Product Detail */

.bp-purchase {
    color: #212529;
    font-size: 13px;
    line-height: 22px;
    border: 1px solid #fefefe;
    border-radius: 0.3rem !important;
}

.bp-purchase h3 {
    color: #333333;
    font-size: 16px;
    /* background: #f5f5f5; */
    padding: 16px 5px;
    margin-bottom: 22px;
    position: relative;
    font-family: "Poppins", sans-serif;
}

.bp-purchase ul,
.bp-purchase p {
    padding-left: 25px;
    padding-right: 25px;
}

.request-a-call {
    width: 80%;
}

.tabcontent ul {
    list-style-type: unset;
}

a.certified-collections:hover {
    color: #000 !important;
}

/* 
.ban_text h1.title.custom-heading {
    color: #ef3f09 !important;
} */

lite-youtube {
    height: 100%;
}

.raregem-title {
    position: absolute;
    top: 50%;
    right: 11%;
    color: #fff;
    transform: translateY(-50%);
}

.rounded-5 {
    border-radius: 0.8em !important;
}

.input-group-btn {
    border: 1px solid #b8c0cc !important;
}

@media (max-width: 768px) {
    .flip-items lite-youtube,
    .flip-wrapper .flip-items {
        height: 390px !important;
    }

    span.number_font {
        font-size: 30px;
    }

    .gemheading {
        margin-top: 0rem !important;
    }

    video {
        display: block;
        max-width: 100%;
        margin: 0 auto;
        /* border: 2px solid #ccc;
        border-radius: 10px; */
    }

    .raregem-title {
        font-size: 14px;
    }

    .input-group-btn {
        border: unset !important;
    }
}

.fs-20 {
    font-size: 20px !important;
}

.btn-orange {
    background: linear-gradient(-90deg, #ee7855, #ef3f09, #ee7855, #ef3f09);
    background-size: 300% 300%;
    -webkit-animation: Gradient 3s ease infinite;
    -moz-animation: Gradient 3s ease infinite;
    animation: Gradient 3s ease infinite;
    font-size: 15px;
    color: #fff !important;
}

a.call1.dropdown-toggle.btn-orange {
    font-size: 14px;
    padding: 7px 10px;
    color: #fff;
    margin-right: 23px;
    border-radius: 4px;
    border: 0;
    height: unset;
}

@-webkit-keyframes Gradient {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

@-moz-keyframes Gradient {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

@keyframes Gradient {
    0% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

/* .anshul-name {
    bottom: 0;
    right: -12rem;
} */

.float-right {
    float: unset !important;
    display: flex;
    justify-content: flex-end;
}

.float-right i.las {
    font-size: 20px;
}

@media (min-width: 768px) {
    .grid-list {
        display: none;
    }
}

/* @media (min-width: 1400px) {

    .container-xxl,
    .container-xl,
    .container-lg,
    .container-md,
    .container-sm,
    .container {
        max-width: 1140px !important;
    }
} */

/* Product counter */
.product_counter.quantity {
    display: flex;
    align-items: center;
    padding: 0;
}
.product_counter .quantity__minus,
.product_counter .quantity__plus {
    display: block;
    width: 22px;
    height: 25px;
    margin: 0;
    background: linear-gradient(-90deg, #ee7855, #ef3f09);
    text-decoration: none;
    text-align: center;
    line-height: 25px;
}
.product_counter .quantity__minus:hover,
.product_counter .quantity__plus:hover {
    background: linear-gradient(-90deg, #ee7855, #ef3f09);
    color: #fff;
}
.product_counter .quantity__minus {
    border-radius: 3px 0 0 3px;
}
.product_counter .quantity__plus {
    border-radius: 0 3px 3px 0;
}
.product_counter .quantity__input {
    width: 35px;
    height: 25px;
    margin: 0;
    padding: 0;
    text-align: center;
    border: 1px solid #dee0ee;
    background: #fff;
}
.product_counter .quantity__minus:link,
.product_counter .quantity__plus:link {
    color: #fff;
}
.product_counter .quantity__minus:visited,
.product_counter .quantity__plus:visited {
    color: #fff;
}
/* Product counter */

/* Product Detail */
.header p {
    text-transform: uppercase;
    margin: 0;
    font-weight: 500;
}