/* Section: Site Header */
.site-header{
  height:60px;
  padding:0 20px;
}
.site-header,.header-content{
  position:relative;
  width:100%;
  display:flex;
  align-items:center;
}
.header-content{
  justify-content:space-between;
  z-index:1;
}
.header-left{
  display:flex;
  align-items:center;
  gap:10px;
  position:relative;
  height:100%;
}
.complex-logo-wrapper{
  position:absolute;
  top:12.69px;
  left:18.74px;
  width:33.68px;
  height:33.6px;
}
.complex-logo-wrapper img{
  position:absolute;
}
.complex-logo-base{
  top:0;
  left:0;
  z-index:10;
}
.complex-logo-separator{
  top:3.38px;
  left:3.39px;
  z-index:11;
}
.complex-logo-graphic-tl{
  top:0.25px;
  left:7.15px;
  width:2.13px;
  height:3.68px;
  z-index:12;
}
.complex-logo-graphic-ml1{
  top:7.14px;
  left:0.25px;
  width:3.69px;
  height:2.13px;
  z-index:13;
}
.complex-logo-graphic-tr{
  top:0.25px;
  left:24.39px;
  width:2.13px;
  height:3.68px;
  z-index:14;
}
.complex-logo-graphic-ml2{
  top:7.14px;
  left:29.75px;
  width:3.69px;
  height:2.13px;
  z-index:15;
}
.complex-logo-graphic-ml3{
  top:24.33px;
  left:0.25px;
  width:3.69px;
  height:2.13px;
  z-index:16;
}
.complex-logo-graphic-bl1{
  top:29.68px;
  left:7.15px;
  width:2.13px;
  height:3.68px;
  z-index:17;
}
.complex-logo-graphic-bl2{
  top:29.68px;
  left:24.39px;
  width:2.13px;
  height:3.68px;
  z-index:18;
}
.complex-logo-diamond1{
  top:24.33px;
  left:29.75px;
  width:3.69px;
  height:2.13px;
  z-index:19;
}
.complex-logo-diamond2{
  top:6.33px;
  left:5.7px;
  z-index:20;
}
.complex-logo-diamond-program{
  top:17.48px;
  left:6.51px;
  width:12.52px;
  height:10.61px;
  z-index:21;
}
.complex-logo-service-desc1{
  top:5.44px;
  left:14.58px;
  width:12.52px;
  height:10.61px;
  z-index:22;
}
.complex-logo-service-desc2{
  top:14.51px;
  left:17.63px;
  z-index:23;
}
.header-brand-logo{
  margin-left:100px;
}
.header-right{
  display:flex;
  align-items:center;
  gap:40px;
}
.header-nav-links{
  white-space:nowrap;
}
@media screen and (max-width: 991px){
  .site-header{
    padding:0 15px;
  }
  .header-brand-logo{
    margin-left:80px;
  }
  .header-right{
    gap:20px;
  }
}
@media screen and (max-width: 767px){
  .site-header{
    padding:0 10px;
  }
  .header-left{
    gap:5px;
  }
  .header-brand-logo{
    margin-left:60px;
  }
  .header-nav-links{
    display:none;
  }
  .header-nav-icons{
    margin-left:auto;
    margin-right:0;
  }
}
@media screen and (max-width: 479px){
  .site-header{
    height:50px;
  }
  .header-brand-logo{
    margin-left:40px;
  }
  .complex-logo-wrapper{
    transform:scale(0.8);
    top:10px;
    left:10px;
  }
}

/* Section: Bespoke Diamond Services */
.diamond-services-section{
  position:relative;
  min-height:468px;
  display:flex;
  align-items:center;
  padding-left:61px;
}
.diamond-services-bg-image{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-1;
}
.diamond-services-content{
  position:relative;
  z-index:1;
  display:flex;
  flex-direction:column;
  gap:12px;
}
@media screen and (max-width: 991px){
  .diamond-services-section{
    padding-left:40px;
    min-height:380px;
  }
}
@media screen and (max-width: 767px){
  .diamond-services-section{
    padding-left:20px;
    min-height:300px;
    justify-content:center;
    text-align:center;
  }
  .diamond-services-content{
    align-items:center;
  }
}
@media screen and (max-width: 479px){
  .diamond-services-section{
    padding-left:15px;
    padding-right:15px;
    min-height:200px;
  }
}

/* Section: Recut To Match Diamonds */
.recut-to-match-section{
  padding-top:65px;
  padding-bottom:80px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.recut-to-match-heading{
  margin-bottom:86.5px;
}
.recut-to-match-description{
  margin-bottom:80px;
}
.recut-to-match-content-grid{
  display:grid;
  grid-template-columns:1fr 618px;
  gap:40px;
  width:100%;
  max-width:1104px;
  margin-bottom:80px;
  align-items:start;
}
.recut-to-match-left-column{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding-right:20px;
}
.recut-to-match-text{
  margin-bottom:35px;
}
.recut-to-match-button{
  margin-left:0;
}
.recut-to-match-right-column{
  display:flex;
  justify-content:flex-end;
  align-items:flex-start;
}
.recut-to-match-image-wrapper{
  position:relative;
  width:618px;
  height:560px;
}
.recut-to-match-image-bg{
  position:absolute;
  top:5px;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
}
.recut-to-match-image{
  position:relative;
  z-index:0;
  display:block;
}
.recut-to-match-separator{
  margin-top:0;
}
@media screen and (max-width: 991px){
  .recut-to-match-heading,.recut-to-match-description{
    margin-bottom:60px;
  }
  .recut-to-match-content-grid{
    grid-template-columns:1fr;
    gap:40px;
    margin-bottom:60px;
  }
  .recut-to-match-left-column{
    padding-right:0;
    align-items:center;
    text-align:center;
  }
  .recut-to-match-text{
    text-align:center;
  }
  .recut-to-match-right-column{
    justify-content:center;
  }
  .recut-to-match-image-wrapper{
    max-width:618px;
  }
  .recut-to-match-image-wrapper,.recut-to-match-image{
    width:100%;
    height:auto;
  }
}
@media screen and (max-width: 767px){
  .recut-to-match-section{
    padding-top:40px;
    padding-bottom:60px;
  }
  .recut-to-match-heading,.recut-to-match-description{
    margin-bottom:40px;
  }
  .recut-to-match-content-grid{
    gap:30px;
    margin-bottom:40px;
  }
  .recut-to-match-text{
    margin-bottom:25px;
  }
}
@media screen and (max-width: 479px){
  .recut-to-match-section{
    padding-top:30px;
    padding-bottom:40px;
  }
  .recut-to-match-heading,.recut-to-match-description{
    margin-bottom:30px;
  }
  .recut-to-match-content-grid{
    gap:20px;
    margin-bottom:30px;
  }
  .recut-to-match-text{
    margin-bottom:20px;
  }
  .recut-to-match-button{
    width:100%;
  }
}

/* Section: Custom Cut Diamonds */
.custom-cut-diamonds-section{
  padding:80px 0;
  justify-content:center;
}
.custom-cut-diamonds-section,.custom-cut-diamonds-content{
  display:flex;
  align-items:center;
  flex-direction:column;
}
.custom-cut-diamonds-content{
  max-width:1104px;
  width:100%;
  gap:48px;
  padding:0 20px;
}
.custom-cut-title{
  margin-bottom:16px;
}
.custom-cut-description{
  max-width:882px;
  margin-bottom:32px;
}
.custom-cut-main-content{
  display:grid;
  grid-template-columns:618px 1fr;
  gap:60px;
  width:100%;
  align-items:center;
}
.custom-cut-image-wrapper{
  position:relative;
  width:618px;
  height:565px;
  display:flex;
  justify-content:center;
  align-items:center;
}
.custom-cut-image-background{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  z-index:-1;
}
.custom-cut-image{
  position:relative;
  z-index:1;
  width:100%;
  height:100%;
  object-fit:cover;
}
.custom-cut-text-block{
  display:flex;
  flex-direction:column;
  gap:40px;
  align-items:flex-start;
}
.custom-cut-button-wrapper{
  display:flex;
  justify-content:center;
  align-items:center;
}
.custom-cut-separator{
  margin-top:80px;
}
@media screen and (max-width: 991px){
  .custom-cut-diamonds-section{
    padding:60px 0;
  }
  .custom-cut-diamonds-content{
    gap:32px;
    padding:0 16px;
  }
  .custom-cut-main-content{
    grid-template-columns:1fr;
    gap:40px;
    justify-items:center;
  }
  .custom-cut-image-wrapper{
    width:100%;
    height:auto;
    max-width:500px;
  }
  .custom-cut-image{
    height:auto;
  }
  .custom-cut-text-block{
    align-items:center;
    text-align:center;
    gap:32px;
  }
  .custom-cut-separator{
    margin-top:60px;
  }
}
@media screen and (max-width: 767px){
  .custom-cut-diamonds-section{
    padding:40px 0;
  }
  .custom-cut-diamonds-content{
    gap:24px;
    padding:0 12px;
  }
  .custom-cut-title{
    margin-bottom:12px;
  }
  .custom-cut-description{
    margin-bottom:24px;
  }
  .custom-cut-main-content{
    gap:32px;
  }
  .custom-cut-image-wrapper{
    max-width:400px;
  }
  .custom-cut-text-block{
    gap:24px;
  }
  .custom-cut-separator{
    margin-top:40px;
  }
}
@media screen and (max-width: 479px){
  .custom-cut-diamonds-section{
    padding:30px 0;
  }
  .custom-cut-diamonds-content{
    gap:20px;
    padding:0 10px;
  }
  .custom-cut-title{
    margin-bottom:8px;
  }
  .custom-cut-description{
    margin-bottom:20px;
  }
  .custom-cut-main-content{
    gap:24px;
  }
  .custom-cut-image-wrapper{
    max-width:300px;
  }
  .custom-cut-text-block{
    gap:20px;
  }
  .custom-cut-separator{
    margin-top:30px;
  }
}

/* Section: Made To Spec Diamonds Program */
.made-to-spec-program{
  padding-top:0;
  padding-bottom:120px;
  position:relative;
}
.made-to-spec-program__heading{
  margin-top:0;
  margin-bottom:80px;
  padding-top:0;
}
.made-to-spec-program__intro-text{
  margin-bottom:80px;
  max-width:868px;
  margin-left:auto;
  margin-right:auto;
}
.made-to-spec-program__content-grid{
  display:grid;
  grid-template-columns:1fr 618px;
  gap:100px;
  align-items:start;
  margin-bottom:120px;
}
.made-to-spec-program__left-content{
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding-top:174px;
  padding-left:0;
}
.made-to-spec-program__description{
  margin-bottom:30px;
  max-width:524px;
}
.made-to-spec-program__button-wrapper{
  margin-left:0;
}
.made-to-spec-program__image-stack{
  position:relative;
  width:618px;
  height:565px;
}
.made-to-spec-program__image-bg,
.made-to-spec-program__diamond-image,
.made-to-spec-program__image-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.made-to-spec-program__image-bg{
  z-index:1;
}
.made-to-spec-program__diamond-image{
  z-index:2;
}
.made-to-spec-program__image-overlay{
  z-index:3;
}
.made-to-spec-program__separator{
  display:block;
  margin-left:auto;
  margin-right:auto;
}
@media screen and (max-width: 991px){
  .made-to-spec-program__heading,.made-to-spec-program__intro-text{
    margin-bottom:60px;
  }
  .made-to-spec-program__content-grid{
    grid-template-columns:1fr;
    gap:60px;
    margin-bottom:80px;
  }
  .made-to-spec-program__left-content{
    padding-top:0;
    align-items:center;
    text-align:center;
  }
  .made-to-spec-program__description{
    max-width:100%;
    text-align:center;
  }
  .made-to-spec-program__button-wrapper{
    margin-left:auto;
    margin-right:auto;
  }
  .made-to-spec-program__image-stack{
    width:100%;
    height:400px;
  }
}
@media screen and (max-width: 767px){
  .made-to-spec-program__heading,.made-to-spec-program__intro-text{
    margin-bottom:40px;
  }
  .made-to-spec-program__content-grid{
    gap:40px;
    margin-bottom:60px;
  }
  .made-to-spec-program__image-stack{
    height:300px;
  }
}
@media screen and (max-width: 479px){
  .made-to-spec-program__heading,.made-to-spec-program__intro-text{
    margin-bottom:30px;
  }
  .made-to-spec-program__content-grid{
    gap:30px;
    margin-bottom:40px;
  }
  .made-to-spec-program__image-stack{
    height:250px;
  }
}

/* Section: Faq Section */
.faq-section{
    padding:100px 0;
}
.faq-container{
    padding:0 20px;
}
.faq-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:60px;
    margin-bottom:80px;
}
.faq-column{
    display:flex;
    flex-direction:column;
    gap:20px;
}
.faq-item{
   /* display:flex;*/
    justify-content:space-between;
    align-items:center;
    padding-bottom:15px;
    border-bottom:1px solid #E0E0E0;
}
.faq-item p{
    margin:0;
    flex-grow:1;
    padding-right:15px;
}
.faq-icon{
    font-size:24px;
    line-height:1;
    cursor:pointer;
}
.separator-line-wrapper{
    margin-bottom:40px;
}
.separator-line-wrapper,.footer-info{
    display:flex;
    justify-content:center;
}
.footer-info{
    flex-wrap:wrap;
    align-items:center;
    gap:8px;
    font-family:"Jost", sans-serif;
    font-size:14px;
    font-weight:400;
    line-height:20px;
    text-align:center;
}
.footer-info-item{
    margin:0;
    white-space:nowrap;
}
.footer-info-dot{
    margin:0;
}
@media screen and (max-width: 991px){
    .faq-section{
        padding:80px 0;
    }
    .faq-grid{
        gap:40px;
        margin-bottom:60px;
    }
    .faq-column{
        gap:15px;
    }
    .faq-icon{
        font-size:20px;
    }
    .separator-line-wrapper{
        margin-bottom:30px;
    }
    .footer-info{
        font-size:13px;
        line-height:18px;
    }
}
@media screen and (max-width: 767px){
    .faq-section{
        padding:60px 0;
    }
    .faq-grid{
        grid-template-columns:1fr;
        gap:30px;
        margin-bottom:40px;
    }
    .faq-column{
        gap:10px;
    }
    .faq-item{
        flex-direction:row;
        justify-content:space-between;
        align-items:center;
        padding-bottom:10px;
    }
    .faq-item p{
        padding-right:10px;
    }
    .faq-icon{
        font-size:18px;
    }
    .separator-line-wrapper{
        margin-bottom:20px;
    }
    .footer-info{
        font-size:12px;
        line-height:16px;
        gap:6px;
    }
}
@media screen and (max-width: 479px){
    .faq-section{
        padding:40px 0;
    }
    .faq-grid{
        gap:20px;
        margin-bottom:30px;
    }
    .faq-column{
        gap:8px;
    }
    .faq-item{
        padding-bottom:8px;
    }
    .faq-item p{
        padding-right:8px;
    }
    .faq-icon{
        font-size:16px;
    }
    .separator-line-wrapper{
        margin-bottom:15px;
    }
    .footer-info{
        font-size:11px;
        line-height:14px;
        gap:4px;
    }
}

/* Section: Contact Us Section */
.contact-us-section{
    padding:80px 0;
    display:flex;
    justify-content:center;
    align-items:center;
    min-height:665px;
}
.contact-us-container{
    align-items:center;
    gap:30px;
    padding:20px;
}
.contact-us-container,.contact-form{
    display:flex;
    flex-direction:column;
}
.contact-form{
    gap:20px;
    width:100%;
    max-width:565px;
}
.form-row{
    gap:30px;
    width:100%;
}
.form-row,.form-group{
    display:flex;
    justify-content:center;
}
.form-group{
    flex:1;
}
.form-group-full{
    width:100%;
    display:flex;
    justify-content:center;
}
@media screen and (max-width: 991px){
    .contact-us-section{
        padding:60px 0;
        min-height:auto;
    }
    .contact-us-container{
        gap:25px;
    }
    .contact-form{
        max-width:100%;
    }
    .form-row{
        flex-direction:column;
        gap:15px;
    }
    .form-group{
        width:100%;
    }
}
@media screen and (max-width: 767px){
    .contact-us-section{
        padding:40px 0;
    }
    .contact-us-container{
        gap:20px;
    }
    .form-row{
        gap:10px;
    }
}
@media screen and (max-width: 479px){
    .contact-us-section{
        padding:30px 0;
    }
    .contact-us-container,.contact-form{
        gap:15px;
    }
}

/* Section: Site Footer */
.site-footer{
  position:relative;
  min-height:408px;
  padding:56px 100px 0;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  overflow:hidden;
}
.footer-bg-rectangle{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#090935;
  z-index:-1;
}
.footer-content-wrapper{
  position:relative;
  z-index:1;
  display:flex;
  justify-content:space-between;
  width:100%;
  max-width:1166px;
  margin-bottom:80px;
}
.footer-column{
  display:flex;
  flex-direction:column;
  gap:24px;
}
.footer-column--left{
  align-items:flex-start;
  width:165px;
}
.social-icons-wrapper{
  display:flex;
  gap:16px;
  margin-top:8px;
}
.footer-column--middle{
  flex-direction:row;
  gap:100px;
}
.footer-links-group{
  display:flex;
  flex-direction:column;
}
.footer-links-group,.footer-column--right{
  align-items:flex-start;
  gap:12px;
}
.footer-contact-item{
  display:flex;
  align-items:center;
  gap:10px;
}
.footer-bottom-wrapper{
  position:relative;
  z-index:1;
  width:100%;
  display:flex;
  justify-content:center;
  align-items:center;
  padding-bottom:20px;
}
.scroll-to-top-icon{
  position:absolute;
  right:0;
  bottom:20px;
  transform:rotate(-90deg);
  cursor:pointer;
}
@media screen and (max-width: 991px){
  .site-footer{
    padding:40px 50px 0;
    min-height:auto;
  }
  .footer-content-wrapper{
    flex-wrap:wrap;
    justify-content:center;
    gap:40px;
    margin-bottom:60px;
  }
  .footer-column{
    width:45%;
    align-items:center;
    text-align:center;
  }
  .footer-column--left,
  .footer-column--right{
    width:100%;
    align-items:center;
    text-align:center;
  }
  .footer-column--middle{
    width:100%;
    justify-content:space-around;
    gap:40px;
  }
  .footer-links-group,
  .footer-contact-item{
    align-items:center;
    text-align:center;
  }
  .scroll-to-top-icon{
    right:50px;
  }
}
@media screen and (max-width: 767px){
  .site-footer{
    padding:30px 20px 0;
  }
  .footer-content-wrapper{
    flex-direction:column;
    align-items:center;
    gap:30px;
    margin-bottom:40px;
  }
  .footer-column{
    width:100%;
    align-items:center;
    text-align:center;
  }
  .footer-column--middle{
    flex-direction:column;
    gap:30px;
  }
  .footer-links-group,
  .footer-contact-item{
    align-items:center;
    text-align:center;
  }
  .scroll-to-top-icon{
    right:20px;
    bottom:10px;
  }
}
@media screen and (max-width: 479px){
  .site-footer{
    padding:20px 15px 0;
  }
  .footer-content-wrapper{
    gap:20px;
    margin-bottom:30px;
  }
  .footer-column--left .footer-logo{
    width:120px;
    height:auto;
  }
  .social-icons-wrapper{
    gap:10px;
  }
  .footer-links-group,
  .footer-contact-item{
    gap:8px;
  }
  .scroll-to-top-icon{
    right:15px;
    bottom:5px;
    font-size:14px;
  }
  .footer-bottom-wrapper{
    padding-bottom:10px;
  }
}

