/* common border radius */
/* disable text selection */
main#public-faq {
  background-position: 0 0;
  background-repeat: repeat-x;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='1920' height='580' viewBox='0 0 1920 580'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23f2f3f5'/%3E%3Cstop offset='0.381' stop-color='%23f2f3f5'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect id='Rectangle_3930' data-name='Rectangle 3930' width='1920' height='580' fill='url(%23linear-gradient)'/%3E%3C/svg%3E%0A");
  position: relative;
}
main#public-faq:before {
  content: " ";
  width: 108px;
  height: 1081px;
  position: absolute;
  left: 74px;
  top: -100px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='108' height='1080.133' viewBox='0 0 108 1080.133'%3E%3Cdefs%3E%3ClinearGradient id='linear-gradient' x1='0.5' x2='0.5' y2='1' gradientUnits='objectBoundingBox'%3E%3Cstop offset='0' stop-color='%23fff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23fff'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg id='Group_18142' data-name='Group 18142' transform='translate(-75 -1.867)'%3E%3Cpath id='Path_332' data-name='Path 332' d='M426.345,57.329C390.393,30.455,349.64,0,269.633,0S148.867,30.455,112.91,57.329C80.445,81.589,54.8,100.756,0,100.756' transform='translate(181 1.867) rotate(90)' fill='none' stroke='%23015ffe' stroke-miterlimit='10' stroke-width='4' stroke-dasharray='5 8'/%3E%3Cg id='Group_759' data-name='Group 759' transform='translate(-124.105 -587.441)'%3E%3Cpath id='Path_51' data-name='Path 51' d='M318.058,832.424l14.185-9.635v20.45Z' transform='translate(-72.432 173.685)' fill='%23317dfc'/%3E%3Cpath id='Path_52' data-name='Path 52' d='M363.8,831.709h-11.92v-8.594Z' transform='translate(-92.069 173.359)' fill='%23015ffe'/%3E%3Cpath id='Path_53' data-name='Path 53' d='M291.687,844.75l-15.255-29.44,17.129,12.713Z' transform='translate(-47.933 178)' fill='%23015ffe' opacity='0.8'/%3E%3Cpath id='Path_54' data-name='Path 54' d='M323.262,884v13.65l12.044-25.426Z' transform='translate(-75.494 144.506)' fill='%23015ffe' opacity='0.8'/%3E%3Cpath id='Path_55' data-name='Path 55' d='M278.949,847.15l-12.6-4.848,19.538,18.467Z' transform='translate(-42 162.114)' fill='%23015ffe'/%3E%3Cpath id='Path_56' data-name='Path 56' d='M287.438,1034.772l-14.239-10.8-1.908,16.71,4.2,5.952Z' transform='translate(-27.626 -18.044)' fill='%23015ffe'/%3E%3C/g%3E%3Cg id='Group_762' data-name='Group 762'%3E%3Cpath id='Path_331' data-name='Path 331' d='M1078.461,100.756c-54.8,0-80.441-19.167-112.905-43.428C929.6,30.455,888.852,0,808.838,0S688.094,30.455,652.143,57.329c-32.46,24.261-58.1,43.428-112.894,43.428s-80.44-19.167-112.9-43.428' transform='translate(181 1.867) rotate(90)' fill='none' stroke='%23000' stroke-miterlimit='10' stroke-width='4' stroke-dasharray='5 8' opacity='0.25'/%3E%3Crect id='Rectangle_3933' data-name='Rectangle 3933' width='106' height='128' transform='translate(75 954)' fill='url(%23linear-gradient)'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
}
@media screen and (max-width: 1620px) {
  main#public-faq:before {
    left: 10px;
  }
}
@media screen and (max-width: 1500px) {
  main#public-faq:before {
    opacity: 0.3;
  }
}
main#public-faq section#intro .center:after {
  top: -150px;
  background: url(../images/intro-faq.png) no-repeat 0 bottom;
  background-size: 1054px auto;
}
main#public-faq section#faqs {
  padding: 0 0 110px 0;
}
main#public-faq section#faqs article {
  margin: 0 0 24px 0;
  position: relative;
  border-radius: 0px 16px 16px 16px;
  background: #fff;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
  box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
  cursor: pointer;
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  -khtml-user-select: none;
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
                                    supported by Chrome and Opera */
}
main#public-faq section#faqs article .in {
  padding: 0 96px 0 40px;
  border-radius: 0px 16px 16px 16px;
  -webkit-box-shadow: 0 0 0 1px #fff inset;
  -moz-box-shadow: 0 0 0 1px #fff inset;
  box-shadow: 0 0 0 1px #fff inset;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
main#public-faq section#faqs article.opened .in {
  -webkit-box-shadow: 0 0 0 1px #015FFE inset;
  -moz-box-shadow: 0 0 0 1px #015FFE inset;
  box-shadow: 0 0 0 1px #015FFE inset;
}
main#public-faq section#faqs article h2 {
  padding: 40px 0 36px 0;
  color: #001E46;
  font-size: 17px;
  line-height: 26px;
  font-weight: bold;
}
main#public-faq section#faqs article .text {
  max-height: 1000px;
  padding: 0 0 40px 0;
  color: #001E46;
  font-size: 15px;
  line-height: 27px;
  font-weight: normal;
  opacity: 0.8;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
main#public-faq section#faqs article .text a {
  text-decoration: underline;
}
main#public-faq section#faqs article .text a:hover {
  text-decoration: none;
}
main#public-faq section#faqs article:not(.opened) .text {
  padding: 0;
  opacity: 0;
  max-height: 0px;
}
main#public-faq section#faqs article .arrow:before,
main#public-faq section#faqs article .arrow:after {
  content: " ";
  width: 20px;
  height: 14px;
  position: absolute;
  right: 42px;
  top: 48px;
  display: block;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
main#public-faq section#faqs article .arrow:before {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.252' height='12.307' viewBox='0 0 18.252 12.307'%3E%3Cpath id='Path_76' data-name='Path 76' d='M3458.142,2425l7.417,7.043,7.389-7.043' transform='translate(-3456.42 -2423.187)' fill='none' stroke='%23015ffe' stroke-width='5'/%3E%3C/svg%3E%0A");
}
main#public-faq section#faqs article .arrow:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18.253' height='12.307' viewBox='0 0 18.253 12.307'%3E%3Cpath id='Path_125' data-name='Path 125' d='M0,0,7.417,7.043,14.806,0' transform='translate(1.722 1.813)' fill='none' stroke='rgba(0,30,70,0.25)' stroke-width='5'/%3E%3C/svg%3E%0A");
  opacity: 0;
}
main#public-faq section#faqs article.opened .arrow:before,
main#public-faq section#faqs article.opened .arrow:after {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
main#public-faq section#faqs article.opened .arrow:before {
  opacity: 0;
}
main#public-faq section#faqs article.opened .arrow:after {
  opacity: 1;
}
@media screen and (max-width: 1000px) {
  main#public-faq section#faqs {
    padding: 0 0 80px 0;
  }
}
@media screen and (max-width: 720px) {
  main#public-faq section#faqs {
    padding: 60px 0;
  }
  main#public-faq section#faqs article .in {
    padding: 0 60px 0 20px;
  }
  main#public-faq section#faqs article h2 {
    padding: 20px 0;
  }
  main#public-faq section#faqs article .text {
    padding: 0 0 20px 0;
  }
  main#public-faq section#faqs article .arrow:before,
  main#public-faq section#faqs article .arrow:after {
    right: 20px;
    top: 26px;
  }
}
main#public-faq section#question {
  padding: 110px 0;
  background: #E5EFFF;
  position: relative;
  z-index: 100;
}
main#public-faq section#question .center {
  display: flex;
  justify-content: stretch;
  gap: 120px;
}
main#public-faq section#question .form {
  flex-grow: 1;
}
main#public-faq section#question .form h2 {
  padding: 0 0 30px 0;
}
main#public-faq section#question .form .bottom {
  display: flex;
  justify-content: stretch;
  align-items: center;
  gap: 44px;
}
main#public-faq section#question .form .bottom:after {
  display: none !important;
}
main#public-faq section#question .form .bottom .btn {
  max-width: 100%;
  white-space: nowrap;
}
main#public-faq section#question .form .bottom em {
  width: 100%;
  flex-grow: 1;
  display: block;
  color: #001E46;
  font-size: 13px;
  line-height: 19px;
  font-weight: normal;
  font-style: normal;
  opacity: 0.7;
}
main#public-faq section#question form .inputs textarea {
  height: 110px;
}
main#public-faq section#question .person {
  width: 270px;
  flex-shrink: 0;
}
main#public-faq section#question .person img {
  width: 100%;
  height: auto;
  margin: 0 0 16px 0;
  display: block;
}
main#public-faq section#question .person p {
  opacity: 0.5;
  color: #001E46;
  font-size: 14px;
  line-height: 19px;
  font-weight: normal;
}
@media screen and (max-width: 1000px) {
  main#public-faq section#question {
    padding: 80px 0;
  }
  main#public-faq section#question .center {
    gap: 40px;
  }
}
@media screen and (max-width: 760px) {
  main#public-faq section#question {
    padding: 60px 0;
  }
  main#public-faq section#question .center {
    display: block;
  }
  main#public-faq section#question .person {
    max-width: 100%;
    margin: 40px auto 0 auto;
  }
  main#public-faq section#question .form .bottom {
    display: block;
  }
}