/*=========
Font load
===========*/
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap");
/*=========
Color Code
===========*/



/* faq start  */
.faq-container {
 box-sizing: border-box;
  margin: 1em 0em;
  background-color: #fff;
  border-radius: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.faq-item {
  padding: 20px;
  border-bottom: 1px solid #e0e0e0;
  cursor: pointer;
  transition: background-color 0.3s ease-in-out;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.faq-item:last-child {
  border-bottom: none;
}

.faq-question {
  font-size: 18px;
  font-weight: 700;
  padding-bottom: 3px;
  padding-top: 3px;
}



.faq-answer {
  
  font-size: 16px;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease-in-out;
  padding-left: 10px;
  padding-right: 10px;
}

.faq-answer.active {
  border-bottom: 1px solid #e0e0e0;
}

.icon-container i {
  font-size: 16px;
  cursor: pointer;
  transition: transform 0.3s ease-in-out;
}

.icon-container i.active {
  transform: rotate(90deg);
  color: #00599C;
}





/* faq end  */



/* button  */

.mybutton {
   
   height: 55px;
   width: 200px;
    margin-top: 38px;
    border-radius: 2px;
    background-color: #00599C; 
}
.site-main-menu .site-search-btn .con-btn:before {
    background-color: #002D62;
}
.mybutton:before {
    position: absolute;
    content: '';
    height: 100%;
    width: 0;
    top: 0;
    left: auto;
    right: 0;
    z-index: -1;
    border-radius: 2px;
    -webkit-transition: .3s all ease-in-out;
    -o-transition: .3s all ease-in-out;
    transition: .3s all ease-in-out;
   }

   

   .mybutton a {
    padding: 0.6em 2em;
    color: #fff;
    width: 100%;
    display: block;
    font-weight: 700;
 }


   .mybutton a i {
    line-height: 1;
    top: 4px;
    font-size: 26px;
    margin-left: 4px;
    position: relative;
 }

    

       

           

/* button  */



/* form  */

.contact-page-section  .myform {
    -webkit-box-shadow: 0px !important;
    box-shadow: 0px !important;
    padding: 50px 30px;
}



/* ourResources  */


.advantage-section .ourResources {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
}





/* resources page  */


.resourcespage .column1 {
  background-color: #00599C;
  padding: 5em 0em 5em 0em;
 }

 /* resources page end  */


 /* how works  section home start  */

 .features-section .how-works-btn{
   
  display: flex;
  justify-content: space-between; 
  align-items: center; 
  padding-top: 2em;
 }


  /* how works section home  end */


  /* documents section   */

  .btn-box-documents a {
    background-image: linear-gradient(
      to right,
      #00599c 50%,
      #00599c 50%,
      #000 50%
    );
    background-size: 200% 100%;
    background-position: -100%;
    display: inline-block;
    padding: 5px 0;
    position: relative;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transition: all 0.3s ease-in-out;
  }
  
  .btn-box-documents a:before{
    content: '';
    background: #00599c;
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 0;
    height: 3px;
    transition: all 0.3s ease-in-out;
  }
  
  .btn-box-documents a:hover {
   background-position: 0;
  }
  
  .btn-box-documents a:hover::before{
    width: 100%;
  }
  

  /* documents section end  */



/* responsiveness  start*/






/* Extra small devices (phones) */
@media only screen and (max-width: 600px) {

 .resourcespage .column1 {
   padding: 5em 2em 5em 2em;

 }

 .faq-question h5 {
  font-size: 15px !important;
}

.features-section .how-works-btn{
   
  flex-direction: column;
  gap: 1em;

}

}




/* Small devices (tablets) */
@media only screen and (min-width: 601px) and (max-width: 968px) {
  .resourcespage .column1 {
    padding: 5em 2em 5em 2em;
 
  }


}

/* Medium devices (desktops) */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
  /* Styles for desktops */
}

/* Large devices (large desktops) */
@media only screen and (min-width: 1025px) {
  /* Styles for large desktops */
}


@media only screen and (min-width: 601px){

  /* .steps-section p{
    padding: 0em 0em 0em 17em;
   } */
}