* {     box-sizing: border-box;   }      html {     scroll-behavior: smooth;   }      .custom-design-page {     background-color: #000;     color: #fff;     font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;   }      .custom-design-page section {     width: 100%;   }      .hero-section {     position: relative;     min-height: 40vh;     display: flex;     align-items: center;     justify-content: center;     padding: 60px 20px;     text-align: center;     background-image: url('/wp-content/uploads/2025/11/custom-sapphire-ring.jpeg');     background-size: cover;     background-position: center;     background-repeat: no-repeat;   }      .hero-section::before {     content: '';     position: absolute;     top: 0;     left: 0;     right: 0;     bottom: 0;     background: rgba(0, 0, 0, 0.4);   }      .hero-content {     position: relative;     z-index: 1;     max-width: 800px;     margin: 0 auto;   }      .hero-section h1 {     font-size: 48px;     margin-bottom: 20px;     font-weight: 300;     letter-spacing: 2px;   }      .hero-section .subheading {     font-size: 20px;     margin-bottom: 40px;     font-weight: 300;   }      .cta-button {     display: inline-block;     padding: 15px 40px;     background-color: #2D9B8E;     color: #fff;     text-decoration: none;     border-radius: 4px;     font-size: 16px;     font-weight: 500;     transition: background-color 0.3s ease;   }      .cta-button:hover {     background-color: #25807a;   }      .intro-section {     padding: 60px 20px;     background-color: #B8568C;     text-align: center;   }      .intro-section h2 {     font-size: 36px;     margin-bottom: 30px;     font-weight: 300;     letter-spacing: 1px;   }      .intro-section p {     max-width: 900px;     margin: 0 auto;     font-size: 18px;     line-height: 1.8;     font-weight: 300;   }      .process-section {     padding: 80px 20px;     background-color: #000;   }      .process-grid {     display: grid;     grid-template-columns: repeat(4, 1fr);     gap: 40px;     max-width: 1200px;     margin: 0 auto;   }      .process-card {     text-align: center;     padding: 30px 20px;   }      .process-icon {     font-size: 60px;     margin-bottom: 20px;   }      .process-card h3 {     font-size: 24px;     margin-bottom: 15px;     color: #B8568C;     font-weight: 400;   }      .process-card p {     font-size: 16px;     line-height: 1.6;     color: #ccc;     font-weight: 300;   }      .what-create-section {     padding: 80px 20px;     background-color: #000;     text-align: center;   }      .what-create-section h2 {     font-size: 36px;     margin-bottom: 60px;     font-weight: 300;     letter-spacing: 1px;   }      .create-grid {     display: grid;     grid-template-columns: repeat(3, 1fr);     gap: 40px;     max-width: 1000px;     margin: 0 auto;   }      .create-item {     text-align: center;   }      .create-item h3 {     font-size: 22px;     margin-bottom: 10px;     color: #ffffff;     font-weight: 400;   }      .create-item p {     font-size: 15px;     color: #ccc;     line-height: 1.6;     font-weight: 300;   }      .pricing-section {     padding: 60px 20px;     background-color: #B8568C;   }      .pricing-section h2 {     font-size: 36px;     margin-bottom: 40px;     text-align: center;     font-weight: 300;     letter-spacing: 1px;   }      .pricing-grid {     display: grid;     grid-template-columns: repeat(2, 1fr);     gap: 60px;     max-width: 1000px;     margin: 0 auto;   }      .pricing-column h3 {     font-size: 24px;     margin-bottom: 15px;     font-weight: 400;   }      .pricing-column p {     font-size: 17px;     line-height: 1.8;     font-weight: 300;   }      .gallery-section {     padding: 80px 20px;     background-color: #000;     text-align: center;   }      .gallery-section h2 {     font-size: 36px;     margin-bottom: 15px;     font-weight: 300;     letter-spacing: 1px;   }      .gallery-section .subheading {     font-size: 18px;     color: #ccc;     margin-bottom: 50px;     font-weight: 300;   }      .gallery-grid {     display: grid;     grid-template-columns: repeat(4, 1fr);     gap: 20px;     max-width: 1200px;     margin: 0 auto;   }      .faq-section {     padding: 80px 20px;     background-color: #000;   }      .faq-section h2 {     font-size: 36px;     margin-bottom: 50px;     text-align: center;     font-weight: 300;     letter-spacing: 1px;   }      .faq-container {     max-width: 900px;     margin: 0 auto;   }      .faq-item {     margin-bottom: 30px;     padding-bottom: 30px;     border-bottom: 1px solid #333;   }      .faq-item:last-child {     border-bottom: none;   }      .faq-item h3 {     font-size: 20px;     margin-bottom: 15px;     color: #B8568C;     font-weight: 400;   }      .faq-item p {     font-size: 16px;     line-height: 1.8;     color: #ccc;     font-weight: 300;   }      @media (max-width: 1024px) {     .process-grid {       grid-template-columns: repeat(2, 1fr);     }          .gallery-grid {       grid-template-columns: repeat(3, 1fr);     }   }      @media (max-width: 768px) {     .hero-section h1 {       font-size: 36px;     }          .hero-section .subheading {       font-size: 18px;     }          .intro-section h2,     .what-create-section h2,     .pricing-section h2,     .gallery-section h2,     .faq-section h2 {       font-size: 28px;     }          .intro-section p {       font-size: 16px;     }          .process-grid {       grid-template-columns: 1fr;       gap: 50px;     }          .create-grid {       grid-template-columns: 1fr;       gap: 40px;     }          .pricing-grid {       grid-template-columns: 1fr;       gap: 40px;     }          .gallery-grid {       grid-template-columns: repeat(2, 1fr);       gap: 15px;     }   }      @media (max-width: 480px) {     .hero-section h1 {       font-size: 28px;     }          .hero-section .subheading {       font-size: 16px;     }          .gallery-grid {       grid-template-columns: 1fr;     }   } #sp-zflf8q .sp-posts-single-block.sp-news-posts:nth-of-type(3n + 1){border-left: 0px;} #sp-zflf8q .sp-layout-gridlayout .sp-posts-single-block.sp-minimal-posts:nth-child( -n + 3) , #sp-zflf8q .sp-layout-masonary .sp-posts-single-block.sp-minimal-posts:nth-child( -n + 3){border-top: 0px;} #sp-zflf8q .sp-layout-carousel .sp-posts-single-block.sp-minimal-posts {border-top: 0px;} #sp-zflf8q .sp-posts-image-link{margin: 0px 0px 0px 0px ;}     #sp-zflf8q .sp-posts-block-title {text-align: left;font-weight: bold;}     #sp-zflf8q .sp-posts-block-meta-text {text-align: left;}     #sp-zflf8q .sp-posts-block-excerpt {text-align: left;}     #sp-zflf8q .sp-posts-block-read-more {text-align: left;}     #sp-zflf8q .sp-posts-block-pagination {text-align: left;}     #sp-zflf8q .sp-posts-single-block .sp-container-badge {display:inline-block;color: #ffffff;background-color: #333;}     #sp-zflf8q .sp-posts-single-block .sp-container-badge a{color: #ffffff;}     #sp-zflf8q .sp-skin-block.sp-layout-carousel {gap: 0px; flex-direction: column;}     #sp-zflf8q .sp-skin-block.sp-layout-carousel .sp-postblock-nav{justify-content: center;}   #sp-ks8a8s{width: 100%; max-width: 100%;}#sp-vw3kvy{width: 100%; max-width: 100%;}#sp-iw5h09{width: calc(100% + 0px);}#sp-kstylv{margin: 0px;}#sp-s2n8tl{width: 100%; max-width: 100%;}#sp-wcwa3k{width: calc(100% + 0px);}#sp-l42s84fi59{text-decoration: none;}#sp-hbzk4b{text-align: center; margin: 0px;}#sp-zflf8q{margin: 0px;}#sp-f5l475{margin: 0px;}@media only screen and (max-width: 480px) { .sp-headline-block-hbzk4b,   #sp-hbzk4b,   #hbzk4b {text-align:center !important;} #sp-zflf8q .sp-skin-news .sp-posts-single-block {border-left: 0px !important;} #sp-zflf8q .sp-posts-block-title  {text-align:center !important;} #sp-zflf8q .sp-posts-block-meta-text  {text-align:left !important;} #sp-zflf8q .sp-posts-single-block .sp-container-badge ,   #sp-zflf8q .sp-posts-single-block .sp-container-badge a  {text-align:undefined !important;} #sp-zflf8q .sp-posts-block-excerpt  {text-align:left !important;} #sp-zflf8q .sp-posts-block-read-more  {text-align:left !important;} #sp-zflf8q .sp-posts-block-pagination  {text-align:left !important;}}@media only screen and (min-width: 481px) and (max-width: 1024px) { .sp-headline-block-hbzk4b,   #sp-hbzk4b,   #hbzk4b {text-align:center !important;} #sp-zflf8q .sp-skin-news .sp-posts-single-block {border-left: 0px !important;} #sp-zflf8q .sp-posts-block-title  {text-align:center !important;} #sp-zflf8q .sp-posts-block-meta-text  {text-align:left !important;} #sp-zflf8q .sp-posts-single-block .sp-container-badge ,   #sp-zflf8q .sp-posts-single-block .sp-container-badge a  {text-align:undefined !important;} #sp-zflf8q .sp-posts-block-excerpt  {text-align:left !important;} #sp-zflf8q .sp-posts-block-read-more  {text-align:left !important;} #sp-zflf8q .sp-posts-block-pagination  {text-align:left !important;}}