/* CSS code for styling the navbar */
nav {
    display: flex; /* Use flexbox layout for the navbar */
    flex-direction: row; /* Align the items horizontally */
    justify-content: space-between; /* Distribute the items evenly across the navbar */
    padding: 20px;
  }
  .faq_title{
    width: 1000px !important;
    text-align: left !important;
    margin-left: -100px;
  }
  .logo {
    width: 10%; /* Set the logo size */
    margin-right: 105px;
  }
  
  nav a {
    color: #000; /* Set text color */
    text-decoration: none; /* Remove underline */
    font-size: 18px; /* Set font size */
    margin-left: 5%;
  }
  
  /* Add a hover effect for the navbar links */
  nav a:hover {
    color: #666;
  }
  
.faq_area {
    position: relative  ;
    z-index: 1  ;
    background-color: #f5f5ff  ;
    height: 100%;
    box-sizing: border-box;
    width: 100%;
    float: left;
}

.faq-accordian {
    position: relative  ;
    z-index: 1  ;
    
}
.faq-accordian .cardfaq {
    position: relative  ;
    z-index: 1  ;
    margin-bottom: 1.5rem  ;
}
.faq-accordian .cardfaq:last-child {
    margin-bottom: 0  ;
}
.faq-accordian .cardfaq .card-headerfaq {
    background-color: #ffffff  ;
    padding: 0  ;
    border-bottom-color: #ebebeb  ;
   
}
.faq-accordian .cardfaq .card-headerfaq h6 {
    cursor: pointer  ;
    border-radius: 12px  ;
    padding: 1.75rem 2rem  ;
    color: #ffffff  ;
    background: linear-gradient(to right, #033E66 20%, #b53f56 100%);
    display: -webkit-box  ;
    display: -ms-flexbox  ;
    display: flex  ;
    -webkit-box-align: center  ;
    -ms-flex-align: center  ;
    -ms-grid-row-align: center  ;
    align-items: center  ;
    -webkit-box-pack: justify  ;
    -ms-flex-pack: justify  ;
    justify-content: space-between  ;
    font-weight: 700  ;
    font-size: 16px  ;
}
.faq-accordian .cardfaq .card-headerfaq h6 span {
    font-size: 1.5rem  ;
}
.faq-accordian .cardfaq .card-headerfaq h6.collapsed {
    color: #ffffff  ;
}
.faq-accordian .cardfaq .card-headerfaq h6.collapsed span {
    -webkit-transform: rotate(-180deg)  ;
    transform: rotate(-180deg)  ;
}
.faq-accordian .cardfaq .card-bodyfaq {
    padding: 1.75rem 2rem  ;
}
.faq-accordian .cardfaq .card-bodyfaq p:last-child {
    margin-bottom: 0  ;
}

@media only screen and (max-width: 575px) {
    .support-button p {
        font-size: 14px  ;
    }

    .faq_title{
     margin-left:-200px;

     
    }
}

.support-button i {
    color: #3f43fd  ;
    font-size: 1.25rem  ;
}
@media only screen and (max-width: 575px) {
    .support-button i {
        font-size: 1rem  ;
    }
}

.support-button a {
    text-transform: capitalize  ;
    color: #2ecc71  ;
}
@media only screen and (max-width: 575px) {
    .support-button a {
        font-size: 13px  ;
    }
}

.containerSpace{
    padding: 50px;
}

/* CSS code for styling the footer */
footer.footer_area {
    background-color: #DDDDDD; /* Set the footer background color */
    color: #000; /* Set the text color */
    font-size: 14px; /* Set the font size */
    padding: 20px; /* Add some padding */
    margin-top: 10px;
    box-sizing: border-box;
    width: 100%;
  }
  

  
  
  
  .copyright {
    /* Style the copyright section */
    display: flex; /* Use flexbox layout for the copyright section */
    align-items: center; /* Center the items vertically */
    background-color: #61033C;  /* Set the text color */
    width: 100%;
    padding: 15px;
    text-align:center ;
    
   
  }
  .copyright p{
    /* Style the copyright section */
 color: #ffffff;
   margin-left: 40%;
  }

  #nobullets {
text-decoration: none !important;
list-style-type: none !important;
padding-left: 0px;
display: inline-block;
text-align: left;
padding: 10px;


  }
  
  #nobulletsf {
    text-decoration: none !important;
    list-style-type: none !important;
    padding-left: 0px;

    padding: 10px;
    
    
      }
      
  #bor{
    border-bottom:#666 dashed 1px;
   padding-top: 15px;
    

  }
  
  @media screen and (max-width: 600px) {
    nav {
      flex-direction: column; /* Stack the items vertically */
      align-items: center; /* Center the items horizontally */
    }
  
    .logo {
      width: 50%; /* Reduce the logo size */
      margin-right: 0; /* Remove the margin */
    }
  
    nav a {
      margin-left: 0; /* Remove the margin */
    }
  }
  #ulist{
    display: flex;
    flex-direction: column;
    justify-content: center;

  }