@font-face {
         font-family: cooper-hewitt;
         src: url(../fonts/cooper-hewitt.light.otf);
     }

     @import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
     @import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

     body {
         margin: 0;
         padding: 0;
         font-family: 'cooper-hewitt', sans-serif;
     }

     .navbar-toggler{
        background-color: #fff !important;
     }

     .logo{
        width: 75%;
     }

     .hero-section {
         height: 100vh;
         background: url('../images/hero-bg.png') no-repeat center center/cover;
         color: #fff;
         position: relative;
     }

     .navbar {
         background-color: transparent !important;
     }

     .navbar-brand {
         font-size: 1.5rem;
         font-weight: bold;
     }

     .nav-link {
         color: #fff !important;
         margin-right: 15px;
         font-size: 20px;
     }

     .nav-link.btn {
         background-color: #EBE7E3;
         color: #000 !important;
         padding: 10px;
         border-radius: 0px;
         height: 49px;
         width: 131px;
     }

     .hero-content {
         top: 50%;
         left: 0;
         transform: translateY(40%);
     }

     .hero-content h1 {
         font-size: 60px;
         line-height: 1.2;
         font-family: "Noto Serif", serif;
         font-weight: 300;

     }

     .hero-content p {
         font-size: 22px;
         font-family: "Lato", sans-serif;
         font-weight: 100 !important;
     }

     .btn-custom {
         background-color: #B99C87;
         color: #fff;
         padding: 10px;
         border: none;
         width: 283px;
         height: 82px;
         font-size: 20px;
         border-radius: 0px;
         font-weight: normal !important;
     }

     .btn-custom:hover {
         background-color: #c0a080;
     }

     .about-section {
         padding: 50px 0;
         background-image: url(../images/about.png);
     }

     .b-about {
         background-color: #FAF7F5;
     }

     .about-image-container {
         position: relative;
         width: 100%;
         max-width: 400px;
         margin: 0 auto;
     }

     .about-image-container::before {
         content: '';
         position: absolute;
         top: -20px;
         left: -20px;
         width: calc(100% + 40px);
         height: calc(100% + 40px);
         background-color: #e8d9c9;
         border-radius: 50%;
         z-index: 1;
     }

     .about-image-container img {
         position: relative;
         width: 100%;
         border-radius: 50%;
         z-index: 2;
     }

     .about-text-content {
         text-align: left;
     }

     .about-text-content h1 {
         font-size: 65px;
         color: #000;
         font-family: "Inter", sans-serif;

     }

     .about-text-content-p {
         font-size: 2.1rem !important;

         color: #000;
         margin-bottom: 20px;
         font-family: "Lato", sans-serif;
         font-weight: 300 !important;

     }

     .about-text-content p {
         font-size: 1.5rem;
         color: #333;
         margin-bottom: 30px;
     }

     .btn-about-custom {
         background-color: #d2b48c;
         color: #000;
         padding: 10px 30px;
         border: none;
         border-radius: 5px;
         font-weight: bold;
     }

     .btn-about-custom:hover {
         background-color: #c0a080;
     }

     .about-small-text {
         font-size: 1.2rem;
         color: #666;
         margin-right: 20px;
         margin-top: 50% !important;
     }

     @media (max-width: 991px) {
         .about-text-content {
             text-align: center;
             margin-top: 30px;
         }

         .about-small-text,
         .btn-about-custom {
             display: block;
             margin: 10px auto;
         }
     }

     .services-section {
         padding: 50px 0;
         background-color: #f5f5f5;
     }

     .number-circle {
         width: 120px;
         height: 120px;
         background-color: #986F51;
         border-radius: 50%;
         font-size: 5.5rem;
         font-weight: bold;
         color: #fff;
         top: 38%;
         right: 20%;
         text-align: center;
     }

     .sec-title {
         font-size: 60px !important;
         font-family: "Inter", sans-serif;

     }

     .services-section {
         background-color: #EBE7E3;
     }

     .sec-desc {
         font-size: 30px;
         font-family: "Lato", sans-serif !important;
         margin-bottom: 30px;

     }

     .value_img {
         width: 142px;
         height: 140px;
     }

     .sec-title-1 {
         font-size: 68px !important;
         font-family: "Inter", sans-serif;
         font-weight: 100 !important;

     }

     .sec-desc-1 {
         font-size: 47px !important;
         font-family: "Lato", sans-serif;
         font-weight: 100 !important;
         line-height: 1.2;
     }

     .sec-desc-2 {
         font-size: 30px !important;
     }

     @media (max-width: 991px) {
         .services-text-content {
             text-align: center;
         }

         .number-circle {
             margin-bottom: 20px;
         }
     }

     .process-section {
         padding: 50px 0;
         background-color: #EBE7E3;
     }

     .process-image-container {
         max-width: 400px;
         margin: 0 auto;
     }

     .process-text-content {
         text-align: left;
     }

     .process-text-content h2 {
         font-size: 2.5rem;
         font-weight: bold;
         color: #000;
         margin-bottom: 40px;
     }

     .process-text-content p {
         font-size: 1.1rem;
         margin-bottom: 20px;
         padding: 15px;
         position: relative;
         color: #333;
         background-color: #fff;
     }

     .process-text-content p:first-child {
         background-color: #000;
         color: #fff;
     }

     .process-text-content p:not(:first-child) {
         background-color: #fff;
         color: #333;
     }

     .process-text-content p::after {
         content: '';
         position: absolute;
         right: 0;
         top: 50%;
         transform: translateY(-50%);
         width: 0;
         height: 0;
         border-top: 15px solid transparent;
         border-bottom: 15px solid transparent;
         border-left: 15px solid;
         z-index: 1;
     }

     .process-text-content p:first-child::after {
         border-left-color: #000;
     }

     .process-text-content p:not(:first-child)::after {
         border-left-color: #fff;
     }

     @media (max-width: 991px) {
         .process-text-content {
             margin-top: 30px;
         }

         .process-text-content p::after {
             display: none;
         }
     }

     .step-box {
         padding: 1rem;
         text-align: center;
         position: relative;
         font-size: 18px;
         font-family: "Inter", sans-serif;

     }

     .step-dark {
         background-color: #2d2623;
         color: white;
     }

     .step-light {
         background-color: #ffffff;
         color: #2d2623;
         border: 1px solid #eee;
     }

     .step-box::after {
         content: "";
         position: absolute;
         bottom: -9px;
         left: 50%;
         transform: translateX(-50%);
         width: 0;
         height: 0;
         border-left: 10px solid transparent;
         border-right: 10px solid transparent;
     }

     .step-dark::after {
         border-top: 10px solid #2d2623;
     }

     .step-light::after {
         border-top: 10px solid #ffffff;
     }

     .questions-section {
         display: flex;
         align-items: center;
         justify-content: center;
         padding: 60px 20px;
         background-color: #F8F5F2;
     }

     .questions-left {
         position: relative;
         text-align: center;

     }

     .questions-left img {
         max-width: 100%;
         height: auto;
         max-width: 100%;
         margin-left: -60%;
     }

     .vertical-text {
         position: absolute;
         top: 10%;
         right: -10%;
         transform: translateX(-50%);
         font-size: 237px;
         line-height: 0.9;
         color: #c4a993;
         pointer-events: none;
         font-family: "Inter", sans-serif;

     }

     .questions-right {
         flex: 1;
         display: flex;
         flex-direction: column;
         gap: 20px;
     }

     .faq-box {
         padding: 30px;
         border-radius: 8px;
     }

     .faq-light {
         background-color: #ffffff;
         color: #2d2623;
     }

     .faq-dark {
         background-color: #d4c3b8;
         color: #2d2623;
     }

     .faq-box h5 {
         font-size: 21px;
         font-family: "Lato", sans-serif;

     }

     .ques_ans {
         font-size: 19px;
         font-family: "Lato", sans-serif;
     }

     @media (max-width: 768px) {
        .hero-content{
            text-align: center !important;
        }
           .logo {
        width: 90% !important;
        height: 80px;
    }
         .questions-section {
             flex-direction: column;
             text-align: center;
         }

         .vertical-text {
             font-size: 3.5rem;
             position: relative;
             transform: none;
             left: 0;
             top: 0;
             margin-bottom: 20px;
         }

         .sec-title {
             font-size: 30px !important;
         }

         .sec-title-1 {
             font-size: 30px !important;
         }

         .process-image-container img {
             width: 100% !important;
         }

         .services-image-container img {
             width: 100% !important;
         }

         .cta-footer-section {
             display: none !important;
         }

         .hero-content h1 {
             font-size: 22px !important;
             margin-top: -20% !important;
         }
     }

     .cta-footer-section {
         color: #fff;
         padding: 150px;
         position: relative;
         background-image: url(../images/bg.png);
         background-repeat: no-repeat;
         background-size: cover;
     }

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

     .cta-content p {
         font-size: 33px;
         margin-bottom: 30px;
         color: #fff;
         font-family: "Lato", sans-serif;
     }

     .cta-content h1 {
         font-size: 109px;
         line-height: 1.2;
         margin-bottom: 20px;
         font-family: "Inter", sans-serif;

     }

     .btn-cta-custom {
         background-color: #B99C87;
         color: #FFF;
         border: none;
         border-radius: 0px;
         width: 365px;
         height: 85px;
         text-transform: uppercase;
         font-size: 20px;
         border-radius: 5px;
     }

     .btn-cta-custom:hover {
         background-color: #c0a080;
     }

     .social-footer-content {
         background-color: #f0e6db;
         color: #333;
         padding: 20px 0;
         text-align: center;
     }

     .social-footer-content .social-icons {
         margin-bottom: 20px;
     }

     .social-footer-content .social-icons a {
         color: #333;
         margin: 0 10px;
         font-size: 1.2rem;
     }

     .social-footer-content .contact-info {
         font-size: 1rem;
         margin-bottom: 10px;
     }

     .footer-content {
         background-color: #f0e6db;
         color: #333;
         padding: 10px 0;
         text-align: center;
         border-top: 1px solid #e0d5c5;
     }

     .footer-content p {
         margin-bottom: 0;
     }

     .footer-content .links a {
         color: #333;
         margin: 0 10px;
         text-decoration: none;
     }

     .footer-content .links a:hover {
         text-decoration: underline;
     }

     @media (max-width: 991px) {
         .cta-content h1 {
             font-size: 2.5rem;
         }
     }