h1 {

     font-size: 36px;
 }

 body {
     font-family: "Outfit", sans-serif;


     /* background: linear-gradient(to bottom right, #ffffff, #f39d1267); */
     /* Adjust the angle and colors as needed */




 }


 .section {

     padding-top: 150px;
 }


 .bg-body-tertiary {

     background: #F6C547 !important;
     margin: 0px 20px 0px 20px;
     border-radius: 0px 0px 20px 20px;
     padding: 20px;
     z-index: 999999;


 }

 .nav-active {

     background: #3D2120;
     color: #ffffff !important;
 }



 .nav-link {

     margin-right: 20px;
     padding: 10px 15px 10px 15px !important;
     color: #000000;
     font-size: 18px;
     font-weight: 500;
     transition: color 0.3s ease, background 0.3s ease;
     padding-right: 20px;
     padding-left: 200px;
     border-radius: 25px;

 }



 .nav-link:hover {

     color: #ffffff;

     background: #3D2120;

 }

 .hero-sec {
     min-height: 700px;
     background-image: url(../img/Group\ 72\ \(1\).png);
     background-repeat: no-repeat;
     background-size: cover;
     margin-top: -90px;
     border-radius: 0px 0px 50px 50px;
     text-align: center;


 }


 .hero-sec h1 {

     color: #F6C547;
     text-align: center;
     font-size: 57px;
     font-weight: bold;
 }

 .hero-button a {

     text-decoration: none;
     color: #F6C547;
     border: 2px solid;
     padding: 10px 50px 10px 50px;
     border-radius: 15px;
     font-weight: 600;
     font-size: 20px;
     transition: color 0.3s ease, background 0.3s ease;


 }

 .hero-button a:hover {

     background: #F6C547;
     color: #000;
     border-color: #F6C547;

 }


 .hero-button {


     gap: 30px;
     margin-top: 50px;

 }

 .navbar_image {
     width: 150px;
 }

 .logo_image {
     width: 25px;
     height: 25px;
     margin-bottom: 10px;

 }


 .about-left img {

     width: 90%;
     border-radius: 10px;


 }

 .about-right h1 {

     font-weight: 700;
     background: linear-gradient(45deg, #ffb700, #505050, #ffb700);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }

 .about-right p {

     font-size: 18px;
     padding-top: 10px;
     padding-bottom: 20px;

 }

 .about-right a {
     text-decoration: none;
     color: #F6C547;
     background: #3D2120;
     font-size: 18px;
     font-weight: 500;
     padding: 10px 40px 10px 40px;
     border-radius: 10px;
     position: relative;
     overflow: hidden;
     display: inline-block;
     /* Ensure that the anchor is a block-level element */
 }

 .about-right a::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background: rgba(255, 255, 255, 0.2);
     transition: width 0.3s ease;
 }

 .about-right a:hover::after {
     width: 100%;
 }

 .product-main {

     background: url('../img/Group 73 (1).svg');

 }


 .product-head {

     justify-content: center;
     align-items: center;
     gap: 15px;
     flex-direction: column;
 }


 .product-head a {

     text-decoration: none;
     color: #3D2120;
     font-weight: 500;
     font-size: 20px;
 }


 .product {

     background: #F9F4F1;
     padding-bottom: 30px;
     padding-top: 30px;
     border-radius: 20px;
     min-height: 319px;
     transition: background-color 0.5s, box-shadow 0.5s;
 }

 .product p {

     padding-left: 30px;
     padding-right: 30px;
     text-align: center;
 }

 .product:hover {


     background-color: #f0f0f0;
     box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.425);
 }

 .contact-sec {

     background: #F6C547;
     padding: 50px;
     border-radius: 20px;
 }

 .contact-sec p {

     color: #000000;
     font-size: 17px;


 }

 .contact-sec h1 {

     color: #000000;
     padding-bottom: 20px;
 }


 .contact-button {

     text-align: right;
     display: flex;
     justify-content: end;
     align-items: center;
 }


 .contact-button a {
     margin-right: 100px;
     text-decoration: none;
     color: #F6C547;
     background: #3D2120;
     font-size: 18px;
     font-weight: 500;
     padding: 10px 40px 10px 40px;
     border-radius: 10px;
     position: relative;
     overflow: hidden;
     display: inline-block;
     /* Ensure that the anchor is a block-level element */
 }

 .contact-button a::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background: rgba(255, 255, 255, 0.2);
     transition: width 0.3s ease;
 }

 .contact-button a:hover::after {
     width: 100%;
 }



 .future-now {
     background: url('../img/Group 73 (1).svg') center no-repeat, #fff8e5;
     background-size: 1105px;
     margin-left: 20px;
     margin-right: 20px;
     padding-top: 110px;
     padding-bottom: 120px;
     border-radius: 20px;
     background-position-y: 20px;

 }

 .future-now h1 {

     text-align: center;
     font-size: 60px;
     font-weight: 800;
     background: linear-gradient(45deg, #ffb700, #ffb700, #2b2b2b);
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
 }


 .future-button {


     display: flex;
     justify-content: center;
     align-items: center;
     gap: 30px;
     margin-top: 50px;


 }

 .future-button a {

     text-decoration: none;
     border: 2px solid #3D2120;
     color: #3D2120;
     font-size: 18px;
     font-weight: 500;
     padding: 10px 40px 10px 40px;
     border-radius: 10px;
     position: relative;
     overflow: hidden;
     display: inline-block;
     transition: background-color 0.5s ease, color 0.5s ease;
 }

 .future-button a:hover {

     background: #3D2120;
     color: #ffb700
 }





 .footer-main {

     margin: 130px 20px 0px 20px;
     border-radius: 20px 20px 0px 0px;
     background: #F6C547;
     padding-top: 60px;
     color: white;
 }

 .footer-logo {

     text-align: center;
 }


 .footer-links {

     display: flex;
     justify-content: center;
     gap: 50px;
 }

 .footer-links a {

     text-decoration: none;
     margin-top: 50px;
     color: #000000;
     font-weight: 600;
     font-size: 19px;
 }

 .footer-button {

     margin-top: 30px;
     display: flex;
     justify-content: center;
     gap: 100px;
     padding-bottom: 20px;
 }

 .footer-button a {

     text-decoration: none;
     color: #000000;
     font-size: 20px;
     margin-bottom: 40px;
 }

 /* Loader styles */
 .loader-container {
     position: fixed;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     background-color: rgb(255, 255, 255);
     /* semi-transparent background */
     display: none;
     /* initially hidden */
     justify-content: center;
     align-items: center;
     z-index: 99999999;
     /* Ensure loader is on top */
 }

 .loader2 {
     background-color: #fff;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
     position: fixed;
     justify-content: center;
     align-items: center;
     z-index: 99999999;
     /* Ensure loader is on top */
     display: flex;


 }

 .loader3 {
     /* width: 50px;
     height: 50px; */
     animation: spin 2s linear infinite;
 }

 .loader {
     /* width: 50px;
     height: 50px; */
     animation: spin 2s linear infinite;
 }


 .about-main h1 {

     text-align: center;
     font-weight: 700;
 }

 .box {

     margin-top: 50px;
 }

 .box-item {


     padding: 50px;
     border: 1px solid rgb(202, 202, 202);
     border-radius: 10px;
 }

 .box-img h5 {

     margin: 0;
 }

 .box-img {

     margin-bottom: 10px;
 }

 .box-img img {

     margin-right: 5px;
     background: #f9fafb;
     border-radius: 20px;
     padding: 5px;

 }

 .about-second-left {

     padding-top: 50px;
 }

 .about-second-left h1 {

     font-weight: 600;
     margin-bottom: 10px;
 }



 .about-second-left a {
     margin-top: 10px;
     text-decoration: none;
     color: #F6C547;
     background: #3D2120;
     font-size: 18px;
     font-weight: 500;
     padding: 10px 40px 10px 40px;
     border-radius: 10px;
     position: relative;
     overflow: hidden;
     display: inline-block;
     /* Ensure that the anchor is a block-level element */
 }

 .about-second-left a::after {
     content: '';
     position: absolute;
     top: 0;
     left: 0;
     width: 0%;
     height: 100%;
     background: rgba(255, 255, 255, 0.2);
     transition: width 0.3s ease;
 }

 .about-second-left a:hover::after {
     width: 100%;
 }


 .about-second-right div img:last-child {

     margin-top: -120px;
     margin-left: 170px;
 }

 .about-second-right {

     text-align: center;
 }

 .about-second-right img {

     border-radius: 10px;
 }

 .contact-main h1 {

     text-align: center;
     font-size: 40px;
     font-weight: 600;

 }

 .contact-box {

     margin-top: 50px;
     border: 1px solid rgb(202, 202, 202);
     padding: 40px;
     border-radius: 10px;

 }

 .contact-box a {

     text-decoration: none;
     color: #3D2120;
     font-weight: 500;

 }

 .contact-box-icon {

     margin-bottom: 10px;
 }

 .contact-box-icon h5 {

     margin-bottom: 0;
 }

 .contact-box-icon img {

     margin-right: 10px;
 }

 .loader {

     text-align: center;
     display: flex;
     justify-content: center;
     align-items: center;
 }


 #lottie-animation-success svg {


     width: 30% !important;
 }

 #lottie-animation-failed svg {


     width: 12% !important;
 }

 .payment-success {

     text-align: center;
 }

 .payment-failed h1 {

     margin-top: 30px;
 }

 .payment-failed {

     text-align: center;
     margin-top: 70px;
 }


 .payment a {

     text-decoration: none;
     color: #F6C547;
     background: #3D2120;
     font-size: 18px;
     font-weight: 500;
     padding: 10px 40px 10px 40px;
     border-radius: 10px;
     position: relative;
     overflow: hidden;
     display: inline-block;
     margin-top: 30px;
 }

 #lottie-animation-success h1 {


     margin-top: 0px !important;
 }

 .payment-success h1 {

     margin-top: -50px;
 }

 .Privacy-policy h2 {

     padding-bottom: 20px;
 }

 .Privacy-policy h4 {

     padding-top: 10px;
 }

 .Privacy-policy h3 {

     padding-top: 20px;
     font-size: 24px;
 }

 .Privacy-policy li span {

     font-weight: 400;
 }






 .navbar .dropdown-menu {
     padding: 0;
     border-radius: 10px;
     box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 }

 .navbar .dropdown-item {
     padding: 10px 20px;
     font-size: 16px;
     text-align: center;
     margin-bottom: 5px;
 }

 .navbar .dropdown-item:hover {
     background-color: #f0f0f0;
 }

 .navbar .custom-invest {
     /* background-color: #4A2C2A; */
     color: #000;
     border-radius: 25px;
     text-align: center;
     padding: 7px 50px 7px 50px;
 }



 .navbar-expand-lg .navbar-nav .dropdown-menu {
     position: absolute;
     margin-left: -120px;
     padding: 15px 30px 15px 30px;
 }

 .navbar .dropdown-item:hover {

     border: 1px solid #00000088;
     background: #ffffff00;
     border-radius: 30px;
     padding: 7px 10px 7px 10px;
 }


 .navbar .custom-invest:hover {
     background-color: #ffffff00;
     color: #000;
     border-radius: 25px;
     text-align: center;
     padding: 7px 50px 7px 50px;
 }

 .dropdown-toggle::after {

     display: none;
 }

 .dropdown-toggle img {

     width: 30px;
 }


 .nav-link:hover {
     color: #ffffff;
     background: #3d212000;
 }









 @media only screen and (max-width: 768px) {


     h1 {

         font-size: 28px;
     }

     .section {
         padding-top: 100px;
     }

     .bg-body-tertiary {

         margin: 0;
     }

     .bg-body-tertiary img {

         width: 40%;
     }

     .nav-item {

         margin-top: 25px;
     }

     .nav-link {

         padding: 10px !important;
         display: inline;

     }

     .nav-link:hover {
         /* You can either reset the styles or define new ones */
         color: initial;
         /* Resetting color to default */
         background: initial;
         /* Resetting background to default */
     }

     .hero-sec h1 {

         font-size: 45px;
     }

     .hero-button a {

         padding: 10px 23px 10px 23px;
         font-size: 13px;

     }

     .hero-sec {
         min-height: 600px;
     }

     .about-left {

         text-align: center;
     }

     .about-right {

         text-align: center;
         padding-top: 30px;
     }

     .about-right p {

         text-align: justify;
         font-size: 16px;
     }

     .product-main .row {

         gap: 30px;
     }

     .contact {

         margin-left: 10px;
         margin-right: 10px;
     }

     .contact-sec {

         text-align: center;

     }

     .contact-button {

         justify-content: center;
     }

     .contact-button a {

         margin: 0;


     }

     .future-now {

         padding-top: 100px;
     }

     .future-now h1 {

         font-size: 40px;

     }

     .future-now a {

         padding: 10px 30px 10px 30px;
     }

     .footer-main {

         margin: 100px 0px 0px 0px;
     }

     .footer-links {
         display: flex;
         gap: 0;
         flex-direction: column;
         align-items: center;
     }

     .footer-links a {

         margin-top: 30px;
         font-size: 17px;
     }

     .footer-button {
         gap: 0;
         margin-top: 50px;
         display: flex;
         justify-content: center;
         flex-direction: column;
         align-items: center;
     }

     .footer-button a {

         margin-bottom: 20px;
         font-size: 20px;
     }

     .future-now {

         background-size: 437px;
         margin-left: 20px;
         margin-right: 20px;
         padding-top: 80px;
         padding-bottom: 80px;
         border-radius: 20px;
         background-position-y: 108px;
     }

     .box {

         gap: 50px;
     }

     .about-second-left {

         padding-top: 0 !important;
     }

     .about-second-left {

         text-align: center;
     }

     .about-second-left p {


         text-align: justify;
     }

     .about-second-right {

         text-align: left;
         padding-top: 20px;
     }

     .about-second-right div img:last-child {
         margin-top: -120px;
         margin-left: 60px;
     }

     .contact-main h1 {

         font-size: 45px;
     }

     .payment-success h1 {

         margin-top: -30px;
     }

     #lottie-animation-success svg {


         width: 60% !important;
     }

     #lottie-animation-failed svg {


         width: 20% !important;
     }

     .payment a {


         font-size: 15px;

         padding: 10px 20px 10px 20px;

     }


     .nav-item {
         margin-top: 0px;
         width: 65px;
     }

     .dropdown-toggle img {

         width: 35px;
     }

     .navbar-expand-lg .container-fluid {

         flex-wrap: nowrap;
     }
 }