/** Shopify CDN: Minification failed

Line 120:61 Expected identifier but found "*"
Line 572:0 Unexpected "}"

**/
/* .side-cart-content fieldset.option-selector.option-Ring.size-1 {
    display: none;
}
 
.right-drwawe-size fieldset.option-selector:nth-child(2) {
    display: none;
} */

variant-picker .side-cart-drawer {
    transition: transform .55s cubic-bezier(.77,-.11,.23,1);
    transform: translate3d(100%, 0, 0);
    right: 0;
    -webkit-transition: transform .4s cubic-bezier(.2,.4,.2,1) !important;
    transition-property: transform, visibility !important;
    -moz-transition-property: transform,visibility!important;
    -webkit-transition-property: transform, visibility !important;
}
 
variant-picker .side-cart-drawer.open {
    transform: translate(0);
}
.template-product.cc-animate-enabled .shopify-section {
    position: relative;
}
/* .template-index.cc-animate-enabled .shopify-section {
    position: relative;
} */
 .template-index.in-fixed-section .section-header {
    position: relative;
}
.template-index.cc-animate-enabled .shopify-section.section-header.fixed {
    position: sticky;
} 
.right-list {
    right: 2%;
}
.left-list {
    left: 2%;
}
.opal-new {
    display: none;
}
.opal-collection-temp .logo-area__right .show-search-link {
    order: 1;
}

.opal-collection-temp a.header-account-link {
    order: 1;
}
 
.opal-collection-temp .cart-link {

    order: 2;

}
.opal-collection-temp button.slider-nav__btn.has-ltr-icon {
    top: 39%;
}
.opal-collection-temp .image-page-button {
    display: block!important;
}
.template-product .image-page-button {
    display: block!important;
}
.template-product button.slider-nav__btn.has-ltr-icon {
    top: 39%;
}
/* .template-collection.opal-collection-temp img.logo__image {
    display: none;
} */
.template-collection.opal-collection-temp a.contactsd {
    display: none;
}
.template-collection.opal-collection-temp .logo-area__right .show-search-link {
    display: flex;
    margin: 0;
    order: 0;
}
/* .template-collection.opal-collection-temp a.logo__link {
    background-image: url(https://jewelercollective.com/cdn/shop/files/Layer_1_1.webp?v=1742298997&width=370);
    width: 185px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
} */
.main-spp {
    position: absolute;
    bottom: 13%;
    left: 45%;
}
/*  HEADER */
@media (min-width: 768px) {
/* Container to hold both image and header */
.opal-collection-temp .banner-con {
  position: relative;
  width: 100%;
  height: auto;
}

/* Image Banner Style */
.opal-collection-temp .banner-image {
  width: 100%;
  height: auto;
}

.opal-collection-temp .banner-image img {
  width: 100%;
  display: block; /* Remove any whitespace beneath the image */
}

/* Page Header Overlay Style */
.template-collection.opal-collection-temp .page-header-overlay {
  /* position: absolute; */
  /* top: 50%;  /* Adjust the vertical position as needed */ */
  /* left: 50%; */
  /* transform: translate(-50%, 0%); /* Centers the header */ */
  /* color: white;  /* Makes the text color white for better contrast */ */
  /* text-align: center; */
  /* z-index: 2; /* Ensures the header appears on top */ */
  /* padding:0px; */
  /* background: rgba(0, 0, 0, 0.0); /* Optional: Add a semi-transparent background */ */
      /* width: 100%; */
}

.template-collection.opal-collection-temp .page-header-overlay h1 {
  font-size: 2.5rem; /* Adjust the header size as needed */
  margin: 0;
}

.opal-collection-temp .page-header-overlay p {
  font-size: 1.2rem;
}
.opal-collection-temp .pageheader{
     border-bottom: 0px solid #F7F7F74D !important;
}
.opal-collection-temp .logo-area.container.container--no-max {
    border-bottom: 0px solid #f7f7f7;
}
.opal-collection-temp .logo-area__left__inner span.show-search-link__icon {
    display: none;
}
}
 @media (min-width: 768px) { 
.opal-collection-temp .logo-area__left__inner {
    display: none !important;
}
 }

.opal-collection-temp ul.navigation__tier-1 {
    color: #fff;
    background: none !important;
}
.opal-collection-temp .navigation {
        border-bottom: 0px;
}


.template-suffix-cultural-collection .utility-bar {
    display: none;
}

/* 19-03-2025 */
.opal-collection-temp .banner-image {
    padding-bottom: 800px;
}
.opal-collection-temp .banner-content-right div p {
    font-size: 28px;
}
.opal-collection-temp .banner-content-right p {
    font-weight: 500;
    font-size: 24px;
}
.opal-collection-temp .banner-content-right p {
    margin:0px;
}
.opal-collection-temp .banner-item-right {
    margin-right: 0px;
}



.opal-collection-temp .banner-content-right p:first-child {
  display: inline; /* Make the text inline with the line */
  margin-right: 10px; /* Optional: space between text and line */
}

.opal-collection-temp .banner-content-right p:first-child::after {
  content: ''; /* Creates an empty content for the line */
  display: inline-block;
  width: 100%; /* Line takes the rest of the available space */
  border-bottom: 1px solid #fff; /* Adjust the thickness and color of the line */
  margin-left: 10px; /* Optional: adds some space between text and line */
  position: absolute;
    top: 13px;
}
.opal-collection-temp .banner-content-right {
    text-align: right;
}
.opal-collection-temp .banner-content-right div {
    position: relative;
}

/* .opal-collection-temp img.picture {
    width: 864px;
    height: 864px;
} */


@media (max-width: 768px) {
.opal-collection-temp .logo-area__right span.show-search-link__icon {
    display: none !important;
} 

}
@media (min-width: 768px) {
/* .template-collection a.logo__link img {
    display: none;
} */
 
/* .template-collection a.logo__link {
    background-image: url(https://jewelercollective.com/cdn/shop/files/Layer_1_1.webp?v=1742298997&width=370);
    width: 185px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
} */
  /* .template-collection.opal-collection-temp .pageheader svg {
    filter: none;
} */


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

  .opal-collection-temp h3.herder {
    font-size: 40px;
}
  .opal-collection-temp .para {
    font-size: 20px;
}
}

@media (min-width: 769px) {
 

  .order .left-column {
    order: 1;  /* Move the product slider below the image */
  }

 .order .left-column.left-bl {
    order: 2;  /* Move the image above the product slider */
  }
  .opal-collection-temp img.for_mobile {
 display:none;
}
}

.opal-collection-temp img.for_mobile {
    background: #957A69;
}
img.for_mobile.custom-mb {
    padding: 0px 30px 30px 30px;
}

.opal-collection-temp .custom-sec .image-page-button ,.opal-collection-temp .order .image-page-button {
  display:block !important;
}


   .opal-collection-temp .navigation .navigation__link:hover, .navigation .menu-promotion__link:hover {
        color:#fff;
    }



 .order .inner , .custom-sec .inner {
display:block !important;  
}

@media screen and (min-width: 749px) and (max-width: 989px) {
    .opal-collection-temp .collection-slider-row {
        margin-top: 0px;
    }
}

/*  side bar  */
h2.tit-top {
    font-size: 45px;
    margin-top: -30px;
}
img.featured-img {
 width: 315px;
    height: 315px;
}
h2.title.product-name {
    font-size: 18px;
    margin-bottom: 5px;
}

@media screen and (max-width: 767px) {
img.featured-img {
    width: 100%;
    height: 50%;
}
  h2.tit-top {
    font-size: 30px;
}

h2.title.product-name , h2.title.pp.product-cost {
    font-size: 15px;
}

}

.close-holder {
    text-align: right;
}
img.close-img {
    width: 24px;
}
/* div#product-list {
 padding: 20px 20px 20px 30px;
} */

@media screen and (min-width: 989px) {
  .opal-collection-temp span.desktop-only {
    display: none;
}
  
}
@media screen and (max-width: 600px) {
    .right-drawer{
    width:auto !important;
  }
}
@media screen and ( min-width:600px ) and (max-width: 800px) {
    .right-drawer{
    width:70% !important;
  }
}

@media screen and ( min-width:800px ) and (max-width: 1200px) {
    .right-drawer{
    width:60% !important;
  }
}
/* 8-4-2025 */
h1.product-title {
    font-size: 40px;
    line-height: 100%;
    font-family: 'PP Neue Montreal';
    letter-spacing: 0%;
}
.underline {
    color: #232528;
    text-decoration: none !important;
}
span.product-info-label {
    font-size: 16px;
    font-weight: 500;
    font-family: 'PP Neue Montreal';
    color: #232528;
    text-decoration: underline;
}
.long span {
    font-size: 14px;
    line-height: 140%;
    font-family: 'PP Neue Montreal';
}
.long span {
    font-size: 14px;
    line-height: 140%;
    font-family: 'PP Neue Montreal';
}

.our-buttons {
    display: flex;
    width: 100%;
}

.quantity-submit-row__submit.input-row {
    width: 50%;
}

.product-dynamic-payment-button {
    width: 50%;
}
@media (max-width: 767px) {
.product .relative  button.slider-nav__btn.has-ltr-icon {
top: 64%;
}
 .product .collection-slider-row .small-feature-link.mobile {
        padding: 0 20px;
        margin-top: -30px;
        position: relative;
        font-size: 16px;
        font-weight: 400;
padding-bottom:32px;
    }
.product .collection-slider-row .small-feature-link.mobile:before {
    content: "";
    position: absolute;
    /* top: 7px; */
    left: 20px;
    right: 0;
    width: 178px;
    height: 100%;
    border-bottom: 1px solid #232528;
}
.link.custoomm {
    display: ruby;
}

}
.product .product-description strong {
    font-size: 14px;
    font-family: 'PP Neue Montreal';
    font-weight: 500;
    line-height: 100%;
}
.gld li {
    list-style: disc;
}
.diad li {
    list-style: disc;
}
.product button.btn.btn--large.add-to-cart {
    background-color: #10225D;
    color: white;
}
.product .opposing-items__left.label {
    font-size: 28px;
    font-weight: 400;
    line-height: 100%;
    font-family: 'PP Neue Montreal';
}
.product #more-payment-options-link {
    cursor: pointer;
    display: none;
}
.product .quantity-submit-row__submit.input-row {
    margin: 0 !important;
}
.our-buttons {
    gap: 18px;
    padding-top: 36px;
}
/* page-image-text */

.sct-bio-wrap {
    display: flex;
    width: 100%;
}

.left-bio {
    width: 50%;
}

.right-bio {
    width: 50%;
}

img.ab-img {
    width: 600px;
    /* height: 750px; */
    padding-left: 138px;
}

h3.b-name {
    font-size: 30px;
    line-height: 100%;
    font-family: 'PP Neue Montreal';
}
h2.b-heading {
    font-size: 40px;
    line-height: 100%;
    font-family: 'PP Neue Montreal';
font-weight: 400;
}

.b-desc p {
    font-weight: 500;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    font-family: 'PP Neue Montreal';
}
.b-cont {
    padding-top: 205px;
    padding-left: 101px;
    padding-right: 155px;
}
h5.t-text:before {
    border-top: 1px solid #10225D !important;
}
.ll-rb {
    padding-left: 101px;
}
.bio-page-section {
    padding-top: 100px;
    padding-bottom: 39px;
}
h5.t-text.sb-text {
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    font-family: PP Neue Montreal;
}
h4.b-about {
  font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    font-family: PP Neue Montreal;
}
.both-vb {
    padding-left: 138px;
}


.template-suffix-seller .logo-area__right .show-search-link {

    order: 1;

}

.template-suffix-seller a.header-account-link {

    /* margin: 0; */

    order: 1;

}
 
.template-suffix-seller .cart-link {

    order: 2;

}
.template-suffix-seller button.slider-nav__btn.has-ltr-icon {
    top: 39%;
}
/* .template-suffix-seller .image-page-button {
    display: block!important;
}

.template-suffix-seller img.logo__image {
    display: none;
}
.template-suffix-seller a.contactsd {
    display: none;
} */
.template-suffix-seller .logo-area__right .show-search-link {
    display: flex;
    margin: 0;
    order: 0;
}
/* .template-suffix-seller a.logo__link {
    background-image: url(https://jewelercollective.com/cdn/shop/files/Layer_1_1.webp?v=1742298997&width=370);
    width: 185px;
    height: 60px;
    background-repeat: no-repeat;
    background-size: contain;
}
 */

}
.template-suffix-seller span.has-paging__title {
    line-height: 30px;
    font-size: 24px;
    font-weight: 500;
    font-family: 'PP Neue Montreal';
    text-align: center;
    color: white;
}
/* .template-suffix-seller .pageheader {
    position: absolute;
    width: 100%;
    background-color: transparent;
}
.template-suffix-seller .logo-area__left__inner span.show-search-link__icon span, .template-suffix-seller .logo-area__left__inner button.mobile-nav-toggle span {
    color: #fff;
}
.template-suffix-seller .pageheader svg {
    filter: none;
} */
.template-suffix-seller .b-sub {
    font-size: 75px;
    font-family: Bagian !important;
    line-height: 75px;
    font-weight: 400;
}
.template-suffix-seller .pp-hh {
    font-family: 'PP Neue Montreal';
    line-height: 100%;
    font-size: 36px;
    font-weight: 500;
    letter-spacing: 0%;
}
.template-suffix-seller h2.majortitle.in-content.h1 {
    font-size: 16px;
    font-weight: 500;
    line-height: 100%;
    font-family: 'PP Neue Montreal';
}

@media (max-width: 989px) {
  .left-column.left-bl .img-cont::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 60%;
    bottom: 0;
    background: linear-gradient(180deg, #0000, #000);
}
}
@media (min-width: 1480px) {
  .template-index .banner-content-left div {
    font-weight: 400 !important;
    font-size: 50px;
}
.template-index .banner-item-left {
    padding-bottom: 107px;
    max-width: 827px;
}
}


.option-selector__btns.flex.flex-wrap.ring-only {
    flex-direction: column;
}

.main-all {
    grid-template-columns: 30% 40% 30%;
    padding-top: 50px;
}
.custom-internal p {
    margin: 10px;
}


/* New-css-(14-8-2025) */

.blog-page-width .blog-btn .arrow svg path {
    stroke: #000;
}

.blog-page-width {
    max-width: 1768px;
    padding: 55px 30px 157px;
    margin: 0 auto;
}

.blog-page-width .blog-heading-btn .blog-heading h2 {
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 28px;
    line-height: 100%;
    color: #232528;
    margin: 0;
}

.blog-page-width .blog-heading-btn .blog-btn .link.custoomm {
    margin: 0;
}

.blog-page-width .blog-heading-btn {
    display: flex;
    justify-content: space-between;
}

.blog-page-width .blog-heading-btn .blog-btn {
    width: 206px !important;
}

.blog-page-width .related-blogs-data .blog-main-image {
    position: relative;
    padding-bottom: 800px
}

.blog-page-width .related-blogs-data .blog-main-image::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
    height: 70%;
    z-index: 1;
}

.blog-page-width .related-blogs-data .blog-main-image img {
    width: 100%;
    max-width: 100%;
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
}

.blog-page-width .related-blogs-data > div {
    width: 50%;
    max-width: 50%;
}

.blog-page-width .related-blogs-data .left-blog-div {
    position: sticky;
    top: 0;
    height: 800px;
}

    .blog-page-width .related-blogs-data .blog-article-btn.mobile-blog-button {
    display: none;
}

.blog-page-width .related-blogs-data .blog-under-text {
    position: absolute;
    bottom: 55px;
    z-index: 2;
    text-align: center;
    left: 0;
    right: 0;
    padding: 0 30px;
}

.blog-page-width .related-blogs-data .blog-under-text span {
    color: #fff;
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-transform: uppercase;
    text-align: center;
}

.blog-page-width .related-blogs-data .blog-under-text h3 {
    color: #fff;
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 40px;
    line-height: 50px;
    text-align: center;
    max-width: 594px;
    margin: 26px auto 20px;
}

.blog-page-width .related-blogs-data .blog-under-text .vender {
    color: #fff;
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

.blog-page-width .related-blogs-data .blog-under-text .blog-data {
    color: #fff;
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    text-align: center;
    margin: 15px 0 50px;
}

.blog-page-width .related-blogs-data .blog-article-btn a {
    color: #fff;
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 16px;
    line-height: 100%;
    border: 1px solid #fff;
    border-radius: 50px;
    padding: 9px 24px;
}

.blog-page-width .related-blogs-data .blog-article-btn a svg {
    margin-left: 10px;
}

.blog-page-width .related-blogs-data .right-blog-div ul {
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: 47px 20px;
}

.blog-page-width .related-blogs-data {
    display: flex;
    gap: 20px;
    margin-top: 30px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-shoti-heading {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color: #232528;
    margin: 26px 0 0;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-heading a {
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 24px;
    line-height: 30px;
    color: #232528;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-author {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #232528;
    margin: 22px 0 10px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-data {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 12px;
    line-height: 20px;
    color: #232528;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-heading {
    max-width: 350px;
    margin-top: 13px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-image img {
    width: 100%;
    height: 100%;
    display: block;
    background-color: #f8f4ec;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: contain;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-image {
    position: relative;
}

.blog-page-width .related-blogs-data .right-blog-div .blog-item-2 .cus-blog-image img {
    object-fit: cover;
}

.blog-page-width .related-blogs-data .right-blog-div .blog-item-1 .cus-blog-image,
.blog-page-width .related-blogs-data .right-blog-div .blog-item-4 .cus-blog-image,
.blog-page-width .related-blogs-data .right-blog-div .blog-item-5 .cus-blog-image,
.blog-page-width .related-blogs-data .right-blog-div .blog-item-6 .cus-blog-image {
    padding-bottom: 363px;
}

.blog-page-width .related-blogs-data .right-blog-div .blog-item-2 .cus-blog-image {
    padding-bottom: 581px;
}

.blog-page-width .related-blogs-data .right-blog-div .blog-item-3 .cus-blog-image {
    padding-bottom: 581px;
}

.blog-page-width .related-blogs-data .blog-article-btn.last-end-btn {
    display: none;
}

/* ----- blog-page-css ----- */

.slideshow.blog-banner-section {
    max-width: 1769px;
    padding: 0 30px;
    margin: 0 auto;
}

.slideshow.blog-banner-section .text-overlay__text .text-overlay__title.h1.has-motion {
    line-height: 73px;
    text-align: center;
}

.blog-page .container.blog-page-container, .blog-page .container {
    max-width: 1769px;
    padding: 0 30px;
    margin: 0 auto;
}

.blog-page .blog-page-container .utility-bar {
    display: none;
}

.blog-page {
    margin: 45px 0 0;
}

.blog-page .blog-page-container .blog-tab {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 22px;
    line-height: 37px;
    text-transform: uppercase;
}

.blog-page .blog-page-container .blog-tab.active {
    color: #6D142A;
}

.blog-page .article.cc-animate-init.cc-animate-in {
    border: 0 !important;
    padding: 0;
    width: 100%;
    max-width: 100%;
}

.blog-page .article-list.article-layout--columns {
    gap: 64px 20px;
    margin: 0 !important;
    display: grid;
    grid-template-columns: repeat(4,1fr);
}

.blog-page .article-list .article__inner h2 a {
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 24px;
    line-height: 20px;
}

.blog-page .article-list .article__inner .article-heading {
    line-height: 31px;
    margin-bottom: 30px;
    margin-top: 13px;
}

.blog-page .article-list .article__inner .article-data-auther {
    margin: 0;
    display: flex;
    flex-direction: column-reverse;
    gap: 10px;
}

.blog-page .article-list .article__inner .article-description {
    margin-bottom: 25px !important;
}

.blog-page .article-list .article__inner .article-data-auther .author {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
    color: #232528;
}

.blog-page .article-list .article__inner .article-data-auther time {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 12px;
    line-height: 15px;
    color: #232528;
}

.blog-page .article-list .article__inner .article-image .img-ar--cover img {
    object-fit: contain;
}

.blog-page .article-list .article__inner .article-image .img-ar:before {
    display: none;
}

.blog-page .article-list .article__inner .article-image .img-ar.img-ar--cover {
    position: relative;
    padding-bottom: 367px;
    background-color: #f9f5f0;
}

.blog-page .article.cc-animate-init.cc-animate-in {
    margin: 0;
}

.blog-page .article-list .cus-blog-shoti-heading {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    margin-top: 26px;
}

.blog-page .article-list .article-image {
    margin: 0;
}

.must-read-section .must-read-article {
    display: flex;
    align-items: center;
    gap: 20px;
}

.must-read-section .must-read-articles {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 35px;
    border-top: 1px solid #D9D9D9;
    padding-top: 30px;
    justify-content: space-around;
}

.must-read-section .must-article-heading a {
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #232528;
}

.must-read-section .must-article-heading {
    line-height: 15px;
    margin: 14px 0 13px;
}

.must-read-section .cus-blog-short-heading {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color: #232528;
}

.must-read-section .must-read-date {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #232528;
    margin: 0;
}

.must-read-section {
    background-color: #F7F7F7;
    margin-top: 65px;
}

.must-read-section .must-page-width {
    max-width: 1769px;
    padding: 27px 30px 43px;
    margin: 0 auto;
}

.must-read-section .must-read-title {
    margin: 0 0 31px;
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 20px;
    line-height: 25px;
    text-align: center;
    color: #232528;
}

.must-read-section .must-blog-image img {
    max-width: 238px;
    width: 238px;
    height: 145px;
    object-fit: cover;
    background-color: #f9f5f0;
}

.must-read-section .must-read-articles > div {
    width: 33.3%;
    max-width: 33.3%;
}

/* --- end --- */

/* ----- blog-article-page-css ----- */

.detailed-article-page .page-header--padded-huge .text-overlay {
    padding-top: 0;
    padding-bottom: 700px;
}

.detailed-article-page .img-fill .theme-img {
    object-fit: contain;
}

.detailed-article-page .page-header--with-background {
    background-color: #f9f5f0;
    margin: 0;
}

.detailed-article-page .data-oming-metafield h3 {
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 18px;
    line-height: 20px;
    color: #232528;
    margin-bottom: 6px;
}

.detailed-article-page .data-oming-metafield {
    margin-top: 19px;
}

.detailed-article-page .data-oming-metafield .metafield-rich_text_field p {
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #232528;
    margin: 0;
}

.detailed-article-page .article-image--large {
    margin: 0;
}

.detailed-article-page .page-header.cf {
    padding: 0;
}

.detailed-article-page .meta.cc-animate-init.cc-animate-in {
    text-align: center;
    margin: 0;
}

.detailed-article-page .cus-blog-shoti-heading {
    margin-bottom: 21px;
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    text-transform: uppercase;
    color: #340F0F;
}

.detailed-article-page .article-blog-under-content {
    background-color: #F7F7F77F;
    padding: 81px 0 76px;
}

.detailed-article-page {
    margin: 0;
}

.detailed-article-page .meta .time {
    display: flex;
    justify-content: center;
    flex-direction: column-reverse;
    gap: 45px;
    text-align: center;
}

.detailed-article-page .article-blog-under-content .majortitle.article-heading {
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 40px;
    line-height: 48px;
    text-align: center;
    color: #340F0F;
    max-width: 800px;
    margin: 0 auto 30px;
}

.detailed-article-page .article-blog-under-content .meta {
    margin: 0;
}

.detailed-article-page .article-blog-under-content .meta span.author {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    text-transform: uppercase;
    color: #340F0F;
}

.detailed-article-page .article-blog-under-content .meta time {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: #340F0F;
}

.detailed-article-page .detailed-article-page-width {
    max-width: 1769px;
    padding: 0 30px 68px;
    margin: 0 auto;
}

.detailed-article-page .detailed-article-page-width .article-description h3 span {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    color: #232528;
}

.detailed-article-page .detailed-article-page-width .article-description h3 {
    line-height: 41px;
    margin-bottom: 30px;
    margin-top: 25px;
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 32px;
    line-height: 36px;
    color: #232528;
}

.detailed-article-page .detailed-article-page-width .article-description p span {
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
    color: #232528;
}

.detailed-article-page .detailed-article-page-width .container.container--reading-width {
    max-width: none;
    padding: 0;
    display: flex;
    justify-content: space-between;
    gap: 10%;
    margin-top: 40px;
}

.detailed-article-page .detailed-article-page-width .article-description p {
    margin: 0;
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 18px;
    line-height: 30px;
    color: #232528;
}

.detailed-article-page .detailed-article-page-width .recent-blogs .recent-blog-item {
    padding: 30px 0;
    display: flex;
    align-items: center;
    gap: 20px;
    border-bottom: 1px solid #D9D9D9;
}

.detailed-article-page .detailed-article-page-width .recent-blogs .recent-blog-images a img {
    width: 283px;
    max-width: 283px;
    height: 145px;
    object-fit: contain;
    background-color: #f9f5f0;
    display: block;
}

.detailed-article-page .detailed-article-page-width .recent-blogs h2 {
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    text-align: left;
    color: #340F0F;
    margin: 0;
}

.detailed-article-page .detailed-article-page-width .recent-blogs .recent-blog-content .cus-blog-shoti-heading {
    text-align: left;
    color: #232528;
    margin-bottom: 14px;
}

.detailed-article-page .detailed-article-page-width .recent-blogs .recent-blog-title {
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 18px;
    line-height: 24px;
}

.detailed-article-page .detailed-article-page-width .recent-blogs small {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    margin-top: 14px;
}

.detailed-article-page .detailed-article-page-width .article-description.rte.cf.spaced-row {
    width: 75%;
    margin: 0;
}

.detailed-article-page .detailed-article-page-width .recent-blogs {
    width: 40%;
}

.collection-curation-section .collection-curations-articles {
    display: flex;
    justify-content: center;
    gap: 20px;
    margin-top: 24px;
}

.collection-curation-section .must-page-width {
    max-width: 1769px;
    margin: 0 auto;
    padding: 0 30px 64px;
}

.collection-curation-section .collection-curation-title {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 24px;
    line-height: 30px;
    text-transform: uppercase;
    color: #340F0F;
    border-top: 1px solid #D9D9D9;
    padding-top: 45px;
    margin: 0;
}

.collection-curation-section .must-blog-image {
    position: relative;
    padding-bottom: 367px;
}

.collection-curation-section .must-blog-image img {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    object-fit: contain;
    background-color: #f9f5f0;
}

.collection-curation-section .must-article-heading a {
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: #232528;
}

.collection-curation-section .must-article-heading {
    line-height: 26px;
    margin: 13px 0 21px;
    max-width: 320px;
}

.collection-curation-section .cus-blog-short-heading {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 14px;
    line-height: 100%;
    text-transform: uppercase;
    color: #232528;
    margin-top: 26px;
}

.collection-curation-section .curations-article {
    width: 100%;
}

.collection-curation-section .must-read-date {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    color: #232528;
    margin: 10px 0 0;
}

.collection-curation-section span.author {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 12px;
    line-height: 100%;
    text-transform: uppercase;
    color: #232528;
}

.cs-bread {
    max-width: 1769px;
    margin: 0 auto;
    padding: 23px 30px;
}

.cs-bread .breadcrumbs-list .breadcrumbs-list__link {
    font-family: PP Neue Montreal;
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    color: #000000;
}

/* ---- end ---- */

@media (max-width: 767px){

    .cs-bread {
    padding: 23px 20px;
}

    .detailed-article-page .detailed-article-page-width .container.container--reading-width {
    flex-direction: column;
    margin-top: 30px;
    gap: 50px;
}

.detailed-article-page .detailed-article-page-width .container.container--reading-width > div {
    width: 100% !important;
    max-width: 100%;
}

.detailed-article-page .detailed-article-page-width {
    padding: 0 20px 50px;
}

.collection-curation-section .collection-curations-articles {
    flex-direction: column;
    gap: 30px;
}

.collection-curation-section .must-page-width {
    padding: 0 20px 50px;
}

.detailed-article-page .detailed-article-page-width .recent-blogs .recent-blog-images a img {
    width: 130px;
    max-width: 130px;
    height: 130px;
}

.detailed-article-page .detailed-article-page-width .recent-blogs .recent-blog-item {
    padding: 20px 0;
}

.detailed-article-page .detailed-article-page-width .recent-blogs .recent-blog-title {
    font-size: 16px;
}

.detailed-article-page .page-header--padded-huge .text-overlay {
    padding-bottom: 300px;
}

.detailed-article-page .detailed-article-page-width .article-description h3, .detailed-article-page .detailed-article-page-width .article-description h3 span {
    font-size: 22px;
    line-height: 27px;
    margin: 20px 0;
}

.detailed-article-page .detailed-article-page-width .article-description p span, .detailed-article-page .detailed-article-page-width .article-description p {
    font-size: 16px;
    line-height: 29px;
}

.detailed-article-page .detailed-article-page-width .recent-blogs .recent-blog-content .cus-blog-shoti-heading {
    margin-top: 10px;
}

.detailed-article-page .detailed-article-page-width .recent-blogs .recent-blog-item:last-child {
    border: 0;
    padding: 20px 0 0;
}

.collection-curation-section .must-blog-image {
    padding-bottom: 250px;
}

.collection-curation-section .must-article-heading a {
    font-size: 20px;
    line-height: 25px;
}

.collection-curation-section .must-article-heading {
    margin: 15px 0 10px;
}

.detailed-article-page .detailed-article-page-width .recent-blogs h2 {
    font-size: 24px;
}

.detailed-article-page .article-blog-under-content {
    padding: 50px 0;
}

.detailed-article-page .article-blog-under-content .majortitle.article-heading {
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 25px;
}

.detailed-article-page .meta .time {
    gap: 15px;
}

    .blog-page .article .article__inner.first-active {
    flex-direction: column;
    gap: 25px;
}

.blog-page .article .article__inner.first-active .article-image .img-ar--cover img {
    height: 339px;
    object-fit: contain;
    width: 100%;
    max-width: 100%;
}

.blog-page .article-list .article .article__inner.first-active .article-heading a {
    font-size: 24px;
    line-height: 33px;
}

    .must-read-section {
    margin-top: 40px;
}

    .blog-page .article:last-child .article__inner {
    border: 0;
    padding: 0;
}

    .blog-page .article-list.article-layout--columns {
    grid-template-columns: 1fr;
    gap: 20px;
}

.blog-page .container.blog-page-container, .blog-page .container {
    padding: 0 20px;
}

.blog-page {
    margin-top: 25px;
}

.blog-page .mobile-tabs select#blog-tab-dropdown {
    border: 0;
    border-bottom: 1px solid #D9D9D9;
    border-radius: 0;
    padding: 0 0 5px;
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 22px;
    line-height: 100%;
    text-transform: uppercase;
}

.blog-page .mobile-tabs select#blog-tab-dropdown option {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    text-transform: capitalize;
}

.must-read-section .must-read-articles {
    flex-direction: column;
    gap: 20px;
    padding-top: 20px;
}

.blog-page .article-list .article__inner {
    display: flex;
    gap: 9px;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 20px;
}

.blog-page .article-list .article__inner .article-image .img-ar--cover img {
    position: static;
    width: 130px;
    max-width: 130px;
    height: 130px;
}

.blog-page .article-list .article__inner .article-image .img-ar.img-ar--cover {
    padding: 0;
}

.blog-page .article-list .cus-blog-shoti-heading {
    margin: 0;
}

.blog-page .article-list .article__inner .article-heading {
    margin: 12px 0 13px;
    line-height: 15px;
}

.blog-page .article-list .article__inner h2 a {
    font-size: 16px;
    line-height: 20px;
}

.blog-page .article-list .article__inner .article-data-auther {
    gap: 4px;
}

.must-read-section .must-read-articles > div {
    width: 100%;
    max-width: 100%;
}

.must-read-section .must-blog-image img {
    max-width: 130px;
    width: 130px;
    height: 130px;
    object-fit: contain;
}

.must-read-section .must-read-article {
    gap: 9px;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 20px;
}

.must-read-section .must-read-articles > div:last-child {
    border: 0;
    padding: 0;
}

.must-read-section .must-read-title {
    text-align: left;
    margin-bottom: 5px;
}

.must-read-section .must-page-width {
    padding: 25px 20px;
}

    .slideshow.blog-banner-section {
    padding: 0;
}

.slideshow.blog-banner-section .text-overlay__title.h1.has-motion {
  background: linear-gradient(180deg, #6D142A 58%, #A67D25 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  color: transparent;
  text-shadow: 1px 0px 1px rgba(0,0,0,0.3);
}

.slideshow.blog-banner-section .text-overlay__text .text-overlay__title.h1.has-motion {
    line-height: 44px;
    margin: 0 auto;
}

.slideshow.blog-banner-section .image-overlay--bg-shadow .text-overlay .text-overlay__inner {
    position: absolute;
    top: 50px;
    left: 0;
    right: 0;
    padding: 0;
    text-align: center;
}

.slideshow.blog-banner-section .text-overlay__text.slideshow__motion-overlay.has-motion {
    text-align: center;
}

    .blog-page-width .related-blogs-data .left-blog-div {
    height: auto;
    position: relative;
}

    .blog-page-width .related-blogs-data .right-blog-div ul li:last-child {
    border: revert-layer;
    padding: 0;
}

    .blog-page-width .related-blogs-data .blog-article-btn.last-end-btn {
    display: block;
    text-align: center;
    margin-top: 30px;
    border: 1px solid #000;
    border-radius: 50px;
    padding: 4.5px 0;
}

.blog-page-width .related-blogs-data .blog-article-btn.last-end-btn a {
    padding: 0;
    border: 0;
    color: #000;
}

.blog-page-width .related-blogs-data .blog-article-btn.last-end-btn a svg path {
    stroke: #000;
}

    .blog-page-width .related-blogs-data .blog-article-btn {
    display: none;
}

    .blog-page-width .related-blogs-data .blog-article-btn.mobile-blog-button {
    display: block;
}

    .blog-page-width .related-blogs-data .blog-article-btn a {
    padding: 9px 31px;
}

.blog-page-width .related-blogs-data .blog-article-btn a svg {
    rotate: 269deg;
}

    .blog-page-width .related-blogs-data {
    flex-direction: column;
    margin-top: 25px;
}

.blog-page-width {
    padding: 55px 0 0;
}

.blog-page-width .related-blogs-data .right-blog-div ul {
    grid-template-columns: 1fr;
    gap: 20px;
}

.blog-page-width .related-blogs-data > div {
    width: 100%;
    max-width: 100%;
}

.blog-page-width .related-blogs-data .right-blog-div {
    padding: 0 20px;
}

.blog-page-width .blog-heading-btn {
    flex-direction: column;
    padding: 0 20px;
}

.blog-page-width .blog-heading-btn .blog-heading h2 {
    font-size: 24px;
}

.blog-page-width .related-blogs-data .blog-main-image {
    padding-bottom: 550px;
}

.blog-page-width .related-blogs-data .blog-under-text h3 {
    font-size: 24px;
    line-height: 28px;
    margin: 19px 0 21px;
}

.blog-page-width .related-blogs-data .blog-under-text .blog-data {
    margin: 10px 0 37px;
}

.blog-page-width .related-blogs-data .blog-under-text {
    bottom: 28px;
}

.blog-page-width .related-blogs-data .right-blog-div .blog-item-1 .cus-blog-image, .blog-page-width .related-blogs-data .right-blog-div .blog-item-4 .cus-blog-image, .blog-page-width .related-blogs-data .right-blog-div .blog-item-5 .cus-blog-image, .blog-page-width .related-blogs-data .right-blog-div .blog-item-6 .cus-blog-image {
    padding-bottom: 130px;
}


.blog-page-width .related-blogs-data .right-blog-div ul li {
    display: flex;
    gap: 9px;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 20px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-image img {
    width: 130px;
    max-width: 130px;
    height: 130px;
    position: static;
}

.blog-page-width .related-blogs-data .right-blog-div li .cus-blog-image {
    padding-bottom: 0 !important;
}

.blog-page-width .related-blogs-data .right-blog-div ul li > * {
    flex: 1;
}

.blog-page-width .related-blogs-data .right-blog-div ul li .cust-all-images {
    width: 130px;
    flex: inherit;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-shoti-heading {
    margin: 0 0 12px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-heading a {
    font-size: 16px;
    line-height: 20px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-heading {
    max-width: none;
    line-height: 20px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-author {
    margin: 13px 0 4px;
}

}


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

    .detailed-article-page .detailed-article-page-width .container.container--reading-width {
    flex-direction: column;
    gap: 55px;
}

.detailed-article-page .detailed-article-page-width .container.container--reading-width > div {
    width: 100% !important;
}

.collection-curation-section .collection-curations-articles {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.detailed-article-page .detailed-article-page-width .recent-blogs .recent-blog-item:last-child {
    border: 0;
    padding-bottom: 0;
}

    .slideshow.blog-banner-section {
    padding: 0 20px;
}

.slideshow.blog-banner-section .text-overlay__text .text-overlay__title.h1.has-motion {
    line-height: 50px !important;
    margin: 0 auto;
}

.slideshow.blog-banner-section .image-overlay--bg-shadow .text-overlay .text-overlay__inner {
    padding: 0;
    position: absolute;
    bottom: 90px;
    left: 0;
    right: 0;
}

    .blog-page .mobile-tabs select#blog-tab-dropdown {
    border: 0;
    border-bottom: 1px solid #D9D9D9;
    border-radius: 0;
    padding: 0 0 5px;
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 28px;
    line-height: 100%;
    text-transform: uppercase;
    width: 100%;
}

.blog-page .mobile-tabs select#blog-tab-dropdown option {
    font-family: PP Neue Montreal;
    font-weight: 500;
    font-size: 15px;
    line-height: 100%;
    text-transform: capitalize;
    width: 50%;
}


.blog-page .article-list.article-layout--columns {
    grid-template-columns: repeat(2, 1fr);
}

.blog-page .article-list .article__inner .article-image .img-ar.img-ar--cover {
    padding-bottom: 340px;
}

     .blog-page .blog-page-container .desktop-tabs {
    display: none;
  }
  .blog-page .blog-page-container .mobile-tabs {
    display: block;
  }

    .must-read-section .must-read-articles {
    flex-direction: column;
    gap: 20px;
    padding-top: 30px;
}

.must-read-section .must-read-articles > div {
    width: 100%;
    max-width: 100%;
}

.must-read-section .must-blog-image img {
    max-width: 250px;
    width: 250px;
    height: 250px;
    object-fit: contain;
}

.must-read-section .must-read-article {
    gap: 20px;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 30px;
}

.must-read-section .must-read-articles > div:last-child {
    border: 0;
    padding: 0;
}

.must-read-section .must-read-title {
    text-align: center;
    margin-bottom: 25px;
    font-size: 25px;
}

.must-read-section .must-page-width {
    padding: 50px 20px;
}

.must-read-section .must-article-heading a {
    font-size: 24px;
    line-height: 33px;
}

       .blog-page-width .related-blogs-data .left-blog-div {
    height: auto;
    position: relative;
}

    .blog-page-width .related-blogs-data .blog-article-btn a svg {
    rotate: 269deg;
}

    .blog-page-width .related-blogs-data {
     flex-direction: column;
     margin-top: 25px;
     gap: 40px;
}

.blog-page-width .related-blogs-data .right-blog-div ul {
    grid-template-columns: 1fr;
    gap: 30px;
}

.blog-page-width .related-blogs-data > div {
    width: 100%;
    max-width: 100%;
}

.blog-page-width .related-blogs-data .blog-main-image {
    padding-bottom: 700px;
}

.blog-page-width .related-blogs-data .blog-under-text h3 {
    font-size: 35px;
    line-height: 40px;
    margin: 19px au 21px;
}

.blog-page-width .related-blogs-data .blog-under-text {
    bottom: 40px;
}


.blog-page-width .related-blogs-data .right-blog-div ul li {
    display: flex;
    gap: 9px;
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 30px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-image img {
    width: 200px;
    max-width: 200px;
    height: 200px;
    position: static;
}

.blog-page-width .related-blogs-data .right-blog-div li .cus-blog-image {
    padding-bottom: 0 !important;
}

.blog-page-width .related-blogs-data .right-blog-div ul li > * {
    flex: 1;
}

.blog-page-width .related-blogs-data .right-blog-div ul li .cust-all-images {
    width: 200px;
    flex: inherit;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-shoti-heading {
    margin: 0 0 12px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-heading a {
    font-size: 24px;
    line-height: 30px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-heading {
    max-width: none;
    line-height: 20px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-author {
    margin: 13px 0 4px;
}

.blog-page-width .related-blogs-data .blog-article-btn.last-end-btn {
    display: none;
}

.blog-page-width {
    padding-bottom: 30px;
}

.blog-page-width .related-blogs-data .blog-article-btn.mobile-blog-button {
    display: none;
}

.blog-page-width .related-blogs-data .right-blog-div ul li:last-child {
    border: 0;
    padding: 0;
}

}

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

    .detailed-article-page .detailed-article-page-width .recent-blogs .recent-blog-images a img {
    width: 130px;
    max-width: 130px;
    height: 130px;
}

.collection-curation-section .must-blog-image {
    padding-bottom: 250px;
}

.detailed-article-page .detailed-article-page-width .container.container--reading-width {
    gap: 5%;
}

.detailed-article-page .detailed-article-page-width .recent-blogs .recent-blog-item {
    padding: 15px 0;
}

.detailed-article-page .detailed-article-page-width .article-description h3 span, .detailed-article-page .detailed-article-page-width .article-description h3 {
    font-size: 24px;
    line-height: 34px;
    margin: 15px 0;
}

.detailed-article-page .detailed-article-page-width .article-description p span, .detailed-article-page .detailed-article-page-width .article-description p {
    font-size: 16px;
    line-height: 29px;
}

.detailed-article-page .article-blog-under-content {
    padding: 60px 0;
}

.detailed-article-page .article-blog-under-content .majortitle.article-heading {
    font-size: 35px;
    line-height: 42px;
}

.detailed-article-page .meta .time {
    gap: 30px;
}

.detailed-article-page .page-header--padded-huge .text-overlay {
    padding-bottom: 500px;
}

.collection-curation-section .must-article-heading a {
    font-size: 18px;
    line-height: 12px;
}

.collection-curation-section .cus-blog-short-heading {
    font-size: 12px;
}

.collection-curation-section .must-article-heading {
    line-height: 20px;
    margin: 10px 0 15px;
}

    .must-read-section .must-read-articles {
    display: grid;
    grid-template-columns: repeat(2,1fr);
}

.must-read-section .must-read-articles > div {
    width: 100%;
    max-width: 100%;
}

    .blog-tabs.desktop-tabs {
    gap: 25px;
}

.blog-page .blog-page-container .blog-tab {
    font-size: 20px;
}

.blog-page .article-list.article-layout--columns {
    grid-template-columns: repeat(3, 1fr);
}

.blog-page .article-list .article__inner .article-image .img-ar.img-ar--cover {
    padding-bottom: 300px;
}

.slideshow.blog-banner-section .text-overlay__text .text-overlay__title.h1.has-motion {
    margin-right: -28px;
    line-height: 53px;
}

    .blog-page-width .related-blogs-data .right-blog-div .blog-item-1 .cus-blog-image, .blog-page-width .related-blogs-data .right-blog-div .blog-item-4 .cus-blog-image, .blog-page-width .related-blogs-data .right-blog-div .blog-item-5 .cus-blog-image, .blog-page-width .related-blogs-data .right-blog-div .blog-item-6 .cus-blog-image {
    padding-bottom: 250px;
}

.blog-page-width .related-blogs-data .right-blog-div .blog-item-3 .cus-blog-image, .blog-page-width .related-blogs-data .right-blog-div .blog-item-2 .cus-blog-image {
    padding-bottom: 340px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-heading a {
    font-size: 18px;
    line-height: 20px;
}

.blog-page-width .related-blogs-data .right-blog-div .cus-blog-heading {
    line-height: 26px;
}

.blog-page-width {
    padding: 15px 30px 70px;
}

.blog-page-width .related-blogs-data .blog-main-image {
    padding-bottom: 530px;
}

.blog-page-width .related-blogs-data .left-blog-div {
    height: 530px;
}

.blog-page-width .related-blogs-data .blog-under-text h3 {
    font-size: 30px;
    line-height: 36px;
}

.blog-page-width .related-blogs-data .blog-under-text .blog-data {
    margin-bottom: 30px;
}

}

@media (max-width: 1340px) and (min-width: 1100px){

    .blog-page-width .related-blogs-data .blog-main-image {
    padding-bottom: 530px;
}

.blog-page-width .related-blogs-data .left-blog-div {
    height: 530px;
}

     .must-read-section .must-read-articles {
    display: grid;
    grid-template-columns: repeat(3,1fr);
}

.must-read-section .must-read-articles > div {
    width: 100%;
    max-width: 100%;
}

.blog-tabs.desktop-tabs {
    gap: 50px;
}

.blog-page .blog-page-container .blog-tab {
    font-size: 22px;
}

.blog-page .article-list.article-layout--columns {
    grid-template-columns: repeat(4, 1fr);
}

.blog-page .article-list .article__inner .article-image .img-ar.img-ar--cover {
    padding-bottom: 300px;
}

.must-read-section .must-blog-image img {
    max-width: 150px;
    width: 150px;
    height: 150px;
    object-fit: contain;
}

    .blog-page-width .related-blogs-data .right-blog-div .blog-item-1 .cus-blog-image, .blog-page-width .related-blogs-data .right-blog-div .blog-item-4 .cus-blog-image, .blog-page-width .related-blogs-data .right-blog-div .blog-item-5 .cus-blog-image, .blog-page-width .related-blogs-data .right-blog-div .blog-item-6 .cus-blog-image {
    padding-bottom: 300px;
}

.blog-page-width .related-blogs-data .right-blog-div .blog-item-3 .cus-blog-image, .blog-page-width .related-blogs-data .right-blog-div .blog-item-2 .cus-blog-image {
    padding-bottom: 450px;
}

.slideshow.blog-banner-section .text-overlay__text .text-overlay__title.h1.has-motion {
    font-size: 60px !important;
}

.slideshow.blog-banner-section .image-overlay--bg-shadow .text-overlay .text-overlay__inner {
    padding: 0 20px;
}

.blog-page .article-list .article__inner .article-heading {
    line-height: 16px;
}

.blog-page .article-list .article__inner .article-heading a {
    font-size: 20px;
    line-height: 22px;
}

}

/* --- End --- */