:root{
  --aas-red:#d71920;
  --aas-red-dark:#a90f15;
  --aas-ink:#101828;
  --aas-muted:#667085;
  --aas-bg:#f6f8fb;
  --aas-card:#ffffff;
  --aas-border:#e7ebf0;
  --aas-shadow:0 18px 45px rgba(16,24,40,.10);
  --aas-radius:22px;
}

.aas-page{
  width:100%;
  overflow:hidden;
  background:#fff;
  color:var(--aas-ink);
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
.aas-page *{box-sizing:border-box}
.aas-container{width:min(1180px,92%);margin:0 auto}

/* HERO */
.aas-hero{
  position:relative;
  background:#111;
}
.aas-hero-track{
  position:relative;
  /* min-height:clamp(300px,43vw,620px); */
  overflow:hidden;
}
.aas-hero-slide{
  display:none;
  height:100%;
}
.aas-hero-slide.active{display:block}
.aas-hero-slide img{
  display:block;
  width:100%;
  /* height:clamp(300px,43vw,620px); */
  /* object-fit:cover; */
}
.aas-hero-overlay{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(0,0,0,.48),rgba(0,0,0,.10) 58%,rgba(0,0,0,.22));
  pointer-events:none;
}
.aas-hero-dots{
  position:absolute;
  left:50%;
  bottom:22px;
  transform:translateX(-50%);
  display:flex;
  gap:9px;
  z-index:3;
}
.aas-hero-dot{
  width:11px;height:11px;border:0;border-radius:50%;
  background:rgba(255,255,255,.65);
  cursor:pointer;padding:0;
  transition:.25s ease;
}
.aas-hero-dot.active{width:32px;border-radius:20px;background:#fff}
.aas-hero-arrow{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  z-index:3;
  width:46px;height:46px;
  border:1px solid rgba(255,255,255,.35);
  border-radius:50%;
  background:rgba(0,0,0,.30);
  color:#fff;
  cursor:pointer;
  font-size:25px;
  line-height:1;
  backdrop-filter:blur(8px);
}
.aas-hero-arrow:hover{background:var(--aas-red);border-color:var(--aas-red)}
.aas-hero-prev{left:22px}
.aas-hero-next{right:22px}

/* ABOUT */
.aas-about{
  position:relative;
  padding:82px 0 74px;
  background:
    radial-gradient(circle at 0% 10%,rgba(215,25,32,.06),transparent 28%),
    linear-gradient(180deg,#fff 0%,#f8fafc 100%);
}
.aas-about-card{
  /* background:rgba(255,255,255,.94); */
  /* border:1px solid var(--aas-border); */
  border-radius:30px;
  padding:clamp(28px,5vw,58px);
  box-shadow:var(--aas-shadow);
}
.aas-kicker{
  display:inline-flex;
  align-items:center;
  gap:9px;
  margin-bottom:16px;
  padding:8px 13px;
  border-radius:999px;
  color:var(--aas-red);
  background:#fff0f1;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.aas-kicker:before{
  content:"";
  width:8px;height:8px;border-radius:50%;
  background:var(--aas-red);
  box-shadow:0 0 0 5px rgba(215,25,32,.10);
}
.aas-about h1{
  margin:0 0 22px;
  /* max-width:900px; */
  font-size: clamp(16px,4vw,22px);
  line-height:1.08;
  letter-spacing:-.035em;
}
.aas-about h1:after{
  content:"";
  display:block;
  width:70px;height:5px;
  margin-top:19px;
  border-radius:10px;
  background:var(--aas-red);
}
.aas-about p{
  margin:0;
  color:#475467;
  font-size:16px;
  line-height:1.9;
}
.aas-about h2{
  margin:40px 0 15px;
  font-size:clamp(23px,3vw,34px);
  line-height:1.2;
  letter-spacing:-.02em;
  /* margin: 0 0 22px; */
  /* max-width: 900px; */
  font-size: clamp(16px, 4vw, 22px);
  line-height: 1.08;
  letter-spacing: -.035em;
  text-transform: capitalize;
}
.aas-about strong{color:var(--aas-red)}

/* FEATURE CARDS */
.aas-features{
  padding:82px 0;
  background:#f4f6f9;
}
.aas-section-heading{text-align:center;margin-bottom:42px}
.aas-section-heading .mini{
  color:var(--aas-red);
  font-size: 18px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.12em;
  margin-bottom:10px;
}
.aas-section-heading h2{
  margin:0;
  font-size:clamp(28px,4vw,42px);
  letter-spacing:-.03em;
}
.aas-feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.aas-feature{
  position:relative;
  overflow:hidden;
  background:var(--aas-card);
  border:1px solid var(--aas-border);
  border-radius:var(--aas-radius);
  box-shadow:0 10px 28px rgba(16,24,40,.06);
  transition:transform .3s ease,box-shadow .3s ease;
}
.aas-feature:hover{
  transform:translateY(-8px);
  box-shadow:0 24px 50px rgba(16,24,40,.13);
}
.aas-feature-media{overflow:hidden}
.aas-feature-media img{
  display:block;
  width:100%;
  height:245px;
  /* object-fit:cover; */
  transition:transform .5s ease;
}
.aas-feature:hover .aas-feature-media img{transform:scale(1.06)}
.aas-feature-body{padding:27px}
.aas-feature-title{
  font-size:24px;
  font-weight:850;
  margin-bottom:12px;
}
.aas-feature-desc{
  display:block;
  color:var(--aas-muted);
  line-height:1.72;
  font-size:15px;
}
.aas-readmore{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-top:20px;
  padding:11px 16px;
  border-radius:12px;
  color:#fff !important;
  background:var(--aas-red);
  text-decoration:none !important;
  font-weight:750;
  font-size:14px;
  transition:.25s ease;
}
.aas-readmore:after{content:"→";font-size:18px}
.aas-readmore:hover{background:var(--aas-red-dark);transform:translateX(2px)}

/* SERVICES */
.aas-services{
  padding:88px 0;
  background:#fff;
}
.aas-service-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}
.aas-service{
  position:relative;
  overflow:hidden;
  min-height:290px;
  border-radius:20px;
  background:#111;
  box-shadow:0 12px 32px rgba(16,24,40,.10);
}
.aas-service-image{
  position:absolute;inset:0;overflow:hidden;
}
.aas-service-image img{
  width:100%;height:100%;
  object-fit:cover;
  transition:transform .55s ease;
}
.aas-service:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 15%,rgba(0,0,0,.82) 100%);
}
.aas-service:hover .aas-service-image img{transform:scale(1.08)}
.aas-service-link{
  position:absolute;
  z-index:2;
  inset:auto 18px 18px 18px;
  min-height:56px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  padding:15px 18px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:14px;
  color:#fff !important;
  background:rgba(0,0,0,.42);
  backdrop-filter:blur(10px);
  text-decoration:none !important;
  font-size:16px;
  font-weight:800;
}
.aas-service-link:after{
  content:"↗";
  flex:0 0 auto;
  width:32px;height:32px;
  display:grid;place-items:center;
  border-radius:50%;
  background:var(--aas-red);
}
.aas-service:hover .aas-service-link{background:rgba(215,25,32,.86)}

/* WHO WE ARE */
.aas-who{
  padding:88px 0;
  background:
    radial-gradient(circle at 100% 0%,rgba(215,25,32,.07),transparent 30%),
    #f6f8fb;
}
.aas-who-heading{text-align:center;margin-bottom:45px}
.aas-who-heading .special-heading{
  display:inline-block;
  position:relative;
  font-size:clamp(30px,4vw,44px);
  font-weight:850;
  letter-spacing:-.03em;
}
.aas-who-heading .special-heading:after{
  content:"";
  display:block;
  width:65px;height:5px;
  margin:14px auto 0;
  border-radius:10px;
  background:var(--aas-red);
}
.aas-who-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:stretch;
}
.aas-who-card,.aas-testimonials{
  background:#fff;
  border:1px solid var(--aas-border);
  border-radius:24px;
  padding:34px;
  box-shadow:0 12px 34px rgba(16,24,40,.07);
}
.aas-who-card p{
  color:#475467;
  line-height:1.85;
  margin:0 0 17px;
}
.aas-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:27px 0 22px;
  padding:5px;
  border-radius:14px;
  background:#f2f4f7;
  list-style:none;
}
.aas-tabs li{margin:0}
.aas-tabs a{
  display:block;
  padding:10px 13px;
  border-radius:10px;
  color:#667085 !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:800;
}
.aas-tabs li.active a,.aas-tabs a:hover{
  color:#fff !important;
  background:var(--aas-red);
}
.aas-tab-pane{display:none}
.aas-tab-pane.active{display:block}
.aas-tab-pane p{
  margin:0;
  color:#667085;
  line-height:1.8;
}
.aas-tab-pane b{color:var(--aas-ink)}
.aas-testimonial-title{
  margin-bottom:23px;
  font-size:27px;
  font-weight:850;
}
.aas-testimonial-slider{position:relative;min-height:285px}
.aas-testimonial-item{display:none}
.aas-testimonial-item.active{display:block}
.aas-review-stars{
  color:#f59e0b;
  font-size:18px;
  letter-spacing:2px;
  margin-bottom:10px;
}
.aas-testimonial-item .lead{
  color:var(--aas-red);
  font-size:20px;
  font-weight:800;
  line-height:1.4;
  margin:0 0 14px;
}
.aas-testimonial-item .review-text{
  color:#475467;
  font-size:15px;
  line-height:1.8;
  margin:0 0 20px;
}
.aas-testimonial-item blockquote{
  margin:0;
  padding:15px 0 0 17px;
  border-left:3px solid var(--aas-red);
}
.aas-testimonial-item blockquote p{
  margin:0 0 4px;
  font-weight:800;
}
.aas-testimonial-item blockquote small{
  color:#98a2b3;
}
.aas-testimonial-controls{
  display:flex;
  gap:9px;
  position:absolute;
  right:0;
  bottom:0;
}
.aas-testimonial-controls button{
  width:40px;height:40px;
  border:1px solid var(--aas-border);
  border-radius:50%;
  background:#fff;
  color:var(--aas-ink);
  cursor:pointer;
  font-size:18px;
}
.aas-testimonial-controls button:hover{
  color:#fff;background:var(--aas-red);border-color:var(--aas-red)
}

/* RESPONSIVE */
@media(max-width:900px){
  .aas-feature-grid,.aas-service-grid{grid-template-columns:repeat(2,1fr)}
  .aas-who-grid{grid-template-columns:1fr}
  .aas-feature-media img{/* height:220px; */}
}
@media(max-width:640px){
  .aas-container{width:min(94%,560px)}
  .aas-hero-arrow{width:38px;height:38px;font-size:20px}
  .aas-hero-prev{left:10px}.aas-hero-next{right:10px}
  .aas-hero-dots{bottom:13px}
  .aas-about,.aas-features,.aas-services,.aas-who{padding:55px 0}
  .aas-about-card{padding:25px 20px;border-radius:20px}
  .aas-about p{font-size:15px;line-height:1.78}
  .aas-feature-grid,.aas-service-grid{grid-template-columns:1fr}
  .aas-feature-media img{/* height:210px; */}
  .aas-feature-body{padding:23px}
  .aas-service{min-height:245px}
  .aas-who-card,.aas-testimonials{padding:24px 19px;border-radius:20px}
  .aas-tabs{gap:5px}
  .aas-tabs a{padding:9px 10px;font-size:12px}
  .aas-testimonial-slider{min-height:350px}
}

.video-faq-section {
    position: relative;
    padding: 90px 0;
    background:
        radial-gradient(circle at 0% 50%, rgba(215,25,32,.07), transparent 30%),
        #f7f9fc;
    overflow: hidden;
}

.video-faq-section .container {
    width: min(1180px, 92%);
    margin: auto;
}

.video-faq-heading {
    text-align: center;
    max-width: 760px;
    margin: 0 auto 45px;
}

.video-faq-heading span {
    display: inline-block;
    margin-bottom: 12px;
    color: #d71920;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.video-faq-heading h2 {
    margin: 0 0 14px;
    color: #101828;
    font-size: clamp(28px, 4vw, 42px);
    line-height: 1.15;
    font-weight: 850;
    letter-spacing: -1px;
}

.video-faq-heading p {
    margin: 0;
    color: #667085;
    font-size: 16px;
    line-height: 1.7;
}


/* MAIN GRID */

.video-faq-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
    align-items: stretch;
}


/* VIDEO */

.video-box {
    background: #fff;
    padding: 15px;
    border-radius: 24px;
    border: 1px solid #e6eaf0;
    box-shadow: 0 18px 45px rgba(16,24,40,.09);
}

.video-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 17px;
    background: #111;
}

.video-wrapper iframe {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: 0;
}


.video-caption {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 20px 8px 8px;
}

.video-icon {
    flex: 0 0 auto;
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    color: #fff;
    background: #d71920;
    font-size: 17px;
    padding-left: 3px;
    box-shadow: 0 7px 18px rgba(215,25,32,.25);
}

.video-caption h3 {
    margin: 0 0 4px;
    color: #101828;
    font-size: 18px;
    font-weight: 800;
}

.video-caption p {
    margin: 0;
    color: #667085;
    font-size: 13px;
}


/* FAQ */

.faq-box {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.faq-item {
    overflow: hidden;
    border: 1px solid #e4e7ec;
    border-radius: 16px;
    background: #fff;
    box-shadow: 0 7px 22px rgba(16,24,40,.045);
    transition: .3s ease;
}

.faq-item.active {
    border-color: rgba(215,25,32,.28);
    box-shadow: 0 12px 30px rgba(16,24,40,.08);
}

.faq-question {
    width: 100%;
    min-height: 66px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 18px 20px;
    border: 0;
    outline: none;
    background: transparent;
    color: #101828;
    text-align: left;
    cursor: pointer;
    font-family: inherit;
    font-size: 15px;
    font-weight: 750;
}

.faq-icon {
    flex: 0 0 auto;
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: #fef0f1;
    color: #d71920;
    font-size: 21px;
    font-weight: 500;
    line-height: 1;
    transition: .3s ease;
}

.faq-item.active .faq-icon {
    color: #fff;
    background: #d71920;
    transform: rotate(45deg);
}

.faq-answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows .35s ease;
}

.faq-answer p {
    min-height: 0;
    overflow: hidden;
    margin: 0;
    padding: 0 20px;
    color: #667085;
    font-size: 14px;
    line-height: 1.75;
    transition: padding .35s ease;
}

.faq-item.active .faq-answer {
    grid-template-rows: 1fr;
}

.faq-item.active .faq-answer p {
    padding: 0 20px 20px;
}


/* TABLET */

@media (max-width: 900px) {

    .video-faq-section {
        padding: 70px 0;
    }

    .video-faq-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .video-box {
        max-width: 800px;
        width: 100%;
        margin: auto;
    }

}


/* MOBILE */

@media (max-width: 600px) {

    .video-faq-section {
        padding: 55px 0;
    }

    .video-faq-section .container {
        width: 94%;
    }

    .video-faq-heading {
        margin-bottom: 30px;
    }

    .video-faq-heading h2 {
        font-size: 29px;
    }

    .video-faq-heading p {
        font-size: 14px;
    }

    .video-box {
        padding: 9px;
        border-radius: 18px;
    }

    .video-wrapper {
        border-radius: 12px;
    }

    .video-caption {
        padding: 16px 5px 5px;
    }

    .video-icon {
        width: 40px;
        height: 40px;
    }

    .video-caption h3 {
        font-size: 16px;
    }

    .video-caption p {
        font-size: 12px;
    }

    .faq-question {
        min-height: 62px;
        padding: 16px;
        font-size: 14px;
    }

    .faq-icon {
        width: 27px;
        height: 27px;
        font-size: 19px;
    }

    .faq-answer p {
        padding-left: 16px;
        padding-right: 16px;
        font-size: 13.5px;
    }

    .faq-item.active .faq-answer p {
        padding: 0 16px 17px;
    }

}

.aas-site-header *,
.aas-site-header *::before,
.aas-site-header *::after {
    box-sizing: border-box;
}

.aas-site-header a {
    text-decoration: none;
}



/* =========================================================
   TOP STRIP
========================================================= */

.aas-top-strip {position: relative;width: 100%;background: #bc1517;color: #fff;border-bottom: 1px solid rgba(255,255,255,.08);}


.aas-top-inner {

    min-height: 42px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 20px;
}


.aas-top-message {

    display: flex;

    align-items: center;

    gap: 8px;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: .2px;
}


.aas-live-dot {

    width: 7px;
    height: 7px;

    border-radius: 50%;

    background: #22c55e;

    box-shadow:
        0 0 0 4px rgba(34,197,94,.12);
}


/* =========================================================
   TOP RIGHT
========================================================= */

.aas-top-right {

    display: flex;

    align-items: center;

    gap: 13px;
}


/* SOCIAL */

.aas-socials {

    display: flex;

    align-items: center;

    gap: 5px;
}


.aas-socials a {

    width: 27px;
    height: 27px;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #fff;

    background: rgba(255,255,255,.08);

    border-radius: 50%;

    font-size: 12px;

    transition:
        background .2s ease,
        transform .2s ease;
}


.aas-socials a:hover {

    background: var(--aas-teal);

    color: #fff;

    transform: translateY(-2px);
}


.aas-top-divider {

    width: 1px;
    height: 20px;

    background: rgba(255,255,255,.18);
}


/* PHONE */

.aas-top-phone {

    display: flex;

    align-items: center;

    gap: 6px;

    color: #fff;

    font-size: 12px;

    font-weight: 700;
}


.aas-top-phone i {

    color: #20c4d4;

    font-size: 12px;
}


.aas-top-phone:hover {

    color: #20c4d4;
}


/* =========================================================
   MAIN HEADER
========================================================= */

.aas-main-header {

    position: relative;

    width: 100%;

    background: #fff;

    box-shadow:
        0 5px 25px rgba(0,0,0,.07);

    z-index: 9999;
}


.aas-main-inner {

    min-height: 92px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: 30px;
}


/* =========================================================
   LOGO
========================================================= */

.aas-main-logo {

    display: flex;

    align-items: center;

    flex-shrink: 0;

    width: 205px;
}


.aas-main-logo img {

    display: block;

    width: 100%;

    height: auto;
}


/* =========================================================
   NAVIGATION
========================================================= */

.aas-navigation {

    display: flex;

    align-items: center;

    margin-left: auto;
}


.aas-nav-list {

    display: flex;

    align-items: center;

    gap: 3px;

    list-style: none;

    margin: 0;

    padding: 0;
}


.aas-nav-list > li {

    position: relative;

    margin: 0;

    padding: 0;
}


.aas-nav-list > li > a,
.aas-services-btn {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 48px;
        padding: 0 15px;
        border: 0;
        background: transparent;
        color: var(--aas-text);
        font-family: Arial, sans-serif;
        font-size: 13px;
        font-weight: 800;
        text-transform: capitalize;
        letter-spacing: .2px;
        cursor: pointer;
        transition:
        color .25s ease;
        }


/* Animated underline */

.aas-nav-list > li > a::after,
.aas-services-btn::after {

    content: "";

    position: absolute;

    left: 15px;
    right: 15px;
    bottom: 3px;

    height: 3px;

    border-radius: 20px;

    background: var(--aas-red);

    transform: scaleX(0);

    transform-origin: center;

    transition:
        transform .25s ease;
}


.aas-nav-list > li > a:hover,
.aas-services-btn:hover {

    color: var(--aas-red);
}


.aas-nav-list > li > a:hover::after,
.aas-services-btn:hover::after {

    transform: scaleX(1);
}


/* Contact special */

.aas-contact-link {

    margin-left: 5px;

    padding-inline: 18px !important;

    color: #fff !important;

    background: var(--aas-red) !important;

    border-radius: 50px !important;
}


.aas-contact-link::after {

    display: none !important;
}


.aas-contact-link:hover {

    color: #fff !important;

    background: var(--aas-red-dark) !important;

    transform: translateY(-2px);
}


/* =========================================================
   SERVICES DROPDOWN
========================================================= */

.aas-services-btn span {
        margin-left: 6px;
        font-size: 16px;
        line-height: 1;
        transition:
        transform .25s ease;
        margin-top: -11px;
        }


.aas-has-dropdown.open .aas-services-btn span {

    transform: rotate(180deg);
}


.aas-services-dropdown {

    position: absolute;

    top: calc(100% + 7px);

    left: 0;

    width: 320px;

    padding: 9px;

    background: #fff;

    border: 1px solid #e9edef;

    border-radius: 0 0 14px 14px;

    box-shadow:
        0 20px 45px rgba(0,0,0,.15);

    opacity: 0;

    visibility: hidden;

    transform:
        translateY(10px);

    transition:
        opacity .22s ease,
        visibility .22s ease,
        transform .22s ease;
}


.aas-has-dropdown:hover .aas-services-dropdown,
.aas-has-dropdown.open .aas-services-dropdown {

    opacity: 1;

    visibility: visible;

    transform:
        translateY(0);
}


.aas-services-dropdown a {

    display: flex;

    padding: 12px 14px;

    color: #4a5055;

    font-size: 13px;

    font-weight: 600;

    line-height: 1.35;

    border-radius: 8px;

    transition:
        color .2s ease,
        background .2s ease,
        padding-left .2s ease;
}


.aas-services-dropdown a:hover {

    color: var(--aas-teal);

    background: #effafb;

    padding-left: 19px;
}


/* =========================================================
   MOBILE BUTTON
========================================================= */

.aas-nav-toggle {

    display: none;

    width: 44px;
    height: 44px;

    padding: 8px;

    border: 0;

    border-radius: 9px;

    background: var(--aas-teal);

    cursor: pointer;
}


.aas-nav-toggle span {

    display: block;

    width: 23px;

    height: 2px;

    margin: 4px auto;

    background: #fff;

    border-radius: 10px;

    transition:
        transform .25s ease,
        opacity .25s ease;
}


.aas-nav-toggle.active span:nth-child(1) {

    transform:
        translateY(6px)
        rotate(45deg);
}


.aas-nav-toggle.active span:nth-child(2) {

    opacity: 0;
}


.aas-nav-toggle.active span:nth-child(3) {

    transform:
        translateY(-6px)
        rotate(-45deg);
}


/* =========================================================
   MOBILE CTA
========================================================= */

.aas-mobile-call {

    display: none;
}


/* =========================================================
   TABLET
========================================================= */

@media (max-width: 1100px) {

    .aas-nav-list > li > a,
    .aas-services-btn {

        padding-inline: 10px;

        font-size: 12px;
    }

    .aas-main-logo {

        width: 180px;
    }

    .aas-top-phone {

        font-size: 11px;
    }

}


/* =========================================================
   MOBILE
========================================================= */

@media (max-width: 767px) {

    .aas-container {

        width: calc(100% - 24px);
    }


    /* TOP BAR */

    .aas-top-inner {

        min-height: 38px;

        justify-content: center;
    }


    .aas-top-message {

        font-size: 10px;
    }


    .aas-top-right {

        gap: 5px;
    }


    .aas-top-message {

        display: none;
    }


    .aas-top-divider,
    .aas-top-phone {/* display: none; */}


    .aas-socials a {

        width: 25px;
        height: 25px;

        font-size: 11px;
    }


    /* MAIN HEADER */

    .aas-main-inner {

        min-height: 70px;

        gap: 15px;
    }


    .aas-main-logo {

        width: 160px;
    }


    /* MOBILE TOGGLE */

    .aas-nav-toggle {display: block;margin-left: auto;background: #21536b;}


    /* NAV */

    .aas-navigation {

        position: absolute;

        top: 100%;

        left: 0;
        right: 0;

        width: 100%;

        display: block;

        max-height:
            calc(100vh - 108px);

        overflow-y: auto;

        background: #fff;

        border-top: 1px solid #eee;

        box-shadow:
            0 18px 35px rgba(0,0,0,.15);

        opacity: 0;

        visibility: hidden;

        transform:
            translateY(-10px);

        transition:
            opacity .25s ease,
            visibility .25s ease,
            transform .25s ease;
    }


    .aas-navigation.open {

        opacity: 1;

        visibility: visible;

        transform:
            translateY(0);
    }


    /* MENU */

    .aas-nav-list {

        display: block;

        width: 100%;

        padding: 7px 14px 0;
    }


    .aas-nav-list > li {

        border-bottom: 1px solid #edf0f2;
    }


    .aas-nav-list > li > a,
    .aas-services-btn {width: 100%;/* min-height: 50px; */justify-content: space-between;padding: 0 5px;color: var(--aas-dark);font-size: 13px;/* text-align: left; */}


    .aas-nav-list > li > a::after,
    .aas-services-btn::after {

        display: none;
    }


    .aas-nav-list > li > a:hover,
    .aas-services-btn:hover {

        color: var(--aas-teal);

        background: transparent;
    }


    /* DROPDOWN */

    .aas-services-dropdown {

        position: static;

        display: none;

        width: 100%;

        padding: 4px 0 8px;

        background: #f5fafb;

        border: 0;

        border-radius: 0;

        box-shadow: none;

        opacity: 1;

        visibility: visible;

        transform: none;
    }


    .aas-has-dropdown.open .aas-services-dropdown {

        display: block;
    }


    .aas-services-dropdown a {

        padding:
            10px 12px 10px 20px;

        font-size: 12px;

        border-left:
            3px solid transparent;
    }


    .aas-services-dropdown a:hover {

        padding-left: 20px;

        background: #eaf8f9;

        border-left-color:
            var(--aas-teal);
    }


    /* CONTACT BUTTON */

    .aas-contact-link {

        margin: 0 !important;

        border-radius: 0 !important;

        color: var(--aas-dark) !important;

        background: transparent !important;
    }


    .aas-contact-link:hover {

        color: var(--aas-teal) !important;

        background: transparent !important;
    }


    /* MOBILE CALL */

    .aas-mobile-call {

        display: grid;

        grid-template-columns: 1fr 1fr;

        gap: 8px;

        padding: 14px;
    }


    .aas-mobile-call a {display: flex;align-items: center;justify-content: center;gap: 6px;min-height: 43px;color: #fff;background: #000;border-radius: 7px;font-size: 11px;font-weight: 800;}


    .aas-mobile-call a:last-child {

        background: var(--aas-red);
    }


    body.aas-mobile-nav-open {

        overflow: hidden;
    }

}


/* =========================================================
   SMALL MOBILE
========================================================= */

@media (max-width: 390px) {

    .aas-main-logo {

        width: 145px;
    }

    .aas-socials a {

        width: 23px;
        height: 23px;
    }

}