.bft-page{margin:0;padding:0;color:#333;direction:rtl}
body{background-color:#f9f9f9}
.container{max-width:1300px;margin:auto;padding:20px}
header{text-align:center;margin-bottom:20px;font-size:26px}
.logos{display:flex;gap:30px;align-items:center;justify-content:space-between;margin-bottom:20px}
.logos img.blogo{width:20%;height:auto;max-width:120px}
.logos img.slogo{width:35%;height:auto;max-width:220px}
header h1{color:#000;font-size:1.2em;margin:.2em auto}
header h1 span{color:#e2001a}
header p{display:inline-flex;margin:auto}
header p img{height:1.2em}
.gallery-with-text__wrapper{position:relative;display:flex;flex-wrap:wrap;overflow:hidden}
.gallery-with-text__info{padding:30px!important;justify-content:flex-end!important;align-items:start!important}
.gallery-with-text__info-number{margin:0!important}
span.counter-digit{font-size:50px;font-weight:900!important;color:#a17d23}
.image-gallery-grid-item.swiper-slide.swiper-slide-active .image-text-content{color:#a17d23!important}
.gallery-with-text__card{display:flex;flex-direction:column;position:relative;flex:0 0 100%;transition:flex .8s cubic-bezier(.29,0,.2,1);will-change:flex;overflow:hidden;height:auto}
.gallery-with-text__card:not(:last-child){border-right:1px solid rgba(var(--color-foreground))}
.gallery-with-text__card:not(:first-child){border-top:1px solid rgba(var(--color-foreground))}
.gallery-with-text__card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(var(--color-background),.4);z-index:-1}
.gallery-with-text__media{position:absolute;top:0;right:0;bottom:0;left:0}
.gallery-with-text__media img,.gallery-with-text__media svg{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.gallery-with-text__info{position:relative;width:100%;height:100%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem}
.gallery-with-text__info-item{max-width:44rem;overflow:hidden}
.gallery-with-text__info-title{margin-bottom:1rem}
.gallery-with-text__button{margin-top:3rem;z-index:3}
.gallery-with-text__title{position:absolute;left:2rem;top:2rem;margin:0;transform:rotate(180deg);writing-mode:vertical-rl;z-index:2}
.gallery-with-text__card .link--overlay{display:block;max-width:100%;position:absolute;top:0;left:0;height:100%;width:100%;pointer-events:none;z-index:-1}
.gallery-with-text__card .link--overlay.active{pointer-events:all}
@media screen and (min-width:750px){
.gallery-with-text__card{flex:0 0 50%}
.gallery-with-text__card:not(:last-child){border-right:1px solid rgba(var(--color-foreground));border-top:1px solid rgba(var(--color-foreground))}
}
@media screen and (min-width:990px){
.gallery-with-text__wrapper{flex-wrap:nowrap;margin:0 -20px 30px}
.gallery-with-text__card:not(:first-child){border-top:none}
.gallery-with-text__card,.gallery-with-text__media{height:500px}
.gallery-with-text__media img,.gallery-with-text__media svg{height:500px}
.gallery-with-text__card.active{flex:4.2}
.gallery-with-text__card{flex:1}
.gallery-with-text__info{opacity:0}
.gallery-with-text__card.active .gallery-with-text__info{opacity:1;transition:.5s .8s cubic-bezier(.29,0,.2,1)}
}
@media screen and (max-width:991px){
.gallery-with-text__wrapper{flex-wrap:nowrap!important;max-height:300px;margin:auto -20px}
.gallery-with-text__card{flex:1!important;height:300px}
.gallery-with-text__card.active{flex:4!important}
.gallery-with-text__info{opacity:0!important}
.gallery-with-text__card.active .gallery-with-text__info{opacity:1!important}
.gallery-with-text__info-title{font-size:14px!important}
.image-with-text__grid{flex-direction:column-reverse!important;margin-top:0!important;margin-bottom:0!important}
.image-with-text__grid .col-xl-6{margin-top:0!important}
.article-content{flex-direction:column!important;row-gap:20px!important}
.article-card__image-wrapper{width:100%!important}
.article-card__image-{max-height:50vw}
}
section.content{max-width:700px;margin:3em auto 0;text-align:center}
section.content h2{text-align:center}
section.content ul{width:auto;display:table;margin:0 auto;text-align:right}
.content p b{font-size:1.2em}
.content p{margin:1em 0;line-height:1.2}
.form-section{padding:20px;margin-top:30px;border-radius:8px;text-align:center}
.hear-more{margin-bottom:20px;font-size:20px}
.hear-more h3{margin:0;font-size:1em}
.hear-more p{margin:0}
form{display:flex;flex-wrap:wrap;justify-content:center;max-width:600px;margin:auto;gap:14px}
form .inputwrap{position:relative;width:calc(100% / 3 - 10px);display:block;background:#fff;height:50px;border-radius:5px;box-shadow:0 0 0 2px #e1081b inset}
form .inputwrap.ta{width:100%;height:80px}
.form-section input{padding:10px;font-size:1em;border:0;border-radius:4px;position:absolute;width:100%;right:0;left:0;box-sizing:border-box;height:100%;background:0 0;color:#000;padding-top:15px;font-size:20px}
.form-section label{top:16px;color:#555;position:absolute;right:10px;pointer-events:none;transition:.2s all}
input:focus~label,input:not(:placeholder-shown)~label,textarea:focus~label,textarea:not(:placeholder-shown)~label{font-size:12px;top:2px}
.form-section textarea{padding:10px;font-size:1em;border:1px solid #ccc;border-radius:4px;width:100%;background:0 0;border:0;color:#fff;padding-top:15px;font-size:20px;box-sizing:border-box;height:100%}
.form-section button{padding:0;color:#fff;border:none;border-radius:4px;font-size:1em;cursor:pointer;width:30%;margin:0 auto;max-width:140px;height:auto;background:0 0;display:flex;align-items:center;justify-content:center}
.form-section button img{width:100%;transition:.2s all}
.form-section button div{position:absolute;z-index:1;color:#fff;font-size:30px;font-weight:700}
.form-section button:hover img{filter:contrast(1.5)}
@media(max-width:992px){
form .inputwrap{width:100%}
.desktop{display:none!important}
}
@media(min-width:993px){
.mobile{display:none!important}
}