@import url('https://fonts.googleapis.com/css2?family=Josefin+Sans:ital,wght@0,100..700;1,100..700&display=swap');

 body {
     font-family: "Josefin Sans", sans-serif;
 }


 .page-content,
 .shopify-policy__body {
     max-width: 100%
 }

 /* .banner-img {
     position: relative;
     object-position: left;
 }

 .banner-img::after {
     content: "";
     width: 100%;
     height: 80%;
     position: absolute;
     left: 0;
     bottom: 0;
     background: linear-gradient(180deg, transparent, #000000);
     pointer-events: none;
 }

 .bannner_text {
     position: relative;
     flex: auto;
 } */

 .banner_img {
     min-height: 660px;
     object-fit: cover;
     object-position: left;
 }

 .banner-content-row {
     position: absolute;
     bottom: 20px;
     left: 0;
     width: 100%
 }

 .banner-form-row {
     /* position: absolute;
     right: 0;
     bottom: 20px; */
     /* width: 100%; */
     position: absolute;
     top: 50%;
     left: 0;
     width: 100%;
     transform: translateY(-50%);
 }

 .banner-content h1 {
     font-size: 2rem;
     font-weight: 700;
     color: #fff;
 }

 .banner-content h2 {
     font-size: 1.125rem;
     color: #fff;
     font-weight: 400;
 }

 .banner-form {
     position: absolute;
     bottom: 120px
 }

 .banner_form {
     padding: 30px 36px;
     border-radius: 16px;
     background: #fff;
     box-shadow: 0 13px 20px #0000000d
 }

 .btn_primary {
     background-color: #9c5741;
     color: #fff;
     border-radius: 26px;
     text-transform: uppercase;
 }

 .btn_primary:hover {
     background-color: #000;
     color: #fff;
     border: 1px solid #9c5741;
 }

 textarea.form-control {
     height: 20px;
 }

 .sec_head {
     font-size: 2rem;
     margin-bottom: 12px;
 }

 .feature-box {
     background: #f9f9f9;
     padding: 30px;
     border-radius: 12px;
     box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
     transition: all 0.3s ease;
     height: 100%;
     border: 1px solid #ccc;
     /* #f9f3e4 */
 }

 /* .feature-box:hover {
     background: #fff;
     transform: translateY(-5px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
 } */

 .feature-icon {
     width: 60px;
     height: 60px;
     fill: #007bff;
     margin-bottom: 20px;
 }

 .feature-title {
     font-size: 1.25rem;
     font-weight: 600;
     margin-bottom: 10px;
     color: #333;
 }

 .feature-description {
     font-size: 0.95rem;
     color: #555;
 }

 .bg_1 {
     position: absolute;
     left: 0;
 }

 .who_we_are_section {
     position: relative;
     padding: 80px 0 0;
 }

 .nice_photo {
     position: relative;
     bottom: 30px;
 }

 .nice_photo:before {
     content: "";
     position: absolute;
     top: 15px;
     right: 15px;
     bottom: 15px;
     left: 15px;
     border: 1px solid #fff;
     border-radius: 20px;
 }

 .espace_pro {
     position: relative;
 }

 .espace_pro::before {
     content: "";
     position: absolute;
     left: -160px;
     width: 160px;
     height: 100%;
     background-color: #f9f3e4;
     opacity: 1;
     z-index: -1;
 }

 .espace_pro .content {
     background: #f9f3e4;
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     gap: 32px;
     color: #000;
     padding: 32px 24px;
 }

 .nav-item.dropdown:hover .dropdown-menu {
     display: block;
 }

 .websites_nav {
     padding: 12px 0;
 }

 .dropdown-menu {
     display: none;
 }

 .form-control,
 .form-select,
 .form-check-input {
     border-radius: 8px;
     border: 1px solid #00000089;
     color: #000;
 }

 .form-control:focus,
 .form-select:focus,
 .form-check-input:focus {
     border-color: #9c5741;
     box-shadow: none;
 }

 ::placeholder {
     color: #000 !important;
 }

 .navbar-expand-lg .navbar-nav .nav-link,
 .websites_nav .nav-link {
     padding: 8px 16px;
     font-size: 18px;
 }

 .dropdown-menu {
     list-style-type: none;
     position: absolute;
     top: calc(100% - 10px);
     right: -30px;
     width: 339px;
     background: url(//6rwogzimxvwxe3cj-70642041145.shopifypreview.com/cdn/shop/t/2/assets/bg-menu.png) top center no-repeat;
     padding: 30px 6px 4px;
     border-bottom: 1px solid #000;
     border-top: none;
     border-left: none;
     border-right: none;
     z-index: 1;
 }

 .navbar-toggler {
     border: 1px solid #000;
 }

 footer {
     background-color: #9c5741;
 }

 .linklist {
     list-style: none;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
     padding: 20px 10px;
     font-size: 20px;
     color: #fff;
     gap: 20px;
     margin-bottom: 0;
 }

 .socials {
     gap: 30px;
     list-style: none;
     display: flex;
     flex-direction: row;
     justify-content: center;
     align-items: center;
 }

 .linklist a {
     text-decoration: none;
     color: #fff;
 }

 .linklist a:hover {
     text-decoration: underline;
 }

 .footer__item-content {
     display: flex;
     padding: 30px 0;
     align-items: center;
     justify-content: center;
 }

 @media screen and (min-width: 768px) {
     .footer__item--links .container {
         display: flex;
         justify-content: center;
         align-items: center;
     }
 }

 @media (max-width: 991px) {
     .sec_head {
         font-size: 1.5rem;
     }

     .navbar-toggler:focus {
         box-shadow: none;
     }

     .dropdown-menu {
         display: none;
     }

     .nav-item.dropdown.open .dropdown-menu {
         display: block;
     }

     .dropdown-menu {
         background: none;
         padding: 0 0 0 30px;
         list-style-type: disc;
         border-bottom: none;
     }

     .websites_nav {
         padding: 12px 0;
     }

     .banner-form-row {
         position: relative;
         top: 0;
         transform: none;
         margin-top: 20px;
     }

     .banner-content h1 {
         font-size: 1.5rem;
     }

     .banner-content h2 {
         font-size: 1rem;
     }

     .banner_form {
         border: 1px solid #9c5741;
     }

     .linklist {
         font-size: 16px;
         padding: 16px 0;
         gap: 6px;
         flex-wrap: wrap;
     }
 }

 @media (max-width: 767px) {
     .banner_img {
        height: 100%;
        min-height: auto;
     }

     .banner-content h1 {
         font-size: 1.5rem;
     }

     .banner-content h2 {
         font-size: 1rem;
     }

     .banner_form {
         padding: 20px;
     }

     .espace_pro .content {
         gap: 10px;
     }

     .ytube_section iframe {
         height: 300px;
     }

     .footer__item-content {
         display: block;
     }

     .espace_pro::before {
         background-color: transparent;
     }
 }

 .invalid-feedback {
     display: none !important;
 }