@keyframes fadeInLeft{
  from {
    opacity: 0;
    transform: translate3d(-20%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}@keyframes fadeInRight{
  from {
    opacity: 0;
    transform: translate3d(20%, 0, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}@keyframes fadeInUp{
  from {
    opacity: 0;
    transform: translate3d(0, 30%, 0);
  }

  to {
    opacity: 1;
    transform: none;
  }
}@property --tw-translate-x{
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-translate-y{
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-translate-z{
  syntax: "*";
  inherits: false;
  initial-value: 0;
}@property --tw-scale-x{
  syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-scale-y{
  syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-scale-z{
  syntax: "*";
  inherits: false;
  initial-value: 1;
}@property --tw-rotate-x{
  syntax: "*";
  inherits: false;
}@property --tw-rotate-y{
  syntax: "*";
  inherits: false;
}@property --tw-rotate-z{
  syntax: "*";
  inherits: false;
}@property --tw-skew-x{
  syntax: "*";
  inherits: false;
}@property --tw-skew-y{
  syntax: "*";
  inherits: false;
}@property --tw-border-style{
  syntax: "*";
  inherits: false;
  initial-value: solid;
}@property --tw-leading{
  syntax: "*";
  inherits: false;
}@property --tw-font-weight{
  syntax: "*";
  inherits: false;
}@property --tw-tracking{
  syntax: "*";
  inherits: false;
}@property --tw-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-shadow-color{
  syntax: "*";
  inherits: false;
}@property --tw-shadow-alpha{
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-inset-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-inset-shadow-color{
  syntax: "*";
  inherits: false;
}@property --tw-inset-shadow-alpha{
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-ring-color{
  syntax: "*";
  inherits: false;
}@property --tw-ring-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-inset-ring-color{
  syntax: "*";
  inherits: false;
}@property --tw-inset-ring-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-ring-inset{
  syntax: "*";
  inherits: false;
}@property --tw-ring-offset-width{
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}@property --tw-ring-offset-color{
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}@property --tw-ring-offset-shadow{
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}@property --tw-blur{
  syntax: "*";
  inherits: false;
}@property --tw-brightness{
  syntax: "*";
  inherits: false;
}@property --tw-contrast{
  syntax: "*";
  inherits: false;
}@property --tw-grayscale{
  syntax: "*";
  inherits: false;
}@property --tw-hue-rotate{
  syntax: "*";
  inherits: false;
}@property --tw-invert{
  syntax: "*";
  inherits: false;
}@property --tw-opacity{
  syntax: "*";
  inherits: false;
}@property --tw-saturate{
  syntax: "*";
  inherits: false;
}@property --tw-sepia{
  syntax: "*";
  inherits: false;
}@property --tw-drop-shadow{
  syntax: "*";
  inherits: false;
}@property --tw-drop-shadow-color{
  syntax: "*";
  inherits: false;
}@property --tw-drop-shadow-alpha{
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}@property --tw-drop-shadow-size{
  syntax: "*";
  inherits: false;
}@property --tw-duration{
  syntax: "*";
  inherits: false;
}@property --tw-ease{
  syntax: "*";
  inherits: false;
}@property --tw-content{
  syntax: "*";
  inherits: false;
  initial-value: "";
}@property --tw-ordinal{
  syntax: "*";
  inherits: false;
}@property --tw-slashed-zero{
  syntax: "*";
  inherits: false;
}@property --tw-numeric-figure{
  syntax: "*";
  inherits: false;
}@property --tw-numeric-spacing{
  syntax: "*";
  inherits: false;
}@property --tw-numeric-fraction{
  syntax: "*";
  inherits: false;
}@property --tw-backdrop-blur{
  syntax: "*";
  inherits: false;
}@property --tw-backdrop-brightness{
  syntax: "*";
  inherits: false;
}@property --tw-backdrop-contrast{
  syntax: "*";
  inherits: false;
}@property --tw-backdrop-grayscale{
  syntax: "*";
  inherits: false;
}@property --tw-backdrop-hue-rotate{
  syntax: "*";
  inherits: false;
}@property --tw-backdrop-invert{
  syntax: "*";
  inherits: false;
}@property --tw-backdrop-opacity{
  syntax: "*";
  inherits: false;
}@property --tw-backdrop-saturate{
  syntax: "*";
  inherits: false;
}@property --tw-backdrop-sepia{
  syntax: "*";
  inherits: false;
}@media (prefers-reduced-motion: no-preference){@keyframes mh-marquee{ to { transform: translateX(-50%); } }}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-20%,0,0);transform:translate3d(-20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(20%,0,0);transform:translate3d(20%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,30%,0);transform:translate3d(0,30%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}:root{
  --font-sans: "Inter", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  --font-mono: "Inter", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  --font-Jakarta: var(--font-sans);
  --font-Inter: var(--font-sans);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-sans);
}:host{
  --font-sans: "Inter", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  --font-mono: "Inter", "Helvetica Neue", "Helvetica", "Arial", "sans-serif";
  --font-Jakarta: var(--font-sans);
  --font-Inter: var(--font-sans);
  --default-font-family: var(--font-sans);
  --default-mono-font-family: var(--font-sans);
}@layer base{html{
    font-size: 16px;
  }}@layer base{body{
    font-family: var(--font-sans);
    font-size: 16px;
    line-height: 23px;
  }}.wsmenu html{
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased;
  font-smooth: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  font-smooth: subpixel-antialiased;
}.wsmenu body{
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased;
  font-smooth: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  font-smooth: subpixel-antialiased;
}.wsmenu iframe{
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased;
  font-smooth: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  font-smooth: subpixel-antialiased;
}.wsmenu h1{
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased;
  font-smooth: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  font-smooth: subpixel-antialiased;
}.wsmenu h2{
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased;
  font-smooth: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  font-smooth: subpixel-antialiased;
}.wsmenu h3{
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased;
  font-smooth: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  font-smooth: subpixel-antialiased;
}.wsmenu h4{
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased;
  font-smooth: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  font-smooth: subpixel-antialiased;
}.wsmenu h5{
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased;
  font-smooth: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  font-smooth: subpixel-antialiased;
}.wsmenu h6{
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: antialiased;
  font-smooth: antialiased;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  font-smoothing: subpixel-antialiased;
  font-smooth: subpixel-antialiased;
}.wsmenu img{
  border: 0 none;
  max-width: 100%;
}.wsmenu a:focus{
  outline: none;
}.wsmenu:before{
  content: "";
  display: table;
}.wsmenu:after{
  content: "";
  display: table;
}.wsmenu:after{
  clear: both;
}.wsmenucontainer{
  background-size: cover;
  overflow: hidden;
  background-attachment: fixed;
  background-position: 50% 0;
  background-repeat: no-repeat;
}.wsmainfull{
  width: 100%;
  height: auto;
  background-color: #fff!important;
  z-index: 999;
  -webkit-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  -moz-box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  box-shadow: 0 2px 3px rgba(96, 96, 96, .1);
  -webkit-transition: all 450ms ease-in-out;
  -moz-transition: all 450ms ease-in-out;
  -o-transition: all 450ms ease-in-out;
  -ms-transition: all 450ms ease-in-out;
  transition: all 450ms ease-in-out; 
}.wsmainwp{
  margin: 0 auto;
  max-width: 1140px;
  padding: 0 15px;
  position: relative;
}.desktoplogo{
  padding: 0;
  margin: 0;
  float: left;
  line-height: 70px;
}.desktoplogo img{
  vertical-align: middle;
}.wsmenu{
  padding: 0;
  float: right;
  display: block;
}.wsmenu > .wsmenu-list{
  text-align: left;
  margin: 0 auto 0 auto;
  width: 100%;
  display: block;
  padding: 0;
}.wsmenu > .wsmenu-list > li{
  text-align: center;
  display: block;
  padding: 0;
  margin: 0;
  float: left;
}.wsmenu > .wsmenu-list > li > a{
  display: block;
  color: #666;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.5px;
  padding: 10px 32px 10px 18px;
  line-height: 50px;
  text-decoration: none;
  position: relative;
}.tra-menu .wsmenu > .wsmenu-list > li > a{
  color: #fff;
}.wsmenu > .wsmenu-list > li:hover > a{
  color: #f0f0f0;
}.overlapblackbg{
  opacity: 0;
  visibility: hidden;
}@media only screen and (max-width: 991px){html{
  overflow: hidden;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}}@media only screen and (max-width: 991px){body{
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
}}@media only screen and (max-width: 991px){body.wsactive{
  overflow: hidden;
}}@media only screen and (max-width: 991px){.desktoplogo{
  display: none;
}}@media only screen and (max-width: 991px){.wsmainfull{
  height: 0;
}}@media only screen and (max-width: 991px){.wsmenu{
  width: 100%;
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  right: 0;
  overflow-y: hidden;
  padding: 0;
  top: 0;
  visibility: hidden;
  position: fixed;
  margin: 0px;
}}@media only screen and (max-width: 991px){.wsmenu > .wsmenu-list{
  height: auto;
  min-height: 100%;
  width: 350px;
  background: #fff;
  padding-bottom: 0;
  margin-right: -350px;
  display: block;
  text-align: center;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}}@media only screen and (max-width: 991px){.wsmenu > .wsmenu-list > li{
  width: 100%;
  display: block;
  float: none;
  border-right: none;
  background-color: transparent;
  position: relative;
  white-space: inherit;
  clear: right;
}}@media only screen and (max-width: 991px){@supports (-webkit-overflow-scrolling: touch){.wsmenu > .wsmenu-list > li:last-child{
    padding-bottom: 110px;
  }}}@media only screen and (max-width: 991px){.wsmenu > .wsmenu-list > li >a{
  padding: 12px 32px 12px 17px;
  font-size: 15px;
  text-align: left;
  border-right: solid 0px;
  color: #666666;
  line-height: 25px;
  border-bottom: 1px solid;
  border-bottom-color: rgba(0, 0, 0, 0.13);
  position: static;
}}@media only screen and (max-width: 991px){.wsmenu > .wsmenu-list > li:hover>a{
  background-color: rgba(0, 0, 0, 0.08);
  text-decoration: none;
}}@media only screen and (max-width: 991px){.overlapblackbg{
  left: 0;
  width: calc(100% - 350px);
  height: 100vh;
  min-height: 100%;
  position: fixed;
  top: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(0, 0, 0, 0.45);
  cursor: pointer;
}}@media only screen and (max-width: 991px){.wsactive .wsmenu .overlapblackbg{
  opacity: 1;
  visibility: visible;
  -webkit-transition: opacity 1.5s ease-in-out;
  -moz-transition: opacity 1.5s ease-in-out;
  -ms-transition: opacity 1.5s ease-in-out;
  -o-transition: opacity 1.5s ease-in-out;
  z-index: 8888!important;
}}@media only screen and (max-width: 991px){.wsmenucontainer{
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}}@media only screen and (max-width: 991px){.wsactive .wsmenucontainer{
  margin-right: 300px;
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
}}@media only screen and (max-width: 991px){.wsactive .wsmenu{
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  visibility: visible;
  z-index: 1000;
  top: 0;
}}@media only screen and (max-width: 991px){.wsactive .wsmenu > .wsmenu-list{
  -webkit-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -ms-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  margin-right: 0;
}}@media only screen and (min-width: 992px) and (max-width:1162px){.desktoplogo{
  margin-left: 12px;
}}@media only screen and (min-width: 992px) and (max-width:1162px){.wsmenu > .wsmenu-list > li > a{
  padding-left: 16px;
  padding-right: 16px;
}}button::-moz-focus-inner{
  padding: 0;
  border: 0; }.owl-height{transition:height .5s ease-in-out}.owl-theme .owl-dots{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span{background:#869791}.owl-theme .owl-dots .owl-dot:hover span{background:#869791}.animated{
  animation-duration: 1.2s;
  animation-fill-mode: both;
}@layer properties;@layer theme, base, components, utilities;@layer theme{:root{
    --spacing: 0.25rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-xl: 0.75rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-white: #ffffff;
    --color-black: #000000;
  }}@layer theme{:host{
    --spacing: 0.25rem;
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-7xl: 4.5rem;
    --text-7xl--line-height: 1;
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-xl: 0.75rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --color-white: #ffffff;
    --color-black: #000000;
  }}@layer base{*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }}@layer base{::after{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }}@layer base{::before{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }}@layer base{html{
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }}@layer base{:host{
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }}@layer base{hr{
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }}@layer base{h1{
    font-size: inherit;
    font-weight: inherit;
  }}@layer base{h2{
    font-size: inherit;
    font-weight: inherit;
  }}@layer base{h3{
    font-size: inherit;
    font-weight: inherit;
  }}@layer base{h4{
    font-size: inherit;
    font-weight: inherit;
  }}@layer base{h5{
    font-size: inherit;
    font-weight: inherit;
  }}@layer base{h6{
    font-size: inherit;
    font-weight: inherit;
  }}@layer base{a{
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }}@layer base{b{
    font-weight: bolder;
  }}@layer base{strong{
    font-weight: bolder;
  }}@layer base{small{
    font-size: 80%;
  }}@layer base{table{
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }}@layer base{:-moz-focusring{
    outline: auto;
  }}@layer base{ol{
    list-style: none;
  }}@layer base{ul{
    list-style: none;
  }}@layer base{img{
    display: block;
    vertical-align: middle;
  }}@layer base{svg{
    display: block;
    vertical-align: middle;
  }}@layer base{video{
    display: block;
    vertical-align: middle;
  }}@layer base{iframe{
    display: block;
    vertical-align: middle;
  }}@layer base{img{
    max-width: 100%;
    height: auto;
  }}@layer base{video{
    max-width: 100%;
    height: auto;
  }}@layer base{button{
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }}@layer base{input{
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }}@layer base{select{
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }}@layer base{textarea{
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }}@layer base{textarea{
    resize: vertical;
  }}@layer base{::-webkit-search-decoration{
    -webkit-appearance: none;
  }}@layer base{::-webkit-date-and-time-value{
    min-height: 1lh;
    text-align: inherit;
  }}@layer base{::-webkit-datetime-edit{
    display: inline-flex;
  }}@layer base{::-webkit-datetime-edit-fields-wrapper{
    padding: 0;
  }}@layer base{::-webkit-datetime-edit{
    padding-block: 0;
  }}@layer base{::-webkit-datetime-edit-year-field{
    padding-block: 0;
  }}@layer base{::-webkit-datetime-edit-month-field{
    padding-block: 0;
  }}@layer base{::-webkit-datetime-edit-day-field{
    padding-block: 0;
  }}@layer base{::-webkit-datetime-edit-hour-field{
    padding-block: 0;
  }}@layer base{::-webkit-datetime-edit-minute-field{
    padding-block: 0;
  }}@layer base{::-webkit-datetime-edit-second-field{
    padding-block: 0;
  }}@layer base{::-webkit-datetime-edit-millisecond-field{
    padding-block: 0;
  }}@layer base{::-webkit-datetime-edit-meridiem-field{
    padding-block: 0;
  }}@layer base{::-webkit-calendar-picker-indicator{
    line-height: 1;
  }}@layer base{:-moz-ui-invalid{
    box-shadow: none;
  }}@layer base{button{
    appearance: button;
  }}@layer base{input:where([type="button"], [type="reset"], [type="submit"]){
    appearance: button;
  }}@layer base{::-webkit-inner-spin-button{
    height: auto;
  }}@layer base{::-webkit-outer-spin-button{
    height: auto;
  }}@layer utilities{.collapse{
    visibility: collapse;
  }}@layer utilities{.flex{
    display: flex;
  }}@layer utilities{.hidden{
    display: none;
  }}@layer utilities{.w-auto{
    width: auto;
  }}@layer utilities{.items-center{
    align-items: center;
  }}@layer utilities{.font-semibold{
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }}@layer utilities{.uppercase{
    text-transform: uppercase;
  }}@layer utilities{.transition{
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }}html{
  font-size: 16px;
  line-height: 21px;
}body{
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-normal);
  font-weight: var(--font-weight-normal);
  color: #6c757d;
}a{
  color: #6c757d;
  text-decoration-line: none;
  transition: all 400ms ease-in-out;
  &:hover {
    @media (hover: hover) {
      color: #353f4f !important;
    }
  }
  &:hover {
    @media (hover: hover) {
      text-decoration-line: none;
    }
  }
  &:focus {
    text-decoration-line: none;
  }
  &:focus {
    outline: none;
  }
}p{
  margin-top: calc(var(--spacing) * 0);
  margin-bottom: 1rem;
}ul{
  margin: calc(var(--spacing) * 0);
  list-style-type: none;
  padding: calc(var(--spacing) * 0);
}.btn{
  display: inline-block;
  cursor: pointer;
  border-radius: 6px;
  padding: 12px;
  padding-inline: 1.8rem;
  padding-block: 0.9rem;
  text-align: center;
  vertical-align: middle;
  font-size: 1rem;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-medium);
  font-weight: var(--font-weight-medium);
  color: #212529;
  text-decoration-line: none;
  -webkit-user-select: none;
  user-select: none;
  border: 2px solid transparent;
  transition: all 400ms ease-in-out;
  @media (width >= 414px) {
    @media (width < 480px) {
      font-size: 1.125rem;
    }
  }
  @media (width >= 480px) {
    @media (width < 768px) {
      font-size: 1.125rem;
    }
  }
  @media (width >= 1200px) {
    padding-inline: 1.7rem;
  }
  @media (width >= 1200px) {
    padding-block: 0.8rem;
  }
}.btn:focus{
  color: var(--color-white);
  --tw-shadow: 0 0 #0000;
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}hr{
  margin: 1rem 0;
  border-style: var(--tw-border-style);
  border-width: 0px;
  border-top-style: var(--tw-border-style);
  border-top-width: 1px;
  --tw-border-style: solid;
  border-style: solid;
  color: inherit;
  opacity: 25%;
}.fade{
  transition: opacity .15s linear;
}.fade:not(.show){
  opacity: 0%;
}label{
  display: inline-block;
}hr{
  margin: 1rem 0;
  color: inherit;
  opacity: 25%;
  border-top: 1px solid;
}.wsmenu > .wsmenu-list > li > a{
  margin: 0 7px;
  display: block;
  padding: 10px 15px;
  font-size: 1rem;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0;
  letter-spacing: 0;
  text-decoration-line: none;
  @media (width >= 414px) {
    @media (width < 480px) {
      margin: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 414px) {
    @media (width < 480px) {
      padding-top: 5px;
    }
  }
  @media (width >= 414px) {
    @media (width < 480px) {
      padding-right: 32px;
    }
  }
  @media (width >= 414px) {
    @media (width < 480px) {
      padding-bottom: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 414px) {
    @media (width < 480px) {
      padding-left: 20px;
    }
  }
  @media (width >= 480px) {
    @media (width < 768px) {
      margin: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 480px) {
    @media (width < 768px) {
      padding-top: 5px;
    }
  }
  @media (width >= 480px) {
    @media (width < 768px) {
      padding-right: 32px;
    }
  }
  @media (width >= 480px) {
    @media (width < 768px) {
      padding-bottom: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 480px) {
    @media (width < 768px) {
      padding-left: 20px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      margin: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      padding-top: 5px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      padding-right: 32px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      padding-bottom: calc(var(--spacing) * 1);
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      padding-left: 20px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      font-size: 1.25rem;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      --tw-leading: 46px;
      line-height: 46px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      margin-inline: 5px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      margin-block: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      padding-inline: 15px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      padding-block: 10px;
    }
  }
  @media (width >= 1200px) {
    font-size: 0.9375rem;
  }
}.navbar-dark .wsmenu > .wsmenu-list > li > a.h-link{
  color: #353f4f;
}.wsmenu > .wsmenu-list > li a.btn{
  margin-top: 14px;
  padding-inline: calc(var(--spacing) * 7);
  padding-block: calc(var(--spacing) * 1);
  font-size: 1rem;
  --tw-leading: 21px;
  line-height: 21px;
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0;
  letter-spacing: 0;
  text-transform: none;
  @media (width >= 768px) {
    @media (width < 992px) {
      margin-inline: calc(var(--spacing) * 0);
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      margin-top: 1px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      margin-bottom: 2px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      border-radius: 0 !important;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      border-style: var(--tw-border-style);
      border-width: 2px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      padding-inline: 22px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      padding-block: 5px;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      font-size: 1.25rem;
    }
  }
  @media (width >= 768px) {
    @media (width < 992px) {
      --tw-leading: 44px;
      line-height: 44px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      margin-top: 15px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      padding-inline: 22px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      padding-top: 3px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      padding-bottom: 5px;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      font-size: 0.9375rem;
    }
  }
  @media (width >= 992px) {
    @media (width < 1200px) {
      --tw-leading: 28px;
      line-height: 28px;
    }
  }
  @media (width >= 1200px) {
    margin: 14px 5px 0;
  }
  @media (width >= 1200px) {
    padding: 4px 22px 6px;
  }
  @media (width >= 1200px) {
    font-size: 0.9rem;
  }
  @media (width >= 1200px) {
    --tw-leading: 28px;
    line-height: 28px;
  }
}.wsmenu > .wsmenu-list{
  @media (width >= 414px) {
    @media (width < 480px) {
      margin-right: -325px;
    }
  }
  @media (width >= 414px) {
    @media (width < 480px) {
      width: 325px;
    }
  }
  @media (width >= 480px) {
    @media (width < 768px) {
      margin-right: -345px;
    }
  }
  @media (width >= 480px) {
    @media (width < 768px) {
      width: 345px;
    }
  }
}.tra-menu .wsmenu > .wsmenu-list > li > a{
  @media (width >= 768px) {
    @media (width < 992px) {
      color: #666;
    }
  }
}.navbar-dark .wsmenu-list > li > a.h-link:hover{
  color: #1d222f;
}.tra-menu.white-scroll .wsmainfull.scroll{
  background-color: rgba(255,255,255,0.7) !important;
  padding: calc(var(--spacing) * 0) !important;
  --tw-shadow: 0 2px 3px var(--tw-shadow-color, rgba(96,96,96,0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  --tw-backdrop-blur: blur(20px);
  -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
}.navbar-dark .logo-white{
  display: none;
}.tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link{
  color: #353f4f;
}table{
  margin-bottom: 16px;
  width: 100%;
  caption-side: bottom;
  border-collapse: collapse;
  border-color: #dee2e6;
  background-color: var(--color-white);
  vertical-align: top;
  color: #212529;
}tbody{
  border-style: var(--tw-border-style);
  border-width: 0px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: inherit;
}td{
  border-style: var(--tw-border-style);
  border-width: 0px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: inherit;
}th{
  border-style: var(--tw-border-style);
  border-width: 0px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: inherit;
}thead{
  border-style: var(--tw-border-style);
  border-width: 0px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: inherit;
}tr{
  border-style: var(--tw-border-style);
  border-width: 0px;
  --tw-border-style: solid;
  border-style: solid;
  border-color: inherit;
}#page{
  overflow: hidden;
}section{
  position: relative;
  z-index: 3;
}h1{
  margin-bottom: calc(var(--spacing) * 0);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0;
  letter-spacing: 0;
  color: #353f4f;
}h2{
  margin-bottom: calc(var(--spacing) * 0);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0;
  letter-spacing: 0;
  color: #353f4f;
}h3{
  margin-bottom: calc(var(--spacing) * 0);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0;
  letter-spacing: 0;
  color: #353f4f;
}h4{
  margin-bottom: calc(var(--spacing) * 0);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0;
  letter-spacing: 0;
  color: #353f4f;
}h5{
  margin-bottom: calc(var(--spacing) * 0);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0;
  letter-spacing: 0;
  color: #353f4f;
}h6{
  margin-bottom: calc(var(--spacing) * 0);
  --tw-font-weight: var(--font-weight-semibold);
  font-weight: var(--font-weight-semibold);
  --tw-tracking: 0;
  letter-spacing: 0;
  color: #353f4f;
}.clearfix::after{
  clear: both;
  display: block;
  --tw-content: "";
  content: var(--tw-content);
}.owl-theme .owl-dots .owl-dot span{
  margin-inline: 7px;
  margin-block: calc(var(--spacing) * 0);
}.owl-dots button:focus{
  text-decoration-line: none;
  outline: none;
}.overlapblackbg{
  @media (width >= 480px) {
    @media (width < 768px) {
      width: calc(100% - 345px);
    }
  }
}.overlapblackbg{
  @media (width >= 414px) {
    @media (width < 480px) {
      width: calc(100% - 325px);
    }
  }
}body.theme--dark{
  background-color: #232734;
}body.theme--dark{
  color: #b1b7cd;
}.theme--dark h1{
  color: var(--color-white);
}.theme--dark h2{
  color: var(--color-white);
}.theme--dark h3{
  color: var(--color-white);
}.theme--dark h4{
  color: var(--color-white);
}.theme--dark h5{
  color: var(--color-white);
}.theme--dark h6{
  color: var(--color-white);
}.theme--dark a{
  color: #b1b7cd;
}.theme--dark a:hover{
  color: #f7f8f9 !important;
}.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a{
  color: var(--color-white);
}.theme--dark .navbar-dark.light-hero-header .wsmenu > .wsmenu-list > li > a:hover{
  color: #eee;
}.theme--dark .tra-menu .wsmainfull.scroll{
  background-color: #1d222f !important;
  padding: calc(var(--spacing) * 0) !important;
  --tw-shadow: 0 2px 3px var(--tw-shadow-color, rgba(1,1,1,0.1));
  box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
}.theme--dark .tra-menu.navbar-dark .scroll .wsmenu > .wsmenu-list > li > a{
  color: #b1b7cd;
}.theme--dark .tra-menu.navbar-dark.white-scroll .scroll .wsmenu > .wsmenu-list > li > a.h-link{
  color: #b1b7cd;
}.theme--dark .navbar-dark .logo-black{
  display: none;
}.theme--dark .navbar-dark .scroll .logo-black{
  display: none;
}.theme--dark .navbar-dark .logo-white{
  display: block;
}.theme--dark .navbar-dark .scroll .logo-white{
  display: block;
}.theme--dark .navbar-dark .logo-black{
  display: block;
}.theme--dark .navbar-dark .logo-white{
  display: none;
}.theme--dark .owl-theme .owl-dots .owl-dot span{
  background: #1d212c;
}.theme--dark .owl-theme .owl-dots .owl-dot.active span{
  background: #b1b7cd;
}.theme--dark .wsmenu > .wsmenu-list{
  @media (width >= 768px) {
    @media (width < 992px) {
      background-color: #2c3142 !important;
    }
  }
}@media (max-width: 767px){.wsmenu > .wsmenu-list > li > a{
    margin: calc(var(--spacing) * 0) !important;
    padding-top: 5px !important;
    padding-right: 32px !important;
    padding-bottom: calc(var(--spacing) * 1) !important;
    padding-left: 20px !important;
    font-size: 18px !important;
    --tw-leading: 23px !important;
    line-height: 23px !important;
  }}@media (max-width: 767px){.tra-menu .wsmenu > .wsmenu-list > li > a{
    color: #666;
  }}@media (max-width: 767px){.theme--dark .navbar-dark .wsmenu > .wsmenu-list > li > a{
    color: var(--color-white) !important;
  }}@media (max-width: 767px){.wsmenu > .wsmenu-list > li a.btn{
    margin-inline: calc(var(--spacing) * 0) !important;
    margin-top: 1px !important;
    margin-bottom: 2px !important;
    border-radius: 0 !important;
    border-style: var(--tw-border-style) !important;
    border-width: 2px !important;
    padding-inline: 22px !important;
    padding-block: 5px !important;
    font-size: 18px !important;
    --tw-leading: 23px !important;
    line-height: 23px !important;
  }}@media (max-width: 767px){.theme--dark .wsmenu > .wsmenu-list{
    background-color: #2c3142 !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){p{
    font-size: 1.0625rem !important;
    line-height: 22px;
  }}@media (min-width: 390px) and (max-width: 413.98px){.btn{
    font-size: 1.0625rem !important;
    line-height: 22px;
  }}@media (min-width: 390px) and (max-width: 413.98px){.wsmenu > .wsmenu-list{
    margin-right: -325px;
    width: 325px !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.overlapblackbg{
    width: calc(100% - 325px) !important;
  }}@media (min-width: 390px) and (max-width: 413.98px){.wsmenu > .wsmenu-list > li > a{
    margin: calc(var(--spacing) * 0) !important;
    padding-top: 5px !important;
    padding-right: 32px !important;
    padding-bottom: calc(var(--spacing) * 1) !important;
    padding-left: 20px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.btn{
    font-size: 1rem !important;
    line-height: 21px;
  }}@media (min-width: 321px) and (max-width: 389.98px){.wsmenu > .wsmenu-list{
    margin-right: -290px;
    width: 290px !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.overlapblackbg{
    width: calc(100% - 290px) !important;
  }}@media (min-width: 321px) and (max-width: 389.98px){.wsmenu > .wsmenu-list > li > a{
    margin: calc(var(--spacing) * 0) !important;
    padding-top: 5px !important;
    padding-right: 32px !important;
    padding-bottom: calc(var(--spacing) * 1) !important;
    padding-left: 20px !important;
  }}@media (max-width: 320.98px){.btn{
    font-size: 1rem !important;
    line-height: 21px;
  }}@media (max-width: 320.98px){.wsmenu > .wsmenu-list{
    margin-right: -250px;
    width: 250px !important;
  }}@media (max-width: 320.98px){.overlapblackbg{
    width: calc(100% - 250px) !important;
  }}@media (max-width: 320.98px){.wsmenu > .wsmenu-list > li > a{
    margin: calc(var(--spacing) * 0) !important;
    padding-top: 5px !important;
    padding-right: 32px !important;
    padding-bottom: calc(var(--spacing) * 1) !important;
    padding-left: 20px !important;
  }}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){::before{
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }}}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){::after{
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
    }}}.tra-menu .wsmainfull{
    background-color: transparent !important;
    box-shadow: none;
}.btn--theme{
  color: #fff!important;
  border-color: #4f46e5!important;
  background-color: #4f46e5!important;
}.hover--theme:hover{
  color: #fff!important;
  border-color: #4338ca!important;
  background-color: #4338ca!important;
}.white-scroll .scroll .hover--theme:hover{
  color: #fff!important;
  border-color: #4338ca!important;
  background-color: #4338ca!important;
}.theme--dark .white-scroll .scroll .hover--theme:hover{
  color: #fff!important;
  border-color: #4338ca!important;
  background-color: #4338ca!important;
}.theme--dark .white-scroll .hover--theme:hover{
  color: #fff!important;
  border-color: #4338ca!important;
  background-color: #4338ca!important;
}.sr-wordmark{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: -0.03em;
  line-height: 1;
  color: #111827;
  white-space: nowrap;
  text-rendering: optimizeLegibility;
  vertical-align: middle;
}.sr-wordmark b,.sr-wordmark-brand{ color: #4f46e5; font-weight: 700; margin-left: 0.22em; }.logo-white .sr-wordmark{ color: #ffffff; }#sr-mobile-header .sr-wordmark{ font-size: 24px; line-height: 1; }#sr-mobile-header{ display: none; }#sr-mobile-nav{ display: none; }@media (max-width: 991.98px){#header{ display: none; }}@media (max-width: 991.98px){#sr-mobile-header{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 12px;
    background: #ffffff;
    border-bottom: 1px solid #e6e9f2;
    position: sticky;
    top: 0;
    z-index: 1030;
  }}@media (max-width: 991.98px){#sr-mobile-header .sr-wordmark{ font-size: 24px; line-height: 1; }}@media (max-width: 991.98px){#sr-nav-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 8px;
    color: #353f4f;
    background: transparent;
    border: 0;
    cursor: pointer;
  }}@media (max-width: 991.98px){#sr-nav-toggle:hover{ background: #f2f4f8; }}@media (max-width: 991.98px){#sr-mobile-nav{
    display: block;
    background: #ffffff;
    border-bottom: 1px solid #e6e9f2;
    max-height: calc(100vh - 60px);
    overflow-y: auto;
    padding: 12px 12px 24px;
    position: sticky;
    top: 55px;
    z-index: 1029;
  }}@media (max-width: 991.98px){#sr-mobile-nav.hidden{ display: none; }}@media (max-width: 991.98px){#sr-mobile-nav .sr-mobile-link{
    display: block;
    border-radius: 8px;
    padding: 10px 8px;
    font-size: 15px;
    font-weight: 500;
    color: #353f4f;
    text-decoration: none;
  }}@media (max-width: 991.98px){#sr-mobile-nav .sr-mobile-link:hover{ background: #f2f4f8; color: #4f46e5; }}@media (max-width: 991.98px){#sr-mobile-nav .sr-mobile-cta{
    display: block;
    text-align: center;
    border-radius: 6px;
    padding: 12px;
    font-weight: 600;
    margin-bottom: 8px;
    text-decoration: none;
  }}@media (max-width: 991.98px){#sr-mobile-nav .sr-mobile-cta.primary{ background: #4f46e5; color: #fff; }}@media (max-width: 991.98px){#sr-mobile-nav .sr-mobile-cta.outline{ border: 1px solid #c9cede; color: #353f4f; }}@media (min-width: 992px){#sr-mobile-header{ display: none !important; }}@media (min-width: 992px){#sr-mobile-nav{ display: none !important; }}.wsmainwp{ padding: 0 12px; }@media (min-width: 1400px){.wsmainwp{ max-width: 1320px; }}.tra-menu.white-scroll .wsmainfull.scroll{
  background-color: #ffffff !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}@media (min-width: 992px){.wsmainwp{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
  }}@media (min-width: 992px){.desktoplogo{
    position: absolute !important;
    left: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    float: none !important;
    padding: 0 !important;
    line-height: normal !important;
    display: flex !important;
    align-items: center !important;
    height: 80px !important;
    flex: 0 0 auto !important;
  }}@media (min-width: 992px){.wsmenu{
    position: static !important;
    float: none !important;
    margin: 0 !important;
    display: flex !important;
    align-items: center !important;
    height: 80px !important;
    flex: 0 1 auto !important;
  }}@media (min-width: 992px){.wsmenu > .wsmenu-list{ display: inline-block !important; }}@media (min-width: 992px){.wsmenu > .wsmenu-list > li{ float: left !important; display: inline-block !important; }}@media (min-width: 992px){.sr-header-btns{
    position: absolute !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    float: none !important;
    margin-left: 0 !important;
  }}.sr-header-btns{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  float: right;
  line-height: normal;
  height: 80px;
  margin-left: 20px;
  flex: 0 0 auto;
}.sr-header-btns a{
  display: inline-block;
  margin: 0 0 0 10px;
  padding: 10px 22px;
  font-size: 0.9rem;
  font-weight: 600;
  line-height: 1.2;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
}.sr-btn-wire{
  background: transparent !important;
  border: 2px solid #4f46e5 !important;
  color: #4338ca !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  padding: 10px 22px !important;
  line-height: 1.2 !important;
  margin: 0 0 0 10px !important;
  text-align: center !important;
  vertical-align: middle !important;
  display: inline-block !important;
  transition: all 200ms ease-in-out !important;
}.sr-btn-wire:hover{
  background: #eef2ff !important;
  border-color: #4338ca !important;
  color: #3730a3 !important;
  text-decoration: none !important;
}@media (min-width: 992px){.desktoplogo{ left: 12px !important; }}@media (min-width: 992px){.sr-header-btns{ right: 12px !important; }}@media (min-width: 992px){#header{ display: block; width: 100%; padding-top: 0 !important; }}#header .header-wrapper{ position: fixed; top: 0; left: 0; right: 0; z-index: 1030; }#header .wsmainfull{ position: relative; }#header .wsmainfull{ color: #b1b7cd; padding: 20px 0; width: 100%; height: auto; z-index: 1031; }@media (min-width: 992px){#header .wsmenu > .wsmenu-list > li > a.h-link{
    font-size: 15px !important;
    line-height: 50px !important;
    font-weight: 600 !important;
    letter-spacing: 0 !important;
  }}@media (min-width: 992px){#header .sr-header-btns a{
    font-size: 14.4px !important;
    line-height: 1.2 !important;
    padding: 10px 22px !important;
  }}@media (min-width: 992px){#header .sr-btn-wire{
    font-size: 14.4px !important;
    line-height: 1.2 !important;
    padding: 10px 22px !important;
  }}@media (min-width: 992px){#header .btn--theme{
    font-size: 14.4px !important;
    line-height: 1.2 !important;
    padding: 10px 22px !important;
  }}#header .navbar-dark .logo-white{ display: none; }#header .logo-black{ display: block; }html{ scroll-behavior: smooth; }#header .sr-wordmark{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  vertical-align: middle;
}#sr-mobile-header .sr-wordmark{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 28px;
  vertical-align: middle;
}html body .sr-hero-heading{
  font-size: 2.0625rem !important;
  line-height: 54px !important;
}@media (min-width: 480px){html body .sr-hero-heading{ font-size: 2.375rem !important; }}@media (min-width: 768px){html body .sr-hero-heading{ font-size: 2.79411rem !important; }}@media (min-width: 992px){html body .sr-hero-heading{ font-size: 3rem !important; }}@media (min-width: 1200px){html body .sr-hero-heading{ font-size: 3.25rem !important; }}.public-footer{
  box-sizing: border-box;
  width: 100%;
  border-top: 1px solid #e2e8f0;
  background: #f8fafc;
  color: #475569;
}.public-footer *{ box-sizing: border-box; }.public-footer *::before{ box-sizing: border-box; }.public-footer *::after{ box-sizing: border-box; }.public-footer-inner{
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
  padding-inline: 12px;
}.public-footer-bottom-inner{
  width: 100%;
  max-width: 1320px;
  margin-inline: auto;
  padding-inline: 12px;
}.public-footer-inner{ padding-block: 3.5rem; }.public-footer-grid{
  display: grid;
  grid-template-columns: 1fr;
  gap: 2.5rem;
}.public-footer-brand{ min-width: 0; }.public-footer-description{
  max-width: 20rem;
  margin-top: 1rem;
  color: #475569;
  font-size: 0.875rem;
  line-height: 1.625;
}.public-footer-payments{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.45rem;
  margin-top: 1.25rem;
}.public-footer-payment{
  display: inline-flex;
  min-width: 46px;
  height: 28px;
  align-items: center;
  justify-content: center;
  padding-inline: 0.5rem;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15, 23, 42, .05);
  line-height: 1;
}.public-footer-payment-visa{
  color: #1434cb;
  font-size: 0.8rem;
  font-style: italic;
  font-weight: 800;
  letter-spacing: -.04em;
}.public-footer-payment-mastercard{ padding-inline: 0.65rem; }.mastercard-mark{
  position: relative;
  width: 31px;
  height: 18px;
}.mastercard-mark::before,.mastercard-mark::after{
  content: "";
  position: absolute;
  top: 0;
  width: 18px;
  height: 18px;
  border-radius: 50%;
}.mastercard-mark::before{ left: 0; background: #eb001b; }.mastercard-mark::after{ right: 0; background: #f79e1b; opacity: .9; }.public-footer-payment-paypal{
  color: #003087;
  font-size: 0.75rem;
  font-style: italic;
  font-weight: 750;
  letter-spacing: -.035em;
}.public-footer-payment-stripe{
  color: #635bff;
  font-size: 0.78rem;
  font-weight: 750;
  letter-spacing: -.035em;
}.public-footer-column{ min-width: 0; }.public-footer-heading{
  color: #94a3b8;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.15em;
  line-height: 1.25;
  text-transform: uppercase;
}.public-footer-list{
  display: flex;
  flex-direction: column;
  gap: 0.625rem;
  margin: 1rem 0 0;
  padding: 0;
  list-style: none;
  font-size: 0.875rem;
  line-height: 1.4;
}.public-footer-list li{ margin: 0; padding: 0; }.public-footer-list a{
  color: #475569;
  text-decoration: none;
  transition: color .15s ease;
}.public-footer-list a:hover{ color: #0f172a; }.public-footer-bottom{
  border-top: 1px solid #e2e8f0;
}.public-footer-bottom-inner{
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
  padding-block: 1.25rem;
  color: #64748b;
  font-size: 0.75rem;
  line-height: 1.4;
}.public-footer-bottom-inner > div:last-child{ text-align: left; }@media (min-width: 640px){.public-footer-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }}@media (min-width: 768px){.public-footer-bottom-inner{ flex-direction: row; align-items: center; justify-content: space-between; }}@media (min-width: 768px){.public-footer-bottom-inner > div:last-child{ text-align: right; }}@media (min-width: 1024px){.public-footer-grid{ grid-template-columns: repeat(5, minmax(0, 1fr)); }}@media (min-width: 1024px){.public-footer-inner{ padding-inline: 12px; }}@media (min-width: 1024px){.public-footer-bottom-inner{ padding-inline: 12px; }}

/* Scroll reveal (WOW-lite): .wow starts hidden, JS adds .animated + animation-name. */
.wow { visibility: hidden; }
.wow.animated { visibility: visible; animation-duration: 1s; animation-fill-mode: both; }
.fadeInUp.animated    { animation-name: fadeInUp; }
.fadeInLeft.animated  { animation-name: fadeInLeft; }
.fadeInRight.animated { animation-name: fadeInRight; }
.animate__animated    { animation-duration: 1s; animation-fill-mode: both; }
.animate__fadeInUp    { animation-name: fadeInUp; }
.animate__fadeInLeft  { animation-name: fadeInLeft; }
.animate__fadeInRight { animation-name: fadeInRight; }
@media (prefers-reduced-motion: reduce) {
  .wow { visibility: visible; }
  .wow.animated, .animate__animated { animation: none; }
}

/* Review carousel (replaces Owl Carousel): flex row, JS rotates a 1-3 item window. */
.sr-carousel { display: flex; flex-wrap: nowrap; }
.sr-carousel > * { flex: 0 0 100%; max-width: 100%; min-width: 0; }
@media (min-width: 768px)  { .sr-carousel > * { flex-basis: 50%; max-width: 50%; } }
@media (min-width: 1000px) { .sr-carousel > * { flex-basis: 33.3333%; max-width: 33.3333%; } }

/* Currency prices: every price is in the markup twice (data-cur="EUR" and
   data-cur="USD"); common.js sets data-currency on <html> from the sr_currency
   cookie the server seeds from geo, and these rules reveal the matching one.
   EUR is the no-JS default. */
[data-cur="USD"] { display: none; }
html[data-currency="USD"] [data-cur="EUR"] { display: none; }
html[data-currency="USD"] [data-cur="USD"] { display: inline; }

/* ---------------------------------------------------------------------------
   Common frontend typography scale.
   These roles replace the old per-theme size-only utility classes.
--------------------------------------------------------------------------- */
body p {
  margin: 0 0 1rem;
  color: #6c757d;
  font-size: 1rem;
  line-height: 1.625;
}

.sr-eyebrow {
  color: #94a3b8;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.14em;
  line-height: 1.5;
  margin: 0;
  text-transform: uppercase;
}

.sr-eyebrow-center {
  text-align: center;
}

.sr-hero-title {
  color: #2f353e;
  font-size: 2.0625rem;
  font-weight: 700;
  letter-spacing: -0.025em;
  line-height: 1.12;
  margin: 0 0 1rem;
}

.sr-lead {
  color: #6c757d;
  font-size: 1.125rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.7;
  margin: 0 0 2rem;
}

.sr-section-head {
  margin-bottom: 3rem;
}

.sr-section-title {
  color: #2f353e;
  font-size: clamp(1.875rem, 1.2rem + 2vw, 2.5rem);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.22;
  margin: 0;
}

.sr-section-intro {
  color: #6c757d;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.7;
  margin: 0.875rem 0 0;
}

.sr-card-title {
  color: #2f353e;
  font-size: 1.25rem;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.35;
  margin: 0 0 0.75rem;
}

.sr-text-box > p,
.sr-text-box > ul {
  margin-top: 0;
}

.sr-text-box > p {
  margin-bottom: 1rem;
}

.sr-text-box > ul {
  margin-bottom: 1rem;
}

.sr-text-box > .btn {
  margin-top: 1.5rem;
}

.sr-stat-number {
  color: #2f353e;
  font-size: 2.5rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.15;
  margin: 0;
}

.sr-stat-caption {
  color: #6c757d;
  font-size: 0.9375rem;
  line-height: 1.55;
  margin: 0;
}

/* Cloud providers strip (components/public_providers.html): sentence-case heading, one supporting line and a
   scrolling logo marquee with faded edges; logos sized individually so each carries similar visual weight.
   Reduced motion shows one static, centred set. */
.sr-providers { padding-block: 56px; }
.sr-providers-head { max-width: 720px; margin: 0 auto 32px; text-align: center; }
.sr-providers-title { margin: 0; color: #2f353e; font-size: 1.5rem; font-weight: 700; line-height: 1.3; letter-spacing: -0.01em; text-wrap: balance; }
.sr-providers-sub { margin: 8px 0 0; color: #626b75; font-size: 1rem; line-height: 1.6; text-wrap: balance; }
.sr-providers-marquee { overflow: hidden; -webkit-mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(to right, transparent, #000 10%, #000 90%, transparent); }
.sr-providers-track { display: flex; width: max-content; }
.sr-providers-group { display: flex; align-items: center; gap: 64px; margin: 0; padding: 8px 64px 8px 0; list-style: none; }
.sr-providers-group li { display: flex; align-items: center; height: 44px; }
.sr-logo { display: block; width: auto; max-width: none; transition: transform .2s ease-out; }
.sr-providers-group li:hover .sr-logo { transform: scale(1.06); }
.sr-logo--aws { height: 30px; } .sr-logo--gcp { height: 24px; } .sr-logo--do { height: 23px; } .sr-logo--vultr { height: 22px; }
.sr-logo--hetzner { height: 17px; } .sr-logo--ovh { height: 23px; } .sr-logo--scaleway { height: 24px; } .sr-logo--upcloud { height: 23px; }
.sr-logo--bunny { height: 32px; } .sr-logo--cloudflare { height: 23px; }
/* Publisher logos (components/public_fvm_press.html): same strip, own content; heights balance each mark's ink, and each logo is a link. */
.sr-logo--dreamhost { height: 33px; } .sr-logo--wpengine { height: 26px; } .sr-logo--kinsta { height: 36px; } .sr-logo--greengeeks { height: 31px; }
.sr-logo--hostinger { height: 26px; } .sr-logo--godaddy { height: 25px; } .sr-logo--elegant { height: 33px; } .sr-logo--themeisle { height: 32px; } .sr-logo--hubspot { height: 26px; }
.sr-press .sr-providers-group a { display: flex; align-items: center; border-radius: 4px; }
.sr-press .sr-providers-group a:focus-visible { outline: 2px solid #4f46e5; outline-offset: 6px; }
@media (prefers-reduced-motion: no-preference) {
  .sr-providers-track { animation: sr-marquee 40s linear infinite; }
  .sr-providers-marquee:hover .sr-providers-track, .sr-providers-marquee:focus-within .sr-providers-track { animation-play-state: paused; }
}
@keyframes sr-marquee { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {
  .sr-providers-marquee { -webkit-mask-image: none; mask-image: none; }
  .sr-providers-track { width: auto; justify-content: center; }
  .sr-providers-group { flex-wrap: wrap; justify-content: center; gap: 20px 48px; padding: 0; }
  .sr-providers-group[aria-hidden="true"] { display: none; }
}
@media (max-width: 767.98px) {
  .sr-providers { padding-block: 44px; }
  .sr-providers-head { margin-bottom: 24px; }
  .sr-providers-title { font-size: 1.25rem; }
  .sr-providers-sub { font-size: 0.9375rem; }
  .sr-providers-group { gap: 44px; padding-right: 44px; }
}
@media (max-width: 767.98px) and (prefers-reduced-motion: reduce) { .sr-providers-group { gap: 14px 28px; } }

/* Proof cards (components/public_stats.html, WP Raiser track record): three equal cards, each an emblem beside
   a bold headline and a short note: the EU flag beside the years in business (links home), the WordPress logo (grey) with the 4.6 rating (links to the plugin),
   and the Upwork logo for Top Rated Plus (links to the Upwork profile); each whole card is the link. */
.sr-proof { padding-block: 56px; }
#track-record .sr-proof { padding-block: 0; }
.sr-proof-cards { display: grid; gap: 16px; max-width: 1080px; margin: 0 auto; }
.sr-proof-card { display: flex; align-items: center; gap: 16px; min-width: 0; padding: 20px 22px; border: 1px solid #e5e9ef; border-radius: 12px; background: #fff; transition: border-color .2s ease-out, box-shadow .2s ease-out; }
.sr-proof-card:hover { border-color: #d5dbe4; box-shadow: 0 8px 24px -12px rgba(22, 28, 45, .18); }
a.sr-proof-card, a.sr-proof-card:hover { color: inherit; text-decoration: none; }
a.sr-proof-card:focus-visible { outline: 2px solid #4f46e5; outline-offset: 2px; }
.sr-proof-mark { display: grid; place-items: center; flex: none; width: 48px; height: 48px; }
.sr-proof-mark-svg { width: 44px; height: 44px; }
.sr-proof-body { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.sr-proof-title { display: flex; align-items: center; gap: 8px; color: #2f353e; font-size: 1.1875rem; font-weight: 700; line-height: 1.25; white-space: nowrap; }
.sr-proof-stars { display: inline-flex; gap: 2px; color: #fbbf24; }
.sr-proof-stars svg { width: 18px; height: 18px; fill: currentColor; stroke: #f59e0b; stroke-width: 1; }
.sr-proof-note { color: #626b75; font-size: 0.9375rem; line-height: 1.4; }
@media (min-width: 992px) { .sr-proof-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 992px) and (max-width: 1199.98px) { .sr-proof-card { gap: 12px; padding: 16px 16px; } .sr-proof-title { font-size: 1.0625rem; } .sr-proof-note { font-size: 0.875rem; } .sr-proof-mark { width: 40px; height: 40px; } .sr-proof-mark-svg { width: 38px; height: 38px; } .sr-proof-stars svg { width: 16px; height: 16px; } }
@media (max-width: 991.98px) { .sr-proof-cards { max-width: 440px; } }
@media (max-width: 767.98px) { .sr-proof { padding-block: 44px; } }

.sr-author-name {
  color: #2f353e;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.45;
  margin: 0 0 0.125rem;
}

.sr-author-meta {
  color: #6c757d;
  font-size: 0.875rem;
  line-height: 1.45;
  margin: 0;
}

/* Closing call to action (components/public_cta.html), the same on every public page: centred title,
   two buttons side by side, one short note. Below 576px the buttons stack at one equal width. */
.sr-cta-body {
  max-width: 960px;
  margin: 0 auto;
  text-align: center;
}

.sr-cta-title {
  color: #2f353e;
  font-size: clamp(1.75rem, 1rem + 2vw, 2.5rem);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.22;
  margin: 0 0 1.75rem;
  text-wrap: balance;
}

.sr-cta-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 12px 15px;
}

.sr-cta-actions .btn {
  margin: 0;
}

.sr-cta-note {
  color: #6c757d;
  font-size: 0.9375rem;
  line-height: 1.5;
  margin: 1.25rem auto 0;
  max-width: 34rem;
  text-wrap: balance;
}

@media (max-width: 575.98px) {
  .sr-cta-actions {
    flex-direction: column;
    align-items: stretch;
    max-width: 320px;
    margin: 0 auto;
  }

  .sr-cta-actions .btn {
    width: 100%;
    text-align: center;
  }
}

@media (min-width: 480px) {
  .sr-hero-title {
    font-size: 2.375rem;
  }
}

@media (min-width: 768px) {
  .sr-hero-title {
    font-size: 2.79411rem;
  }

  .sr-cta-title {
    margin-bottom: 2rem;
  }
}

@media (min-width: 992px) {
  .sr-hero-title {
    font-size: 3rem;
  }

  .sr-section-head {
    margin-bottom: 3.5rem;
  }
}

@media (min-width: 1200px) {
  .sr-hero-title {
    font-size: 3.25rem;
  }

  .sr-section-head {
    margin-bottom: 4rem;
  }
}

@media (max-width: 767px) {
  .sr-hero-title {
    margin-bottom: 0.75rem;
  }

  .sr-lead {
    margin-bottom: 1.5rem;
  }
}

/* Shared public hero geometry, matching the homepage hero. */
.sr-home-hero .sr-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.16em;
  text-transform: uppercase;
  color: #4f46e5;
  margin-bottom: 1rem;
}

.sr-home-hero .sr-eyebrow::before,
.sr-home-hero .sr-eyebrow::after {
  content: "";
  width: 22px;
  height: 1px;
  background: currentColor;
  opacity: 0.55;
}

@media (max-width: 767px) {
  .sr-home-hero .sr-eyebrow {
    margin-bottom: 0.75rem;
  }
}

:is(#hero-5, #hero-25, #hero-7, #hero, .pricing-hero, .contact-hero, .legal-hero).sr-home-hero {
  position: relative;
  z-index: 3;
  padding-top: 140px !important;
  padding-bottom: 50px !important;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  background-attachment: fixed;
}

.sr-home-hero > .container,
.sr-home-hero > .container-xl {
  position: relative;
  z-index: 3;
}

.sr-home-hero .wave-shape-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  pointer-events: none;
}

#hero.sr-home-hero .wave-shape-bottom {
  z-index: 4;
}

.sr-home-hero .wave-shape-bottom svg {
  display: block;
  width: 100%;
  height: auto;
}

.sr-home-hero .wave-shape-bottom path {
  fill: #fff;
}

.theme--dark .sr-home-hero .wave-shape-bottom path {
  fill: #232734;
}

.sr-home-hero .sr-home-hero-img {
  margin-bottom: -50px !important;
}

.sr-home-hero-img img {
  display: block;
  width: auto;
  max-width: 100%;
  max-height: 620px !important;
  margin-inline: auto;
}

.sr-home-hero-content {
  margin: 0 !important;
  padding: 0 !important;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
  :is(#hero-5, #hero-25, #hero-7, #hero, .pricing-hero, .contact-hero, .legal-hero).sr-home-hero {
    padding-top: 130px !important;
  }

  .sr-home-hero-img img {
    max-height: 560px !important;
  }
}

@media (min-width: 768px) and (max-width: 991.98px) {
  :is(#hero-5, #hero-25, #hero-7, #hero, .pricing-hero, .contact-hero, .legal-hero).sr-home-hero {
    padding-top: 80px !important;
  }
}

@media (max-width: 767.98px) {
  :is(#hero-5, #hero-25, #hero-7, #hero, .pricing-hero, .contact-hero, .legal-hero).sr-home-hero {
    padding-top: 80px !important;
    text-align: center;
    background-attachment: scroll;
  }

  .sr-home-hero .sr-home-hero-img {
    margin-top: 40px !important;
  }

  .sr-home-hero-img img {
    max-height: 400px !important;
  }
}

/* Public navigation dropdowns. The existing header and hero dimensions stay intact. */
.sr-submenu-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:40px;padding:0;border:0;border-radius:4px;background:transparent;color:#353f4f;cursor:pointer;vertical-align:middle}
.sr-submenu-toggle:hover,.sr-submenu-toggle[aria-expanded="true"]{color:#4f46e5;background:#eef2ff}
.sr-submenu-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.sr-submenu-toggle:focus-visible,#header a:focus-visible,#sr-mobile-nav a:focus-visible{outline:2px solid #4f46e5;outline-offset:3px}
.sr-dropdown[hidden]{display:none!important}
.sr-dropdown-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 30px;margin:0;padding:0;list-style:none}
.sr-dropdown-link{display:flex;align-items:flex-start;gap:16px;padding:16px 12px;border-radius:8px;text-align:left;text-decoration:none;color:#353f4f}
.sr-dropdown-link:hover,.sr-dropdown-link:focus-visible{background:#f6f5ff;color:#4f46e5}
.sr-dropdown-link strong{display:block;font-size:17px;line-height:1.45;font-weight:700}
.sr-dropdown-description{display:block;margin-top:7px;color:#64748b;font-size:14px;line-height:1.6;font-style:italic}
.sr-menu-icon{width:24px;height:24px;flex:0 0 24px;color:#4f46e5;margin-top:1px}
@media(min-width:992px){
 #header .wsmenu>.wsmenu-list>li>a.h-link{padding-left:10px;padding-right:10px}
 #header .wsmenu>.wsmenu-list>.sr-nav-item>a.h-link{display:inline-block;padding-right:2px}
 #header .sr-nav-item{position:static}
 #header .sr-dropdown{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);width:min(980px,calc(100% - 24px));padding:30px 32px;border:1px solid #edf0f6;border-radius:18px;background:#fff;box-shadow:0 20px 60px rgba(35,47,72,.16);z-index:10}
 #header .sr-dropdown::before{content:"";position:absolute;top:-11px;left:var(--sr-arrow-left,50%);width:20px;height:20px;transform:translateX(-50%) rotate(45deg);background:#fff;border-top:1px solid #edf0f6;border-left:1px solid #edf0f6}
 #header .sr-dropdown::after{content:"";position:absolute;left:0;right:0;top:-28px;height:28px}
}
@media(min-width:992px) and (max-width:1199.98px){#header .wsmenu>.wsmenu-list>li>a.h-link{padding-left:6px;padding-right:6px}}
@media(max-width:991.98px){
 #sr-mobile-nav .sr-nav-item{display:grid;grid-template-columns:minmax(0,1fr) 44px;align-items:center}
 #sr-mobile-nav .sr-submenu-toggle{width:44px;height:44px}
 #sr-mobile-nav .sr-dropdown{grid-column:1/-1;padding:4px 0 10px 8px}
 #sr-mobile-nav .sr-dropdown-grid{grid-template-columns:minmax(0,1fr);gap:0}
 #sr-mobile-nav .sr-dropdown-link{padding:12px 8px;gap:12px}
 #sr-mobile-nav .sr-dropdown-link strong{font-size:14px}
 #sr-mobile-nav .sr-dropdown-description{font-size:13px;margin-top:3px}
 #sr-mobile-nav .sr-menu-icon{width:20px;height:20px;flex-basis:20px}
}
@media(min-width:992px) and (max-width:1199.98px){
 #header .wsmenu{margin-right:28px!important}
 #header .wsmenu>.wsmenu-list>li>a.h-link,#header .wsmenu>.wsmenu-list>.sr-nav-item>a.h-link{padding-left:4px;padding-right:4px}
 #header .sr-submenu-toggle{width:20px}
}

/* Dropdown categories are disclosure buttons; only their entries navigate. */
#header .sr-menu-toggle{display:inline-flex;align-items:center;justify-content:center;width:auto;height:70px;padding:10px;gap:4px;background:transparent;color:#353f4f;font-size:15px;font-weight:600;line-height:50px;letter-spacing:0;white-space:nowrap;box-shadow:none}
#header .sr-menu-toggle:hover,#header .sr-menu-toggle[aria-expanded="true"]{color:#4f46e5}
@media(min-width:992px) and (max-width:1199.98px){#header .sr-menu-toggle{width:auto;padding-inline:4px;gap:8px}}
@media(max-width:991.98px){#sr-mobile-nav .sr-menu-toggle{grid-column:1/-1;display:flex;justify-content:space-between;width:100%;height:44px;padding:10px 8px;background:transparent;font-size:15px;font-weight:500;line-height:24px;text-align:left}#sr-mobile-nav .sr-menu-toggle:hover,#sr-mobile-nav .sr-menu-toggle[aria-expanded="true"]{background:#f2f4f8;color:#4f46e5}}