/* Reset */
* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}
html, body {
    font-family: "Manrope", sans-serif;
    background-color: #f9f9f9;
    color: #333;
    scroll-behavior: smooth;
}

/* Unordered List and List Items */
ul {
    list-style-type: none; /* Remove default bullets */
    padding-left: 0; /* Remove left padding */
    margin: 0;
}

li {
    margin-bottom: 10px; /* Add space between items */
}

/* Anchor Tags */
a {
    text-decoration: none; /* Remove underline */
    color: #0073e6; /* Primary link color */
    transition: color 0.3s ease; /* Smooth color transition */
}

a:hover {
    color: #21243C; /* Darker color on hover */
}
.announcement-bar {
    background-color: #21243C;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    color: #FCFCFC;
    color: #fff;
    text-align: center;
    padding: 15px 0;
    font-size: 14px;
}

.header, .hero-section, .media-logos ul{
    display: flex;
    justify-content: center;
}

.navbar-section .row{
   justify-content: space-between;
   align-items: center;
}

.logo {
   margin-right: 30px;
   margin-top: 2px;
   margin-bottom: 12px;
}

.navbar-section nav ul {
    display: flex;
    list-style-type: none;
    margin-top: -2px;
    margin-bottom: 12px;
}

.navbar-section nav ul li {
    margin: 0 18px;
}

.navbar-section nav ul li a {
    text-decoration: none;
    color: #FCFCFC;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
    font-size: 20px;
    line-height: auto;
}

.contact-info {
    display: flex;
    align-items: center;
    margin-top: -2px;
    margin-bottom: 12px;
}

.contact-info .phone {
    margin-right: 30px;
    font-weight: bold;
}

.btn {
    border: none;
    padding: 10px 20px;
    border-radius: 5px;
    cursor: pointer;
    font-weight: 500;
}

.btn.login {
    background-color: #FCFCFC;
    color: #333;
   
}

.btn.register {
    background-color: #FA4617;
    color: #fff;
    margin-left: 15px;
}

.hero-section {
    background-image: url('background-image.jpg');
    background-size: cover;
    background-position: center;
    padding: 140px 20px;
    text-align: center;
    color: #fff;
}
hero-content{
    text-align: center;
}
.hero-content h1 {
    font-size: 64px;
    font-weight: 700;
    margin-bottom: 15px;
    font-family: "Manrope", sans-serif;
    color: #FCFCFC;
}

.hero-content p {
    font-size: 18px;
    max-width: 720px;
  font-weight: 500;
    font-family: "Manrope", sans-serif;
    color: #FCFCFC;

}

.cta-buttons {
   padding: 50px 0;
   display: flex;
   gap: 15px;
   justify-content: center;
}

.btn.create-trust, .btn.create-will {
    background-color: #FA4617;
    color: #fff;
    width: 214px;
    height: 64px;
    border-radius: 100px;
    font-size: 18px;
  font-weight: 700;
  font-family: "Manrope", sans-serif;
}

.social-proof {
    display: flex;
 justify-content: center;
  gap: 10px;
  align-content: center;
  gap: 15px;
}
.merch-img {
    display: block;
    padding: 7px 0;
}
.social-proof img {
    height: auto;
    max-width: 100%;
}
.merch-text{
    text-align: left;
}
.merch-text p{
    margin: 0;
    font-size: 12px;
    font-weight: 600;
    color: #FCFCFC;
}
.media-logos ul{
    display: flex;
    justify-content: space-between;
    align-items: center;
  
   padding-bottom: 8px;
}
.reviewCarousel .pagination-reviews{
    padding-bottom: 20px;
}
.contact-info button{
    width: 180px;
    height: 48px;
    border-radius: 100px;
    border: 0;
    color: #FCFCFC;
    font-size: 18px;
    font-weight: 700;
    font-family: "Manrope", sans-serif;
}

.menu-left-section{
display: flex;
align-items: center;
justify-content: start;
}
.bg-img-hero-banner {
    background-image: url('images/hero-banner.jpg');
    background-size: cover;       /* Cover the entire section */
    background-position: center top;  /* Center the image */
    background-repeat: no-repeat; /* Avoid repeating the image */
    width: 100%;
    height: 100%;                /* Full viewport height */
}
.container-default{
    padding: 20px 40px 10px 40px;
}
.contact-info{
    float: right;
}
.contact-info img{
    padding-right: 10px;
}
.contact-info .phone{
    color: #191B28;
    font-size: 18px;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
}
.pagination-reviews{
    text-align: center;
}
.pagination-reviews .swiper-pagination-bullet{
    background-color: #FCFCFC;
    width: 10px;
    height: 10px;
}


/* ==========================feature================================== */
.services-area{
    text-align: center;
}
.services-section{
    background-color: #F8F7F4;
    padding: 64px 0 ;
}
.heading-section{
    
    text-align: center;
    max-width: 1060px;
    margin: auto;
  
}
.heading-section span{
    color: #FA4617;
    font-size: 16px;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
   text-transform: uppercase;
    margin-bottom: 10px;
}

.heading-section h2{
    color: #191B28;
    font-size: 56px;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    /* text-transform: capitalize; */
    padding: 10px 0;
}

.heading-section p{
    color: #21243C;
    font-size: 18px;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
   max-width: 760px;
   margin: 0 auto 20px;
}

/* Steps Container */


/* Individual Step Styling */
/* .step {
  
    text-align: center;
   
    padding: 20px;
    border-radius: 10px;
} */

.step p{
    color: #191B28;
    font-size: 18px;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
}
/* Step Number */
.step-number {
   text-align: center;
    margin-bottom: 10px;
    background-color: #E4E0D4;
    width: 40px;
    height: 40px;
    border-radius: 100px;
    margin: 24px auto;
    color: #21243C;
    font-size: 16;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    line-height: 40px;

}
.form-container label{
    text-align: left;
    margin: 0;
    width: 100%;
    border-radius: 6px;
     padding: 8px;
     color: #21243C;
     font-size: 12px !important;
     font-weight: 600;
    padding-left: 0;
}

/* Step Title */
.step h3 {
    font-size: 20px;
    color: #21243C;
    margin-bottom: 15px;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
}
.form-container {
    background-color: #E4E0D4;
    padding: 24px;
    border-radius: 16px;
    margin: 30px 0;
    min-height: 311px;
}
/* Form Container */
.form-container input,
.form-container select
 {
    width: 100%;
   border-radius: 6px;
    padding: 8px;
    border: 0;
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px rgb(0 0 0 / 16%)
}
/* .container{
    max-width: 1680px;
} */
.submit-button {
    background-color: #FA4617;
  color: white;
  padding: 15px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  width: 100%;
  border-radius: 100px;
  color: #FCFCFC;
  font-size: 14px;
  font-family: "Manrope", sans-serif;
  font-weight: 600;
}

/* File Preview and CTA Button */
.files-preview {
    display: flex;
    justify-content: start;
   
    align-items: center;
}

.file {
    background-color: #fff;
    padding:  10px;
    
    border-radius: 5px;
}

.cta-button {
    width: 256px;
    height: 64px;
    background-color: #FA4617;
    color: #FCFCFC;
    padding: 10px 20px;
    border: none;
    border-radius: 100px;
    cursor: pointer;
    
    font-size: 18px;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    margin: 45px 0;
    margin: 10px auto;
}
.wrap-iconss{
    background-color: #FCFCFC;
    text-align: left;
    padding: 10px;
    border-radius: 6px;

}
/* Files List */
.files-list .file-item {
   
    padding: 15px 0px;
    border-bottom: 1px solid #E9EBF1;
}
.files-list .file-item:last-child{
   
    padding: 15px 5px;
    border-bottom: 0;
}
.file-item{
    font-size: 16px;
    font-weight: 500;
    color: #21243C;
    font-family: inter;
}
.social-media ul {
    opacity: 0.5;
}
.file-item img{
    padding-right: 10px;
}
/* .checkbox-section label input[type="checkbox"]{
width: 20px !important;
height: 20px;
background-color: #fff;
border: 1px solid #BFC6D3;
} */

.checkbox-section [type="checkbox"] {
    width: 20px !important;
    height: 20px;
    margin-right: 10px;

    
    margin-top: -2px;
  }
  .checkbox-section{
    padding-top: 10px;
    margin-left: -6px;

  }

  .checkbox-section span{
    padding-left: 20px;
    font-size: 12px;
    font-weight: 600;
    display: inline-block;
    margin-top: -20px;
color: #21243C;
  }
.box-border-style {
    display: flex;
 
  align-content: center;
  justify-content: center;
  gap: 20px;
}

.hidden-input {
    display: none; /* Completely hide the input */
}

.file {
    cursor: pointer; /* Make the .file div look clickable */
}
.file-wraper{
    
    padding: 20px;
    /* margin: 20px; */
    border: 2px dashed #FA4617;
    border-radius: 8px;
    
}
.item-flex span{
    padding:5px 12px;
    background-color: #EFECE6;
    border-radius: 100px;
    cursor: pointer;
}

.item-flex{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.right-line{
    position: relative;
    z-index: 1;
    padding-left: 78px;
}
.right-line::after{
    content: '';
    position: absolute;
    left: 0px;
    border-top: 2px dashed #FA4617;
   
    width: 174px;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}
.box-border-style{
    font-family: inter;
    font-weight: 500;
    text-align: left;
    
}
.box-border-style p{
    margin: 0;
    font-size: 10px;
   
    color: #FA4617;
}
.image-loading{
    padding-bottom: 15px;
}
.box-border-style span{
    font-size: 10px;
    font-family: inter;
    font-weight: 400;
}
.files-list p{
    font-family: inter;
    font-weight: 500;
    text-align: left;
    color: #191B28;
    font-size: 14px;
}
.left-text p{
    margin-bottom: 0;
}
/* price */

.price-section{
    background-color: #EFECE6;
    padding: 64px 0 ;
}
.price-area{
    background-color: #F8F7F4;
   overflow: hidden;
    border-radius: 16px;
    margin: 40px 0  0;
}
.price-page-div .price-boxs .box-pr{
    margin-bottom: 20px !important;
}
.price-page-div{
    background-color: #F8F7F4 !important;
}
.top-rice-part{
    padding: 30px;
    padding-bottom: 20px;
}
.list-rice-content{
    border-top: 2px solid #BFC6D3;
    padding: 20px 30px 30px;
}
.price-area h4{
color: #21243C;
font-size: 24px;
font-family: "Manrope", sans-serif;
font-weight: 700;
margin-bottom: 10px;
}
.price-area p{
    color: #21243C;
    font-size: 16px;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    margin-bottom: 35px;
    }

    .price-area .button-price h4{
        color: #21243C;
        font-size: 20px ;
        font-family: "Manrope", sans-serif;
        font-weight: 700;
        margin-bottom: 10px;
        padding-bottom: 5px;
        border-bottom: 1px solid #21243C;
        display: inline-block;
    }

    .list-rice-content ul li{
        display: flex;
        align-items: center;
        justify-content: start;
        gap: 15px;
        padding: 20px 0;
        border-bottom: 1px;
        border-bottom: 2px solid #BFC6D3;
    }
    .list-rice-content ul li:last-child{
        border-bottom: 0;
    }
    .list-rice-content ul li p{
        margin-bottom: 0;
    }
    .button-section-icon-price{
        padding-top: 60px;
    }
    .button-section-icon-price button{
        width: 240px;
        height: 64px;
        background-color: #FA4617;
        color: #FCFCFC;
        
        font-size: 18px;
        font-family: "Manrope", sans-serif;
        font-weight: 700;
        border-radius: 100px;
        border: 0;
    }
.custom-pagination{
    display: none;
}
/* ==========================services================================== */
.item-services{
    background-color: #FCFCFC;
    padding: 32px 24px 24px;
    box-shadow: 0 2px 16px rgb(183 183 183 / 30%);
    border-radius: 16px;
}
.item-services img{
    margin-bottom: 30px;
}

.item-services h5{
    color: #191B28;
    font-size: 20px;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}
.item-services p{
    color: #191B28;
    font-size: 18px;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
   margin-bottom: 0;
}
.services-area-section{
    padding-top: 60px;
    
}
.services-area-section .cta-button{
    margin-top: 70px;
}
.buttom-button{
    text-align: center;
    padding-top: 20px;
}
/* =========================================Review====================================== */

.review-section{
background-color: #EFECE6;
padding: 64px 0 ;
}
.review-are{
    display: flex;
    justify-content: start;
    align-items: center;
    background-color: #F4F4F4;
    border-radius: 24px;
   margin: 30px 0;
}
.review-section .swiper-slide-active{
    margin-right: 16px !important;
}
.user-img{
    position: relative;
}
.user-details{
    position: absolute;
    bottom: 0;
    left: 8%;
    
}
.user-details h6{
    color: #191B28;
    font-size: 20px;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
}

.user-details p{
    color: #191B28;
    font-size: 18px;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
}
.review-content {
  
    padding: 0 32px ;
    
}
.review-gap .reviewSlider .swiper-wrapper{
    padding-left: 300px;
}

.review-content img{
   margin-bottom: 20px;
}
.details-post span{
    font-size: 16px;
    font-weight: 500;
    
}
.hm-artcle button{
    font-size: 18px;
    font-weight: bold;
   
}
.hm-artcle button img{
    
    margin-left: 5px !important;
}
.details-post li{
    font-size: 16px;
    font-weight: 500;
    list-style: disc;
}
.review-content p{
    color: #191B28;
    font-size: 18px;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
}
.rating ul{
    display: flex;
    justify-content: start;
    align-items: center;
}
.reviewSlider .pagination-reviews .swiper-pagination-bullet{
background-color: #191B28;
}


/* =============================Article======================================== */
.articles-area{
    padding-top: 30px;
}
.articles-section{
    background-color: #21243C;
    padding: 64px 0;
}

.articles-section .heading-section h2{
    color: #FCFCFC ;
}
.articles-section .heading-section span{
    color: #FCFCFC ;
}
.item-post img{
    margin-bottom: 20px;
    width: 100%;
}
.item-post h5{
    font-size: 24px;
    font-weight: 700;
    color: #FCFCFC;
}
.details-post{
    display: flex;
    justify-content: start;
    align-items: center;
    color: #FCFCFC;
    gap: 20px;
    margin-bottom: 40px;
}
.details-post li{
    margin: 0;
}
.item-post .post-button button{
    background-color: transparent;
    color: #FCFCFC;
    border: none;
}
.item-post .post-button img{
    margin: 0;
    width: auto;
}
.get-started-product-area ul{
    display: flex;
    flex-wrap: wrap; /* Enables wrapping */
    align-items: center;
    justify-content: center;
   
}
/* ========================faq============================= */
.hm-faq{
    background-color: #FFFFFF !important;
}
.bg-dds .heading-section h2{
    font-size: 48px ;
}
.bg-dds .accordion-header button{
    font-size: 16px;
}

.bg-dds .accordion-body{
    font-size: 14px;
    font-weight: 600;
}
.faq-section{
    padding: 60px 0;
    background-color: #fff;
   
    margin: auto;
}
.faq-area{
    max-width: 900px;
    margin: 20px auto;
}
/* .accordion-button::after {
  
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-dash' viewBox='0 0 16 16'%3E%3Cpath d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
 }
 .accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='currentColor' class='bi bi-plus' viewBox='0 0 16 16'%3E%3Cpath d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
   transition: all 0.5s;
 }
 .accordion-button::after {
   transition: all 0.5s;
 } */
 :root {
    --primary-color: #b9ff66;
    --secondary-color: #191a23;
    --body-color: #f3f3f3;
  }
  .working-process .accordion-item {
    border: 1px solid #000;
    border-bottom: 3px solid #000;
    border-radius: 30px;
    overflow: hidden;
    /* padding: 20px; */
    background-color:#FA4617;
  }
  
  .working-process .accordion-item .accordion-button {
    background-color: var(--body-color);
    padding: 20px 40px;
    border-bottom: 1px solid #000;
  }
  
  .working-process .accordion-item .accordion-collapse.collapse.show,
  .working-process .accordion-item .accordion-collapse.collapse.show {
    background-color: var(--primary-color);
    transition: all 0.2s ease-in-out;
  }
  
  .working-process .accordion-item .accordion-button:not(.collapsed) {
    color: #000;
    transition: all 0.2s ease-in-out;
    background-color: #EFECE6 !important;
    box-shadow: none;
  }
  
  .working-process .accordion-item .accordion-button:focus {
    box-shadow: none;
  }
  
  .working-process .accordion-item .accordion-collapse .accordion-body {
    padding: 20px 40px;
  }
  
  .working-process .accordion-item .accordian-numbers {
    font-size: 44px;
    padding-right: 20px;
  }
  
  /* .accordion-button::after {
    background-image: none;
    font-family: "Font Awesome 6 Free";
    content: "\f068";
    height: 35px;
    width: 35px;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    
    background-color: #EFECE6;
    color: #000;
  }
  
  .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "\f067";
    background-color: #FA4617;
    color: #fff;
    font-weight: 100;
  } */
  
  .faq-area .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E") !important;
    width: 40px;
    height: 40px;
    background-color: #EFECE6;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}

  .faq-area .accordion-button::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E");
    width: 40px;
    height: 40px;
    background-color: #fa4617;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100px;
}
  .working-process .accordion-item .collapsing {
    transition: all 0.3s ease-in-out;
  }
  .accordion-header button{
    color: #191B28;
    font-size: 20px;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
  }

 .accordion-header .accordion-button{
    background-color: transparent;
   
    
 }
 .accordion-body{
    color: #191B28;
    font-size: 16px;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    opacity: 0.6;
 }

 .accordion-item{
    border-radius: 0 !important;
    border: 0;
    border-bottom: 1px solid #BFC6D3;
 }
 .accordion-button:focus{
    box-shadow: none;
 }


 /* .accordion-button:not(.collapsed)::after {
  background-image: url(//images/active.svg);
    background-size: 20px 20px;
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
}

.accordion-button.collapsed::after {
    background-image: url('//images/inactive.svg'); 
    background-size: 20px 20px;
    background-repeat: no-repeat;
    content: "";
    width: 20px;
    height: 20px;
    display: inline-block;
} */

.combo-button {
    display: flex;
    justify-content: center;
    align-content: center;
    gap: 15px;
    margin-top: 40px;
}

.combo-button button{
    background-color: #FA4617;
    border: none;
    padding: 15px 32px;
    color: #FCFCFC;
    font-size: 18px;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
    border-radius: 100px;
}

.step-content img{
    width: 100%;
    margin: 9px 0 24px 0;
}

/* footer */
.footer{
    padding:0 56px;
    padding-bottom: 0;
}
.footer-section{
    background-color: #191B28;
    padding: 64px;
    border-radius: 30px;
    margin-bottom: 60px;
}
.foote-logo{
    max-width: 500px;
    margin-bottom: 56px;
}
.foote-logo img{
    margin-bottom: 20px;
}
.foote-logo p{
    color: #FCFCFC;
    font-size: 16px;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
}
.foote-information-left{
    display: flex;
    justify-content: space-between;
    text-align: center;
    color: #FCFCFC;
   margin-right: 160px;
}
.footer-list a{
    color: #BFC6D3;
    font-size: 14px;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
}
.footer-list{
    text-align: left;
    color: #BFC6D3;
    font-size: 14px;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
}
.footer-list img{
    padding-right: 10px;
}
.footer-list h5{
    color: #BFC6D3;
   
    font-size: 16px;
    font-family: "Manrope", sans-serif;
    font-weight: 500;
    margin-bottom: 20px;
}
.footer-list ul li{
    margin-bottom: 6px;
}
.right-foote h4{
    color: #BFC6D3;
   margin-bottom: 20px;
    font-size: 20px;
    font-family: "Manrope", sans-serif;
    font-weight: 700;
}
.search-box-footer form{
max-width: 440px;
    border: 1px solid #BFC6D3;
    padding: 3px 10px ;
    border-radius: 100px;
    display: flex;
    justify-content: space-between;
}
.search-box-footer input{
    background-color: transparent;
    border: 0;
    color: #BFC6D3;
    width: 100%;
}
.search-box-footer button{
    background-color: transparent;
    border: 0;
}
input:focus-visible {
    outline: none;
}
.search-box-footer{
    margin-bottom: 36px;
}
.social-media ul{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 15px;
}

.copyright-section{
    
margin-top: 30px;
}

.copyright-section .left-text{
    color: #BFC6D3;
    font-size: 14px;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
}
.footer-terms a{
    color: #BFC6D3;
    font-size: 14px;
    font-family: "Manrope", sans-serif;
    font-weight: 600;
    position: relative;
    padding: 10px;
}
.footer-terms a:first-child{
    padding-left: 0;
}
.footer-terms span{
    color: #BFC6D3;
}
.foote-information-left li a{
    color: #BFC6D3;
}
.foote-information-left li a:hover{
    color: #FA4617;
}
.left-text a{
    color: #BFC6D3;
}
.left-text a:hover{
    color: #FA4617;
}
.for-mobile{
    display: none !important;
}


.menu-icon {
    display: none !important;
    gap: 7px;
}

.menu-icon .first-bar {
    width: 38px;
    height: 3px;
    background-color: #ffffff;
    transition: all ease-in-out 0.3s;
}

.menu-icon.click .first-bar {
    transform: translateY(10px) rotate(-45deg);
    transition: all ease-in-out 0.3s;
}

.menu-icon.click .second-bar {
    opacity: 0;
}

.menu-icon.click .third-bar {
    transform: translateY(-13px) rotate(45deg);
}

.menu-icon .second-bar {
    width: 38px;
    height: 3px;
    background-color: #ffffff;
    transition: all ease-in-out 0.3s;
}

.menu-icon .third-bar {
    width: 38px;
    height: 3px;
    background-color: #ffffff;
    transition: all ease-in-out 0.3s;
}

.flex-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.mobile-menu{
    display: none;
  }
  .flex-id{
    display: flex;
    align-items: center;
    justify-content: start;
  }
  .close-icon{
    display: none;
  }
.pricingSlider .swiper-slide.wrap-slider.swiper-slide-active{
    margin-right: 16px !important;
}
.pricingSlider .swiper-slide.wrap-slider.swiper-slide-next{
    margin-right: 16px !important;
}


.pricingSlider .default-dots .swiper-pagination-bullet {
    background-color: #191B28;
}
.button-price img{
    margin-left: 10px;
}
.for-web{
    display: block;
}

.for-mobile{
    display: none;
}

  .black-menu li a{
    color: #191B28 !important;
  }


  /* ==========login-form========================== */
  .login-form-area{
    max-width: 600px;
    margin: auto;
  }
  .login-form-area h5{
font-size: 32px;
font-weight: 500;
margin-bottom: 30px;
  }
  .login-form-area input{
    display: block;
    width: 100%;
    border: 1px solid #BFC6D3;
    background-color: #FCFCFC;
    border-radius: 8px;
    height: 48px;
    padding: 24px;
  }
  .login-form-area a{
    margin-top: 10px;
   text-decoration: underline;
    color: #191B28;
  }
  .login-form-area button{
    margin-top: 25px;
    height: 64px;
    font-size: 18px;
    font-weight: 600;
background-color: #FA4617;
border-radius: 100px;
border: none;
color: #fff;
  }
  .login-section img{
    max-width: 100%;
  }

  /* ======================================================about============================================ */

  .about-banner-content{
    background-image: url(../images/about.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 300px 0px 100px;

  }

  .about-banner-content small{
    font-size: 24px;
    color:#FCFCFC;
    font-weight: 400;
    display: block;
    margin-bottom: 10px;

  }
  .about-banner-content p{
    font-size: 48px;
    color:#FCFCFC;
    font-weight: 400;
    /* padding-right: 350px; */
    margin-bottom: 30px;
  }
  .about-banner-content button{
   height: 64px;
   width: 230px;
    color:#FCFCFC;
    padding: 10px 25px;
    font-weight: 600;
    color: #191B28;
    font-size: 18px;
    border-radius: 100px;
    border: 0;
    
  }
  .about-banner-content img{
    padding-left: 10px;
  }
  .about-mission{
    padding: 30px 0;
  }

  .small-font{
    font-size: 16px;
    color: #FA4617;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: block;
  }
  .think-title{
    font-size: 48px;
    font-weight: 300;
    color: #191B28;
    padding-right: 300px;
    margin-bottom: 45px;
  }

.box-about-mission{
    padding: 30px;
    background-color: #EFECE6;
    text-align: center;
    margin-bottom: 50px;
    border-radius: 8px;
}
.box-about-mission h3{
   margin-bottom: 15px;
    font-size: 48px;
    font-weight: 600;
    color:#FA4617 ;
}
.box-about-mission p{
   margin: 0;
    font-size: 18px;
    font-weight: 500;
    color:#191B28 ;
}
.about-area{
    background-color: #F8F7F4;
}
.box-about-featured img{
    max-width: 100%;
    margin-bottom: 25px;
}
.img-relative{
    position: relative;
}
.absolute-icon{
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
}
.box-about-featured h6{
    font-size: 24px;
    font-weight: 400;
    color: #191B28;
   
}
.box-about-featured p{
    font-size: 24px;
    font-weight: 400;
   color: #191B28;
   opacity: 0.5;
}
.about-service{
    padding-top: 60px;
}
.box-about-service img{
    margin-bottom: 25px;
}
.box-about-service h6{
    font-size: 24px;
    font-weight: 500;
    color: #191B28;
    margin-bottom: 12px;
}
.box-about-service p{
    font-size: 18px;
    font-weight: 400;
    color: #191B28;
   opacity: 0.5;
}
.sponsor-section{
    text-align: center;
    padding: 60px 0;
}
.sponsor-section small{
    font-size: 14px;
    font-weight: 500;
    color: #191B28;
    margin-bottom: 35px;
    display: block;
    text-transform: uppercase;
}
.sponsor-section ul{
    margin-bottom: 50px;
    opacity: 0.5;
    display: flex;
    align-items: center;
    justify-content: space-between;
   
}
.defide .img-area-about img{
    width: 100%;
}
.defide .about-context{
    text-align: left;
    max-width: 600px;
    padding-left: 30px;
}

.defide .about-context h3{
font-size: 40px;
font-weight: 400;
color: #191B28;
margin-bottom: 20px;
}
.defide .about-context p{
    font-size: 20px;
    font-weight: 400;
    color: #191B28;
    margin-bottom: 35px;
    }

    .defide .about-context button{
        font-size: 18px;
        font-weight: 600;
        background-color: #191B28;
        color: #FCFCFC;
       border-radius: 100px;
       border: 0;
       padding: 20px 45px;
        }
        .defide .about-context button img{
            padding-left: 20px;
        }
        .sponsor-img{
            margin-bottom: 60px;
        }
        .sponsor-img img{
            max-width: 100%;
            opacity: 0.4;
        }
      

        /* ====================Dashbord================================= */
.muliple-section{
border-top:1px solid #BFC6D3;;
}
        .bg-color-default{
            padding: 32px;
            background-color: #fff;
        }
.dashboard-left-section-multiple h4{
    font-size: 20px;
    font-weight: 500;
    color: #191B28;
    margin-bottom: 20px;
}
.list{
    display:flex;
    align-items: center;
    justify-content: start;
    background-color:#F8F7F4 ;
    padding: 16px;
    gap: 12px;
    margin-bottom: 16px;
    border-radius: 8px;
}

.list p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 500;
    color: #191B28;
}
.product-items h3{
    font-size: 12px;
    font-weight: 800;
    color: #191B28;
    margin-bottom: 16px;
    padding-top: 8px;
}

.list-products {
  
  position: relative;
    border-radius: 8px;
    overflow: hidden;
}

.list-products .flex-boxs .text-list h4{
   margin-bottom: 0 !important;
   font-size: 16px;
    font-weight: 500;
    color: #21243C ;

}
.list-products .flex-boxs .text-list p{
    margin-bottom: 0 !important;
    font-size: 12px;
     font-weight: 500;
     color: #21243C ;
     opacity: 0.5;
 
 }
 .list-products .progress{
    position: absolute;
    bottom: 0;
    width: 100%;
    border-radius: 0;
    height: 8px;
 }
.progress-bar{
    background-color: #FA4617;
   
}
.flex-boxs{
    margin-bottom: 8px;
}
.list-products{
    margin-bottom: 16px;
}
.righ-multiple-area{
    background-color: #F8F7F4;
}
.righ-multiple-area .number-bar ul{
display: flex;
align-items: start;
justify-content: center;
background-color: #EFECE6;
border: 1px solid #BFC6D3;
border-top: 0;
border-left: 0;
padding: 24px 0;
gap: 48px;
}

.righ-multiple-area .number-bar ul li{
    display: flex;
    align-items: center;
    justify-content: center;
opacity: 0.4;
    margin-bottom: 0;
}
.righ-multiple-area .number-bar ul li.opacity1{
    opacity: 1;
}
.righ-multiple-area .number-bar ul li p{
    margin-bottom: 0;
}

.multiple-form{
    max-width: 600px;
    margin: auto;
    padding: 30px 0;
    padding-bottom: 120px;
}
.border-default{
    border-left: 1px solid #BFC6D3;
    padding: 0;
}

.righ-multiple-area .number-bar ul li p{
    font-size: 11px;
    font-weight: 600;
    color: #21243C;
}
.righ-multiple-area .number-bar ul li span{
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #21243C;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.righ-multiple-area .number-bar ul li .icon-box{
    width: 20px;
    height: 20px;
    border-radius: 4px;
    background-color: #FA4617;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}
.multiple-form h4{
    font-size: 20px;
    font-weight: 500;
    color: #191B28;
}
.multiple-form p{
    font-size: 12px;
    font-weight: 500;
    color: #191B28;
    opacity: 0.3;
    margin-bottom: 30px;

}
/* .list-form-area-multiple{
    display:flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #FCFCFC;
    border-radius: 8px;
    padding: 17px;
    margin-bottom: 16px;
    background-color: #FCFCFC;
}
.list-form-area-multiple.selected{
    border: 2px solid #FA4617;
}
.list-form-area-multiple input{
    width: 100%;
    padding: 5px;
    border: 0;
    font-size: 14px;
    font-family: inter;
    font-weight: 500;
    color: #BFC6D3;
}
.list-form-area-multiple input[type="checkbox" i] {
    border-radius: 100px;
    width: 20px;
    height: 20px;
} */
/* Basic layout styling */
.list-form-area-multiple {
    display: flex;
   
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 12%);

    align-items: center;
    justify-content: space-between;
    border: 2px solid #FCFCFC;
    border-radius: 8px;
    padding: 17px;
    margin-bottom: 16px;
    background-color: #FCFCFC;
}

/* Style when selected */
.list-form-area-multiple.selected {
    border: 2px solid #FA4617;
}

/* Input styling */
.list-form-area-multiple input {
    width: 100%;
    padding: 5px;
    border: 0;
    font-size: 14px;
    font-family: inter;
    font-weight: 400;
    color: #BFC6D3;
}

/* Fixing checkbox styles */
.list-form-area-multiple .checkbox-item input[type="checkbox"] {
    width: 30px;
    height: 30px;
    border-radius: 50%; /* Circle shape */
    appearance: none; /* Remove default styling */
    background-color: #FCFCFC;
    border: 2px solid #BFC6D3; /* Border color for unchecked state */
    position: relative;
    cursor: pointer;
    transition: background-color 0.3s, border-color 0.3s;
}

/* Checked state of the checkbox */
.list-form-area-multiple .checkbox-item input[type="checkbox"]:checked {
    background-color: #FA4617; /* Red color when checked */
    border-color: #FA4617; /* Red border when checked */
}

/* Optional: Add a check mark on checked state using pseudo-element */
.list-form-area-multiple .checkbox-item input[type="checkbox"]:checked::after {
    content: "✔";
    position: absolute;
    top: 2px;
    left: 7px;
    font-size: 14px;
    color: white;
}

/* Optional label styling */
.list-form-area-multiple label {
    font-weight: bold;
    margin-right: 10px;
}




.flex-box10 label{
font-size: 14px;
font-family: inter;
font-weight: 500;
color: #191B28;
}
.common-border-default{
    border: none;
    box-shadow: 0 1px 2px rgb(183 183 183 / 30%);
}
.submit-button-multiple{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 30px 0;
}
.submit-button-multiple button{
    font-size: 14px;
    font-weight: 700;
    color: #191B28;
    width: 200px;
    height: 48px;
    border-radius: 100px;
    border: 1px solid #BFC6D3;
    background-color: transparent;
}
.submit-button-multiple button.submit-btn{
    background-color: #21243C;
    color: #FCFCFC;
    font-size: 14px;
}
.submit-button-multiple button img{
    padding-left: 8px;
}
.muliple-section{
    overflow: hidden;
}
.common-footer{
    padding: 0;

}
.common-footer .footer-section{
    border-radius: 0;
}

.common-box-img{
    padding: 24px;
    background-color: #EFECE6;
    border-radius: 12px;
}
.common-box-img img{
    width: 100%;
}
.common-box-img p{
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 600;
    color: #191B28;
    margin-bottom: 0px;
    opacity: 1;
}
.common-box-img small{
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 400;
    color: #191B28;
   opacity: 0.3;
    margin-bottom: 15px;
    display: inline-block;
}
.common-box-img.selected small{
   opacity: 1;
}
.common-box-img button{
    font-size: 14px;
    font-weight: 700;
  
    width: 100%;
    height: 48px;
    border: 1px solid #BFC6D3 !important;
    background-color: transparent ;
    color: #191B28 !important;

    
    border-radius: 100px;
    border: 0;
}
.selected .select-btn {
    background-color: #FA4617;
    color: #FCFCFC !important;
}
.common-box-img button img{
    max-width: 100%;
    width: auto;
    margin-left: 8px;
}
.com-ds{
    opacity: 0.3;
}

.common-sls{
    border: 1px solid #BFC6D3 !important;
    background-color: transparent !important;
    color: #191B28 !important;
}
.cart-section-area{
    padding-bottom: 70px !important;
}
.dashboard-radio-form{
    border-radius: 16px;
    border: 1px solid #D9D4C3;
    overflow: hidden;
  
}
.form-check-input:checked[type=radio]{
    background-color: #FA4617;
    border-color: #FA4617;
}
.dashboard-radio-form .form-check{
    padding: 17px 17px 17px 40px;
}
.dashboard-radio-form .form-check:has(.form-check-input:checked) {
    background-color: #EFECE6;
     
}
.dashboard-radio-form .form-check label{
    padding-left: 6px;
}

.dashboard-radio-form .form-check p{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    color: #21243C;
    opacity: 1;
}
.dashboard-radio-form .form-check small{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #191B28;
    
}

.dashboard-radio-form .form-check.active small {
    opacity: 1;
}

/* Initial style for all small elements */
.dashboard-radio-form .form-check small {
    opacity: 0.3;
    transition: opacity 0.3s ease;
}
.dashboard-radio{
    padding: 100px 0 !important;
}
.text-area{
    background-color: #EFECE6;
    padding: 16px;
}
.text-area textarea{
    background-color: transparent;
    font-size: 14px;
    color: #BFC6D3;
    font-weight: 500;
    border: 0;
    width: 100%;
    height: 140px;
    opacity: 1;
}
.text-area textarea::placeholder {
    color: #BFC6D3;
}
.text-area textarea:focus-visible {
    border: 0;
    outline: 0;
}


.review-detailss{
    max-width: 700px !important;
    padding-top: 70px;
}

/* Container styling */
.review-details {
    background-color: #EFECE6; /* Light beige background */
    padding: 24px;
    border-radius: 12px;
   
   
   
}
.header-review {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 100px;
}
/* Header section styling */
.header-review h3 {
    font-size: 14px;
    font-weight: 600;
   color: #21243C;
   width: 76%;
}

.header-review p {
    font-size:12px;
    color: #191B28;
    margin-top: 10px;
    font-weight: 400;
    margin-bottom:15px;
   
}

/* Horizontal line */
hr {
    border:1px solid #BFC6D3;
   
}

/* Details section styling */
.reviews-section h4 {
    font-size:14px;
    font-weight: 600;
    margin-bottom: 15px;
    color: #21243C;
}

/* Details list styling */
.details-list {
    display: grid;
    row-gap: 10px;
}

.detail-item {
    display: flex;
    justify-content: space-between;
    font-size: 0.9rem;
    color: #333;
}

.detail-item span:first-child {
    font-weight: 500;
    color: #21243C;
    font-size: 12px;
    text-transform: capitalize;
}

.detail-item span:last-child {
    color: #191B28;
    font-size: 12px;
    font-weight: 400;
    opacity: 0.3;
    width: 30%;
    text-transform: capitalize;
}
.reviews-section{
    margin-right: 260px;
}

.payment-formssd h4{
    margin-bottom: 30px;
}

.payment-form tbody{
    border: 1px solid #BFC6D3;
    border-radius: 16px;
}
th.hide-border{
    border-left: 0 !important;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border-radius: 16px;
  
  }
   th,td {
    padding: 12px 24px;
    text-align: left;
   border-bottom: 1px solid #BFC6D3;
  }
  .total-row {
    background-color: #EFECE6;
    font-weight: bold;
  }
  .form-group {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-bottom: 16px;
    flex-direction: column;
  }
  .form-group label {
    font-size: 14px;
    font-weight: 500;
    color: #21243C;
    
  }
  .form-group input {
    width: 100%;
    padding: 6px;
    border: 1px solid #BFC6D3;
    background-color: #FCFCFC;
    border-radius: 4px;
  }
  .full-width {
    flex: 100%;
  }
  .checkbox-label {
    display: flex;
    align-items: center;
  }
  .table-box{
    border: 1px solid #BFC6D3;
    border-radius: 16px;
    overflow: hidden;
    border-collapse: separate;
  }
  .table-box tr.total-row.common-stopbr td{
    border: 0 !important;
  }

  .table-box {
    width: 100%;
    border-collapse: collapse; /* This removes the gap between table cells */
    margin: 0;
}


.table-box .hide-border {
    border-right: none; /* If you want to hide the right border for specific cells */
}

.table-container{
    border: 1px solid #BFC6D3;
    border-radius: 16px;
    overflow: hidden;
    margin-bottom: 15px;
}
.table-box th{
    font-size: 12px;
    font-weight: 500;
    color: #21243C;
    text-transform: uppercase;
    font-family: inter;
}
.table-box td{
    font-size: 14px;
    font-weight: 400;
    color: #21243C;
   
    font-family: inter;
}

.table-box .total-row td{
    font-weight: 700;
    font-size: 14px;
    color: #21243C;
    text-transform: uppercase;
    font-family: inter;

}

.table-box input[type="checkbox" i] {
padding: 5px;
background-color: #FCFCFC;
}

.big-checkbox {
    width: 20px; /* Set the width */
    height: 20px; /* Set the height */
    transform: scale(1.2); /* Scale it up */
    margin-right: 5px; /* Optional, add space to the label */
    
}

/* Optional: if you want to override the default checkbox appearance and style it */
.big-checkbox {
   
    width: 20px;
    height: 20px;
    border: 1px solid #BFC6D3;
    border-radius: 4px;
    display: inline-block;
    position: relative;
    background-color: #FCFCFC;
    cursor: pointer;
}

.table-box {
    width: 100%;
    border-collapse: collapse;
}


.table-box .small-col {
    width: 35%; /* Adjust this percentage to control the width */
}

.table-box .large-col {
    width: 65%; /* Adjust this percentage to control the width */
}

.big-checkbox {
    width: 20px;  /* Make the checkbox bigger */
    height: 20px;
}
.checkbox-label .big-checkbox{
    margin-right: 18px;
}
.small-col .big-checkbox{
    line-height: 20px;
}
.payment-icon button.back-tbbv{
/* width: 81px; */
    height: 48px;
    border: 1px solid #191B28;
}
.check-box-lable label{
    font-size: 14px;
    font-weight: 400;
    color: #21243C;
   
    font-family: inter;
}
.dashboard-menu ul li a{
    font-weight: 500 !important;
    font-size: 18px !important;

}
.dashboard-info span{
    font-weight: 500 !important;
    font-size: 14px !important;
}
.dashboard-info .btn.login{
    font-size: 14px !important;
    border: 1px solid #191B28;

}
.dashboard-info .btn.register{
    font-size: 14px !important;
   color: #FCFCFC;

}
.payment-screen-section h4{
    margin-bottom: 10px !important;
}

.payment-screen-btn{
    justify-content: end;
}
.delivery-details{
    max-width: 1204px;
}

.delivery-detailsss th, .delivery-detailsss td{
    border: 1px solid;
    border: 1px solid #BFC6D3;
}
.download-link{
    color: #21243C;
    font-size: 12px;
    font-weight: 600;
    
}
.delivery-detailsss a img{
    margin-right: 5px;
}

.delivery-detailsss input[type="checkbox"] {
    transform: scale(1.2); /* Increases the size by 1.5 times */
   margin-right: 8px;
}.delivery-detailsss input[type="checkbox"] {
    width: 20px; /* Adjust width */
    height: 20px; /* Adjust height */
}
.wrap-td{
    display: flex;
    align-items: center;
    gap: 5px;
}
.delivery-detailsss .in-progress, .delivery-detailsss  .complete{
    padding: 5px 10px;
    background-color: #FCDFD7;
    color: #FA4617;
    border-radius: 100px;
}
.red-bgss ul li span{
    background-color: #FCDFD7 !important;
    color: #FA4617 !important;
}
.red-bgss .opacity1 p{
color: #FA4617 !important;
}
.delivery-details p{
    margin-bottom: 10px;
    font-size: 14px !important;
    font-weight: 400 !important;
}
.delivery-details-d td{
border-right: 1px solid #BFC6D3 !important;
}
.review-detailss h4{
    margin-bottom: 32px;
}
/* faqs-default */
.defaut-faqs .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23000' class='bi bi-dash-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M2 8a.5.5 0 0 1 .5-.5h11a.5.5 0 0 1 0 1h-11A.5.5 0 0 1 2 8'/%3E%3C/svg%3E") !important;
    background-color: transparent !important;
    border: 1px solid #21243C;

}
.defaut-faqs .accordion-button::after{
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-plus-lg' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M8 2a.5.5 0 0 1 .5.5v5h5a.5.5 0 0 1 0 1h-5v5a.5.5 0 0 1-1 0v-5h-5a.5.5 0 0 1 0-1h5v-5A.5.5 0 0 1 8 2'/%3E%3C/svg%3E");
    background-color: #FA4617 !important;

}
.default-faqs-section{
    background-color: #F8F7F4 !important;
}
.defaut-faqs .accordion-item{
    background-color: #F8F7F4 !important;
}

/* get-started */

.default-bg-g{
    background-color: #F8F7F4;
}
.get-started-product-section{
    padding: 80px 0 0;
    background: linear-gradient(180deg, rgba(239,236,230,1) 0%, rgba(248,247,244,1) 100%);
}
.heading-section small{
    font-size: 18px;
    font-weight: 500;
    color: #191B28;
    opacity: 0.6;
}

.get-started-product-area{
    padding: 48px 0px;
    margin: auto;
    
    max-width: 1516px;
}
.get-started-product-area ul{
    justify-content: center;
}
.get-started-product-area ul li button{
    background-color: #FCFCFC;
    margin: 10px;
    width: 283px;
    height: 170px;
    border-radius: 16px !important;
    border: 2px solid #FCFCFC;
    font-size: 20px;
    font-weight: 700;
    color: #191B28;
}
.get-started-product-area ul li img{
    margin-bottom: 15px;
}
.get-started-product-area ul li p{
    margin-bottom: 20px;
    margin-bottom: 0;
}
.get-started-product-area  .nav-link.active{
    background-color: #E4E0D4;
    border: 2px solid #F8F7F4;
    color: #191B28;
}
.get-started-product-area .nav-link:hover{
    color: #191B28;
}
.get-started-product-area ul .nav-item{
    position: relative;
}
.checkbox-icon{
    position: absolute;
    top: 30px;
    right: 30px;
    width: 18px;
    height: 18px;
    border-radius: 100px;
    border: 2px solid #BFC6D3;
}
.get-started-product-area ul .active .checkbox-icon{
   
    border-color: #FA4617;
}
.get-started-product-area ul .active .checkbox-icon span{
    background-color: #FA4617;
    border-color: #FA4617;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100px;
    position: absolute;
    left: 24%;
    top: 22%;
    transform: translateY(-50%, -50%);
}
.common-slider-container{
    max-width: 1136px;
    margin: auto;
}
.product-price-list h4{
    font-size: 32px !important;
}

.product-price-list .top-rice-part p{
    font-size: 18px !important;
    margin-bottom: 12px !important;
    opacity: 0.6;
}
.product-price-list .list-rice-content{
    padding: 32px;
}
.product-price-list .list-rice-content ul li{
    padding: 0;
}
.product-price-list .list-rice-content ul li p{
    font-size: 20px;
    font-weight: 700;
    color: #21243C;
}
.product-price-list .list-rice-content .button-section-icon-price{
    padding-top: 32px;
}
.product-price-list .list-rice-content .button-section-icon-price button{
width: 100%;
}
.product-list-more-button{
    text-align: center;
    padding-top: 16px;
}
.product-list-more-button small{
    font-size: 16px;
    color: #21243C;
    font-weight: 500;
    padding-bottom: 4px;
   border-bottom: 1px solid #21243C;
   
}
.heading-title-item-price {
    background-color: #FA4617;
    padding: 8px 0;
    text-align: center;
}
.heading-title-item-price small{
    font-size: 16px;
    font-weight: 700;
    color: #FCFCFC;
    text-transform: uppercase;
}
.productItem .swiper-wrapper{
    align-items: end;
}

/* estate-section */


.estate-plan-section {
    background-color: #F8F7F4;
    padding: 80px 0;
}
.left-section-estate-plan img{
    width: 100%;
    margin-bottom: 24px;
}
.message-box{
    max-width: 387px;
    padding: 16px;
    border: 1px solid #BFC6D3;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 24px;
}
.message-box .content-sa p{
    font-size: 14px;
    font-weight: 600;
    color: #191B28;
    margin-bottom: 5px;
}
.color-s{
    color: #FA4617 !important;
}
.message-box .img-box img{
    margin-bottom: 0;
}
.right-estate-section{
    padding-left: 36px;
}
.right-estate-section h2{
    font-size: 48px;
    font-weight: 700;
    color: #191B28;
   
}
.right-estate-section small{
    font-size: 16px;
    font-weight: 700;
    color: #191B28;
    margin-bottom: 12px;
    display: inline-block;
}
.right-estate-section p{
    font-size: 16px;
    font-weight: 500;
    color: #191B28;
    opacity: 0.6;
    margin-bottom: 20px;
}
.guarentee-are{
    background-color: #E7F6FF;
    max-width: 228px;
    border-radius: 4px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-bottom: 30px;
}
.guarentee-are small{
    font-size: 16px;
    font-weight: 700;
    color: #0082D3;
    margin-bottom: 0;
    text-transform: uppercase;
}
.flex-document-benefit{
    display: flex;
    justify-content: start;
    gap: 24px;
}
.common-lists h6{
    font-size: 16px;
    font-weight: 700;
    color: #191B28;
}
.common-lists ul li{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 16px;
    border-bottom: 1px solid #BFC6D3;
    padding: 12px 0;
    margin-bottom: 0;
}
.common-lists ul li p{
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 600;
    color: #191B28;
    opacity: 1;
}
.documents-list{
    width: 50%;
}
.benefit-list{
    width: 50%;
}

.product-button-td{
    margin-top: 48px;

}
.product-button-td button{
  width: 100%;
  background-color: #FA4617;
  border-radius: 100px;
  height: 64px;
  color: #FCFCFC;
  font-size: 18px;
  font-weight: 700;
  border: 0;
}
.bg-dds{
    background-color: #F8F7F4 !important;
}

.bg-dds .accordion-item{
    background-color: #F8F7F4;

}
.happy-customer-section {
    padding: 80px 0;
    background-color: #EFECE6;
    text-align: center;
}
.happy-customer-section .slider-heading h2{
    font-size: 32px;
    font-weight: 700;
    color: #191B28;
    margin-bottom: 19px;
}
.product-customer-happy small{
    font-size: 14px;
    font-weight: 600;
    color: #191B28;
    padding-top: 12px;
    display: block;
    margin-bottom: 0;
}
.product-customer-happy ul{
display: flex;
align-items: center;
justify-content: center;
gap: 5px;
margin-bottom: 19px;
}
.product-customer-happy p{
    font-size: 20px;
    font-weight: 700;
    color: #191B28;
  
    margin-bottom: 24px;
}
.happy-customer-section .container-width{
    max-width: 800px;
    margin: auto;
}
.happyCusotmer .swiper-pagination-bullet{
    background-color: #191B28;
}
.menu-product-details-area{
    display: none;
}
.profile-item{
    display: none;
}
.profile{
    display: flex;
    gap: 10px;
    border: 1px solid #BFC6D3;
    border-radius: 100px;
    padding: 4px 15px;
    justify-content: center;
    align-items: center;
}
.profile p{
    margin-bottom: 0;
    font-size: 12px;
    font-weight: 600;
    color: #21243C;
}
.productImg .swiper-pagination-bullet{
background-color: #191B28;
}
.productImg{
    padding:30px 0 48px ;
}
.common-lists ul li:last-child{
    border: 0;
}
.how-it-works{
    background-color: #EFECE6;
    
}
.container-defaults{
    margin: 0 104px;
}
.default-height img{
    margin-bottom: 24px;
}

.item-services.default-height {
    min-height: 270px;
}
.how-it-works .services-area-section{
    padding-top: 30px !important;
}

.safe-section{
   
    background-color: #F8F7F4;

}

.button-area button{
background-color: #FA4617;
width: 232px;
height: 64px;
border: 0;
border-radius: 100px;
color: #FCFCFC;
font-size: 18px;
font-weight: 700;
}
.left-safe-section p{
    margin-bottom: 48px;
    opacity: 1 !important;
}
.why-create-a-will{
  
    background-color: #F8F7F4;
}
.common-padding{
    padding: 104px 0;
}
.common-list-box{
    background-color: #EFECE6;
    padding: 24px;
    border-radius: 16px;
    margin-bottom: 24px;
}
.why-create-a-will .heading-section h2{
    margin-bottom: 22px;
}
.why-create-a-will .heading-section p{
    margin-bottom: 32px;
    max-width: 100%;
}
.common-list-box img{
    margin-bottom: 16px;
}
.common-list-box h4{
    margin-bottom: 8px;
    font-size: 20px;
    font-weight: bold;
    color: #191B28;
}
.common-list-box p{
    margin-bottom: 8px;
    font-size: 18px;
    font-weight: 500;
    color: #191B28;
margin-bottom: 0;
opacity: 0.6;
}
.why-create-area button{
    width: 180px;
   
}
.why-create-area .button-area{
    text-align: center;
   padding-top: 8px;
}

.types-list{
    padding: 32px;
    border-left: 4px solid #E4E0D4;
    margin: 24px 0;
    min-height: 223px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    justify-content: space-between;
}
.types-list h4{
    font-size: 24px;
    font-weight: bold;
    color: #191B28;

}
.types-list small{
    font-size: 16px;
    font-weight: 500;
    color: #191B28;
    
}

.unlimited-section{
    text-align: center;
}
.unlimited-section img{
    margin-bottom: 32px;
    max-width: 100%;
}
.unlimited-section h5{
  font-size: 32px;
  font-weight: bold;
  color: #191B28;
}
.unlimited-section p{
    font-size: 16px;
    font-weight: 500;
    color: #191B28;
    margin-bottom: 24px;
  }

  .right-unlimited .list-item{
    background-color: #EFECE6;
    border-radius: 8px;
    padding: 16px;
    margin-bottom: 24px;
    text-align: left;
  }
.right-unlimited{
    margin-left: 120px;
}
.right-unlimited .list-item h4{
    font-size: 20px;
    font-weight: bold;
    color: #191B28;
}
.right-unlimited .list-item p{
    font-size: 18px;
    font-weight: 500;
    color: #191B28;
    margin-bottom: 0;
}
.sponsor-sections{
padding: 0;
background-color: #F8F7F4;
}
.sponsor-sections .sponsor-img{
    margin-bottom: 0;
   
}
.sponsor-sections .sponsor-img img{
  
    opacity: 1 !important;
}
.type-section{
    background-color:#F8F7F4 ;
}
.faq-section{
    background-color:#F8F7F4 ;
}
.unlimited-section{
    background-color:#F8F7F4 ;
}
.default-bgf{
    background-color:#F8F7F4 !important;
}
.right-section-safe-are img{
    width: 100%;
}
.productItem .swiper-pagination-bullet{
background-color: #191B28;
}
.footer-section-are{
 
  padding: 0 !important;
}
.footer-section-are .footer-section{
    border-radius: 0;
}
.common-padding-64{
    padding: 64px 0;
}
.common-iri small{
    
    font-weight: bold;
    color: #FA4617;
    margin-bottom: 16px;
}
.common-iri{
    padding-right: 38px;
}
.common-iri h2{
    margin-bottom: 48px;
}
.common-iri .documents-list{
    width: 100%;
    margin-bottom: 48px;
}
.common-iri .documents-list p{
    font-size: 20px;
    font-weight: bold;
    color: #21243C;
}
.demo-prts{
background-color: #F8F7F4;

}

.demo-plan{
    background: linear-gradient(180deg, rgba(248,247,244,1) 0%, rgba(239,236,230,1) 100%);
}
.new-probate{
    background-color: #EFECE6;
}
.new-probate .heading-section span{
    color: #FA4617 !important;
}
.new-probate h2{
    color: #21243C !important;
}
.new-probate .swiper-slide .item-post h5{
    color: #21243C !important;
}
.clss h5{
    color: #21243C;
}
.clss .details-post span{
    color: #21243C;
}
.clss .details-post li{
    color: #21243C;
}
.clss .post-button button{
    color: #21243C;
font-size: 18px;
font-weight: bold;
}
.clss .post-button button img{
    padding-left: 10px;
}


/* Pricing Section */
.pricing-section {
    max-width: 1200px;
    margin: 0 auto;
    padding: 20px;
}

.pricing-cards {
    display: flex;
    gap: 20px;
    flex-wrap: wrap;
    justify-content: center;
}

.pricing-card {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    width: 100%;
    max-width: 500px;
    padding: 20px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.pricing-card h2 {
    font-size: 24px;
    color: #ff5722;
}

.pricing-card p {
    font-size: 16px;
    color: #666;
    margin-bottom: 20px;
}

.price {
    font-size: 18px;
    color: #666;
    margin: 15px 0;
}

.price h3 {
    font-size: 36px;
    color: #ff5722;
}

.cta-button {
    background-color: #ff5722;
    color: #fff;
    padding: 10px 20px;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    cursor: pointer;
    margin-top: 20px;
}

.cta-button:hover {
    background-color: #e64a19;
}

.pricing-card h4 {
    font-size: 20px;
    color: #333;
    margin-top: 30px;
    margin-bottom: 10px;
}

.pricing-card ul {
    list-style-type: none;
}

.pricing-card ul li {
    font-size: 16px;
    color: #666;
    padding: 5px 0;
}

@media (max-width: 768px) {
    .pricing-cards {
        flex-direction: column;
        align-items: center;
    }
}
.priceing-heading h4{
font-size: 48px;
color: #191B28;
font-weight: 500;
margin-bottom: 32px;
text-align: center;
}
.box-pr{
    background-color: #FCFCFC;
    border-top: 8px solid #FA4617;
    padding: 32px;
    margin-bottom: 32px;
}

.box-pr h6{
    font-size: 32px;
    font-weight: 500;
    color: #191B28;
    margin-bottom: 15px;
}
.box-pr p{
    font-size: 16px;
    font-weight: 500;
    color: #191B28;
    margin-bottom: 15px;
    margin-bottom: 24px;
}
.box-pr small{
    font-size: 12px;
    font-weight: 600;
    color: #191B28;
    margin-bottom: 5px;
   display: inline-block;
}
.box-pr h2{
    font-size: 48px;
    font-weight: 600;
    color: #191B28;
    margin-bottom: 20px;
}
.button-price button{
    background-color: #FA4617;
    border: 0;
    width: 100%;
    height: 64px;
border-radius: 100px;
font-size: 18px;
font-weight: 600;
color: #FCFCFC;
}
.priceing-left span{
    font-size: 14px;
    color: #191B28;
    font-weight: 800;
}
.align-items-centersss{
    display: flex;
    align-items: center;
    padding-top: 136px;
}
.center-icons ul li {
justify-content: center !important;
}
.bold-s{
    font-weight: 800 !important;
    text-transform: uppercase;
}
.colmm ul li p{
opacity: 0.6;
}
.col-s-ss{
    border-top: 1px solid #BFC6D3;
    margin-top: 32px;
    padding-top: 20px;
}

.demo-content-education{
    display: block;
    background-color: transparent;
}
.demo-content-education .user-img img{
    max-width: 100%;
   
}
.common-right-tleft{
    position: relative;
    margin-left: auto;
    margin-right: calc(-49vw + 50%);
}



/* .educationSlide .swiper-wrapper {
    padding-left: 300px;
} */

.blog-banner-section{
    padding: 48px 0;
   
    background-color: #F8F7F4;
}
.blogo-banner-area{
    /* max-width: 550px; */
    width: 100%;
}
.blog-banner-section h3{
    font-size: 48px;
    font-weight: 400;
    color: #191B28;
    margin-bottom: 32px;
}
.blog-banner-section p{
    font-size: 24px;
    font-weight: 500;
    color: #191B28;
    margin-bottom: 32px;
}

.blog-banner-section ul{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 16px;
}
.blog-banner-section ul li button{
padding: 8px 24px;
background-color: #FCFCFC;
border: 0;
font-size: 16px;
font-weight: 600;
color: #191B28;
display: flex;
    gap: 5px;
}
.blog-banner-section ul li button span{
   
    font-size: 8px;
    font-weight: 600;
    color: #191B28;
   
}
.blog-banner-section ul li button.active{
    background-color: #FA4617;
    border-radius: 2px;
    color: #FCFCFC;
}
.featured-section-blog{
    padding: 48px 0;
    background-color: #EFECE6;
}
.featured-section-blog .left-img-blog{
    margin-right: 24px;
}
.featured-section-blog .left-img-blog img{
    width: 100%;
}
.featured-section-blog .right-content-blog small{
    font-size: 16px;
    font-weight: bold;
    color: #FA4617;
    margin-bottom: 16px;
    display: inline-block;
    text-transform: uppercase;
}
.featured-section-blog .right-content-blog h2{
    font-size: 40px;
    font-weight: 400;
    color: #191B28;
    margin-bottom: 16px;
}
.featured-section-blog .right-content-blog p{
    font-size: 20px;
    font-weight: 400;
    color: #191B28;
    margin-bottom: 16px;
}
.featured-section-blog .right-content-blog ul{
    display: inline-block;
    list-style: disc;
}
.featured-section-blog .right-content-blog span{
    font-size: 14px;
    font-weight: 600;
    color: #191B28;
    margin-bottom: 16px;
    margin-right: 10px;
}
.featured-section-blog .right-content-blog ul li{
    font-size: 14px;
    font-weight: 600;
    margin-left: 18px;
    color: #191B28;
}
.featured-section-blog .right-content-blog button{
    background-color: #FA4617;
    font-size: 18px;
    border: 0;
    margin-top: 90px;
    padding: 12px 40px;
    border-radius: 100px;
    display: block;
    font-weight: 600;
    color: #FCFCFC;
}
.blog-articles .clss h5{
    font-weight: 500 !important;
}

.blog-sss .heading-section {
    text-align: left !important;
    max-width: 100%;
}
.blog-sss .heading-section span{
font-size: 32px;
font-weight: 400;
color: #191B28 !important;
margin-bottom: 32px;
}

.blog-sss .clss h5{
    color: #191B28;
}
.blog-sss .details-post{
    margin-bottom: 20px;
}
.blog-sss .details-post span{
    font-size: 14px;
    font-weight: 600;
    color: #191B28;
}
.blog-sss .details-post li{
    font-size: 14px;
    font-weight: 600;
    color: #191B28;
    list-style: disc;
    text-transform: uppercase;
}
.blog-sss  .post-button button{
    color: #FA4617;
    font-size: 16px;
    text-transform: uppercase;
}
.ensure-bg{
    background-color: #F8F7F4;
}
.blog-articles{
    padding: 48px 0;
}
.ensure-bg .right-content-blog button {
   margin-top: 32px !important;
}
.case-study-section{
    padding: 48px 0;
    background-color: #EFECE6;
}
.left-study span{
    font-size: 32px;
    font-weight: 400;
    color: #191B28;
}
.right-study img{
    margin-bottom: 24px;
}
.right-study p{
    font-size: 32px;
    font-weight: 500;
    color: #191B28;
    opacity: 0.5;
    
}
.right-study ul{
    display: flex;
    align-items: center;
    justify-content: start;
    margin-bottom: 20px;
}
.img-se-flex{
    display: flex;
    align-items: center;
    justify-content: start;
    gap: 24px;
}
.details-right-case-study button{
    font-size: 12px;
    font-weight: 600;
    color: #FCFCFC;
    padding: 4px 12px;
    background-color: #FA4617;
    border-radius: 2px;
    border: 0;
    margin-bottom: 16px;
}
.details-right-case-study h5{
    font-size: 24px;
    font-weight: 400;
    color: #191B28;
    padding-right: 62px;
}
.details-right-case-study span{
    font-size: 14px;
    font-weight: 600;
    color: #191B28;
    margin-bottom: 16px;
    margin-right: 10px;
}
.blog-flx-area{
    align-items: start !important;
}
.details-right-case-study h5.blog-only-text{
    font-weight: 500 !important;
    margin-bottom: 16px;
}
.details-right-case-study ul{
    display: inline-block;
    list-style: disc;
}
.details-right-case-study ul li{
    font-size: 14px;
    font-weight: 600;
    margin-left: 18px;
    color: #191B28;
}
.blog-top-gap{
    padding-top: 48px;
}



.blog-articles .articlesSlider {
    /* padding-left: 300px; */
}
.details-right-case-study .red-icon-dtn button{
background-color: transparent;
font-size: 16px;
font-weight: bold;
color: #FA4617;
text-transform: uppercase;
padding: 0;
}
.details-right-case-study .red-icon-dtn button img{
    margin-bottom: 0;
    margin-left: 10px;
}
.blog-education{
    background-color: #F8F7F4;
    padding: 48px 0 ;
}
.blog-ssd img{
margin-bottom: 24px;
}
.blog-ssd p{
   font-size: 24px;
   font-weight: 500;
   color: #191B28;
   margin-bottom: 0;
}
.blog-ssd p.text-opacity{
    font-size: 24px;
    font-weight: 400;
    color: #191B28;
    opacity: 0.5;
    margin-bottom: 24px;
 }
 .button-area-blog-ss button{
   
border: 0;
background-color: transparent;
font-size: 16px;
font-weight: bold;
color: #FA4617;
text-transform: uppercase;
 }
 .button-area-blog-ss button img{
margin-bottom: 0;
margin-left: 5px;
 }
 .margin-bts{
    margin-bottom: 32px;
 }
 .ss-sl button{
    margin-bottom: 0;
   
    
 }
 .ss-sl .blog-btns{
    text-transform: uppercase;
    margin-bottom: 16px;
 }
 .for-mobile .left-img-section.left-study span{
    padding: 15px;
    display: inline-block;
    font-size: 24px;
 }

 .colshh button{
    border: 0;
    color: #FCFCFC;
    font-weight: 600;
    font-size: 12px;
background-color: #FA4617;
border-radius: 2px;
padding: 4px 8px;
margin-bottom: 16px;
text-transform: uppercase;
 }
 .colshh .details-post{
    padding-top: 48px;
 }
 .left-details-blog span{
    font-size: 12px;
    font-weight: 600;
    color: #191B28;
    margin-bottom: 10px;
    text-transform: uppercase;
    display: block;
 }
 .left-details-blog button{
    border: 0;
    color: #FCFCFC;
    font-weight: 600;
    font-size: 12px;
background-color: #FA4617;
border-radius: 2px;
padding: 4px 8px;
margin-bottom: 100px;
text-transform: uppercase;

 }
 .left-details-blog h6{
   padding-top: 10px;
    font-weight: 500;
    font-size: 14px;
    margin-bottom: 0;


 }
 .left-details-blog p{
    
     font-weight: 400;
     font-size: 14px;
 opacity: 0.5;
 padding-bottom: 60px;
 
  }
  .right-blog-details h2{
    margin-bottom: 24px !important;
    font-size: 38px !important;
  }
  .right-blog-details p{
    opacity: 0.5;
    color: #191B28;
  }
  .right-blog-details img{
    padding-top: 10px;
    padding-bottom: 25px;
    max-width: 100%;
  }
  .right-blog-details  span{
    font-size: 12px !important;
  }
  .right-blog-details li{
    font-size: 12px !important;
  }
  .common-content-blog-dets h3{
    font-size: 24px;
    font-weight: bold;
    color: #191B28;
    margin-bottom: 32px;
  }
  .common-content-blog-dets p{
    font-size: 20px;
    font-weight: 400;
    color: #191B28;
    margin-bottom: 32px !important;
    opacity: 1 !important;
  }
  .faqss h2{
    font-weight: 300 !important;
    font-size: 48px;
  }

  .faqsss .accordion-header button{
    font-size: 18px !important;
    font-weight: 600 !important;
    color: #191B28 !important;
  }

  .faqsss .accordion-body{
    font-size: 14px !important;
    font-weight: 400 !important;
  }
  .payment-screen-section .submit-button-multiple.payment-icon.payment-screen-btn{
    margin: 10px 0 !important;
  }
  .gap-ss{
    padding-top: 40px;
  }
  img.for-webs{
    display: block !important;
  }
  img.for-mobiles{
    display: none !important;
  }
  .hm-cta{
    border-radius: 1000px;
    font-size: 18px !important;
  }
  .set-uplist ul li{ 
padding: 16px 0 !important;
  }
  .text-for-mb p{
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
  }
  .text-for-mb button{
    font-size: 18px;
    font-weight: bold;
    background-color: #FA4617;
    border:0;
    border-radius: 100px;
    color: #FFFFFF;
padding: 12px 40px;
  }
  .text-for-mb{
    padding: 15px;
    text-align: center;
    margin-bottom: 30px;
  }
  .login-form-area {
    font-size: 16px;
    font-weight: 600;
    color: #191B28;
  }
  li.text-upper{
    text-transform: uppercase;
  }
  .text-uppers button{
text-transform: uppercase;
  }
  .img-section-study img{
    max-width: 100%;
    width: 100%;
    margin-bottom: 20px;
  }
  .blog-details-rt p{
    font-size: 24px !important;
  }
  .blog-detils-area-section{
    padding: 56px 0 !important;
  }
  .capitalize-text span{
    text-transform: capitalize !important;
  }
  .blog-details-areas .articlesSlider{
    padding-left: 0 !important;
  }
  .list-bold{
    font-weight: bold !important;
  }
  .parag p{
    color: #191B28 !important;
  }
  .bg-3c h2{
color: #21243C !important;
  }
  .text-3c p{
color: #21243C !important;

  }
  h2.extra-font h4{
    font-weight: 800 !important;
    font-size: 14px !important
  }
  .archive-dots .swiper-pagination-bullet{
    background-color: #21243C;
  }

/* .sticky {
    position: fixed;
    top: 0;
    left:0;
    z-index: 1000;
    background-color: #F8F7F4;
    color: #21243C;
    padding: 20px 40px;
    width: 100%!important;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);  
} */
.navbar-section {
    position: relative;
    transition: top 0.3s ease-out;
}

.sticky {
    position: fixed;
    top: -100px;
    left: 0;
    width: 100% !important;
    background-color: #F8F7F4;
    color: #21243C;
    padding: 20px 40px;
    height: 88px;
    z-index: 1000;
    animation: slideDown 0.4s forwards;
}

@keyframes slideDown {
    from {
        top: -100px;
    }
    to {
        top: 0;
    }
}

/* When removing sticky class, animate back up */
.sticky.slide-up {
    animation: slideUp 0.3s forwards;
}

@keyframes slideUp {
    from {
        top: 0;
    }
    to {
        top: -100px;
    }
}

.sticky.active {
    top: 0; /* Move to final position */
}
.sticky nav ul li a{
    color: #191B28!important;
}
@media only screen and (max-width: 992px) {
    .sticky {
        padding: 0px;
    }
    .sticky .home-menu  {
        box-shadow: none;
        /* background: none; */
    }
    .sticky .mobile-menu.default-white-menu {
        background-color: #EFECE6;
    }
}

.product-list-more-button {
    cursor: pointer; /* Changes the cursor to a hand pointer */
}



/* privacy-policy  page css*/

.policy-title-section{
    padding: 70px 0px;
    text-align: center;
    background-color: #efece6;
}

.policy-title-section h1{
    font-weight: 700;
}

.policy-details{
    padding: 30px 100px 0px 100px;
    display: flex;
    flex-direction: column;
    gap: 20px;
    background-color: #f8f7f5;
}

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

    .policy-details{
        padding: 20px 30px 0px 30px;
        display: flex;
        flex-direction: column;
        gap: 15px;
        background-color: #f8f7f5;
    }
}

.policy-details h3{
 font-weight: 700;
}

.policy-details h5{
    font-weight: 600;
}
.policy-sub-section{
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.policy-sub-section ul {
    padding: 5px 20px;
    list-style-type: disc; 
}

.number-show{
    list-style-type:decimal !important;
}

.sub-list{
    list-style-type:circle !important;


}
.sub-list-abc{
    list-style-type:upper-alpha !important;
}
.sub-section-show{
    padding : 0px 20px !important;
}
.policy-sub-text-bold{
  font-weight: 600;
}

.logout{
    text-align: justify;
}
.red_link{
    color :red
}
.bold-text{
    font-weight: 700;
}
.pay-attention{
    font-weight: 700;
    color :red;
    padding : 15px 0px;
    text-align: center;
    word-wrap: break-word; 
   white-space: normal;
}
.table-header{
    margin-bottom: 40px;
}
.table-title{
    font-weight: 800 !important;
    color :red;
}
.policy-contact-us{
    margin-top: 20px;
}
.term-title{
 margin-top: 25px;
}
h4{
    font-weight: 700;
}

/*START - Tool tip for will form question**/
 
.info-icon {
    display: inline-block;
    width: 22px;
    height: 22px;
    background-color: rgb(33, 36, 60);
    color: #fff;
    border-radius: 50%;
    text-align: center;
    line-height: 22px;
    font-weight: bold;
    cursor: pointer;
    margin-left: 6px;
    text-decoration: none;
  }
  .info-icon:hover{
    color: #fff!important;
  }

  /* ✅ Ensure bullets (disc) appear */
  .popover ul.popover-list {
    list-style-type: disc;
    padding-left: 20px;
    margin-bottom: 10px;
  }
   

  .popover p {
    text-align: left;
    margin-bottom: 8px;
  }

  /* Change popover background and border */
.popover {
  background-color: #EFECE6; /* light gray background */
  font-size: 12px;
}

/* Change the title color and background */
.popover-header {
  background-color: #FA4617;    /* dark background */
  color: #fff;               /* white text */
}

.popover-body {
    text-align: left; /* or remove 'justify' if applied */
    line-height: 1.5; /* Optional: for better readability */
}
  

/* Change the content text color */
 

/*END - Tool tip for will form question**/