.avi-hp{font-family:'Heebo',sans-serif;background:#faf6f0;color:#1c2230;direction:rtl;overflow-x:hidden;line-height:1.5;}
.avi-hp *{box-sizing:border-box;}
.avi-hp a{color:inherit;text-decoration:none;}
.avi-hp ::selection{background:#e8833a;color:#1c2230;}
.avi-hp img{max-width:100%;height:auto;}
/* HERO */
.avi-hero{position:relative;min-height:640px;display:flex;align-items:flex-end;overflow:hidden;}
.avi-hero__bg{position:absolute;inset:0;}
.avi-hero__bg img{width:100%;height:100%;object-fit:cover;}
/* Imagify picture-mode: class moves from ![]()
to , so the picture must fill the hero
(no display declaration here, or it would beat the -desktop/-mobile display:none toggles) */
.avi-hero__bg picture{position:absolute;inset:0;}
.avi-hero__bg picture img{width:100%;height:100%;object-fit:cover;}
/* Imagify picture-mode, part 2: when the class lands on , the inner ![]()
keeps no sizing of its own, so cover images render squashed. Push it back down. */
picture.avi-team-member__img,
picture.avi-blog-card__img{overflow:hidden;}
picture.avi-team-member__img img,
picture.avi-blog-card__img img{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit;}
.avi-hero__bg-mobile{display:none;}
.avi-hero__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(28,34,48,0.35) 0%,rgba(28,34,48,0.88) 100%);pointer-events:none;}
.avi-hero__content{position:relative;max-width:1400px;margin:0 auto;padding:120px 32px 72px;width:100%;color:#fff;}
.avi-hero__eyebrow{font-size:17px;font-weight:600;color:#f0b27a;letter-spacing:.5px;margin:0 0 14px;}
.avi-hero__title{font-family:'Heebo',sans-serif!important;font-size:clamp(36px,5vw,64px)!important;line-height:1.15!important;font-weight:700;margin:0 0 22px;max-width:780px;}
.avi-hero__sub{font-size:19px;line-height:1.6;max-width:620px;color:#eae4da;margin:0 0 36px;}
.avi-hero__ctas{display:flex;gap:16px;flex-wrap:wrap;}
.avi-btn-wa{display:inline-flex;align-items:center;gap:10px;background:#25D366;color:#fff;padding:16px 30px;border-radius:999px;font-weight:700;font-size:18px;transition:background .2s;}
.avi-btn-wa:hover{background:#1fb457;}
.avi-btn-outline{display:inline-flex;align-items:center;gap:10px;background:transparent;border:1.5px solid #fff;color:#fff;padding:16px 30px;border-radius:999px;font-weight:600;font-size:18px;transition:background .2s;}
.avi-btn-outline:hover{background:rgba(255,255,255,.12);}
/* INTRO */
.avi-intro{max-width:900px;margin:0 auto;padding:76px 32px 20px;text-align:center;}
.avi-intro p{font-size:23px;line-height:1.75;color:#3c3830;font-weight:500;margin:0;}
/* SECTION HEADER */
.avi-section-header{text-align:center;margin-bottom:48px;}
.avi-section-header .eyebrow{color:#d9722f;font-weight:700;letter-spacing:.5px;font-size:15px;margin:0 0 10px;}
.avi-section-header h2{font-family:'Heebo',sans-serif!important;font-size:clamp(32px,4vw,48px)!important;font-weight:700;margin:0;}
.avi-section-header--dark .eyebrow{color:#f0b27a;}
.avi-section-header--dark h2{color:#fff!important;}
/* SERVICES */
.avi-services{max-width:1400px;margin:0 auto;padding:64px 32px;}
.avi-services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
.avi-srv-card{display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid #ecdfcd;border-radius:18px;padding:30px 22px;transition:all .2s;align-items:center;text-align:center;}
.avi-srv-card:hover{transform:translateY(-4px);box-shadow:0 16px 32px rgba(28,34,48,.09);}
.avi-srv-card__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:rgba(217,114,47,.12);color:#d9722f;}
.avi-srv-card__icon svg{width:26px;height:26px;}
.avi-srv-card h3{font-family:"Heebo",sans-serif!important;font-size:20px!important;font-weight:700;margin:0;color:#1c2230!important;}
.avi-srv-card p{font-size:16px;color:#6b6255;line-height:1.6;margin:0;flex:1;}
.avi-srv-card__link{font-size:15px;font-weight:700;color:#d9722f;margin-top:4px;}
.avi-srv-card__link:hover{color:#c2621f;}
/* WHY US */
.avi-whyus{background:#1c2230;padding:76px 32px;}
.avi-whyus__inner{max-width:1400px;margin:0 auto;}
.avi-whyus__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;}
.avi-why-card{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-top:3px solid #d9722f;border-radius:16px;padding:34px 26px;transition:all .2s;text-align:center;}
.avi-why-card:hover{background:rgba(255,255,255,.07);transform:translateY(-4px);}
.avi-why-card__icon{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:50%;background:rgba(217,114,47,.15);color:#f0b27a;margin-bottom:20px;}
.avi-why-card__icon svg{width:26px;height:26px;}
.avi-why-card h3{font-family:"Heebo",sans-serif!important;font-size:22px!important;font-weight:700;color:#fff!important;margin:0 0 10px;}
.avi-why-card p{font-size:16px;color:#b7b2a8;line-height:1.65;margin:0;}
/* TEAM */
.avi-team{max-width:1400px;margin:0 auto;padding:76px 32px;}
.avi-team__desc{font-size:17px;color:#6b6255;max-width:640px;margin:0 auto 0;text-align:center;}
.avi-team__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;max-width:900px;margin:0 auto;}
.avi-team-member{text-align:center;}
.avi-team-member__img{width:160px;height:160px;border-radius:50%;object-fit:cover;margin:0 auto 18px;display:block;background:#e7ddd0;}
.avi-team-member h3{font-family:"Heebo",sans-serif!important;font-size:19px!important;font-weight:700;margin:0 0 4px;color:#1c2230!important;}
.avi-team-member p{font-size:14px;color:#6b6255;margin:0;}
.avi-team__link{text-align:center;margin-top:36px;}
.avi-team__link a{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#d9722f;font-size:16px;border-bottom:2px solid #d9722f;padding-bottom:3px;}
/* VIDEOS CAROUSEL */
.avi-videos{background:#f1e9dc;padding:76px 32px;}
.avi-videos__inner{max-width:1400px;margin:0 auto;}
.avi-videos__carousel-wrap{position:relative;}
.avi-videos__carousel{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;padding:4px 0;}
.avi-videos__carousel::-webkit-scrollbar{display:none;}
.avi-video-item{flex:0 0 calc(33.333% - 15px);scroll-snap-align:start;border-radius:16px;overflow:hidden;height:260px;background:#e7ddd0;position:relative;}
.avi-video-item iframe,.avi-video-item video{width:100%;height:100%;border:0;object-fit:cover;}
.avi-video-item img{width:100%;height:100%;object-fit:cover;}
.avi-video-item__placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#9e9486;font-size:15px;font-weight:500;}
.avi-videos__arrow{position:absolute;top:50%;transform:translateY(-50%);width:48px;height:48px;border-radius:50%;background:rgba(28,34,48,0.7);color:#fff;border:none;font-size:22px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5;transition:background .2s;}
.avi-videos__arrow:hover{background:rgba(28,34,48,0.9);}
.avi-videos__arrow--prev{right:-24px;}
.avi-videos__arrow--next{left:-24px;}
/* BLOG */
.avi-blog{max-width:1400px;margin:0 auto;padding:76px 32px;}
.avi-blog__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;}
.avi-blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid #ecdfcd;border-radius:18px;overflow:hidden;transition:box-shadow .2s;}
.avi-blog-card:hover{box-shadow:0 16px 32px rgba(28,34,48,.09);}
.avi-blog-card__img{width:100%;height:170px;object-fit:cover;background:#e7ddd0;}
.avi-blog-card__body{padding:22px;}
.avi-blog-card h3{font-family:"Heebo",sans-serif!important;font-size:17px!important;font-weight:700;margin:0 0 10px;color:#1c2230!important;}
.avi-blog-card p{font-size:14px;color:#6b6255;line-height:1.6;margin:0;}
/* CONTACT */
.avi-contact{background:#1c2230;padding:80px 32px;}
.avi-contact__inner{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1.1fr 1fr;gap:56px;}
.avi-contact__info-list{display:flex;flex-direction:column;gap:18px;font-size:16px;color:#eae4da;}
.avi-contact__info-item{display:flex;align-items:center;gap:12px;}
.avi-contact__info-item .icon{display:inline-flex;color:#f0b27a;}
.avi-contact__info-item .icon svg{width:19px;height:19px;}
.avi-contact__info-item a:hover{color:#f0b27a;}
.avi-contact__btns{display:flex;gap:14px;margin-top:30px;}
.avi-btn-wa-sm{white-space:nowrap;background:#25D366;color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;font-size:15px;transition:background .2s;}
.avi-btn-wa-sm:hover{background:#1fb457;}
.avi-btn-fb{background:#1877F2;color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;font-size:15px;transition:background .2s;text-decoration:none;white-space:nowrap;}
.avi-btn-fb:hover{background:#1565D8;}
.avi-contact__form{background:#fff;border-radius:20px;padding:32px;display:flex;flex-direction:column;gap:16px;}
.avi-contact__form label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600;color:#3c3830;}
.avi-contact__form input,.avi-contact__form textarea{padding:12px 14px;border:1px solid #e2d8c8;border-radius:10px;font-size:15px;font-family:inherit;}
.avi-contact__form textarea{resize:vertical;}
.avi-contact__form button{margin-top:6px;background:#d9722f;color:#fff;border:none;padding:14px;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s;}
.avi-contact__form button:hover{background:#c2621f;}
.avi-contact__title{font-family:'Heebo',sans-serif!important;font-size:clamp(26px,3vw,36px)!important;font-weight:700;margin:0 0 20px;color:#fff!important;-webkit-text-fill-color:#fff!important;}
/* CONTACT FORM (Elementor 2140 inside dark section) */
.avi-contact__form-title{font-family:'Heebo',sans-serif!important;font-size:26px!important;font-weight:700;color:#fff!important;margin:0 0 18px;}
.avi-contact .elementor-field-group{margin-bottom:16px;}
.avi-contact .elementor-field-label{font-size:17px!important;font-weight:600;color:#eae4da!important;margin-bottom:8px!important;display:block;}
.avi-contact .elementor-field{font-size:16px!important;}
.avi-contact .elementor-button{font-size:17px!important;}
/* MAP */
.avi-map{height:260px;width:100%;}
.avi-map iframe{width:100%;height:100%;border:0;}
.avi-map__placeholder{width:100%;height:100%;background:#e7ddd0;display:flex;align-items:center;justify-content:center;color:#9e9486;}
/* FOOTER (mini, within shortcode) */
.avi-footer{background:#141821;padding:40px 32px;text-align:center;}
.avi-footer__name{font-family:'Heebo',sans-serif!important;font-weight:700;font-size:20px!important;color:#fff!important;margin:0 0 10px;}
.avi-footer__copy{font-size:14px;color:#7d7970;margin:0;}
/* RESPONSIVE */
@media(max-width:1024px){
.avi-services__grid{grid-template-columns:repeat(2,1fr);}
.avi-contact__inner{grid-template-columns:1fr;}
}
@media(max-width:768px){
.avi-services__grid{grid-template-columns:repeat(2,1fr);}
.avi-hero__content{padding:40px 20px 44px;}
.avi-hero{min-height:520px;}
.avi-hero__title{font-size:clamp(28px,6vw,42px)!important;}
.avi-hero__ctas{justify-content:center;}
.avi-btn-wa,.avi-btn-outline{justify-content:center;text-align:center;}
.avi-hero__bg-desktop{display:none;}
.avi-hero__bg-mobile{display:block;}
.avi-hero__sub{font-size:16px;}
.avi-intro p{font-size:18px;}
.avi-whyus__grid{grid-template-columns:repeat(2,1fr);}
.avi-video-item{flex:0 0 calc(50% - 11px);}
.avi-videos__arrow--prev{right:-12px;}
.avi-videos__arrow--next{left:-12px;}
}
@media(max-width:480px){
.avi-services__grid{grid-template-columns:1fr;}
.avi-whyus__grid{grid-template-columns:1fr;}
.avi-hero__ctas{flex-direction:column;}
.avi-contact__btns{flex-direction:column;}
.avi-team__grid{grid-template-columns:1fr;}
.avi-video-item{flex:0 0 100%;}
.avi-videos__arrow{width:36px;height:36px;font-size:16px;}
.avi-videos__arrow--prev{right:-8px;}
.avi-videos__arrow--next{left:-8px;}
}
/* headings audit 20/08 */
.avi-intro p{font-size:18px!important;}
.avi-blog-card__body h3{font-size:20px!important;}
.avi-team-member h3{font-size:20px!important;}
.avi-hero__sub{font-size:18px!important;}
/* ===== FAQ on the homepage (ticket 007, item 18) ===== */
/* the accordion itself inherits the site-wide styling in avi-global-style.css */
.avi-faq{max-width:900px;margin:0 auto;padding:80px 20px;}
.avi-faq__list{display:flex;flex-direction:column;}
.avi-faq__answer{padding:0 22px 20px;color:#4a4a4a;font-size:16px;line-height:1.75;}
.avi-faq__answer p{margin:0 0 10px;}
.avi-faq__answer p:last-child{margin-bottom:0;}
@media(max-width:600px){
.avi-faq{padding:56px 16px;}
.avi-faq__answer{padding:0 16px 16px;font-size:15px;}
}
/* ===== hero full screen (16/09): fill the viewport under the sticky header, keep the people in frame ===== */
.avi-hero{min-height:calc(100vh - 110px);min-height:calc(100svh - 110px);}
.avi-hero__bg img,.avi-hero__bg picture img{object-position:51% 28%;}
@media(max-width:768px){
.avi-hero{min-height:calc(100vh - 88px);min-height:calc(100svh - 88px);}
.avi-hero__bg img,.avi-hero__bg picture img{object-position:51% 50%;}
}
.avi-hp .avi-hero .avi-hero__bg img,.avi-hp .avi-hero .avi-hero__bg picture img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;}