.redirect{
    background: var(--color-black);
    min-height: 100vh;
}
.redirect-button{
    color: #fff;
    text-align: center;
    background-image: url("/img/button.svg");
    background-repeat: no-repeat;
    background-position: center;
    font-size: 24px;
    font-weight: 400;
    padding: 30px 60px;
}
.redirect-button:is(:hover, :focus){
    opacity: .8;
}
.section-bg{
    top: 0;
    left: 0;
    max-width: unset;
    width: 100%;
    height: 100%;
    z-index: -1;
}
.apply-course{
    padding-top: 200px;
    padding-bottom: 100px;
}
.title-top{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
}
h1.section-title{
    font-family: var(--font-secondary);
    font-size: 96px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 24px;
    color: var(--color-primary);
}
.inner-course{
    max-width: 760px;
    width: 100%;
}
/* A section-lead és az alatta lévő apply-points együtt egy összefüggő,
   piros keretes kártyát ad: felül a lekerekített, telítettebb fej, alatta a
   világosabb pontok-blokk. A kettő között nincs szegély és margó, ezért a
   section-lead alsó szegélye és margója, illetve az apply-points felső
   szegélye nulla. */
.section-lead{
    font-family: var(--font-secondary);
    font-size: 64px;
    font-weight: 400;
    line-height: 110%;
    border: 2px solid red;
    border-bottom: 0;
    border-radius: 30px 30px 0 0;
    padding: 30px;
    margin-bottom: 0;
    background-color: rgba(198, 37, 37, 0.7);
}
.apply-point,.apply-bottom-content{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
}
.apply-points{
    border: 2px solid red;
    border-top: 0;
    border-radius: 0 0 30px 30px;
    padding: 30px;
    background-color: rgba(198, 37, 37, 0.2);
}
.apply-bottom-content{
    margin-top: 21px;
    margin-bottom: 48px;
}
.pistol-img{
    right: 0;
    bottom: 0;
    max-width: 812px;
    width: 100%;
    z-index: 3;
    transform: rotate(12deg);
}
.link-bg svg{
    max-width: 100%;
    max-height: 100%;
}
.link-bg {
    top: 0;
    left: 0;
    z-index: -1;
}
.main-btn{
    max-width: 193px;
    height: 89px;
    width: 100%;
    color: #FFF;
    font-family: var(--font-exa);
    font-size: 24px;
    font-weight: 400;
    line-height: normal;

    background-color: #000;
    border-radius: 25px;
    border: 2px solid var(--color-primary);
}
.main-btn:hover{
    background-color: var(--color-primary);
}
.main-btn:hover .link-bg path{
    stroke: #fff;
}
.main-btn.long{
    max-width: 258px;
}
.apply-course .buttons{
    gap: 64px;
}
.main-btn.long:hover .link-bg path{
    stroke: var(--color-primary);
    stroke-width: 3px;
    fill: transparent;
}
.main-btn.long:hover{
    color: #fff;
}
.pros{
    padding: 50px 0px;
    width: 100%;
    position: relative;
}
.pros-image {
    width: 100%;
    border-radius: 30px;
}
.poly{
    max-width: 415px;
}
.pros-inner{
    width: 100%;
    max-width: 1200px;
    margin: 20px auto;

    padding: 30px;
    background-color: rgba(198, 37, 37, 0.7);
    border-radius: 30px;
}
h2.section-title{
    font-family: var(--font-secondary);
    margin-bottom: 69px;
    font-size: 64px;
    font-weight: 400;
    line-height: 110%;
}
.pros h2{
    font-size: 40px;
    margin-bottom: 40px;
}
.pros-points{
    gap: 16px;
    margin-bottom: 66px;
}
.pro-point{
    gap: 23px;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
.pro-point img{
    width: 33px;
    height: 25px;
}
.dark-btn{
    max-width: 338px;
    height: 89px;
    padding: 29px 44px 30px 46px;
    color: #fff;
    font-size: 24px;
    font-family: var(--font-exa);
    font-weight: 400;
}
.dark-btn:is(:hover,:focus){
    color: var(--color-black);
}
.dark-btn:is(:hover,:focus) path{
    fill: #fff;
}
.contact-section{
    /*background: #232323;*/
    padding: 60px 0px;
}
.contact-title{
    font-family: var(--font-secondary);
    font-size: 64px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 24px;
}   
.contact-subtitle{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
    margin-bottom: 49px;
}
.main-btn.contact{
    z-index: 2;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    padding: 29px 56px;
    max-width: 258px;
    height: 89px;
}
.how-it-works{
    position: relative;
    z-index: -1;
}
.how-it-works-inner{
    padding: 368px 0 116px 0;
    min-height: 1014px;
}

.how-it-works h2{
    max-width: 518px;
    font-size: 64px;
    font-family: var(--font-secondary);
    font-weight: 400;
    line-height: 110%;
}

.bg-section{
    top: 0;
    left: 0;
    z-index: -1;
}
.list-element-inner{
    padding: 30px 46px;
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    font-family: var(--font-exa);
}
.list-element-bg svg{
    max-width: 100%;
    max-height: 100%;
}
.list-element-bg{
    z-index: -1;
}
.list-element:nth-child(2){
    bottom: 116px;
    left: 0;
}
.list-element:nth-child(3){
    left: 157px;
    bottom: 224px;
}
.list-element:nth-child(4){
    left: 393px;
    bottom: 332px;
}
.list-element:nth-child(5){
    left: 556px;
    bottom: 440px;
}
.list-element:nth-child(6){
    left: 747px;
    bottom: 548px;
}
.courses-card-outer{

}
.courses-card{
    width: 100%;
    background: #E1E1E1;
    border-radius: 30px;
}
.courses-slider{
    max-width: 1240px;
    width: 100%;
}
.slick-slide:not(.slick-current) .courses-card .image-wrapper img{
    height: 225px;
}
.slick-slide:not(.slick-current) .courses-card-body{
    padding: 20px 40px;
}
.courses-card .image-wrapper img{
    object-fit: cover;
    object-position: center;
    height: 272px;
    width: 100%;
    border-radius: 25px 25px 0px 0px;
}
.courses-card .image-wrapper img{

}
.slick-current.slick-active  .courses-card .image-wrapper img{

}
.slick-current.slick-active .courses-card-outer{
    margin: 0 !important;
}
.slick-current.slick-active  .courses-card{
    background: #fafafa;
    max-width: 438px;
    width: 100%;
    height: 750px;
}
.courses-card-body{
    padding: 30px 20px;
}
.course-name{
    font-family: var(--font-exa);
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px;
    color: #840014;
}
.course-cat{
    max-width: 260px;
    width: 100%;
    margin-bottom: 28px;
    gap: 10px;
}
.cat-label{
    color: #747474;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
}
.star-image{
    max-width: 19px;
    width: 100%;
}
.course-description{
    max-width: 306px;
    width: 100%;
    color: #171717;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
    margin-bottom: 12px;
}
.time-and-capacity{
    width: 100%;
    max-width: 306px;
    gap: 5px;
    margin-bottom: 28px;
    padding-right: 36px;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
    color: #5A5A5A;
}
.time{
    gap: 7px;
}
.capacity{
    gap: 5px;
}
.time,.capacity{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
    color: #5A5A5A;
}
.course-price{
    color: #840014;
    font-family: var(--font-exa);
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 12px;
}
.course-link{
    border-radius: 20px;
    max-width: 163px;
    width: 100%;
    padding: 10px 29px;
    background-color: #840014;
    color: #fff;
    font-family: var(--font-exa);
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    border: 2px solid #840014;
}
.course-link:is(:hover,:focus){
    background: transparent;
    color: #840014;
}
.navi-button{
    background: transparent;
    border: none;
    outline: none;
    box-shadow: none;
    transform: translateY(-50%);
    top: 50%;
    padding: 0;
}
.slick-next{
    right: 12px;
}
.slick-prev{
    left: 12px;
}
.navi-button:is(:hover,:focus) path{
    fill: var(--color-primary);
}
.anim circle{
    transition: all .3s ease-in-out;
}
.navi-button:is(:hover,:focus) circle{
    fill: #fff;
}

.programs h2{
    font-family: var(--font-secondary);
    font-size: 64px;
    margin-bottom: 64px;
    font-weight: 400;
    line-height: 110%;
}
.programs .container{

}
.programs{

}
.about-us-page{
    padding-top: 204px;
}
.spage-title{
    font-family: var(--font-secondary);
    font-size: 96px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 24px;
}
.spage-lead{
    max-width: 580px;
    width: 100%;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 50px;
}
.about-us-pic{
    max-width: 505px;
    width: 100%;
    height: 312px;
    object-fit: cover;
    object-position: center;
    position: absolute;
}
.about-us{
    background-image: url("/img/spage/lead_bg.png");
    background-repeat: no-repeat;
    background-size: contain;
    padding: 60px 35px 77px 148px;
    max-width: 485px;
    width: 100%;
    color: #FFF;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
    margin-left: auto;
}
.about-us-container{
    max-width: 883px;
    width: 100%;
    position: relative;
    z-index: 99;
}

.recommendation{
    padding-top: 50px;
    padding-bottom: 50px;
}
.recommendation h2{
    margin-bottom: 64px;
    font-size: 64px;
    font-family: var(--font-secondary);
    font-weight: 400;
    line-height: 110%;
    color: #fff;
}
.recom-header{
    gap: 12px;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    padding-left: 90px;
}
.recom-header img{
    width: 33px;
    height: 25px;
}
.recom-card{
    gap: 21px;
    max-width: 380px;
    width: 100%;
}
.recom-poly{
    border-radius: 30px;
}
.recomm-bottom{
    margin-top: 64px;
    max-width: 483px;
    width: 100%;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
}
.about-us-page>.container{
    position: relative;
    z-index: 2;
}
.recomm-card-wrapper{
    gap: 25px;
}
.authenticated-by{
    background: var(--color-black);
    padding: 72px 0 84px 0;  
    height: 270px;
    bottom: 150px;
    position: relative;
}
.authenticated-by>.container{
    min-height: 288px;
}
.authenticated-by h2{
    max-width: 735px;
    width: 100%;
    margin-bottom: 64px;
    font-family: var(--font-secondary);
    font-size: 64px;
    font-weight: 400;
    line-height: 110%;
}
.logo-wrapper{
    gap: 125px;

}
.logo-wrapper img{
    max-width: 122px;
    min-height: 154px;
    width: 100%;
    filter: grayscale(1);
}
.about-datas{
    /*background-image: url("/img/spage/data_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    padding-top: 348px;*/
}
.datas-inner{
    padding-top: 86px;
    padding-bottom: 86px;
    background: #5A5A5A;
}
.data-val{
    font-family: var(--font-secondary);
    font-size: 64px;
    font-weight: 400;
    line-height: 110%;
}
.data-name{
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
.datas-line{
    max-width: 1020px;
}
.prices{
    padding: 88px 0 118px 0;
}
.prices h2{
    font-family: var(--font-secondary);
    font-size: 64px;
    font-weight: 400;
    line-height: 100%;
    margin-bottom: 40px;
    max-width: 614px;
    width: 100%; 
    margin-left: 179px;  
}
.prices-desc{
    max-width: 614px;
    width: 100%;
    margin-left: 179px;
}
.prices-title{
    margin-bottom: 40px;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
.prices-text{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
}
.fees{
    margin-bottom: 40px;
    margin-top: 6px;
}
.price-fee{ 
    color: var(--color-black);
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
.price-courses-container{
    margin-top: 137px;
    gap: 30px;
}
.get-more-link{
    color: #FFF;
    font-family: var(--font-exa);
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    width: 100%;
    height: 89px;
    max-width: 338px;
    padding: 30px 40px;
    margin-top: 22px;
}
.more-link{
    top: 0;
    left: 0;
    z-index: 0;
}
.get-more-link svg{
    max-width: 100%;
    max-height: 100%;
}
.get-more-link span{
    z-index: 2;
}
.get-more-link:is(:hover,:focus) path{
    fill: var(--color-primary);
}
.newsletter-section{
    max-width: 432px;
    width: 100%;
}
.newsletter-section .mb-3{
    margin-bottom: 0 !important;
}
.newsletter-inputs-container{
    gap: 8px;
}
.newsletter-container{
    width: 100%;
    max-width: 860px;
    margin: 106px auto 0 auto;
    padding: 74px 209px;
    /* clip-path: polygon(10% 0, 100% 0, 100% 77%, 90% 100%, 0 100%, 0 23%);
    border: 2px solid #fff; */
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    background-color: #97865a;
    border-radius: 25px;
}
.programs-page{
    padding-top: 205px;
}
.spage-title, .spage-lead{
    max-width: 919px;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.left-img{
    position: relative;
    bottom: 190px;
}
.right-img{
    position: relative;
    bottom: -25px;
}
.sub-content {
    position: relative;
    z-index: 3;
    width: 100%;
    background-color: #840014;
}

.sub-content::before,
.sub-content::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    z-index: -1; /* Places the triangles behind the content */
}

.sub-content::before {
    top: -210px;
    background-color: transparent;
    left: 0;
    border-style: solid;
    height: 210px;
    border-width: 210px 100vw 0 0;
    /* transform: rotate(180deg); */
    border-color: transparent #840014 transparent transparent;
}
.sub-content::after {
    bottom: -210px;
    background-color: transparent;
    left: 0;
    border-style: solid;
    height: 210px;
    border-width: 0 100vw 210px 0;
    border-color: transparent #840014 transparent transparent;
}

.top-cont{

}
.clip-path-image{
    clip-path: polygon(19% 0, 100% 0, 100% 81%, 81% 100%, 0 100%, 0 19%);
    max-width: 414px;
}
.left-img .clip-path-image{
    top: 53px;
    left: 63px;
}
.right-img .clip-path-image{
    top: -53px;
    right: 63px;
}
.sub-content .spage-poly{
    max-width: 415px;
    width: 100%;
}
.sub-content-content{
    max-width: 388px;
    width: 100%;
}
.sub-content-title{
    font-family: var(--font-secondary);
    font-size: 64px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 40px;
}
.sub-content-text{
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
.content-gallery{
    gap: 174px;
}
.what-u-get{
    padding-bottom: 40px;
}
.what-u-get-bg{
    top: 0;
    left: 0;
    z-index: -1;
    object-fit: cover;
    object-position: center;
    opacity: .2;
    display: none;
}
.what-u-get h2{
    font-family: var(--font-secondary);
    font-size: 64px;
    margin-bottom: 24px;
    font-weight: 400;
    line-height: 110%;
    max-width: 595px;
    width: 100%;
}
.wug-lead{
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    max-width: 595px;
    width: 100%;
}
.point-bg{
    top: 0;
    left: 0;
    max-width: 100%;
    z-index: -1;;
}
.point-inner{
    min-height: 89px;
    /*background-image: url("/img/page/list-element.svg");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;*/
    background-color: var(--color-primary);
    border-radius: 20px;
    padding: 30px 90px;
    font-family: var(--font-exa);
    font-size: 24px;
    font-weight: 400;
    width: fit-content;
    height: fit-content;
}
.point-bg img{
    min-height: 89px;
    max-width: 100%;
    max-height: 100%;
}
.wug-container{
    min-height: 290px;
    gap: 11px;
    max-width: 791px;
    margin: 50px auto 73px auto;
}
.wug-point:nth-child(2) .point-inner{
    margin-left: auto;
}
.wug-point:nth-child(3) .point-inner{
    margin-left: 161px;
}
.apply-container{
    gap: 24px;
    max-width: 350px;
}
.apply-text{
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
.apply-container .main-btn{
    font-size: 24px;
    font-weight: 400;
    font-family: var(--font-exa);
}
.opinions{
    background: #5a5a5a;
    width: 100%;
    padding: 64px 0 62px 0;
}
.opinions h2{
    font-family: var(--font-secondary);
    font-size: 64px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 67px;
    text-align: center;
}
.opi-card{
    max-width: 617px;
    width: 100%;
    padding: 41px 54px 33px 0;
    border: 2px solid #fff;
    border-radius: 25px;
}
.opi-image{
    max-width: 200px;
    min-width: 200px;
    height: 100%;
    position: relative
}
.opi-image img{
    position: relative;
    right: 21px;
}
.opi-body{
    max-width: 360px;
    min-width: 360px;
    width: 100%;
    gap: 15px;
}
.opi-inner{
    gap: 24px;
}
.quote{
    top: 21px;
    right: 17px;
}
.opi-name{
    font-family: var(--font-exa);
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
.opi-content{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
}
.opi-course{
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
/*.opi-card::before, .opi-card::after{
    content: '';
    position: absolute;
    border-style: solid;
}
.opi-card:before {
    top: -47px;
    left: -46px;
    height: 90px;
    width: 90px;
    background-color: #5a5a5a;
    border: 0px;
    border-right: 2px solid #fff;
    rotate: 45deg;
}
.opi-card::after{
    bottom: -47px;
    right: -46px;
    height: 90px;
    width: 90px;
    background-color: #5a5a5a;
    border: 0px;
    border-left: 2px solid #fff;
    rotate: 45deg;
}*/
/* .opi-card{
    background-image: url("/img/spage/opi_bg.png");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% 100%;
    border: none;
} */
.opi-wrapper{
    margin-right: 79px;
    width: fit-content !important;
}
.opi-slider{
    position: relative;
    z-index: 10;
    overflow: hidden;
}
.opi-slider-buttons{
    margin-top: 26px;
    padding: 0 44px;
}
.slick-button{
    cursor: pointer;
}
.slick-button:is(:hover,:focus) path{
    fill: #840014;
}
.slick-slide:not(.slick-active) img{
    filter: grayscale(1);
}
.slick-slide:not(.slick-active) .opi-wrapper{
    scale: 0.9;
}
.slick-slide:not(.slick-active) .opi-card:after,.slick-slide:not(.slick-active) .opi-card:before{
    scale: 1.03;
}
.faq-section{
    padding: 114px 0 124px 0;
    background: var(--color-black);
}
.faq-section h2{
    font-family: var(--font-secondary);
    margin-bottom: 77px;
    font-size: 64px;
    font-weight: 400;
    line-height: 110%;
}
.faq-section .accordion-button::after{
    background-image: url("/img/spage/accordion.svg");
}
.faq-section .accordion-button:not(.collapsed)::after{
    transform: rotate(45deg);
}
.accordion:not(#moduleContentAccordion) *{
    background: transparent;
    color: #fff;
    font-family: var(--font-primary);
}
.faq-section .accordion-item:first-of-type > .accordion-header .accordion-button,.accordion-button:not(.collapsed){
    font-size: 24px;
    font-family: var(--font-primary);
    font-weight: 400;
    line-height: normal;
    background: transparent;
}
.faq-section .accordion-button:not(.collapsed){
    color: #F5546C;
}
.faq-section .accordion-body{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
}
.faq-section :where(button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled)){
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    padding: 19px 0;
}
.faq-section .accordion-body{
    padding: 16px 0 32px 0;
}

.faq-section .accordion-item{
    border-radius: 0;
    border-right: none;
    border-left: none;
    border-top: none;
    border-bottom: 3px solid #5a5a5a;
}
.faq-section .accordion-item:first-child{
    border-top: 3px solid #5a5a5a;
}
.accordion-button:not(.collapsed){
    box-shadow: none;
    border-bottom: 3px solid #5a5a5a !important;
}
.faq-section .accordion-button:focus{
    box-shadow: none;
}
.faq-section .accordion{
    max-width: 1085px;
    width: 100%;
}
.contact-section.alt{
    /*background-image: url("/img/spage/spage_section_bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
    padding: 61px 0 48px 0;
}
.newsletter-subscribe .newsletter-container{
    margin-top: 0 !important;
}
.newsletter-subscribe{
    padding: 161px 0 99px 0;
}
.opinions-container-inner{
    max-width: 1440px;
}
.contact-top{
    padding-top: 206px;
    padding-bottom: 60px;
    /*background-image: url("/img/spage/hero-bg.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;*/
}
.contact-view h1{
    font-family: var(--font-secondary);
    font-size: 96px;
    font-weight: 600;
    line-height: 100%;
    margin-bottom: 75px;
}
.top-content-contact .lead{
    margin-bottom: 16px;
    font-family: var(--font-exa);
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
}
.top-content-text{
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
}
.top-content-contact{
    margin-bottom: 48px;
}
.form-main{
    background: transparent !important;
    border: none;
}
.form-main :where(.mb-3,p){
    margin-bottom: 0 !important;
}
.form-main .input-wrapper{
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.form-main input[type="text"]{
    border-radius: 0;
    height: 32px;
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
}
.form-main textarea{
    height: 89px;
    border-radius: 0;
    padding: 10px;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%;
    margin-bottom: 12px;
}
label.form-check-label a{
    color: var(--color-primary);
}
.send-btn.alt{
    margin-top: 12px;
    color: #fff;
    background: #840014;
    padding: 10px;
    width: 100%;
    max-width: 265px;
    font-family: var(--font-exa);
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    border: 2px solid #840014;
    border-radius: 15px;
}
.send-btn.alt:is(:focus,:hover){
    color: #fff;
    background: var(--color-black);
}
.form-main input:focus{
    border-color: var(--color-primary);
    outline: 0;
    box-shadow: 0 0 0 0.15rem rgba(240, 0, 36, 0.5)
}
.contact-info{
    background: #840014;
    padding: 60px 0 134px 0;
}
.contact-info::before {
    /*top: -210px;
    background-color: transparent;
    left: 0;
    border-style: solid;
    height: 210px;
    border-width: 0 100vw 210px 0;
    border-color: transparent #840014 transparent transparent;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    z-index: 0;
    transform: rotate(180deg);*/
}
.contact-info h2{
    font-family: var(--font-secondary);
    font-size: 64px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 24px;
}

.contact-link, .contact-info-content{
    color: #fff;
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    font-family: var(--font-primary);
}
.contact-link:is(:hover,:focus){
    color: var(--color-black);
}
.contact-info span{
    text-decoration-line: underline !important;
    text-decoration-style: solid !important;
    text-decoration-skip-ink: none !important;
    text-decoration-thickness: auto !important;
    text-underline-offset: auto !important;
}
.contact-info-content{
    margin-top: 30px;
}
.impressum{
    padding: 112px 0 134px 0;
}
.impressum h2{
    font-size: 24px;
    font-weight: 400;
    line-height: normal;
    margin-bottom: 24px;
}
.imp-content *{
    font-family: var(--font-primary) !important;
    color: #fff !important;
    font-size: 16px;
    font-weight: 300;
    line-height: 130%
}
.staticpages-view{
    padding-top: 210px !important;
}
.staticpages-view h1{
    font-family: var(--font-secondary);
}
.site-content-view *{
    font-family: var(--font-primary);
    color: #fff !important;
}
.show-pass{
    transform: translateY(-50%);
    top: 50%;
    right: 15px;
    cursor: pointer;
}
.password-wrapper,.field-profileloginform-password{
    max-width: 467px;
    width: 100%;
}
.copyright-submit{
    color: #fff;
    background: var(--color-primary);
    border: 2px solid var(--color-primary);
    padding: 12px 24px;
    /* Középen, a nyilatkozat szövegétől elválasztva. Korábban a margin-left:auto
       a jobb szélre tolta, közvetlenül a szöveg alá — ott könnyű volt egyszerűen
       nem észrevenni, hogy van hova kattintani. */
    margin: 32px auto 0;
    max-width: 100%;
    font-weight: 700;
    font-size: 18px;
    display: flex;
    justify-content: center;
    text-align: center;
}
.copyright-submit:hover{
    color: var(--color-primary);
    background: transparent;
}
.pros-content
{

}
.pros-points
{
    background-color: #97865a;
    border-radius: 25px;
    padding: 20px;
}
.pros-content .main-btn
{
    max-width: 320px;
}

.newsletters-subscribe-submit
{
    border-radius: 15px;
}

/* MEDIAQUERIES */
@media(min-width: 768px){
    .contact-view .container{
        max-width: 622px !important;
    }
}
@media(min-width: 1400px){
    .prices>.container{
        max-width: 1343px !important;
    }
}
@media(max-width: 1400px){
    .slick-next{
        right: -22px;
    }
    .slick-prev{
        left: -22px;
    }
}
@media(max-width: 1199px){
    .pistol-img{
        max-width: 550px;
        bottom: 200px;
    }
    .list-element:nth-child(2){
        bottom: 116px;
        left: 0;
    }
    .list-element:nth-child(3){
        left: 100px;
        bottom: 200px;
    }
    .list-element:nth-child(4){
        left: 300px;
        bottom: 280px;
    }
    .list-element:nth-child(5){
        left: 439px;
        bottom: 376px;
    }
    .list-element:nth-child(6){
        left: 560px;
        bottom: 474px;
    }
    .list-element-inner{
        font-size: 18px;
        padding: 20px 36px;
    }
    .price-fee, .exam-fee, .course-price, .course-link{
        font-size: 16px;
    }
}
@media(max-width: 992px){
    .staticpages-view{
        padding-top: 102px !important;
    }
    .apply-course{
        padding-top: 108px;
        padding-bottom: 60px;
    }
    h1.section-title{
        font-size: 56px;
    }
    .section-lead{
        font-size: 40px;
        max-width: 600px;
    }
    .main-btn{
        font-size: 14px;
        padding: 16px 25px;
        max-width: 109px;
        height: 50px;
    }
    .main-btn.long:not(.contact){
        font-size: 14px;
        padding: 16px 23px;
        max-width: 146px;
        height: 50px;
    }
    .apply-course .buttons{
        gap: 36px;
    }
    .apply-bottom-content{
        margin-bottom: 32px;
    }
    .poly{
        max-width: 251px;
    }
    .pros-image{

    }
    .pros-inner{

    }
    .pros-mobile-bottom{
        margin-top: 63px;
        max-width: 400px;
    }
    .pro-point{
        width: 100%;
        font-size: 20px;
    }
    .pros-points{
        gap: 12px;
    }
    .pros{
        padding-top: 137px;
        padding-bottom: 49px;
        bottom: 104px;
    }
    .contact-section{
        padding-top: 60px;
        padding-bottom: 60px;
    }
    .bg-section{
        background-size: cover;
    }
    .how-it-works h2{
        font-size: 50px;
        margin-bottom: 35px;
    }
    .how-it-works-inner{
        min-height: auto;
    }
    .how-it-works-inner{
        padding-top: 116px;
        padding-bottom: 70px;
    }
    .list-element-mobile{
        gap: 10px;
        font-size: 19px;
        font-weight: 600;
        margin-bottom: 6px;
    }
    .list-element-mobile img{
        height: 20px;
        width: 20px;
    }
    .how-it-works-inner .main-btn{
        margin-top: 37px;
    }
    .slick-current.slick-active .courses-card, .courses-card{

    }
    .courses-card{
        /* height: 377px; */

    }
    .slick-current.slick-active .courses-card{
        /* height: 446px; */

    }
    .slick-current.slick-active .courses-card .image-wrapper img{
        height: 158px;
    }
    .courses-card .image-wrapper img{
        height: 146px;
    }
    .courses-card-body{

    }
    .course-name {
        font-size: 14px;
        margin-bottom: 6px;
    }
    .cat-label{
        font-size: 12px;
    }
    .star-image{
        width: 10px;
        height: 10px;
    }
    .course-cat{
        margin-bottom: 15px;
    }
    .course-description{
        font-size: 12px;
        line-height: 130%;
        font-weight: 300;
        margin-bottom: 6px;
    }
    .time svg{
        min-height: 8px;
        height: 8px;
        min-width: 8px;
        width: 8px;
    }
    .capacity svg{
        min-height: 10px;
        height: 10px;
        min-width: 10px;
        width: 10px;
    }
    .time{
        font-size: 12px;
        font-weight: 300;
        line-height: 130%;
    }
    .capacity{
        font-size: 12px;
        font-weight: 300;
        line-height: 130%;
    }
    .time-and-capacity{
        margin-bottom: 10px;
        padding-right: 11px;
    }
    .course-price{
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
        margin-bottom: 6px;
    }
    .course-link{
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
        padding: 5px 15px;
        max-width: 90px;
    }
    .courses-card-outer{

    }
    .programs h2{
        font-size: 28px;
        font-weight: 400;
        line-height: 110%;
        margin-bottom: 27px;
    }
    .about-us-page{
        padding-top: 105px;
    }
    .about-us-page h1,.spage-title{
        font-size: 36px;
        font-weight: 600;
        line-height: 100%;
        margin-bottom: 12px;
    }
    .spage-lead{
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 99px;
    }
    .programs-page .spage-lead{
        margin-bottom: 0;
    }
    .about-us{
        max-width: 400px;
        padding: 100px 26px 30px 50px;
        background-image: url("/img/spage/lead_bg_m.png");
        background-size: 100% 100%;
        margin-right: auto;
    }
    .about-us-pic{
        max-width: 267px;
        height: 165px;
        top: -83px;
        left: 130px;
    }
    .about-us-container{
        position: relative;
    }
    .recommendation h2{
        text-align: center;
        margin-bottom: 32px;
        font-size: 36px;
        max-width: 350px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .recommendation{

    }
    .recom-header{
        padding: 0;
        justify-content: center;
        gap: 7px;
        font-size: 14px;
        font-weight: 500;
    }
    .recom-poly{
        max-width: 228px;
        width: 100%;
        height: 210px;
        object-fit: cover;
    }
    .recom-card{
        align-items: center;
    }
    .recom-header img{
        height: 20px;
        width: 15px;
    }
    .recomm-card-wrapper{
        gap: 32px;
    }
    .recomm-bottom{
        font-size: 12px;
        margin-top: 32px;
        font-weight: 300;
        line-height: 130%;
        max-width: 291px;
    }
    .authenticated-by h2{
        font-size: 38px;
        margin-bottom: 28px;
    }
    .logo-wrapper{
        gap: 55px;
    }
    .authenticated-by{
        padding: 40px 0 56px 0;
        bottom: 100px;
        height: 220px;
    }
    .prices h2{
        font-size: 40px;
        margin-bottom: 20px;
        margin-left: 70px;
    }
    .prices-title{
        font-size: 20px;
        margin-bottom: 20px;
    }
    .prices-desc{
        margin-left: 70px;
    }
    .get-more-link{
        max-width: 187px;
        padding: 14px 18px 16px 23px;
        font-size: 14px;
    }
    .newsletter-container{
        margin-top: 0px;
    }
    .newsletter-container{
        padding: 34px 54px;
        background-size: 100% 100%;
    }
    .left-img{
        top: -50px;
    }
    .right-img{
        bottom: 0;
    }
    .gallery-wrapper{
        gap: 60px;
    }
    .sub-content{
        padding: 40px 0;
    }
    .sub-content-title{
        font-size: 40px;
        margin-bottom: 25px;
    }
    .sub-content-text{
        font-size: 18px;
    }
    .content-gallery{
        gap: 90px;
    }
    .left-img .clip-path-image{
        top: 16px;
        left: 20px;
    }
    .right-img .clip-path-image{
        top: -16px;
        right: 20px;
    }
    .top-cont{

    }
    .sub-content::before{
        height: 125px;
        top: -125px;
        border-top-width: 125px;
    }
    .sub-content::after{
        height: 125px;
        bottom: -125px;
        border-bottom-width: 125px;
    }
    .spage-title{
        font-size: 41px;
    }
    .programs-page .spage-title{
        word-wrap: break-word;
        max-width: 350px;
    }
    .programs-page{
        padding-top: 136px;
    }
    .opi-wrapper{
        margin-right: 30px;
    }
    .contact-top{
        padding-top: 105px;
       /*  padding-bottom: 162px; */
    }
    .contact-view h1{
        font-size: 48px;
        margin-bottom: 40px;
    }
    .impressum{
        padding: 41px 0 32px 0;
    }
}
@media(max-width: 767px){
    .contact-section{
        padding-top: 48px;
        padding-bottom: 48px;
    }
    .contact-title{
        font-size: 28px;
        margin-bottom: 9px;
        max-width: 258px;
        margin-left: auto;
        margin-right: auto;
    }
    .contact-subtitle{
        font-size: 12px;
        margin-bottom: 18px;
        max-width: 244px;
        margin-left: auto;
        margin-right: auto;
    }
    .main-btn.contact{
        font-size: 14px;
        padding: 16px 23px;
        max-width: 146px;
        height: 50px;
    }
    .pros-content .main-btn
    {
        max-width: 200px;
    }
    .courses-card-outer{

    }
    .slick-current.slick-active .courses-card-outer{

    }
    .about-us-pic{
        left: 30px;
    }
    .authenticated-by h2{
        font-size: 26px;
    }
    .logo-wrapper img{
        height: auto;
        min-height: unset;
        max-width: 53px;
    }
    .authenticated-by{
        bottom: 100px;
        height: 120px;
    }
    .authenticated-by>.container {
        min-height: 160px;
    }
    .about-datas{
        /*padding: 60px 0 53px 0;*/
    }
    .datas-inner{
        padding: 0;
        background: transparent;
    }
    .data-val{
        font-size: 28px;
    }
    .data-name{
        font-size: 12px;
        font-weight: 300;
        line-height: 130%;
    }
    .datas-line{
        /*flex-wrap: wrap;*/
        gap: 18px;
    }
    .price-courses-container .slick-slide>div{
        position: initial !important;
        margin-right: 17px;
        margin-top: 57px;
        margin-bottom: 42px;
    }
    .price-courses-container .slick-current.slick-active>div{
        margin-top: 0;
        margin-bottom: 0;
    }

    .prices{
        padding-top: 40px;
        padding-bottom: 48px;
    }
    .prices h2{
        margin-left: 0;
        font-size: 28px;
        margin-bottom: 20px;
    }
    .prices-desc{
        margin-left: 0;
    }
    .prices-title{
        font-size: 14px;
        margin-bottom: 15px;
    }
    .prices-text{
        font-size: 12px;
    }
    .price-courses-container{
        margin-top: 35px;
    }
    .alt :where(.price-fee, .exam-fee, .course-price, .course-link){
        font-size: 12px;
    }
    .fees{
        margin-bottom: 15px;
    }
    .alt .course-price{
        margin-bottom: 15px;
    }
    .alt .courses-card-body{
        padding: 34px 31px;
        height: 100%;
        max-height: 100%;
    }
    .slick-active .alt .courses-card-body{
        padding: 57px 33px 16px 33px;
        height: 100%;
        max-height: 100%;
    }
    .alt .time-and-capacity{
        margin-top: 25px;
    }
    .alt :where(.fees, .course-price){
        display: none !important;
    }
    .slick-active .alt :where(.fees, .course-price){
        display: flex !important;
    }
    .get-more-link{
        height: 49px;
        margin-bottom: 49px;
    }
    .newsletters-subscribe-row-title{
        font-size: 13px;
        margin-bottom: 8px;
    }
    .newsletters-subscribe-row-lead{
        font-size: 12px;
        margin-bottom: 26px;
    }
    .newsletter-inputs-container{
        gap: 4px;
    }
    .newsletters-subscribe-input{
        height: 22px;
        padding: 5px;
        font-size: 12px;
    }
    .newsletter-section{
        max-width: 252px;
    }
    .field-newsletterssubscribeds-agree{
        font-size: 11px;
    }
    .newsletters-subscribe-submit{
        max-width: 146px;
        width: 100%;
        font-size: 14px;
        padding: 5px;
        height: 30px;
    }
    .newsletter-container{
        background-image: url("/img/spage/newsletter_bg_m.png");
    }
    .what-u-get{
        padding: 0px 0 46px 0;
    }
    .wug-lead, .what-u-get h2{
        max-width: 152px;
        text-align: left !important;
        margin-left: 0 !important;
    }
    .what-u-get h2{
        font-size: 28px;
        margin-bottom: 10px;
        line-height: 110%;
    }
    .wug-lead{
        font-size: 12px;
        line-height: 130%;
    }
    .point-inner{
        background-image: none;
        margin-left: 0 !important;
        padding: 0;
        gap: 6px;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
    }
    .wug-container{
        margin-left: 0 !important;
        gap: 9px;
        margin-top: 21px;
        margin-bottom: 0;
        min-height: unset;
        max-width: 175px;
        margin-right: 0 !important;
    }
    .point-check{
        width: 12px;
        height: 9px;
    }
    .wug-point, .point-inner{
        min-height: auto;
        height: fit-content;
    }
    .point-top-text{
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
    }
    .points-sub-wrapper .main-btn{
        margin-top: auto;
    }
    .quote{
        top: 24px;
        right: 13px;
    }
    .opi-body{
        max-width: 206px;
        min-width: auto;
        gap: 9px;
    }
    .opi-name{
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
    }
    .opi-content{
        font-size: 9px;
        font-weight: 300;
        line-height: 130%;
    }
    .opi-course{
        font-size: 13px;
        font-weight: 400;
        line-height: normal;
    }
    .opi-image{
        max-width: 114px;
        min-width: 114px;
    }
    .opi-image img{
        top: -13px;
        right: 0;
    }
    .opi-inner{
        gap: 0px;
    }
    .opi-card{
        padding: 0 32px 20px 45px;
        max-width: 284px;
        border-width: 1px;
    }
    .opi-wrapper{
        padding-top: 13px;
    }
    .opinions{
        padding: 42px 0 51px 0;
    }
    .opinions h2{
        text-align: left;
        margin-bottom: 29px;
        padding-left: 12%;
        max-width: 350px;
        font-size: 28px;
        font-weight: 400;
        line-height: 110%;
    }
    .opi-slider .slick-slide{
        max-width: 284px;
        width: auto;
    }
    .faq-section{
        padding: 63px 0 45px 0;
    }
    .faq-section h2{
        font-size: 28px;
        line-height: 110%;
        margin-bottom: 32px;
    }
    .newsletter-subscribe{
        padding: 63px 0 49px 0;
    }
    .contact-section.alt{
        padding: 49px 0;
    }
    .contact-info::before {
        /*top: -122px;
        height: 122px;
        border-width: 0 100vw 122px 0;*/
    }
    .contact-top{
        padding-bottom: 125px;
    }
    .contact-info h2{
        margin-bottom: 11px;
        font-size: 34px;
    }
    .contact-link, .contact-info-content{
        font-size: 17px;
    }
    .contact-info-content{
        margin-top: 21px;
    }
    .contact-info{
        padding: 0 0 79px 0;
    }
    .opi-card{
        z-index: 2;
    }
    /*.opi-card::after{
        height: 75px;
        width: 75px;
        right: -38px;
        bottom: -38px;
        border-width: 1px;
    }
    .opi-card::before{
        border-width: 1px;
        height: 75px;
        width: 75px;
        left: -38px;
        top: -45px;
    }*/
}

@media(max-width: 576px){
    .title-top{
        font-size: 12px;
    }
    h1.section-title{
        font-size: 36px;
        margin-bottom: 24px;
    }
    .section-lead{
        font-size: 28px;
        /* A kártya-hatás miatt itt sem lehet alsó margó, különben elválna
           az apply-points blokktól. */
        margin-bottom: 0;
    }
    .apply-point, .apply-bottom-content{
        font-size: 12px;
    }
    .apply-bottom-content{
        margin-top: 21px;
    }
    .inner-course{
        max-width: 292px;
    }
    .poly{
        max-width: 151px;
    }
    .pros-image{

    }
    .pros-inner{

    }
    h2.section-title{
        font-size: 28px;
        margin-bottom: 20px;
    }
    .pros-points{
        margin-bottom: 24px;
        grid-template-columns: auto auto;
    }
    .pro-point{
        font-size: 14px;
        gap: 6px;
    }
    .pro-point img{
        width: 12px;
        height: 9px;
    }
    .dark-btn{
        font-size: 14px;
        font-weight: 400;
        max-width: 187px;
        height: 49px;
        padding: 16px 21px;
    }
    .dark-btn .link-bg{
        height: inherit;
    }
    .apply-course{
        padding-bottom: 100px;
    }
    .how-it-works-inner{
        padding: 100px 0 41px 0;
    }
    .how-it-works-inner h2{
        font-size: 28px;
        font-weight: 400;
        line-height: 110%;
        margin-bottom: 24px;
        max-width: 296px;
        padding-left: 51px;
    }
    .list-element-mobile{
        gap: 6px;
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        padding-left: 51px;
    }
    .list-element-mobile img{
        width: 12px;
        height: 9px;
    }
    .about-us-pic{
        left: 0;
    }
    /*.datas-line{
        max-width: 210px;
    }*/
    .sub-content{
        padding: 0;
    }
    .left-img{
        top: 0;
    }
    .right-img{
        bottom: 0;
    }
    .gallery-wrapper{
        gap: 70px;
    }
    .clip-path-image{
        max-width: 129px;
        max-height: 161px;
    }
    .sub-content .spage-poly{
        max-width: 130px;
    }
    .content-gallery{
        gap: 44px;
    }
    .sub-content-content{
        max-width: 164px;
    }
    .sub-content-title{
        font-size: 28px;
        font-weight: 400;
        margin-bottom: 12px;
    }
    .sub-content-text{
        font-size: 12px;
        font-weight: 300;
        line-height: 130%;
    }
    .clip-path-image, .spage-poly{
        min-width: 115px;
    }
    .opi-card{
        max-width: 260px;
    }
    .opi-wrapper{
        margin-right: 7px;
    }
    .faq-section .accordion-item{
        border-bottom: 1.5px solid #5a5a5a;
    }
    .faq-section .accordion-item:first-child{
        border-top: 1.5px solid #5a5a5a;
    }
    .accordion-button:not(.collapsed){
        border-bottom: 1.5px solid #5a5a5a !important;
    }
    .faq-section :where(.accordion-item:first-of-type > .accordion-header .accordion-button, .accordion-button:not(.collapsed),.faq-section button:not(:disabled), [type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled)){
        font-size: 14px;
        font-weight: 500;
        line-height: normal;
        padding: 16px 0;
    }
    .faq-section .accordion-body{
        font-size: 12px;
        font-weight: 300;
        line-height: 130%;
        padding: 16px 24px 36px 24px;
    }
    .contact-view h1{
        font-size: 36px;
        margin-bottom: 35px;
    }
    .top-content-contact{

    }
    .top-content-contact .lead{
        font-size: 14px;
    }
    .top-content-text{
        font-size: 12px;
    }
    .contact-view .container{
        max-width: 322px;
    }
    .contact-top :where(input, label, textarea){
        font-size: 12px !important;
    }
    .send-btn.alt{
        font-size: 14px;
        max-width: 174px;
    }
    .contact-info h2{
        margin-bottom: 11px;
        font-size: 28px;
    }
    .contact-link, .contact-info-content{
        font-size: 14px;
    }
    .impressum h2{
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 24px;
    }
    .imp-content *{
        font-size: 12px;
    }
    /*.opi-card::after {
        height: 45px;
        width: 45px;
        right: -23px;
        bottom: -23px;
    }
    .opi-card::before {
        height: 45px;
        width: 45px;
        left: -23px;
        top: -23px;
    }*/
    .opinions-container .slick-list{
        padding-bottom: 5px !important;
    }
}
@media(max-width: 410px){
    .how-it-works-inner h2,.list-element-mobile{
        padding-left: 0;
    }
}
@media(max-width: 385px){
    .wug-container{
        margin-bottom: 12px;
    }
    .point-inner{
        font-size: 11px;
    }
}
@media(max-width: 340px){
    h1.section-title{
        font-size: 30px;
    }
    .apply-course .buttons{
        flex-direction: column;
        gap: 15px;
        align-items: start !important;
    }
}
/* =========================================================================
   Partner logók (főoldal alja)
   -------------------------------------------------------------------------
   A slick inicializálás a components/assets/app/main.js-ben van a
   .brands-logo-carousel osztályra (6/5/4/... logó töréspontonként).
   A szabályok a themes/main/scss/_brands.scss-ből származnak — az SCSS-nek
   nincs build lépése a projektben, ezért kerülnek ide kézzel.
   ========================================================================= */
.brands{
    padding: 80px 0;
}
.brands .title{
    text-align: center;
    font-family: var(--font-secondary);
    font-size: 40px;
    font-weight: 400;
    line-height: 110%;
    margin-bottom: 40px;
    color: #fff;
}
/* A slick a slide-okra inline szélességet tesz, ezért a logók közti térköz a
   slide BELSŐ paddingja, a fehér kártya pedig a belső elemen van — így a köz
   ténylegesen üresen marad. */
.brands .brands-logo-carousel .brand-logo{
    padding: 0 10px;
    margin: 0;
    height: auto;
}
.brands .brands-logo-carousel .brand-logo-inner{
    background: #fff;
    border-radius: 12px;
    padding: 15px 18px;
    /* Az eltérő képarányú logók függőlegesen középre kerülnek, és minden
       kártya egyforma magas marad. */
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 118px;
    transition: transform .3s ease-out;
}
.brands .brands-logo-carousel .brand-logo-inner:hover{
    transform: translateY(-3px);
}
.brands .brands-logo-carousel .brand-logo a{
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}
.brands .brands-logo-carousel .brand-logo img{
    max-width: 100%;
    max-height: 90px;
    width: auto;
    height: auto;
    opacity: .85;
    transition: opacity .3s ease-out;
}
.brands .brands-logo-carousel .brand-logo img:hover{
    opacity: 1;
}
@media(max-width: 1199px){
    .brands .title{
        font-size: 32px;
    }
}
@media(max-width: 991px){
    .brands{
        padding: 40px 0;
    }
    .brands .title{
        font-size: 28px;
        margin-bottom: 30px;
    }
    .brands .brands-logo-carousel .brand-logo{
        padding: 0 8px;
    }
    .brands .brands-logo-carousel .brand-logo-inner{
        min-height: 110px;
        padding: 15px;
    }
    .brands .brands-logo-carousel .brand-logo img{
        max-height: 70px;
    }
}
@media(max-width: 576px){
    .brands .title{
        font-size: 24px;
    }
}