/* VHS — complete CSS through the Header stage */

@font-face{font-family:"IRANSans";src:url("../fonts/iransans-fanum-ultralight.woff2") format("woff2");font-style:normal;font-weight:200;font-display:swap}
@font-face{font-family:"IRANSans";src:url("../fonts/iransans-fanum-light.woff2") format("woff2");font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:"IRANSans";src:url("../fonts/iransans-fanum-regular.woff") format("woff");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"IRANSans";src:url("../fonts/iransans-fanum-medium.woff2") format("woff2");font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:"IRANSans";src:url("../fonts/iransans-fanum-bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}

:root{
  --vhs-font-family:"IRANSans",Tahoma,Arial,sans-serif;
  --vhs-ink:#11163e;
  --vhs-navy:#181a4d;
  --vhs-deep:#090d28;
  --vhs-red:#ba1f23;
  --vhs-red-bright:#ff5058;
  --vhs-paper:#f4f5f9;
  --vhs-white:#fff;
  --vhs-muted:#62677c;
  --vhs-line:#e0e2ed;
  --vhs-container:1180px;
}

html{scroll-behavior:smooth}
body,button,input,select,textarea{font-family:var(--vhs-font-family)}
body{margin:0;color:var(--vhs-ink);background:var(--vhs-paper);font-weight:300}
a{color:inherit}

/* Outer flexbox: vhs-header-wrap */
.vhs-header-wrap{
  position:sticky!important;
  top:14px!important;
  z-index:9999;
  width:100%!important;
  max-width:none!important;
  margin-top:18px!important;
  padding:0!important;
  background:transparent!important;
  overflow:visible;
}

/* Inner flexbox: vhs-header */
.vhs-header{
  width:calc(100% - 44px)!important;
  max-width:var(--vhs-container)!important;
  height:72px!important;
  min-height:72px!important;
  margin-inline:auto!important;
  padding:8px 12px 8px 20px!important;
  display:flex;
  flex-direction:row;
  align-items:center;
  justify-content:flex-start;
  gap:42px!important;
  background:rgba(255,255,255,.88)!important;
  border:1px solid rgba(224,226,237,.9)!important;
  border-radius:21px!important;
  box-shadow:0 10px 35px rgba(30,35,73,.07)!important;
  -webkit-backdrop-filter:blur(18px);
  backdrop-filter:blur(18px);
  overflow:visible;
}

/* Symbol-only image: vhs-logo */
.vhs-logo{
  flex:0 0 140px;
  width:140px;
  height:54px;
  margin:0;
  padding:2px 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--vhs-white);
  border:0!important;
  border-radius:12px;
  overflow:hidden;
}
.vhs-logo .elementor-widget-container,.vhs-logo a{
  width:100%;height:100%;display:flex;align-items:center;justify-content:center
}
.vhs-logo img{
  display:block;
  width:100%;
  height:100%;
  max-width:122px;
  object-fit:contain;
  object-position:center;
  border:0!important;
}

/* WordPress Menu widget: vhs-nav */
.vhs-nav{flex:0 1 auto;margin-left:auto;position:relative}
.vhs-nav .elementor-nav-menu--main .elementor-nav-menu,.vhs-nav nav>ul{
  display:flex;align-items:center;gap:29px
}
.vhs-nav .elementor-nav-menu--main .elementor-item,.vhs-nav nav>ul>li>a{
  position:relative;
  padding:9px 0!important;
  margin:0!important;
  color:#63687e!important;
  background:transparent!important;
  font-family:var(--vhs-font-family);
  font-size:12px;
  font-weight:400;
  line-height:1.5;
  transition:color .2s ease;
}
.vhs-nav .elementor-item:before,.vhs-nav nav>ul>li>a:before{display:none!important}
.vhs-nav .elementor-nav-menu--main .elementor-item:after,.vhs-nav nav>ul>li>a:after{
  content:"";
  position:absolute;
  right:0;
  bottom:3px;
  left:auto;
  width:0;
  height:1px;
  opacity:1!important;
  background:var(--vhs-red);
  transform:none!important;
  transition:width .25s ease;
}
.vhs-nav .elementor-nav-menu--main .elementor-item:hover,
.vhs-nav .elementor-nav-menu--main .elementor-item.elementor-item-active,
.vhs-nav .elementor-nav-menu--main .current-menu-item>.elementor-item,
.vhs-nav nav>ul>li>a:hover,
.vhs-nav nav>ul>li.current-menu-item>a{color:var(--vhs-ink)!important}
.vhs-nav .elementor-nav-menu--main .elementor-item:hover:after,
.vhs-nav .elementor-nav-menu--main .elementor-item.elementor-item-active:after,
.vhs-nav .elementor-nav-menu--main .current-menu-item>.elementor-item:after,
.vhs-nav nav>ul>li>a:hover:after,
.vhs-nav nav>ul>li.current-menu-item>a:after{width:15px}

/* Atomic Button: vhs-header-cta */
.vhs-header-cta{
  flex:0 0 auto;
  min-width:0;
  min-height:43px;
  padding:0 18px;
  display:inline-flex;
  flex-direction:row;
  align-items:center;
  justify-content:center;
  gap:13px;
  color:var(--vhs-white)!important;
  background:var(--vhs-navy)!important;
  border:0!important;
  border-radius:13px!important;
  box-shadow:none!important;
  font-family:var(--vhs-font-family);
  font-size:11px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  text-decoration:none!important;
  cursor:pointer;
  transition:transform .2s ease,background-color .2s ease;
}
.vhs-header-cta:hover,.vhs-header-cta:focus-visible{
  color:var(--vhs-white)!important;
  background:#222660!important;
  box-shadow:none!important;
  transform:translateY(-2px);
}
.vhs-header-cta:after{
  content:"";
  flex:0 0 11px;
  width:11px;
  height:11px;
  background-color:var(--vhs-red-bright);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M14 7l5 5-5 5'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.65' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M14 7l5 5-5 5'/%3E%3C/svg%3E") center/contain no-repeat;
  transform:rotate(180deg);
}
.vhs-header-cta:focus-visible,.vhs-nav a:focus-visible{
  outline:2px solid rgba(186,31,35,.42);outline-offset:3px
}

body.admin-bar .vhs-header-wrap{top:46px!important}
body.elementor-editor-active .vhs-header-wrap{position:relative!important;top:auto!important}

@media(max-width:1024px){
  .vhs-header{width:calc(100% - 38px)!important;gap:24px!important}
  .vhs-logo{flex-basis:130px;width:130px}
  .vhs-nav .elementor-nav-menu--main .elementor-nav-menu,.vhs-nav nav>ul{gap:18px}
}

@media(max-width:760px){
  .vhs-header-wrap{top:8px!important;margin-top:9px!important}
  body.admin-bar .vhs-header-wrap{top:54px!important}
  .vhs-header{
    width:calc(100% - 28px)!important;
    height:64px!important;
    min-height:64px!important;
    padding:7px 8px 7px 14px!important;
    gap:0!important;
    border-radius:17px!important;
  }
  .vhs-logo{flex:0 0 118px;width:118px;height:49px;padding:2px 7px}
  .vhs-logo img{max-width:104px}
  .vhs-header-cta{display:none!important}
  .vhs-nav{margin-right:auto;margin-left:0}
  .vhs-nav .elementor-nav-menu--main{display:none!important}
  .vhs-nav .elementor-menu-toggle{
    width:42px;
    height:42px;
    padding:0!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    color:var(--vhs-navy)!important;
    background:transparent!important;
    border:1px solid var(--vhs-line)!important;
    border-radius:12px!important;
  }
  .vhs-nav .elementor-menu-toggle svg{width:20px;height:20px}
  .vhs-nav .elementor-nav-menu--dropdown{
    position:absolute!important;
    top:51px!important;
    right:auto!important;
    left:0!important;
    width:190px!important;
    min-width:190px!important;
    padding:10px!important;
    background:rgba(255,255,255,.97)!important;
    border:1px solid var(--vhs-line)!important;
    border-radius:15px!important;
    box-shadow:0 18px 42px rgba(28,33,68,.15)!important;
    overflow:hidden;
  }
  .vhs-nav .elementor-nav-menu--dropdown .elementor-item{
    padding:10px!important;
    color:var(--vhs-muted)!important;
    background:transparent!important;
    border:0!important;
    border-radius:9px;
    font-size:10px;
    font-weight:400;
  }
  .vhs-nav .elementor-nav-menu--dropdown .elementor-item:hover,
  .vhs-nav .elementor-nav-menu--dropdown .elementor-item.elementor-item-active{
    color:var(--vhs-ink)!important;background:#f2f3f8!important
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .vhs-header-cta,.vhs-nav a,.vhs-nav a:after{transition:none!important}
  .vhs-header-cta:hover,.vhs-header-cta:focus-visible{transform:none}
}