.SequrSign-Home-1{
    width: 100%;
    height: auto;
    flex-grow: 0;
    background-color: #f1f1f1;
}

.Hero-sec-2{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    /* background-color: rgba(75, 23, 110, 0.05); */
    margin-top: -100px;
}
/* .Hero-sec-1{ 
    width: 100%;
    height: 550px;
    padding: 0 0 113px;
    background-color: #071727;
    background-image: linear-gradient(to right, #071727, #4b176e, #0f9b92, #071727);
} */

/* .navbar-brand__content {
    display: flex; 
    align-items: center; 
    gap: 0.5rem; 
    color: #fff;
} */

.pricing-card {
    width: 100%;
    max-width: 316px;
    height: 100%; /* Allow flexible height for responsive text */
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    border-radius: 26px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    background-color: #fffeff;
}

.pricing-header {
    height: 32px;
    flex-grow: 1;
    padding: 0 128px 1px 0;
}

.credit-amount-1{
    width: 20px;
    height: 46px;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #0d253c;
}   

.credit-amount-2{
    width: 42px;
    height: 46px;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #0d253c;
}

.gold-plan-contianer{
    width: 73px;
    height: 32px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 4px 12px;
    border-radius: 16px;
    border: solid 1px #6a5017;
    background-image: linear-gradient(114deg, #ffd175 14%, #fff0b2 53%, #ffd175 89%);
}

.gold-plan{
    width: 49px;
    height: 20px;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #6a5017;
}

.credit-amount-3{
    width: 53px;
    height: 46px;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #0d253c;
}

.credit-period-3{
    width: 183px;
    height: 35px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 0 18px;
    border-radius: 16px;
    background-color: #f0eef7;
}


.credit-label{
    width: 123px;
    height: 45px;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.88;
    letter-spacing: normal;
    text-align: left;
    color: #0d253c;
}

.credit-period-1{
    width: 171px;
    height: 35px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 0 18px;
    border-radius: 16px;
    background-color: #f0eef7;
}

.credit-period-2{
    width: 183px;
    height: 35px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 0 18px;
    border-radius: 16px;
    background-color: #f0eef7;
}

.card-container{
    width: 100%;
    max-width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin: 40px auto;
    flex-wrap: wrap;
    padding: 0 16px;
    box-sizing: border-box;
}

.trial-card-label{
    width: auto;
    height: auto;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    /* border-radius: 26px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    background-color: #fffeff; */
}

.silver-card-label{
    width: auto;
    height: auto;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
    /* border-radius: 26px;
    box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.25);
    background-color: #fffeff; */
}

.gold-card-label{
    width: auto;
    height: auto;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
}

.platinum-card-label{
    width: auto;
    height: auto;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 16px;
}

.platinum-plan-contianer{
    width: 126px;
    height: 32px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 4px 12px;
    border-radius: 16px;
    border: solid 1px #3e5c5b;
    background-image: linear-gradient(106deg, #bcdbdb 8%, #e9f3f3 50%, #bcdbdb 92%);
}

.platinum-plan{
    width: 102px;
    height: 20px;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #3e5c5b;
}


.platinum-card-label span{
    width: 263px;
    height: 21px;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #0d253c;
}

.credit-amount-4{
    width: 56px;
    height: 46px;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 30px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.53;
    letter-spacing: normal;
    text-align: left;
    color: #0d253c;
}

.credit-period-4{
    width: 189px;
    height: 35px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 15px;
    padding: 0 18px;
    border-radius: 16px;
    background-color: #f0eef7;
}

.credit-period-4 span {
    width: 153px;
    height: 20px;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
}

.platinum-pricing-header{
  height: 32px;
  align-self: stretch;
  flex-grow: 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 0;
}

.trial-card-label span{
    width: 251px;
    height: 21px;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #0d253c;
}
.silver-card-label span{
    width: 251px;
    height: 21px;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: center;
    color: #0d253c;
}

.gold-card-label span{
  width: 263px;
  height: 21px;
  flex-grow: 0;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 500;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.5;
  letter-spacing: normal;
  text-align: center;
  color: #0d253c;
}

.credit-period-1 span{
    width: 135px;
    height: 20px;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #333;
}

.credit-points{
    height: 46px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 9px;
    padding: 0;
}

.separator-container{
    height: 32px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}

.price-label{
  width: 53px;
  height: 17px;
  flex-grow: 0;
  font-family: Montserrat;
  font-size: 14px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #0d253c;
}

.price-amount{
  width: 27px;
  height: 31px;
  flex-grow: 0;
  font-family: Montserrat;
  font-size: 26px;
  font-weight: bold;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: left;
  color: #0d253c;
}

.pricing-plan-contianer {
    height: 129px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0;
}

.silver-plan-contianer{
    width: 82px;
    height: 32px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 4px 12px;
    border-radius: 16px;
    border: solid 1px #434646;
    background-image: linear-gradient(107deg, #adadad 12%, #e9e9e9 47%, #adadad 91%);
}

.silver-plan{
  width: 58px;
  height: 20px;
  flex-grow: 0;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #434646;
}

.trial-plan-contianer{
    width: 72px;
    height: 32px;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 4px 12px;
    border-radius: 16px;
    border: solid 1px #5f2615;
    background-image: linear-gradient(122deg, #e6baab 13%, #ffe7e0 52%, #e6baab 91%);
}

.pricing-details{
    width: 84px;
    height: 31px;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 4px;
    padding: 0;
}

.trial-plan{
  width: 48px;
  height: 20px;
  flex-grow: 0;
  font-family: Montserrat;
  font-size: 16px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #5f2615;
}

.pricing-contianer{
    height: 129px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    padding: 0;
}

.pricing-header h3 {
    margin: 0;
    font-size: 1.2em;
}

.pricing-header .price {
    background-color: #f0f0f0;
    border-radius: 15px;
    padding: 5px 10px;
    font-size: 0.9em;
    color: #333;
    font-weight: bold;
}

.pricing-card p {
    margin: 5px 0;
}

button {
    padding: 10px 15px;
    background-color: #007bff;
    color: white;
    border: none;
    border-radius: 5px;
    cursor: pointer;
}

button:hover {
    background-color: #0056b3;
}

  .pricing-card h3 {
    font-size: 20px;
    color: #007bff;
  }

  .pricing-card p {
    font-size: 14px;
    margin: 10px 0;
  }

  .pricing-card .price {
    font-size: 15px;
    font-weight: bold;
    margin: 10px 0;
  }

  .pricing-card button {
    height: 52px;
    align-self: stretch;
    flex-grow: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 16px;
    padding: 16px 32px;
    border-radius: 8px;
    background-color: #0d253c;
  }

  .pricing-card button:hover {
    background-color: #304960;
  }

  .features {
    width: 100%; /* Make it fluid and take up the full available width */
    max-width: 394px; /* Maintain a maximum width for larger screens */
    height: auto; /* Adjust height dynamically based on content */
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    gap: 25px;
    margin: 20px auto; /* Center the container horizontally with a dynamic margin */
    padding: 0;
}

  .All-Features-Included {
    height: 39px;
    align-self: stretch;
    flex-grow: 0;
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #0d253c;
  }
  .features ul {
    list-style: none; /* Removes default list bullets */
    padding: 0;
    margin: 0;
}

.features li {
    display: flex; /* Makes it easier to align text and images */
    justify-content: space-between; /* Pushes text to the left and image to the right */
    align-items: center; /* Vertically centers text and image */
    padding: 0.5em 0; /* Adds spacing between list items */
}

.features img {
    width: auto; /* Keeps aspect ratio */
    height: auto; /* Adjusts the height of the image (you can tweak this value) */
    margin-left: 10px; /* Adds spacing between the text and image */
}

@media (max-width: 768px) {
    .features li {
        flex-direction: row; /* Ensures the layout adapts on smaller screens */
    }
    .features img {
        height: 16px; /* Smaller image size for smaller screens */
    }
}
  
  .heading {
    color: #fff;
    justify-content: center;
    display: flex;
    flex-direction: column; /* Ensures the content is stacked vertically */
    align-items: center; /* Centers the content horizontally */
    gap: 18px;
  }
  
  /* .Nav_Bar_Pricing {
    width: 100%;
    height: 102px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 72px;
}  */


    /* .hero-label-container{
        font-family: Montserrat, sans-serif;
        font-size: 32px;
        font-weight: bold;
        text-align: center;
        color: #fff;
        display: flex;
        flex-wrap: wrap; 
        justify-content: center;
        gap: 16px;
        margin: 26px auto 114.5px; 
        padding: 0 16px; 
    } */

    /* .hero-label-1{
        width: auto;
        height: auto;
        flex-grow: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: stretch;
        gap: 10px;
        padding: 8px 16px;
        border-radius: 30px;
        border: solid 1px #16bdaf;
    } */

    /* .hero-label-content{
        font-size: 16px;
        font-weight: 600;
        line-height: 1.5;
        color: #16bdaf;
        display: flex;
        align-items: center;
        gap: 8px;
    } */
    
    .hero-label-1, 
    .hero-label-2, 
    .hero-label-3 {
        display: inline-flex; /* Adjust size based on content */
        align-items: center;
        justify-content: center;
        padding: 8px 16px; /* Add space around the content */
        border-radius: 30px;
        border: solid 1px #16bdaf;
        color: #16bdaf;
        text-align: center;
        gap: 8px; /* Space between icon and text */
        white-space: nowrap; /* Prevent text wrapping */
    }

    .credit-plan-container {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 16px;
        margin: 16px;
        padding: 0 16px;
    }
    
    .credit-plan-1 {
        width: 357.4px;
        height: 43.1px;
        flex-grow: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 11.3px;
        padding: 7.6px 22.7px;
        border-radius: 15.1px;
        background-color: #d8e2e6;
    }
    
    .credit-label-No {
        display: flex; /* Align number and text horizontally */
        align-items: center; /* Vertically align content */
        font-family: Montserrat, sans-serif;
        font-size: 15.1px;
        font-weight: 600;
        line-height: 1.5;
        color: #0d253c;
        gap: 8px; /* Space between the number and text */
    }
    
    .text-label {
        font-size: 18.9px;
        font-weight: bold;
        color: #0d253c;
        flex-shrink: 0; /* Prevent the number from shrinking */
    }
    
  /* Main container */
/* .hero-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    border-radius: 30px;
    background-color: #20676c;
    max-width: 900px;
    margin: 0 auto;
} */

/* Left side (icon + text) */
.hero-left {
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: Montserrat, sans-serif;
    font-size: 24px;
    font-weight: 600;
    color: #fff;
}

/* Right side (list items) */
.hero-right {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.hero-right ul {
    list-style-type: disc;
    padding-left: 40px;
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 0;
}

.feature-container {
    width: 100%;
    max-width: 400px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 15px;
    margin: 0 auto;
    padding: 0px;
}

.feature-heading {
    font-family: Montserrat, sans-serif;
    font-size: 28px;
    font-weight: 600;
    color: #0d253c;
    text-align: center;
}

.feature-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

/* .feature-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
} */

.feature-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 10px;
    font-size: 16px;
    font-weight: 500;
    color: #333;
    gap: 8px;
}

.feature-icon {
    width: 24px;
    height: 24px;
}

.feature-group {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.feature-title {
    font-size: 18px;
    font-weight: 500;
    color: #0d253c;
}

.sub-feature {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-left: 20px;
}

.sub-feature-title {
    font-size: 16px;
    font-weight: 500;
    color: #0d253c;
}

.feature-icon {
    width: 30px;
    height: 30px;
}

.badge {
    font-size: 12px;
    font-weight: 600;
    padding: 4px 10px;
    border-radius: 15px;
    color: #fff;
}

.premium {
    background: linear-gradient(102deg, #4b176e -5%, #0f9b92 99%);
}

.free {
    background-color: #0d253c;
}

/* Responsive Design */
@media (max-width: 768px) {
    .hero-container {
        flex-direction: column;
        align-items: center;
        text-align: center;
    }

    .hero-right {
        text-align: center;
        margin-top: 10px;
    }

    .hero-right ul {
        padding-left: 0;
    }
}

    /* Responsive Design */
    @media screen and (max-width: 768px) {

        .Hero-sec-2{
            margin-top: 0;
        }


        .faq-title {
            font-size: 24px;
        }
        
        .faq-question {
            padding: 10px;
        }
        
        .faq-toggle {
            width: 12px;
            height: 6px;
        }

        .credit-plan-container {
            gap: 12px;
        }
    
        .credit-plan-1 {
            flex: 1 1 100%; /* Stack credit plans vertically */
            max-width: 100%; /* Ensure full width for smaller screens */
        }
    
        .credit-label-No {
            font-size: 14px;
            gap: 6px;
        }
    
        .text-label {
            font-size: 16px;
        }
        .features {
            max-width: 90%; /* Reduce the width for smaller screens */
            margin: 20px auto; /* Maintain horizontal centering */
            gap: 20px; /* Adjust gap size for compact screens */
        }

        .payment-section {
            gap: 2rem; /* Increase spacing on medium screens */
        }
    }
    
    @media screen and (max-width: 480px) {
        
        .Hero-sec-2{
            margin-top: 0;
        }

        .faq-title {
            font-size: 20px;
        }
        
        .faq-question {
            flex-direction: column;
            align-items: flex-start;
            padding: 10px;
        }
        
        .faq-toggle {
            margin-top: 5px;
        }

        .credit-plan-container {
            gap: 8px;
            padding: 0 8px;
        }
    
        .credit-plan-1 {
            padding: 8px; /* Reduce padding for smaller screens */
        }
    
        .credit-label-No {
            font-size: 12px;
            line-height: 1.4;
            gap: 4px;
        }

        .text-label {
            font-size: 14px;
        }
        .features {
            max-width: 100%; /* Full width on very small screens */
            margin: 15px 10px; /* Add some margin around the edges */
            gap: 15px; /* Further reduce the gap for very small screens */
        }
    }
    
    @media (min-width: 1024px) {
        .payment-section {
            flex-direction: column;
        }
    
        .payment-section__icons {
            justify-content: flex-start; /* Align icons to the left on larger screens */
            gap: 1.5rem; /* Increase gap on larger screens */
        }
    }

  /* Base styles for the payment section */
  .payment-section {
      width: 100%;
    max-width: 690px;
    margin: 0 auto;
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
}

/* Payment label styling */
.payment-section__label {
    width: 100%;
    font-family: 'Montserrat', sans-serif;
    font-size: 1rem; /* Scalable font size */
    font-weight: 600;
    text-align: center;
    color: #0d253c;
}

/* Icons container */
.payment-section__icons {
    width: 100%;
    display: flex;
    flex-wrap: wrap; /* Wrap icons to fit smaller screens */
    justify-content: center; /* Center-align the icons */
    gap: 1rem; /* Space between icons */
}

/* Individual icon styling */
.payment-section__icon {
    height: 55px; /* Fixed height for consistency */
    max-width: 100px; /* Ensures icons scale proportionally */
    object-fit: contain; /* Ensures the aspect ratio is maintained */
}

/* General Styles */
body {
    font-family: 'Montserrat', sans-serif;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* FAQ Wrapper */
.faq-wrapper {
    width: 100%;
    max-width: 1200px;
    margin: 40px auto;
    padding: 0 20px;
    text-align: center;
}

/* FAQ Title */
.faq-title {
    font-size: 28px;
    font-weight: 600;
    color: #0d253c;
    margin-bottom: 20px;
}

/* FAQ List */
.faq-list {
    display: flex;
    flex-direction: column;
    gap: 15px;
    width: 100%;
}

/* FAQ Item */
.faq-item {
    width: 100%;
    max-width: 100%;
    border-radius: 8px;
    border: 1px solid #0f9b92;
    background-color: #fff;
    transition: all 0.3s ease-in-out;
}

/* FAQ Question */
.faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 16px;
    cursor: pointer;
    transition: background 0.3s ease;
}

/* .faq-question:hover {
    background-color: #f4f4f4;
} */

/* FAQ Toggle Button */
.faq-toggle {
    width: 15px;
    height: 8px;
    background-color: #0f9b92;
    transform: rotate(0deg);
    transition: transform 0.3s ease;
}

/* FAQ Answer (Initially Hidden) */
.faq-answer {
    display: none;
    padding: 12px 16px;
    text-align: left;
    background: #f8f9fa;
    border-top: 1px solid #0f9b92;
}

/* Show Answer When Active */
.faq-item.active .faq-answer {
    display: block;
}

.faq-item.active .faq-toggle {
    transform: rotate(180deg);
}

/* Base styles */
.Hero-sec-1 {
    width: 100%;
    height: 550px;
    padding: 0 0 113px;
    background-color: #071727;
    background-image: linear-gradient(to right, #071727, #4b176e, #0f9b92, #071727);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.Nav_Bar_Pricing {
    width: 100%;
    height: 102px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 16px 72px;
}

.navbar-brand__content {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    color: #fff;
}

.heading h1 {
    font-family: Montserrat, sans-serif;
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 20px;
}

.hero-container {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 30px;
    background-color: #20676c;
    gap: 2rem;
    flex-wrap: wrap;
    width: 60%;
    margin: 0 auto;
}

.hero-left img {
    max-width: 100%;
    height: auto;
}

.hero-right ul {
    list-style: none;
    padding: 0;
}

.hero-right li {
    font-size: 1rem;
    margin-bottom: 10px;
    color: #fff;
}

.hero-label-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    margin-top: 20px;
    width: 80%;
}

.hero-label-content {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 1rem;
    color: #fff;
}

/* Responsive Design */
@media (max-width: 1024px) {
    .Nav_Bar_Pricing {
        padding: 16px 40px;
    }
    .heading h1 {
        font-size: 1.75rem;
    }
    .hero-container {
        flex-direction: column;
        align-items: center;
    }
    .hero-right ul {
        text-align: center;
    }
}

@media (max-width: 768px) {
    .Nav_Bar_Pricing {
        flex-direction: column;
        height: auto;
        padding: 16px 20px;
    }
    .hero-label-container {
        flex-direction: column;
        align-items: center;
    }
    .hero-label-content {
        text-align: center;
    }
}

@media (max-width: 480px) {
    .heading h1 {
        font-size: 1.5rem;
        padding: 0 10px;
    }
    .hero-container {
        max-width: 100%;
    }
    .hero-label-container {
        width: 100%;
    }
    .Nav_Bar_Pricing {
        padding: 10px;
    }
}