.banner-wrap{
background: linear-gradient(180deg, #FFF 0%, #F0F9FE 100%);
}
.pb-5{
padding-bottom: 5rem;
}
.title h1{
color: #0A5E90;
font-size: 2.5rem;
font-style: normal;
font-weight: 700;
line-height: 120%; text-transform: uppercase;
}
.fag-section{
display: flex;
flex-direction: column;
gap: 2.5rem;
}
.fag-section__info-block{
display: flex;
flex-direction: column;
gap: .75rem;
}
.accordion-header-title svg{
}
.accordion-item .accordion-header svg {
transition: transform 0.3s ease;
flex-shrink: 0;
display: flex;
width: 2.5rem;
height: 2.5rem;
padding: 0.375rem;
justify-content: center;
align-items: center;
border-radius: 2.5rem;
background: #FFF;
}
.accordion-item.active .accordion-header svg {
transform: rotate(180deg);
}
.accordion-header-title{
color: #000;
font-size: 1.25rem;
font-style: normal;
font-weight: 400;
line-height: 120%; text-transform: uppercase;
}
.accordion-item {
cursor: pointer; padding-bottom: 1rem;
padding-top: .25rem;
border-bottom: 1px solid #E5E5E5;;
}
.accordion-item.active { padding-bottom: 1rem; 
}
.accordion-item .accordion-header { display: flex;
justify-content: space-between;
gap: 1rem;
align-items: center;
}
.accordion-item .accordion-body {
max-height: 0;
overflow: hidden;
pointer-events: none;
transition: max-height 0.3s ease-out;
}
.accordion-item.active .accordion-body{
pointer-events: all;
}
.accordion-body__tab{
display: flex;
align-items: center;
gap: .75rem;
overflow: auto;
padding-top: .75rem;
padding-bottom: 1rem;
}
.accordion-body__tab .btn-tab{
white-space: nowrap;
color: #797979;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: 130%; letter-spacing: 0.01875rem;
display: flex;
padding: 0.75rem 1.75rem;
align-items: center;
gap: .25rem;
position: relative;
border-radius: 0.375rem;
background: #F4FAFE;
}
.accordion-body__tab .btn-tab.active,
.accordion-body__tab .btn-tab:hover{
background: #2399D2;
color: #FFF;
}
.accordion-body__tab .btn-tab::before{
content: "";
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20" fill="none"><path d="M13.3594 5.57969L11.6828 6.25L13.3594 6.91953C13.5132 6.98169 13.6361 7.10242 13.7009 7.25516C13.7657 7.4079 13.7672 7.58014 13.7051 7.73398C13.6429 7.88783 13.5222 8.01068 13.3694 8.07551C13.2167 8.14035 13.0445 8.14185 12.8906 8.07969L10 6.92266L7.10938 8.07969C7.0332 8.11047 6.9517 8.12594 6.86955 8.12522C6.78739 8.12451 6.70618 8.10762 6.63055 8.07551C6.55492 8.04341 6.48636 7.99673 6.42877 7.93813C6.37118 7.87953 6.3257 7.81016 6.29492 7.73398C6.26414 7.65781 6.24867 7.57631 6.24939 7.49416C6.2501 7.412 6.26699 7.33079 6.29909 7.25516C6.3312 7.17953 6.37788 7.11097 6.43648 7.05338C6.49508 6.99579 6.56445 6.95031 6.64062 6.91953L8.31719 6.25L6.64062 5.57969C6.56445 5.54891 6.49508 5.50343 6.43648 5.44584C6.37788 5.38825 6.3312 5.31969 6.29909 5.24406C6.26699 5.16843 6.2501 5.08722 6.24939 5.00506C6.24867 4.9229 6.26414 4.84141 6.29492 4.76523C6.3257 4.68906 6.37118 4.61969 6.42877 4.56109C6.48636 4.50249 6.55492 4.45581 6.63055 4.4237C6.70618 4.3916 6.78739 4.37471 6.86955 4.374C6.9517 4.37328 7.0332 4.38875 7.10938 4.41953L10 5.57656L12.8906 4.41953C12.9668 4.38875 13.0483 4.37328 13.1305 4.374C13.2126 4.37471 13.2938 4.3916 13.3694 4.4237C13.4451 4.45581 13.5136 4.50249 13.5712 4.56109C13.6288 4.61969 13.6743 4.68906 13.7051 4.76523C13.7359 4.84141 13.7513 4.9229 13.7506 5.00506C13.7499 5.08722 13.733 5.16843 13.7009 5.24406C13.6688 5.31969 13.6221 5.38825 13.5635 5.44584C13.5049 5.50343 13.4356 5.54891 13.3594 5.57969ZM17.5 6.23047C17.5 9.56797 16.875 12.1211 16.3523 13.6742C15.6703 15.6898 14.7406 17.2281 13.8016 17.893C13.6229 18.0215 13.4129 18.0996 13.1936 18.119C12.9744 18.1384 12.7539 18.0983 12.5555 18.0031C12.3542 17.9082 12.1818 17.7615 12.0558 17.5782C11.9298 17.3948 11.8548 17.1813 11.8383 16.9594C11.7719 16.0609 11.4438 13.125 10 13.125C8.55625 13.125 8.22813 16.0617 8.16172 16.9617C8.1383 17.2775 7.99655 17.5729 7.7648 17.7887C7.53305 18.0045 7.22839 18.1249 6.91172 18.1258C6.65571 18.1254 6.40625 18.0448 6.19844 17.8953C5.26094 17.2289 4.32969 15.6906 3.64766 13.6766C3.125 12.1211 2.5 9.56797 2.5 6.23047C2.50516 5.07353 2.96838 3.96575 3.78829 3.14949C4.60821 2.33324 5.71805 1.87499 6.875 1.875H13.125C14.2819 1.87499 15.3918 2.33324 16.2117 3.14949C17.0316 3.96575 17.4948 5.07353 17.5 6.23047ZM16.25 6.23047C16.2448 5.40506 15.9133 4.61521 15.3278 4.03338C14.7423 3.45154 13.9504 3.12498 13.125 3.125H6.875C6.04944 3.12499 5.25741 3.45165 4.67189 4.03365C4.08638 4.61565 3.75495 5.4057 3.75 6.23125C3.75 9.39922 4.33672 11.8094 4.83203 13.2734C5.69531 15.825 6.62891 16.6617 6.91094 16.8672C7.15391 13.6461 8.24922 11.875 10 11.875C11.7508 11.875 12.8477 13.6492 13.0852 16.8703C13.3664 16.668 14.3016 15.8344 15.168 13.2766C15.6633 11.8094 16.25 9.39922 16.25 6.23125V6.23047Z" fill="white"/></svg>');
background-size: contain;
background-repeat: no-repeat;
width: 1.25rem;
height: 1.25rem;
flex-shrink: 0;
aspect-ratio: 1/1;
}
.accordion-item .accordion-content { padding: 2.5rem 3.125rem;
display: flex;
flex-direction: column;
gap: 1.25rem;
background-color: #fff;
border-radius: .75rem;
}
.accordion-content__item{
display: grid;
grid-template-columns: repeat(auto-fill, minmax(10rem, 1fr));
gap: 1.25rem;
}
.accordion-content__item-card{
display: flex;
flex-direction: column;
align-items: center;
gap: 0;
padding: .5rem;
border-radius: 0.25rem;
background: #F4FAFE;
width: 100%;
transition: scale .3s;
}
.accordion-content-img{
position: relative;
padding-bottom: 73%;
width: 100%;
}
.accordion-content-img span{
color: #484A4A;
font-size: 0.625rem;
font-style: normal;
font-weight: 400;
line-height: 130%; position: absolute;
left: 0.25rem;
top: 0.25rem;
border-radius: 6.25rem;
background: #FFF;
padding: 0.25rem 0.75rem;
z-index: 2;
}
.accordion-content-img img{
width: 100%;
height: 100%;
max-width: 7.5rem;
object-fit: cover;
left: 50%;
transform: translateX(-50%);
top: 0;
position: absolute;
}
.accordion-content__item-card:hover{
scale: 1.03;
}
.accordion-content-text{
color: #000;
text-align: center;
font-size: 1rem;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
min-height: 2.875rem;
flex-direction: column;
justify-content: center;
}
@media (max-width:768px) {
.accordion-item .accordion-header svg{
width: 1.75rem;
height: 1.75rem;
}
.fag-section{
gap: 1.5rem;
}
.accordion-item,
.accordion-item.active {
padding: .75rem 0;
}
.accordion-header-title{
font-size: 1.25rem;
}
.accordion-body__tab .btn-tab{
font-size: .875rem;
}
.accordion-body__tab{
gap: .5rem;
}
.accordion-body__tab .btn-tab::before{
width: 1rem;
height: 1rem;
}
.accordion-item .accordion-content{
padding: 1rem .75rem;
gap: 1.75rem;
}
.accordion-body__tab{
padding-top: .5rem;
padding-bottom: .75rem;
}
.accordion-content__item{
grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
gap: .5rem;
}
.accordion-item.active .accordion-body,
.accordion-item.active .accordion-body__tab{
overflow: visible;
}
.accordion-content-img img{
max-width: 6rem;
}
.accordion-content-img{
padding-bottom: 39%;
}
.title h1{
font-size: 1.5rem;
}
.breadcrumbs li:last-child .breadcrumbs__item{
white-space: nowrap;
padding-left: 1rem;
}
.breadcrumbs-list li:after{
position: absolute;
margin-left: .5rem;
}
.breadcrumbs .breadcrumbs__list{
flex-wrap: nowrap;
}
}