@charset "UTF-8";
/**
 * Accordion v3.3.2
 * Lightweight and accessible accordion module created in pure Javascript
 * https://github.com/michu2k/Accordion
 *
 * Copyright (c) Michał Strumpf
 * Published under MIT License
 */

.ac {
  margin-top:px;

  background-color:#fff;box-sizing:border-box;
}
.ac .ac-header {
  padding:0
}
.ac .ac-trigger {
  color:#111;
  text-align:left;
  width:100%;
  padding:43px 30px 35px 3px;
  display:block;
  cursor:pointer;
  background-color:transparent;
  transition:color .25s ease;
  position:relative;
  text-decoration:none;
  margin:0;
  border:0
}
/*
.ac .ac-trigger::after {
  content:"+";
  text-align:center;
  width:15px;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);
  position:absolute;right:10px;top:50%
}
.ac .ac-trigger:focus {
  color:red;
}
*/
.ac .ac-panel {
  overflow:hidden;
  transition-property:height,visibility;
  transition-timing-function:ease
}
.ac .ac-panel .ac-text {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 32px;
  color:#111;padding:10px;

}
.ac.js-enabled .ac-panel {
  visibility:hidden
}
.ac.is-active .ac-panel {visibility:visible
}

/*
.ac.is-active>.ac-header .ac-trigger::after{content:"-"}

*/

.ac-header {
  width: 100%;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: -1px;
  position: relative;
  transition: border-color .3s ease-in-out;
  width: 100%;
  /*
  border-top: 1px solid grey;
  */
  border-bottom: -1px solid grey;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: -1px;
  position: relative;
  transition: border-color .3s ease-in-out;
}
.ac-trigger{
  margin-right: auto;
  text-align: left;
  transition: color .3s ease-in-out;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
}

.border_one {
  border-bottom: 1px solid grey;
}


.ac-header {
  width: 100%;
  border-top: 1px solid grey;
  border-bottom: 1px solid grey;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: -1px;
  position: relative;
  transition: border-color .3s ease-in-out;
}
.ac-trigger {
  margin-right: auto;
  text-align: left;
}

.ac-trigger svg ellipse {
    transition: fill .3s ease-in-out;
}
.ac-header:focus-visible {
  outline: none;
  border-color: #FF9900;
  z-index: 1;
}

.ac-header:focus-visible svg ellipse {
  fill: #FF9900;
}
.ac-header:focus-visible .faq__btn__text {
  color: #FF9900;
}
.ac-trigger {
  transition: color .3s ease-in-out;
  font-weight: 700;
  font-size: 24px;
  line-height: 32px;
  color: #000000;
}

.ac-trigger:focus-visible {
  color: #FF9900;
}

.ac-trigger:hover {
  color: #FF9900;
}


.ac-header:active svg ellipse {
  fill: #CACACA;
}
.faq__btn__text:active {
  color: #000;
}

  .ac.is-active svg {
  transform: rotate(45deg);
}



.ac-header:active svg {
  transform: rotate(45deg);
}
.ac-header svg {
  transition: transform .3s ease-in-out;
}
.faq__item {
  list-style-type: none;
}
.faq__h2 {
  margin-bottom: 30px;
}


.ac-header:active {
  border-top: 1px solid grey;
  border-bottom: -1px solid grey;
}

/*
.ac:hover {
  border-bottom: 1px solid orange;
  border-top: 1px solid orange;
}

.ac {
  border-bottom: 1px solid grey;
  border-top: 1px solid grey;
}
*/
/*
.ac-trigger::before{
  content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    transition: opacity .3s
}
*/

.ac-header:hover {
  border-color: #FF9900;
  z-index: 1;
}
.ac-header:hover svg ellipse {
  fill: #FF9900;
}
. {
  margin-right: auto;
  text-align: left;
}
.ac-header {
  display: flex;
  align-items: center;
}
.ac-text {

font-weight: 400;
font-size: 16px;
line-height: 32px;
}

.ac-text {
  margin-bottom: 32px;
}

@media (max-width: 1200px) {
  .ac .ac-trigger {
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 32px;
    padding:39px 28px 35px 0px;
    width: 84%;
    margin-right: auto;
  }
  #ac-trigger-4 {
    padding: 36px 28px 35px 0px;
  }
  #ac-trigger-3 {
    padding: 28px 28px 35px 0px;
  }
  #ac-trigger-1 {
    padding: 33px 28px 35px 0px;
  }
}

@media (max-width: 992px) {
  .ac .ac-trigger {
    width: 90%;
    padding: 38px 28px 35px 0px;
  }
  #ac-trigger-1 {
    padding: 33px 28px 35px 0px;
  }
  #ac-trigger-3 {
    padding: 25px 28px 27px 0px;
  }
  #ac-trigger-2 {
    padding: 28px 28px 35px 0px;

  }
  #ac-trigger-4 {
    padding: 29px 28px 32px 0px;
  }

}

@media (max-width: 576px) {

 .ac .ac-trigger {
     font-size: 14px;
     line-height: 24px;
     font-style: normal;
     font-weight: 500;
    }
    .faq h2 {
      margin-bottom: 16px;
    }
    .ac .ac-trigger {
      width: 90%;
      padding: 31px 6px 29px 2px;
    }
    #ac-trigger-1 {
      padding: 30px 5px 30px 2px;
    }
    #ac-trigger-3 {
      padding: 26px 28px 6px 0px;
   }
   #ac-trigger-4 {
    padding: 29px 28px 8px 0px;
  }

}



