/*Product section Home page start*/
.product-section-outer{
    padding: 50px 0px;
}
.product-card-sction{
    box-shadow: rgb(0 120 255 / 37%) 0px 3px 6px, rgb(0 84 255 / 23%) 0px 3px 6px;
    position: relative;
    border-radius: 16px!important;
    overflow: hidden;
    transition: transform 0.35s ease;
    z-index: 1;
}
.product-card-sction::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 2px;
    background: linear-gradient(67deg, #c96ad7, #0040ff, #6d67ed);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}
.product-card-sction:hover{
        transform: scale(1.05);
}
.product-card-sction:hover::before {
    opacity: 1;
}
.product-section-outer{
    
}
/*Product section Home page end*/

/*Blog section Home page start*/
.blog-car-outbox{
    box-shadow: rgb(0 120 255 / 37%) 0px 3px 6px, rgb(0 84 255 / 23%) 0px 3px 6px;
    position: relative;
    border-radius: 16px!important;
    overflow: hidden;
    transition: transform 0.35s ease;
    z-index: 1;
}
.blog-car-outbox::before{
    content: "";
    position: absolute;
    inset: 0;
    border-radius: 16px;
    padding: 2px;
    background: linear-gradient(67deg, #c96ad7, #0040ff, #6d67ed);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.35s ease;
    pointer-events: none;
}
.blog-car-outbox:hover{
        transform: scale(1.05);
}
.blog-car-outbox:hover::before {
    opacity: 1;
}
.blog-section{
    padding: 50px 0px;
}
/*Blog section Home page end*/

.cta-with-logo-box-home{
    border-radius: 20px;
    padding: 10px 120px;
}
.logo-rounded-shape{
    max-width: 270px;
}
/*Home contact form & contact Details SECTION START*/
.contact-detailcarDS {
    max-width: 1200px;
    margin: 10px auto;
    padding: 11px 32px;
    border-radius: 16px;
    background: linear-gradient(#09203f, #537895) padding-box, linear-gradient(45deg, #ffb300, #fb5054) border-box;
    border: 2px solid transparent;
    border-left: 6px solid #ffb300;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
}
/*Home contact form & contact Details SECTION END*/

.home-contact-form-outline{
        border: 2px solid #38649D;
    border-radius: 8px 0px 0px 8px;
}
.get-in-touch-box{
    background-color: #38649D;
}
    
.brand-box {
    box-shadow: rgba(6, 24, 44, 0.4) 0px 0px 0px 2px, rgba(6, 24, 44, 0.65) 0px 4px 6px -1px, rgba(255, 255, 255, 0.08) 0px 1px 0px inset;
    margin: 10px;
    border-radius: 12px;
    transition: all 1s ease;
}
.brand-box:hover {
    box-shadow: 0px 0px 15px 0px rgba(255, 0, 255, 0.6), 0px 5px 15px 0px rgba(0, 255, 255, 0.6), 0px 0px 0px 0px rgba(255, 255, 0, 0.4);
    margin: 10px;
    border-radius: 12px;
}
.common-background-color-website{
    background: linear-gradient(120deg, #21d4fd, #b721ff)!important;
}
.fassai-chhuri-kata{
      color: #000;              /* default black */
  transition: color 0.3s ease;
}
.fassai-chhuri-kata:hover{
  color: #fff; 
}


.card.main-form-contain.why-choose-box_{
        background: linear-gradient(120deg, #21d4fd, #b721ff)!important;
}
/*bootstrap Jquery Tab start*/
.about-tabs-content.w-tab-content:before {
    content: "";
    position: absolute;
    inset: -3px;
    background: linear-gradient(120deg, #09203f, #537895);
    border-radius: 14px;
    z-index: -1;
    filter: blur(10px);
    opacity: 0.7;
}

.tab-content-box {
  display: block;
}
.tabsection-service{
    display: grid;
    justify-content: center;
    align-items: center;
}
.d-none {
  display: none !important;
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
    background: none!important;
}
.nav-tabs .nav-link{
        border-radius: 12px!important;
        border: 4px double #ececec!important;
        margin: 0px 8px;
}
.nav-tabs .nav-link:hover{
    isolation: inherit !important;
}
#customTabs .nav-link {
  color: #333;
}

#customTabs .nav-link.active {
 background: linear-gradient(120deg, #09203f, #537895) !important;
    border: none;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;  /* 🔥 key fix */
    background-clip: initial !important;
    -webkit-background-clip: border-box !important;
        border: none;
    transition: all 0.3s ease;
}

#customTabs .nav-link.active:hover{
    animation: gradientMove 2s ease infinite;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(0,0,0,0.2);
}

/* Keyframes */
@keyframes gradientMove {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
}
/*bootstrap Jquery Tab end*/
/*heading bottom line start style*/
.head-bottom-line-style::after{
    position: absolute;
    content: '';
    bottom: -7px;
    width: 48px;
    height: 4px;
    left: 0;
    background: -webkit-gradient(linear, left top, right top, from(#F07D21), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to right, #F07D21 0%, rgba(255, 255, 255, 0) 100%);
}
.post-date-place {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    margin: 1rem 0 !important;
}
/*heading bottom line end style*/
/*<FAQ css Start>*/
.border-gradient{
    border-width: 4px!important;
    border-style: solid!important;
    border-image: linear-gradient(to right, darkblue, darkorchid) 1!important;
}
.accordion-button:not(.collapsed){
    background-image: linear-gradient(120deg, var(--primary-pink), var(--primary)) !important;
    color: #fff !important;
}
.accordion-button:focus{
        border-color: none!important;
}

.accordion-button:focus{
    box-shadow: none!important;
}
.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23ffffff'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
    transform: rotate(180deg); /* optional: arrow up */
}
/*<FAQ css END>*/

.notification-cta-form{
    background:#000;
    border-radius: 12px;
}
/* Service detail start*/
.w-layout-vflex .w-richtext b a {
    background-image: linear-gradient(120deg, var(--primary-pink), var(--primary));
    -webkit-text-fill-color: #fff0;
    -webkit-background-clip: text;
    background-clip: text;
}
/* Service detail end*/
/*Team Section detail start*/

.modal-inner-named{
    border-bottom: 2px solid #000;: ;
}
.team-details-seyecs {
    padding: 12px 0px;
}
.teams_passprt-photo{
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    border-radius: 10px;
}
.bg-teamsection{
    padding: 100px 0 150px 0 !important;
    background: linear-gradient(120deg, #09203f, #537895);
}
.team-box-one.animate.fadeInUp.wow.animated {
    border: 2px solid #0047ff;
    padding: 2px;
    margin: 7px;
    border-radius: 12px;
    box-shadow: 0 4px 6px -2px #004eff, 0 4px 6px -2px #ffffff00, 0 12px 16px -4px #002060;
    transition: all 0.6s ease;
}
.team-box-one.animate.fadeInUp.wow.animated:hover {
    border: 2px solid #fff;
    padding: 2px;
    margin: 7px;
    border-radius: 12px;
    box-shadow: 0 4px 6px -2px #ffffff00, 0 -4px 6px -2px #ffffff, 0 12px 16px -4px #ffffff00;
}
.team-box-one{
    min-height: 420px!important;
}
.custom-modal-content{
        background: #fff;
        padding: 18px;
        border-radius: 15px;
        box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    }
           .custom-modal {
            display: none;
            position: fixed;
            z-index: 9999;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background: rgba(0,0,0,0.8);
        }

        .custom-modal-content {
            width: 47%;
            margin: 80px auto;
            text-align: center;
            position: relative;
        }

        .modal-img {
            width: 100%;
            border-radius: 10px;
        }

        .close-modal {
        position: fixed;
        top: 13px;
        right: 307px;
        font-size: 51px;
        color: #fff !important;
        cursor: pointer;
            }
            
            
            

@media (max-width: 576px){
.custom-modal-content {
    width: 85%;
}
.close-modal {
    top: 5px;
    right: 32px;
}
}
/*Team Section detail end*/

/*Hero banner-s tabs start css*/
@media (max-width: 576px){
    .tabOR-services .class="list-inline"{
        display: flex !important;
        flex-flow: wrap !important;
        justify-content: center !important;
    }
    
}
/* FIX GRID TO ACT LIKE BOOTSTRAP ROW */
.banner-2-section .grid {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* FIX COLUMN BEHAVIOR */
.banner-2-section .col-lg-7,
.banner-2-section .col-lg-4 {
  position: relative;
  width: 100%;
}
.tabOR-services ul li a{
    color: #fff !important;
}
.tabOR-services ul li a:hover{
    background-image: linear-gradient(140deg, var(--primary), var(--primary-pink));
    -webkit-text-fill-color: #fff0;
    -webkit-background-clip: text;
    background-clip: text;
}

/* DESKTOP LAYOUT */
@media (min-width: 992px) {
  .banner-2-section .col-lg-7 {
    width: 58.333333%; /* 7/12 */
  }
  .banner-2-section .col-lg-4 {
    width: 33.333333%; /* 4/12 */
  }
}

/* TABLET */
@media (max-width: 991px) {
  .banner-2-section .grid {
    flex-direction: column;
  }

  .banner-2-section .flex-24 {
    margin: 0 !important;
    text-align: center;
  }

  .banner-2-section .col-lg-7,
  .banner-2-section .col-lg-4 {
    width: 100%;
  }
}

/* MOBILE */
@media (max-width: 576px) {

  .banner-2-section {
    padding: 20px 10px;
  }

  .banner-2-section h1 {
    font-size: 24px;
    line-height: 1.3;
  }

  .banner-2-section p {
    font-size: 14px;
  }

  .main-form-container {
    padding: 20px;
  }

  /* SERVICES WRAP */
  .tabOR-services ul {
    display: flex;
        flex-flow: wrap;
        justify-content: center;
  }

  .tabOR-services li {
    margin: 5px;
  }
}

/* BACKGROUND FIX */
.behind-bg-img {
  background-position: center;
}

/* FORM DESIGN IMPROVEMENT */
.main-form-container {
 background-image: linear-gradient(135deg, #f5f7fa 10%, #c3cfe2 100%);
 border-radius: 10px;
}
/*Hero-banner start*/
.tabOR-services ul{
    -webkit-text-fill-color: #ffffff;
}
.TAGLine-hero-banner{
    border: 1px solid #ffff;
    border-radius: 6px;
    padding: 1px 15px;
    background: #38649D;
}
.key-h1-word{
        color: #bcacbe !important;
    -webkit-text-fill-color: #ffffff;
    -webkit-background-clip: text;
    background-clip: text;
    text-shadow: 6px 2px 4px #2259a1;
}
.hero-bnnr-box-layout{
       background: linear-gradient(120deg, #09203f, #537895) !important;
}
.why-choose-box_{
           box-shadow: 5px 0 0 0 rgba(204, 204, 204, 0.3), -5px 0 0 0 rgba(204, 204, 204, 0.3), 0 5px 0 0 rgba(204, 204, 204, 0.3);
    transition: border-color .4s, box-shadow .4s, transform .35s cubic-bezier(.16, 1, .3, 1);
    }
    .why-choose-box_:hover{
    box-shadow: 0 3px 10px #560f57;
    transform: translateY(-12px);
    }

/*Hero-banner End*/ 


/*Contact Form Start*/
.main-form-container {
    max-width: 600px;
    margin: 2rem auto;
    padding: 2.5rem;
    border-radius: 15px;
    box-shadow: 0 10px 30px #000;
    background-color: #ffffff;
    transition: transform 0.3s ease;
}
.title-contact-form-head{
    padding: 3px;
    background: #38649D;
    border-radius: 8px;
    color: #fff;
    border: 4px double;
}
form .btn-contact-sub-mit{
    background: #38649D;
    color: #fff;
    transition-delay: .7s;
}
form .btn-contact-sub-mit:hover{
    background: #fff;
    color: #560f57;
    box-shadow: 0 10px 30px #560f57;
    border: 1px solid #dfb9df;
}
/*Contact Form End*/

/*.mega-right li a {*/
/*  display: block;*/
/*  padding: 8px 10px;*/
/*  color: #000;*/
/*  text-decoration: none;*/
/*}*/


/*SCROLL BUX END*/


 a{
    color: #181818 !important;
    text-decoration: none !important;
 } 

.sticky-head-er__{
    position: sticky;
    top:0;
    z-index:9999;
    background:#fff;
}
/*    .navbar-brand span:first-child { color:#f59e0b }*/
/*.navbar-brand span:last-child { color:#1d4ed8 }*/

.mega-dropdown:hover .mega-menu { display:block }

.navbar-expand-lg .navbar-nav .nav-link {
  padding: 30px 15px;
}

/*.mega-right{*/
/*transition: all .3s ease-out;*/
/*  overflow: scroll;*/
/*  position: absolute;*/
/*  top: 64px;*/
/*  bottom: 0;*/
/*}*/

/*.navbar-nav .nav-link{*/
/*color:#000;*/
/*}*/


/*.navbar-nav .mega-dropdown .nav-link{*/
/*    color: #000 !important;*/
/*}*/

.navbar-expand-lg .navbar-nav .dropdown-menu {
    position: fixed !important;
    left: 50%;
    transform: translateX(-50%);
    margin: 0; 
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    min-height: 100%; 
    width: 100%;
    border-top: 2px solid #dee2e6;
}

.dropdown-toggle:hover::after{
    transform:rotate(180deg);
}

.dropdown-toggle::after {
    display: inline-block ;
    width: 12px ;
    height: 12px ;
    margin-left: 6px ;
    vertical-align: middle !important;
    background-image: url(https://seyecs.com/assets/Images/nav-icon/nav-arrow-icon.svg) !important;
    background-size: contain ;
    background-repeat: no-repeat ;
    border: none !important;
    transition:transform 0.3s ease ;
}
.knowledge-center.mega-left li {
    padding: 5px 23px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    font-size: 17px;
    font-weight: 400;
    text-align: left;
}

.mega-left li {
    padding: 5px 14px;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 8px 0px;
    border-radius: 5px;
    transition: all 0.3s ease-in-out;
    font-size: 17px;
    font-weight: 650;
    text-align: left;
}

h6.service-heading {
    font-size: 22px;
    background: linear-gradient(120deg, #09203f, #537895) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background-clip: initial !important;
    -webkit-background-clip: border-box !important;
    border-radius: 4px;
    padding: 3px 8px;
}
li.sub-service-link:hover {
    background: linear-gradient(120deg, #09203f, #537895) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background-clip: initial !important;
    -webkit-background-clip: border-box !important;
    padding: 0px 5px;
    border-radius: 5px;
}

.mega-left li.active,
.mega-left li:hover {
    background: linear-gradient(120deg, #09203f, #537895) !important;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background-clip: initial !important;
    -webkit-background-clip: border-box !important;
}


.mega-right li {
    margin-bottom: 10px;
    text-align: left !important;
}
.mega-right li a{
    color: #000000 !important;
}
ul.two-column {
    display: flex;
    gap: 200px;
}

.mega-content { display:none }
.mega-content.active {     
    display: flex;
    gap: 28px;
}

.mobile-menu > li { margin-bottom:15px; font-weight:600 }

a.cust-btn {
    background: linear-gradient(120deg, #09203f, #537895);
    padding: 8px 20px;
    border-radius: 5px;
    color: #ffffff !important;
    font-weight: 500;
}
header .navbar-nav .nav-link{
  color:#000 !important;
}
.dropdown{
    position: static !important;
}








.dropdown-hover{
  position:relative;
}

/* MENU BOX */

.dropdown-hover-menu{
    position: absolute;
    top: 40px;
    right: -6px;
    z-index: 1000;
    list-style: none;
    margin: 0;
    padding: 8px 0;
    min-width: 180px;
    background: linear-gradient(120deg, #09203f, #537895) !important;
    border: 3px solid #fff;
    border-radius: 24px;
    display: none;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
a.dropdown-item.text-white.text-center{
    border-radius: 8px;
    box-shadow: 0 0px 5px #008dff;
    margin: 7px;
    padding: 8px 25px;
    background: #ffffff38;
}
.company-drop-down-menu{
        width: 20% !important;
        left:62% !important;
        min-height: 26% !important;
}

/* SHOW ON HOVER */

.dropdown-hover:hover .dropdown-hover-menu{
  display:block;
}

/* MENU ITEMS */

.dropdown-hover-menu li a{
  display:block;
  padding:8px 15px;
  color:#000;
  text-decoration:none;
  font-size:14px;
}

/*.dropdown-hover-menu li a:hover{*/
/*    background-color: #0d6efd !important;*/
/*    border:1px solid #fff !important;*/
/*}*/
.dropdown-item:focus, .dropdown-item:hover{
    background: linear-gradient(120deg, #09203f, #537895) !important;
}

/* ARROW */

.hover-arrow-right::before{
  content:"";
  position:absolute;
  right:12px;
  top:-8px;
  border-left:8px solid transparent;
  border-right:8px solid transparent;
  border-bottom:8px solid #fff;
}
.icon-nav-box-outer{
    max-width: 28px;
    padding: 3px;
    border-radius: 8px;
}
.nav-icons-3{
    max-width: 28px;
    border: 2px solid #fff;
    padding: 4px;
    border-radius: 7px;
}
.bg-graidient-navbar{
        background: linear-gradient(120deg, #ffffff, #537895) !important;
}
.mega-menu{
  position: relative;
  z-index: 1;
}

.navbar .dropdown-menu.mega-menu{
  background: linear-gradient(120deg, #ffffff, #537895) !important;
  background-color: transparent !important;
}

.mega-menu::before{
    background: url("https://seyecs.com/assets/Images/home-imgs/wavy-patt-ern-bg.webp") center/cover no-repeat !important;
    background-size: cover;
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
}



/*Mobile navigation*/
.offcanvas-body .navbar-nav .nav-item .nav-link{
    color: #fff !important;
    border: none;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background-clip: initial !important;
    -webkit-background-clip: border-box !important;
}
.offcanvas{
      background: linear-gradient(120deg, #09203f, #537895) !important;
  background-color: transparent !important;
}
.offcanvas:before{
    background: url("https://seyecs.com/assets/Images/home-imgs/wavy-patt-ern-bg.webp") center/cover no-repeat !important;
    background-size: cover;
  content: "";
  position: absolute;
    inset: 0;
  z-index: -1;
}
.offcanvas a {
  text-decoration: none;
    color: #fff !important;
    border: none;
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
    background-clip: initial !important;
    -webkit-background-clip: border-box !important;
  padding: 8px 0;
  display: block;
}

.offcanvas a i {
  color: #560f57;
}

.offcanvas .bi-chevron-down,
.offcanvas .bi-chevron-right {
  font-size: 12px;
}
.navbar-toggler {
background-color: #ffffff !important;
    border: 2px solid #767676 !important;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='white' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
    padding: 8px !important;
    border-radius: 4px !important;
}
/*Mobile navigation*/

/* header part end here */
.ucartz-new-btn {
  position: absolute;
  background-color: red;
  border-radius: 10px;
  padding: 2px;
  color: #fff;
  background: #f44336;
  letter-spacing: 1px;
  font-size: 11px;
  padding: 2px 6px;
  border-radius: 6px;
  color: #fff;
  font-weight: 100;
  line-height: 15px !important;
}
@media screen and (max-width:767px) {
.desktop-non-view{
    display: none;
}
}

   /*Footer social icons*/
  .behind-bg-img{
    background: url(https://seyecs.com/assets/Images/home-imgs/wavy-patt-ern-bg.webp);
    background-repeat: no-repeat;
    background-size: contain;
  }
  
   .ticker-wrapper{
    height: 160px;
    overflow:hidden;
    position:relative;
    border-radius: 10px;
}
.img-logo-footer-size{
    max-width: 40px;
    border-radius: 10px;
    border: 1px solid #fff;
    box-shadow: 0 1px 2px 0 var(--dark-gray-4), inset 0 -2px 0 0 var(--dark-gray-4), inset 0 0 0 0 var(--dark-gray-8);
    padding: 2px;
}

.ticker{
  display:flex;
  flex-direction:column;
  animation:verticalTicker 15s linear infinite;
}

.ticker-wrapper:hover .ticker{
  animation-play-state: paused;
  color: #560f57;
}

.ticker-wrapper .ticker .ticker-item{
  padding:7px 5px;
  font-size:16px;
  color:#fff !important;
}
.ticker-wrapper .ticker .ticker-item:hover{
    background:#f5f5f5;
    color:#38649D !important;
    cursor:pointer;
    border-radius: 4px;
    transition: background-color .9s;
}
.title-head-box{
    margin-bottom: 20px;
    display:flex;
    flex-wrap:wrap;
    width:100%;
    justify-content: start;
    align-items: center;
}

   .mobile-social-icns{
     grid-column-gap: 20px;
    grid-row-gap: 20px;
    justify-content: space-around;
    align-items: center;
    margin-top: 0px;
    display: flex;
}
@media (min-width:992px){

.footer-social-icons-wrapper{
justify-content:flex-start;
}

.img-logo-footer-size{
width:50px;
}
.mobile-social-icns {
    display: flow!important;
}
.mobile-social-icns a{
    display: inline-grid;
}
.desktop-view-imp-link-footer{
    display: flex!important;
}
}
@media screen and (min-width: 1025px) and (max-width: 1280px) {
    .footer-box-element-bg {
    grid-column-gap: 6px!important;
    }
    .footer-newlatter-form{
        font-size: 18px;
    }
}


@media (max-width:767px){
.separate-box-marger{
flex:0 0 50%;
}
.footer-logo-styl__{
    display: flex;
    justify-content: center;
}

.news-form{
flex:0 0 100%;
max-width:100%;
margin-top:20px;
}
.mobile-view-designing{
    text-align: center;
    justify-content: center;
    align-items: center;
}
.mobile-social-icns{
    justify-content: center!important;
}
.separate-box-marger .Footer-widget-title{
    font-size: 18px;
}
.separate-box-marger{
    background: #38649D;
    border: 1px solid #fff;
    padding: 6px 10px;
    border-radius: 8px;
}
}

.separate-box-marger{
       background: #38649D;
    border: 1px solid #fff;
    padding: 6px 10px;
    border-radius: 8px;
}
.bottom-footer-sty-le{
    color: #560f57;
    background: #fff;
    padding: 0px 8px;
    border-radius: 3px; 
}


@keyframes verticalTicker{
  0%{
    transform:translateY(0);
  }
  100%{
    transform:translateY(-50%);
  }
}
/*Footer social icons*/

.section-padding-top{
padding-top:50px!important;
}
@media only screen and (max-width:768px){
.section-padding-top{
padding-top:50px!important;
}
}
.py{
padding:30px 0px;
}
.px{
padding:0px 30px;
}
a {
text-transform: capitalize;
}

p {
letter-spacing: normal;
}

.cursor-hover:hover {
cursor: pointer;
}
/*Brand-logo-carousel-start*/
.logo-carousel {
position: relative;
width: 100%;
max-width: 100%;
overflow: hidden;
}

.logo-track {
display: flex;
width: fit-content;
animation: scroll 15s linear infinite;
}

/* Pause on hover (optional) */
.logo-carousel:hover .logo-track {
animation-play-state: paused;
}

.logo-item {
flex: 0 0 auto;
padding: 0 30px;
display: flex;
align-items: center;
justify-content: center;
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
margin: 7px;
border-radius: 6px;
}

.logo-item img {
display: block;
max-height: 60px;
width: auto;
filter: grayscale(0.1);
opacity: 0.9;
transition: transform 0.25s ease, opacity 0.25s ease, filter 0.25s ease;
}

.logo-item img:hover {
transform: scale(1.05);
opacity: 1;
filter: grayscale(0);
}

/* Infinite scroll keyframes */
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}

/* Accessibility: disable animation if user prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
.logo-track {
animation: none;
}
}
/*Brand-logo-carousel-end*/

#modal-toggle {
display: none;
}

.modal {
position: fixed;
inset: 0;
display: grid;
place-items: center;
background: rgba(0, 0, 0, .5);
opacity: 0;
pointer-events: none;
transition: opacity .22s ease;
z-index: 9999 !important;
}

.modal-box {
width: min(100%, 95vw);
background: #fff;
border-radius: 12px;
padding: 22px;
box-shadow: 0 20px 40px rgba(2, 6, 23, .18);
transform: translateY(12px) scale(.98);
transition: transform .22s ease;
}

.modal-close {
float: right;
background: transparent;
border: none;
font-size: 20px;
line-height: 1;
cursor: pointer;
color: #666;
}

.modal-close:focus {
outline: 2px solid #dbeafe;
border-radius: 6px;
}

#modal-toggle:checked~.modal {
opacity: 1;
pointer-events: auto;
}

@media (max-width:420px) {
.modal-box {
padding: 16px;
border-radius: 10px;
}

.modal-close {
font-size: 18px;
}
}

label.btn:focus {
outline: 3px solid rgba(11, 114, 255, .18);
border-radius: 8px;
}

@media only screen and (max-width:768px) {
.d-none {
display: none
}

.grid-notification-page {
display: block !important
}

.faq-grid-col-2 {
display: grid !important;
grid-template-columns: repeat(1, 1fr) !important;
gap: 0px !important
}
.zfFieldDiv_cont {
min-height: 50px;
}
}

.grid-notification-page {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 3fr;
grid-auto-columns: 1fr;
display: grid
}

.tab-buttons {
margin-bottom: 20px
}

.tab-buttons button {
padding: 10px 20px;
margin-right: 5px;
border: none;
cursor: pointer;
background-image: linear-gradient(135deg, #ff55001a, #ff00ae1a), linear-gradient(to bottom, var(--white), var(--white));
border-radius: 10px;
font-weight: 700
}

.tab-buttons button.active {
background-image: linear-gradient(135deg, #ff5500, #ff00ae), linear-gradient(to bottom, var(--white), var(--white));
color: #fff
}

.tab-content {
display: none
}

.tab-content.active {
display: block
}

.search-box {
margin-bottom: 15px;
padding: 12px;
width: 100%;
border: 2px solid #ff108c;
border-radius: 12px
}

table {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px
}

th,
td {
border: 1px solid #ddd;
padding: 10px;
text-align: left
}

th {
background: #f4f4f4
}

tr:hover {
background: #f9f9f9
}

.color-theme-border {
border: 2px solid #ff108c;
padding: 20px;
border-radius: 18px
}

.faq-container {
margin: auto
}

.faq-grid-col-2 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px
}

.faq {
border-radius: 6px;
overflow: hidden;
background: #fff
}

.faq input {
display: none
}

.faq label {
display: block;
padding: 15px;
background-image: linear-gradient(120deg, var(--primary-pink), var(--primary));
color: #fff;
font-weight: 700;
cursor: pointer;
position: relative
}

.faq label::after {
content: '+';
position: absolute;
right: 20px;
font-size: 20px;
transition: transform 0.3s
}

.faq input:checked+label::after {
content: '−'
}

.faq .content {
max-height: 0;
overflow: hidden;
padding: 0 15px;
background: #f1f1f1;
transition: max-height 0.4s ease, padding 0.4s ease
}

.faq input:checked~.content {
max-height: fit-content;
padding: 12px
}

.gridtable tbody {
display: block;
max-height: 370px;
overflow-y: scroll
}

.gridtable thead,
.gridtable tbody tr {
display: table;
table-layout: fixed;
width: 100%
}

.gridtable thead {
width: calc(100% - 1.1em)
}

.gridtable thead {
position: relative
}

.gridtable thead th:last-child:after {
content: ' ';
position: absolute;
width: 1.3em;
height: 38px;
right: -1.3em;
top: 0;
border-bottom: 2px solid #ddd
}

table {
width: 100%;
border-collapse: collapse
}

thead th {
position: sticky;
top: 0;
z-index: 2;
text-align: left;
font-weight: 600;
font-size: 12px;
letter-spacing: .4px;
text-transform: uppercase;
color: var(--muted);
background-image: linear-gradient(120deg, var(--primary-pink), var(--primary));
padding: 12px;
border-bottom: 1px solid var(--border);
user-select: none
}

tbody {
background: #fff;
}

tbody td {
padding: 12px;
border-bottom: 1px solid var(--border);
vertical-align: text-top;
color: #000;
}





.head-ing-mobile {
font-size: 39px;
padding-bottom: 10px
}

@media only screen and (max-width:768px) {
.head-ing-mobile {
font-size: 28px;
padding-bottom: 10px
}
.footer-links-wrapper {
    align-items: center!important;
    display: flex;
}

.fs-head-unlock-icontext {
font-size: 22px !important;
text-align: center
}

.silvereye-outlin-gradient {
font-size: 24px !important;
padding: 3px;
margin-right: 6px;
}
}

.silvereye-outlin-gradient {
font-size: 42px
}

html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
font-family: sans-serif
}

body {
margin: 0
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block
}

audio,
canvas,
progress,
video {
vertical-align: baseline;
display: inline-block
}

audio:not([controls]) {
height: 0;
display: none
}

[hidden],
template {
display: none
}

a {
background-color: #0000
}

a:active,
a:hover {
outline: 0
}

abbr[title] {
border-bottom: 1px dotted
}

b,
strong {
font-weight: 700
}

dfn {
font-style: italic
}

h1 {
margin: .47em 0;
font-size: 2em
}

mark {
color: #000;
background: #ff0
}

small {
font-size: 80%
}

sub,
sup {
vertical-align: baseline;
font-size: 75%;
line-height: 0;
position: relative
}

sup {
top: -.5em
}

sub {
bottom: -.25em
}

img {
border: 0
}

svg:not(:root) {
overflow: hidden
}

hr {
box-sizing: content-box;
height: 0
}

pre {
overflow: auto
}

code,
kbd,
pre,
samp {
font-family: sans-serif;
font-size: 1em
}

button,
input,
optgroup,
select,
textarea {
color: inherit;
font: inherit;
margin: 0
}

button {
overflow: visible
}

button,
select {
text-transform: none
}

button,
html input[type="button"],
input[type="reset"] {
-webkit-appearance: button;
cursor: pointer
}

button[disabled],
html input[disabled] {
cursor: default
}

button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}

input {
line-height: normal
}

input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto
}

input[type="search"] {
-webkit-appearance: none
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none
}

legend {
border: 0;
padding: 0
}

textarea {
overflow: auto
}

optgroup {
font-weight: 700
}

table {
border-collapse: collapse;
border-spacing: 0
}

td,
th {
padding: 0
}

/*@font-face {*/
/* font-family: webflow-icons;*/
/* src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBiUAAAC8AAAAYGNtYXDpP+a4AAABHAAAAFxnYXNwAAAAEAAAAXgAAAAIZ2x5ZmhS2XEAAAGAAAADHGhlYWQTFw3HAAAEnAAAADZoaGVhCXYFgQAABNQAAAAkaG10eCe4A1oAAAT4AAAAMGxvY2EDtALGAAAFKAAAABptYXhwABAAPgAABUQAAAAgbmFtZSoCsMsAAAVkAAABznBvc3QAAwAAAAAHNAAAACAAAwP4AZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADpAwPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAQAAAAAwACAACAAQAAQAg5gPpA//9//8AAAAAACDmAOkA//3//wAB/+MaBBcIAAMAAQAAAAAAAAAAAAAAAAABAAH//wAPAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEBIAAAAyADgAAFAAAJAQcJARcDIP5AQAGA/oBAAcABwED+gP6AQAABAOAAAALgA4AABQAAEwEXCQEH4AHAQP6AAYBAAcABwED+gP6AQAAAAwDAAOADQALAAA8AHwAvAAABISIGHQEUFjMhMjY9ATQmByEiBh0BFBYzITI2PQE0JgchIgYdARQWMyEyNj0BNCYDIP3ADRMTDQJADRMTDf3ADRMTDQJADRMTDf3ADRMTDQJADRMTAsATDSANExMNIA0TwBMNIA0TEw0gDRPAEw0gDRMTDSANEwAAAAABAJ0AtAOBApUABQAACQIHCQEDJP7r/upcAXEBcgKU/usBFVz+fAGEAAAAAAL//f+9BAMDwwAEAAkAABcBJwEXAwE3AQdpA5ps/GZsbAOabPxmbEMDmmz8ZmwDmvxmbAOabAAAAgAA/8AEAAPAAB0AOwAABSInLgEnJjU0Nz4BNzYzMTIXHgEXFhUUBw4BBwYjNTI3PgE3NjU0Jy4BJyYjMSIHDgEHBhUUFx4BFxYzAgBqXV6LKCgoKIteXWpqXV6LKCgoKIteXWpVSktvICEhIG9LSlVVSktvICEhIG9LSlVAKCiLXl1qal1eiygoKCiLXl1qal1eiygoZiEgb0tKVVVKS28gISEgb0tKVVVKS28gIQABAAABwAIAA8AAEgAAEzQ3PgE3NjMxFSIHDgEHBhUxIwAoKIteXWpVSktvICFmAcBqXV6LKChmISBvS0pVAAAAAgAA/8AFtgPAADIAOgAAARYXHgEXFhUUBw4BBwYHIxUhIicuAScmNTQ3PgE3NjMxOAExNDc+ATc2MzIXHgEXFhcVATMJATMVMzUEjD83NlAXFxYXTjU1PQL8kz01Nk8XFxcXTzY1PSIjd1BQWlJJSXInJw3+mdv+2/7c25MCUQYcHFg5OUA/ODlXHBwIAhcXTzY1PTw1Nk8XF1tQUHcjIhwcYUNDTgL+3QFt/pOTkwABAAAAAQAAmM7nP18PPPUACwQAAAAAANciZKUAAAAA1yJkpf/9/70FtgPDAAAACAACAAAAAAAAAAEAAAPA/8AAAAW3//3//QW2AAEAAAAAAAAAAAAAAAAAAAAMBAAAAAAAAAAAAAAAAgAAAAQAASAEAADgBAAAwAQAAJ0EAP/9BAAAAAQAAAAFtwAAAAAAAAAKABQAHgAyAEYAjACiAL4BFgE2AY4AAAABAAAADAA8AAMAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADQAAAAEAAAAAAAIABwCWAAEAAAAAAAMADQBIAAEAAAAAAAQADQCrAAEAAAAAAAUACwAnAAEAAAAAAAYADQBvAAEAAAAAAAoAGgDSAAMAAQQJAAEAGgANAAMAAQQJAAIADgCdAAMAAQQJAAMAGgBVAAMAAQQJAAQAGgC4AAMAAQQJAAUAFgAyAAMAAQQJAAYAGgB8AAMAAQQJAAoANADsd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzVmVyc2lvbiAxLjAAVgBlAHIAcwBpAG8AbgAgADEALgAwd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzUmVndWxhcgBSAGUAZwB1AGwAYQByd2ViZmxvdy1pY29ucwB3AGUAYgBmAGwAbwB3AC0AaQBjAG8AbgBzRm9udCBnZW5lcmF0ZWQgYnkgSWNvTW9vbi4ARgBvAG4AdAAgAGcAZQBuAGUAcgBhAHQAZQBkACAAYgB5ACAASQBjAG8ATQBvAG8AbgAuAAAAAwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA==) format("truetype");*/
/* font-weight: 400;*/
/* font-style: normal*/
/*}*/

[class^="w-icon-"],
[class*=" w-icon-"] {
speak: none;
font-variant: normal;
text-transform: none;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-style: normal;
font-weight: 400;
line-height: 1;
font-family: Arial, Sans-Serif !important
}

.w-icon-slider-right:before {
content: ""
}

.w-icon-slider-left:before {
content: ""
}

.w-icon-nav-menu:before {
content: ""
}

.w-icon-arrow-down:before,
.w-icon-dropdown-toggle:before {
content: ""
}

.w-icon-file-upload-remove:before {
content: ""
}

.w-icon-file-upload-icon:before {
content: ""
}

* {
box-sizing: border-box
}

html {
height: 100%
}

body {
color: #333;
background-color: #fff;
min-height: 100%;
margin: 0;
font-family: Arial, sans-serif;
font-size: 14px;
line-height: 20px
}

img {
vertical-align: middle;
max-width: 100%;
display: inline-block
}

html.w-mod-touch * {
background-attachment: scroll !important
}

.w-block {
display: block
}

.w-inline-block {
max-width: 100%;
display: inline-block
}

.w-clearfix:before,
.w-clearfix:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table
}

.w-clearfix:after {
clear: both
}

.w-hidden {
display: none
}

.w-button {
color: #fff;
line-height: inherit;
cursor: pointer;
background-color: #3898ec;
border: 0;
border-radius: 0;
padding: 9px 15px;
text-decoration: none;
display: inline-block
}

input.w-button {
-webkit-appearance: button
}

html[data-w-dynpage] [data-w-cloak] {
color: #0000 !important
}

.w-code-block {
margin: unset
}

pre.w-code-block code {
all: inherit
}

.w-optimization {
display: contents
}

h2,
h3,
h4,
h5,
h6 {
margin-bottom: 10px;
font-weight: 700;
font-family: math !important;
}

h1 {
    margin-top: 10px;
    font-size: 56px !important;
    font-weight: bold !important;
    line-height: 44px;
    font-family: math !important;
}

h2 {
margin-top: 20px;
font-size: 32px;
line-height: 36px;
font-family: math !important;
}

h3 {
margin-top: 20px;
font-size: 22px!important;
line-height: 30px;
}

h4 {
margin-top: 10px;
font-size: 18px;
line-height: 24px;
}

h5 {
margin-top: 10px;
font-size: 14px;
line-height: 20px;
}

h6 {
margin-top: 10px;
font-size: 12px;
line-height: 18px
}

p {
margin-top: 0;
margin-bottom: 10px
}

blockquote {
border-left: 5px solid #e2e2e2;
margin: 0 0 10px;
padding: 10px 20px;
font-size: 18px;
line-height: 22px
}

figure {
margin: 0 0 10px
}

figcaption {
text-align: center;
margin-top: 5px
}

ul,
ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px;
font-family: math !important;
}

.w-list-unstyled {
padding-left: 0;
list-style: none
}

.w-embed:before,
.w-embed:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table
}

.w-embed:after {
clear: both
}

.w-video {
width: 100%;
padding: 0;
position: relative
}

.w-video iframe,
.w-video object,
.w-video embed {
border: none;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}

fieldset {
border: 0;
margin: 0;
padding: 0
}

button,
[type="button"],
[type="reset"] {
cursor: pointer;
-webkit-appearance: button;
border: 0
}

.w-form {
margin: 0 0 15px
}

.w-form-done {
text-align: center;
background-color: #ddd;
padding: 20px;
display: none
}

.w-form-fail {
background-color: #ffdede;
margin-top: 10px;
padding: 10px;
display: none
}

label {
margin-bottom: 5px;
font-weight: 700;
display: block
}

.w-input,
.w-select {
color: #333;
vertical-align: middle;
background-color: #fff;
border: 1px solid #ccc;
width: 100%;
height: 38px;
margin-bottom: 10px;
padding: 8px 12px;
font-size: 14px;
line-height: 1.42857;
display: block
}

.w-input::placeholder,
.w-select::placeholder {
color: #999
}

.w-input:focus,
.w-select:focus {
border-color: #3898ec;
outline: 0
}

.w-input[disabled],
.w-select[disabled],
.w-input[readonly],
.w-select[readonly],
fieldset[disabled] .w-input,
fieldset[disabled] .w-select {
cursor: not-allowed
}

.w-input[disabled]:not(.w-input-disabled),
.w-select[disabled]:not(.w-input-disabled),
.w-input[readonly],
.w-select[readonly],
fieldset[disabled]:not(.w-input-disabled) .w-input,
fieldset[disabled]:not(.w-input-disabled) .w-select {
background-color: #eee
}

textarea.w-input,
textarea.w-select {
height: auto
}

.w-select {
background-color: #f3f3f3
}

.w-select[multiple] {
height: auto
}

.w-form-label {
cursor: pointer;
margin-bottom: 0;
font-weight: 400;
display: inline-block
}

.w-radio {
margin-bottom: 5px;
padding-left: 20px;
display: block
}

.w-radio:before,
.w-radio:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table
}

.w-radio:after {
clear: both
}

.w-radio-input {
float: left;
margin: 3px 0 0 -20px;
line-height: normal
}

.w-file-upload {
margin-bottom: 10px;
display: block
}

.w-file-upload-input {
opacity: 0;
z-index: -100;
width: .1px;
height: .1px;
position: absolute;
overflow: hidden
}

.w-file-upload-default,
.w-file-upload-uploading,
.w-file-upload-success {
color: #333;
display: inline-block
}

.w-file-upload-error {
margin-top: 10px;
display: block
}

.w-file-upload-default.w-hidden,
.w-file-upload-uploading.w-hidden,
.w-file-upload-error.w-hidden,
.w-file-upload-success.w-hidden {
display: none
}

.w-file-upload-uploading-btn {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: flex
}

.w-file-upload-file {
background-color: #fafafa;
border: 1px solid #ccc;
flex-grow: 1;
justify-content: space-between;
margin: 0;
padding: 8px 9px 8px 11px;
display: flex
}

.w-file-upload-file-name {
font-size: 14px;
font-weight: 400;
display: block
}

.w-file-remove-link {
cursor: pointer;
width: auto;
height: auto;
margin-top: 3px;
margin-left: 10px;
padding: 3px;
display: block
}

.w-icon-file-upload-remove {
margin: auto;
font-size: 10px
}

.w-file-upload-error-msg {
color: #ea384c;
padding: 2px 0;
display: inline-block
}

.w-file-upload-info {
padding: 0 12px;
line-height: 38px;
display: inline-block
}

.w-file-upload-label {
cursor: pointer;
background-color: #fafafa;
border: 1px solid #ccc;
margin: 0;
padding: 8px 12px;
font-size: 14px;
font-weight: 400;
display: inline-block
}

.w-icon-file-upload-icon,
.w-icon-file-upload-uploading {
width: 20px;
margin-right: 8px;
display: inline-block
}

.w-icon-file-upload-uploading {
height: 20px
}

.w-container {
max-width: 940px;
margin-left: auto;
margin-right: auto
}

.w-container:before,
.w-container:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table
}

.w-container:after {
clear: both
}

.w-container .w-row {
margin-left: -10px;
margin-right: -10px
}

.w-row:before,
.w-row:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table
}

.w-row:after {
clear: both
}

.w-row .w-row {
margin-left: 0;
margin-right: 0
}

.w-col {
float: left;
width: 100%;
min-height: 1px;
padding-left: 10px;
padding-right: 10px;
position: relative
}

.w-col .w-col {
padding-left: 0;
padding-right: 0
}

.w-col-1 {
width: 8.33333%
}

.w-col-2 {
width: 16.6667%
}

.w-col-3 {
width: 25%
}

.w-col-4 {
width: 33.3333%
}

.w-col-5 {
width: 41.6667%
}

.w-col-6 {
width: 50%
}

.w-col-7 {
width: 58.3333%
}

.w-col-8 {
width: 66.6667%
}

.w-col-9 {
width: 75%
}

.w-col-10 {
width: 83.3333%
}

.w-col-11 {
width: 91.6667%
}

.w-col-12 {
width: 100%
}

.w-hidden-main {
display: none !important
}

@media screen and (max-width:991px) {
.w-container {
max-width: 728px
}

.w-hidden-main {
display: inherit !important
}

.w-hidden-medium {
display: none !important
}

.w-col-medium-1 {
width: 8.33333%
}

.w-col-medium-2 {
width: 16.6667%
}

.w-col-medium-3 {
width: 25%
}

.w-col-medium-4 {
width: 33.3333%
}

.w-col-medium-5 {
width: 41.6667%
}

.w-col-medium-6 {
width: 50%
}

.w-col-medium-7 {
width: 58.3333%
}

.w-col-medium-8 {
width: 66.6667%
}

.w-col-medium-9 {
width: 75%
}

.w-col-medium-10 {
width: 83.3333%
}

.w-col-medium-11 {
width: 91.6667%
}

.w-col-medium-12 {
width: 100%
}

.w-col-stack {
width: 100%;
left: auto;
right: auto
}
}

@media screen and (max-width:767px) {

.w-hidden-main,
.w-hidden-medium {
display: inherit !important
}

.w-hidden-small {
display: none !important
}

.w-row,
.w-container .w-row {
margin-left: 0;
margin-right: 0
}

.w-col {
width: 100%;
left: auto;
right: auto
}

.w-col-small-1 {
width: 8.33333%
}

.w-col-small-2 {
width: 16.6667%
}

.w-col-small-3 {
width: 25%
}

.w-col-small-4 {
width: 33.3333%
}

.w-col-small-5 {
width: 41.6667%
}

.w-col-small-6 {
width: 50%
}

.w-col-small-7 {
width: 58.3333%
}

.w-col-small-8 {
width: 66.6667%
}

.w-col-small-9 {
width: 75%
}

.w-col-small-10 {
width: 83.3333%
}

.w-col-small-11 {
width: 91.6667%
}

.w-col-small-12 {
width: 100%
}
}

@media screen and (max-width:479px) {
.w-container {
max-width: none
}

.w-hidden-main,
.w-hidden-medium,
.w-hidden-small {
display: inherit !important
}

.w-hidden-tiny {
display: none !important
}

.w-col {
width: 100%
}

.w-col-tiny-1 {
width: 8.33333%
}

.w-col-tiny-2 {
width: 16.6667%
}

.w-col-tiny-3 {
width: 25%
}

.w-col-tiny-4 {
width: 33.3333%
}

.w-col-tiny-5 {
width: 41.6667%
}

.w-col-tiny-6 {
width: 50%
}

.w-col-tiny-7 {
width: 58.3333%
}

.w-col-tiny-8 {
width: 66.6667%
}

.w-col-tiny-9 {
width: 75%
}

.w-col-tiny-10 {
width: 83.3333%
}

.w-col-tiny-11 {
width: 91.6667%
}

.w-col-tiny-12 {
width: 100%
}
}

.w-widget {
position: relative
}

.w-widget-map {
width: 100%;
height: 400px
}

.w-widget-map label {
width: auto;
display: inline
}

.w-widget-map img {
max-width: inherit
}

.w-widget-map .gm-style-iw {
text-align: center
}

.w-widget-map .gm-style-iw>button {
display: none !important
}

.w-widget-twitter {
overflow: hidden
}

.w-widget-twitter-count-shim {
vertical-align: top;
text-align: center;
background: #fff;
border: 1px solid #758696;
border-radius: 3px;
width: 28px;
height: 20px;
display: inline-block;
position: relative
}

.w-widget-twitter-count-shim * {
pointer-events: none;
-webkit-user-select: none;
user-select: none
}

.w-widget-twitter-count-shim .w-widget-twitter-count-inner {
text-align: center;
color: #999;
font-family: Arial, sans-serif;
font-size: 15px;
line-height: 12px;
position: relative
}

.w-widget-twitter-count-shim .w-widget-twitter-count-clear {
display: block;
position: relative
}

.w-widget-twitter-count-shim.w--large {
width: 36px;
height: 28px
}

.w-widget-twitter-count-shim.w--large .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 18px
}

.w-widget-twitter-count-shim:not(.w--vertical) {
margin-left: 5px;
margin-right: 8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large {
margin-left: 6px
}

.w-widget-twitter-count-shim:not(.w--vertical):before,
.w-widget-twitter-count-shim:not(.w--vertical):after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 50%;
left: 0
}

.w-widget-twitter-count-shim:not(.w--vertical):before {
border-width: 4px;
border-color: #fff0 #5d6c7b #fff0 #fff0;
margin-top: -4px;
margin-left: -9px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:before {
border-width: 5px;
margin-top: -5px;
margin-left: -10px
}

.w-widget-twitter-count-shim:not(.w--vertical):after {
border-width: 4px;
border-color: #fff0 #fff #fff0 #fff0;
margin-top: -4px;
margin-left: -8px
}

.w-widget-twitter-count-shim:not(.w--vertical).w--large:after {
border-width: 5px;
margin-top: -5px;
margin-left: -9px
}

.w-widget-twitter-count-shim.w--vertical {
width: 61px;
height: 33px;
margin-bottom: 8px
}

.w-widget-twitter-count-shim.w--vertical:before,
.w-widget-twitter-count-shim.w--vertical:after {
content: " ";
pointer-events: none;
border: solid #0000;
width: 0;
height: 0;
position: absolute;
top: 100%;
left: 50%
}

.w-widget-twitter-count-shim.w--vertical:before {
border-width: 5px;
border-color: #5d6c7b #fff0 #fff0;
margin-left: -5px
}

.w-widget-twitter-count-shim.w--vertical:after {
border-width: 4px;
border-color: #fff #fff0 #fff0;
margin-left: -4px
}

.w-widget-twitter-count-shim.w--vertical .w-widget-twitter-count-inner {
font-size: 18px;
line-height: 22px
}

.w-widget-twitter-count-shim.w--vertical.w--large {
width: 76px
}

.w-background-video {
color: #fff;
height: 500px;
position: relative;
overflow: hidden
}

.w-background-video>video {
object-fit: cover;
z-index: -100;
background-position: 50%;
background-size: cover;
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: -100%
}

.w-background-video>video::-webkit-media-controls-start-playback-button {
-webkit-appearance: none;
display: none !important
}

.w-background-video--control {
background-color: #0000;
padding: 0;
position: absolute;
bottom: 1em;
right: 1em
}

.w-background-video--control>[hidden] {
display: none !important
}

.w-slider {
text-align: center;
clear: both;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
background: #ddd;
height: 300px;
position: relative
}

.w-slider-mask {
z-index: 1;
white-space: nowrap;
height: 100%;
display: block;
position: relative;
left: 0;
right: 0;
overflow: hidden
}

.w-slide {
vertical-align: top;
white-space: normal;
text-align: left;
width: 100%;
height: 100%;
display: inline-block;
position: relative
}

.w-slider-nav {
z-index: 2;
text-align: center;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
height: 40px;
margin: auto;
padding-top: 10px;
position: absolute;
inset: auto 0 0
}

.w-slider-nav.w-round>div {
border-radius: 100%
}

.w-slider-nav.w-num>div {
font-size: inherit;
line-height: inherit;
width: auto;
height: auto;
padding: .2em .5em
}

.w-slider-nav.w-shadow>div {
box-shadow: 0 0 3px #3336
}

.w-slider-nav-invert {
color: #fff
}

.w-slider-nav-invert>div {
background-color: #2226
}

.w-slider-nav-invert>div.w-active {
background-color: #222
}

.w-slider-dot {
cursor: pointer;
background-color: #fff6;
width: 1em;
height: 1em;
margin: 0 3px .5em;
transition: background-color .1s, color .1s;
display: inline-block;
position: relative
}

.w-slider-dot.w-active {
background-color: #fff
}

.w-slider-dot:focus {
outline: none;
box-shadow: 0 0 0 2px #fff
}

.w-slider-dot:focus.w-active {
box-shadow: none
}

.w-slider-arrow-left,
.w-slider-arrow-right {
cursor: pointer;
color: #fff;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
width: 80px;
margin: auto;
font-size: 40px;
position: absolute;
inset: 0;
overflow: hidden
}

.w-slider-arrow-left [class^="w-icon-"],
.w-slider-arrow-right [class^="w-icon-"],
.w-slider-arrow-left [class*=" w-icon-"],
.w-slider-arrow-right [class*=" w-icon-"] {
position: absolute
}

.w-slider-arrow-left:focus,
.w-slider-arrow-right:focus {
outline: 0
}

.w-slider-arrow-left {
z-index: 3;
right: auto
}

.w-slider-arrow-right {
z-index: 4;
left: auto
}

.w-icon-slider-left,
.w-icon-slider-right {
width: 1em;
height: 1em;
margin: auto;
inset: 0
}

.w-slider-aria-label {
clip: rect(0 0 0 0);
border: 0;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
position: absolute;
overflow: hidden
}

.w-slider-force-show {
display: block !important
}

.w-dropdown {
text-align: left;
z-index: 900;
margin-left: auto;
margin-right: auto;
display: inline-block;
position: relative
}

.w-dropdown-btn,
.w-dropdown-toggle,
.w-dropdown-link {
vertical-align: top;
color: #222;
text-align: left;
white-space: nowrap;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
position: relative
}

.w-dropdown-toggle {
-webkit-user-select: none;
user-select: none;
cursor: pointer;
padding-right: 40px;
display: inline-block
}

.w-dropdown-toggle:focus {
outline: 0
}

.w-icon-dropdown-toggle {
width: 1em;
height: 1em;
margin: auto 20px auto auto;
position: absolute;
top: 0;
bottom: 0;
right: 0
}

.w-dropdown-list {
background: #ddd;
min-width: 100%;
display: none;
position: absolute
}

.w-dropdown-list.w--open {
display: block
}

.w-dropdown-link {
color: #222;
padding: 10px 20px;
display: block
}

.w-dropdown-link.w--current {
color: #0082f3
}

.w-dropdown-link:focus {
outline: 0
}

@media screen and (max-width:767px) {
.w-nav-brand {
padding-left: 10px
}
}

.w-lightbox-backdrop {
cursor: auto;
letter-spacing: normal;
text-indent: 0;
text-shadow: none;
text-transform: none;
visibility: visible;
white-space: normal;
word-break: normal;
word-spacing: normal;
word-wrap: normal;
color: #fff;
text-align: center;
z-index: 2000;
opacity: 0;
-webkit-user-select: none;
-moz-user-select: none;
-webkit-tap-highlight-color: #fff0;
background: #000000e6;
outline: 0;
font-family: Verdana, sans-serif;
font-size: 17px;
font-style: normal;
font-weight: 300;
line-height: 1.2;
list-style: disc;
position: fixed;
inset: 0;
-webkit-transform: translate(0)
}

.w-lightbox-backdrop,
.w-lightbox-container {
-webkit-overflow-scrolling: touch;
height: 100%;
overflow: auto
}

.w-lightbox-content {
height: 100vh;
position: relative;
overflow: hidden
}

.w-lightbox-view {
opacity: 0;
width: 100vw;
height: 100vh;
position: absolute
}

.w-lightbox-view:before {
content: "";
height: 100vh
}

.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 86vh
}

.w-lightbox-frame,
.w-lightbox-view:before {
vertical-align: middle;
display: inline-block
}

.w-lightbox-figure {
margin: 0;
position: relative
}

.w-lightbox-group .w-lightbox-figure {
cursor: pointer
}

.w-lightbox-img {
width: auto;
max-width: none;
height: auto
}

.w-lightbox-image {
float: none;
max-width: 100vw;
max-height: 100vh;
display: block
}

.w-lightbox-group .w-lightbox-image {
max-height: 86vh
}

.w-lightbox-caption {
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
background: #0006;
padding: .5em 1em;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: hidden
}

.w-lightbox-embed {
width: 100%;
height: 100%;
position: absolute;
inset: 0
}

.w-lightbox-control {
cursor: pointer;
background-position: center;
background-repeat: no-repeat;
background-size: 24px;
width: 4em;
transition: all .3s;
position: absolute;
top: 0
}

.w-lightbox-left {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii0yMCAwIDI0IDQwIiB3aWR0aD0iMjQiIGhlaWdodD0iNDAiPjxnIHRyYW5zZm9ybT0icm90YXRlKDQ1KSI+PHBhdGggZD0ibTAgMGg1djIzaDIzdjVoLTI4eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDN2MjNoMjN2M2gtMjZ6IiBmaWxsPSIjZmZmIi8+PC9nPjwvc3ZnPg==);
display: none;
bottom: 0;
left: 0
}

.w-lightbox-right {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMjQgNDAiIHdpZHRoPSIyNCIgaGVpZ2h0PSI0MCI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMC0waDI4djI4aC01di0yM2gtMjN6IiBvcGFjaXR5PSIuNCIvPjxwYXRoIGQ9Im0xIDFoMjZ2MjZoLTN2LTIzaC0yM3oiIGZpbGw9IiNmZmYiLz48L2c+PC9zdmc+);
display: none;
bottom: 0;
right: 0
}

.w-lightbox-close {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9Ii00IDAgMTggMTciIHdpZHRoPSIxOCIgaGVpZ2h0PSIxNyI+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNDUpIj48cGF0aCBkPSJtMCAwaDd2LTdoNXY3aDd2NWgtN3Y3aC01di03aC03eiIgb3BhY2l0eT0iLjQiLz48cGF0aCBkPSJtMSAxaDd2LTdoM3Y3aDd2M2gtN3Y3aC0zdi03aC03eiIgZmlsbD0iI2ZmZiIvPjwvZz48L3N2Zz4=);
background-size: 18px;
height: 2.6em;
right: 0
}

.w-lightbox-strip {
white-space: nowrap;
padding: 0 1vh;
line-height: 0;
position: absolute;
bottom: 0;
left: 0;
right: 0;
overflow: auto hidden
}

.w-lightbox-item {
box-sizing: content-box;
cursor: pointer;
width: 10vh;
padding: 2vh 1vh;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0)
}

.w-lightbox-active {
opacity: .3
}

.w-lightbox-thumbnail {
background: #222;
height: 10vh;
position: relative;
overflow: hidden
}

.w-lightbox-thumbnail-image {
position: absolute;
top: 0;
left: 0
}

.w-lightbox-thumbnail .w-lightbox-tall {
width: 100%;
top: 50%;
transform: translate(0, -50%)
}

.w-lightbox-thumbnail .w-lightbox-wide {
height: 100%;
left: 50%;
transform: translate(-50%)
}

.w-lightbox-spinner {
box-sizing: border-box;
border: 5px solid #0006;
border-radius: 50%;
width: 40px;
height: 40px;
margin-top: -20px;
margin-left: -20px;
animation: .8s linear infinite spin;
position: absolute;
top: 50%;
left: 50%
}

.w-lightbox-spinner:after {
content: "";
border: 3px solid #0000;
border-bottom-color: #fff;
border-radius: 50%;
position: absolute;
inset: -4px
}

.w-lightbox-hide {
display: none
}

.w-lightbox-noscroll {
overflow: hidden
}

@media (min-width:768px) {
.w-lightbox-content {
height: 96vh;
margin-top: 2vh
}

.w-lightbox-view,
.w-lightbox-view:before {
height: 96vh
}

.w-lightbox-group,
.w-lightbox-group .w-lightbox-view,
.w-lightbox-group .w-lightbox-view:before {
height: 84vh
}

.w-lightbox-image {
max-width: 96vw;
max-height: 96vh
}

.w-lightbox-group .w-lightbox-image {
max-width: 82.3vw;
max-height: 84vh
}

.w-lightbox-left,
.w-lightbox-right {
opacity: .5;
display: block
}

.w-lightbox-close {
opacity: .8
}

.w-lightbox-control:hover {
opacity: 1
}
}

.w-lightbox-inactive,
.w-lightbox-inactive:hover {
opacity: 0
}

.w-richtext:before,
.w-richtext:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table
}

.w-richtext:after {
clear: both
}

.w-richtext[contenteditable="true"]:before,
.w-richtext[contenteditable="true"]:after {
white-space: initial
}

.w-richtext ol,
.w-richtext ul {
overflow: hidden
}

.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after,
.w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after,
.w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div,
.w-richtext .w-richtext-figure-selected[data-rt-type="image"] div {
outline: 2px solid #2895f7
}

.w-richtext figure.w-richtext-figure-type-video>div:after,
.w-richtext figure[data-rt-type="video"]>div:after {
content: "";
display: none;
position: absolute;
inset: 0
}

.w-richtext figure {
max-width: 60%;
position: relative
}

.w-richtext figure>div:before {
cursor: default !important
}

.w-richtext figure img {
width: 100%
}

.w-richtext figure figcaption.w-richtext-figcaption-placeholder {
opacity: .6
}

.w-richtext figure div {
color: #0000;
font-size: 0
}

.w-richtext figure.w-richtext-figure-type-image,
.w-richtext figure[data-rt-type="image"] {
display: table
}

.w-richtext figure.w-richtext-figure-type-image>div,
.w-richtext figure[data-rt-type="image"]>div {
display: inline-block
}

.w-richtext figure.w-richtext-figure-type-image>figcaption,
.w-richtext figure[data-rt-type="image"]>figcaption {
caption-side: bottom;
display: table-caption
}

.w-richtext figure.w-richtext-figure-type-video,
.w-richtext figure[data-rt-type="video"] {
width: 60%;
height: 0
}

.w-richtext figure.w-richtext-figure-type-video iframe,
.w-richtext figure[data-rt-type="video"] iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0
}

.w-richtext figure.w-richtext-figure-type-video>div,
.w-richtext figure[data-rt-type="video"]>div {
width: 100%
}

.w-richtext figure.w-richtext-align-center {
clear: both;
margin-left: auto;
margin-right: auto
}

.w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image>div,
.w-richtext figure.w-richtext-align-center[data-rt-type="image"]>div {
max-width: 100%
}

.w-richtext figure.w-richtext-align-normal {
clear: both
}

.w-richtext figure.w-richtext-align-fullwidth {
text-align: center;
clear: both;
width: 100%;
max-width: 100%;
margin-left: auto;
margin-right: auto;
display: block
}

.w-richtext figure.w-richtext-align-fullwidth>div {
padding-bottom: inherit;
display: inline-block
}

.w-richtext figure.w-richtext-align-fullwidth>figcaption {
display: block
}

.w-richtext figure.w-richtext-align-floatleft {
float: left;
clear: none;
margin-right: 15px
}

.w-richtext figure.w-richtext-align-floatright {
float: right;
clear: none;
margin-left: 15px
}

.w-nav {
z-index: 18;
background: #ddd;
position: relative
}

.w-nav:before,
.w-nav:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table
}

.w-nav:after {
clear: both
}

.w-nav-brand {
float: left;
color: #333;
text-decoration: none;
position: relative
}

.w-nav-link {
vertical-align: top;
color: #222;
text-align: left;
margin-left: auto;
margin-right: auto;
padding: 20px;
text-decoration: none;
display: inline-block;
position: relative
}

.w-nav-link.w--current {
color: #0082f3
}

.w-nav-menu {
float: right;
position: relative
}

[data-nav-menu-open] {
text-align: center;
background: #c8c8c8;
min-width: 200px;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: visible;
display: block !important
}

.w--nav-link-open {
display: block;
position: relative
}

.w-nav-overlay {
width: 100%;
display: none;
position: absolute;
top: 100%;
left: 0;
right: 0;
overflow: hidden
}

.w-nav-overlay [data-nav-menu-open] {
    top: 0
}

.w-nav[data-animation="over-left"] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation="over-left"] .w-nav-overlay,
.w-nav[data-animation="over-left"] [data-nav-menu-open] {
    z-index: 1;
    top: 0;
    right: auto
}

.w-nav[data-animation="over-right"] .w-nav-overlay {
    width: auto
}

.w-nav[data-animation="over-right"] .w-nav-overlay,
.w-nav[data-animation="over-right"] [data-nav-menu-open] {
z-index: 1;
top: 0;
left: auto
}

.w-nav-button {
float: right;
cursor: pointer;
-webkit-tap-highlight-color: #0000;
tap-highlight-color: #0000;
-webkit-user-select: none;
user-select: none;
padding: 18px;
font-size: 24px;
display: none;
position: relative
}

.w-nav-button:focus {
outline: 0
}

.w-nav-button.w--open {
color: #fff;
background-color: #c8c8c8
}

.w-nav[data-collapse="all"] .w-nav-menu {
display: none
}

.w-nav[data-collapse="all"] .w-nav-button,
.w--nav-dropdown-open,
.w--nav-dropdown-toggle-open {
display: block
}

.w--nav-dropdown-list-open {
position: static
}

@media screen and (max-width:991px) {
.w-nav[data-collapse="medium"] .w-nav-menu {
display: none
}

.w-nav[data-collapse="medium"] .w-nav-button {
display: block
}
}

@media screen and (max-width:767px) {
.w-nav[data-collapse="small"] .w-nav-menu {
display: none
}

.w-nav[data-collapse="small"] .w-nav-button {
display: block
}

.w-nav-brand {
padding-left: 10px
}
}

@media screen and (max-width:479px) {
.w-nav[data-collapse="tiny"] .w-nav-menu {
display: none
}

.w-nav[data-collapse="tiny"] .w-nav-button {
display: block
}
}

.w-tabs {
position: relative
}

.w-tabs:before,
.w-tabs:after {
content: " ";
grid-area: 1 / 1 / 2 / 2;
display: table
}

.w-tabs:after {
clear: both
}

.w-tab-menu {
position: relative
}

.w-tab-link {
vertical-align: top;
text-align: left;
cursor: pointer;
color: #222;
background-color: #ddd;
padding: 9px 30px;
text-decoration: none;
display: inline-block;
position: relative
}

.w-tab-link.w--current {
background-color: #c8c8c8
}

.w-tab-link:focus {
outline: 0
}

.w-tab-content {
display: block;
position: relative;
overflow: hidden
}

.w-tab-pane {
display: none;
position: relative
}

.w--tab-active {
display: block
}

@media screen and (max-width:479px) {
.w-tab-link {
display: block
}
}

.w-ix-emptyfix:after {
content: ""
}

@keyframes spin {
0% {
transform: rotate(0)
}

100% {
transform: rotate(360deg)
}
}

.w-dyn-empty {
background-color: #ddd;
padding: 10px
}

.w-dyn-hide,
.w-dyn-bind-empty,
.w-condition-invisible {
display: none !important
}

.wf-layout-layout {
display: grid
}

@font-face {
font-family: "Arial, Sans-Serif solid 900";
font-weight: 400;
font-style: normal;
font-display: swap
}

@font-face {
font-family: "Arial, Sans-Serif 400";
font-weight: 400;
font-style: normal;
font-display: swap
}

@font-face {
font-family: "Arial, Sans-Serif 400 (6.4.2)";
font-weight: 400;
font-style: normal;
font-display: swap
}

:root {
--primary-dark: #222;
--paragraph-gray: #5f636d;
--primary-pink: #ff00ae;
--primary: #f50;
--white: white;
--light-gray: #e9eaeb;
--dark-gray: #afafaf;
--gray: #d5d7da;
--dark-gray-4: #0a0d120a;
--dark-gray-3: #0a0d1208;
--dark-gray-8: #0a0d1214;
--black: black;
--white-50: #ffffff80;
--primary-light: #eef4f8
}

.w-layout-blockcontainer {
max-width: 940px;
margin-left: auto;
margin-right: auto;
display: block
}

.w-layout-hflex {
flex-direction: row;
align-items: flex-start;
display: flex
}

.w-layout-vflex {
flex-direction: column;
align-items: flex-start;
display: flex
}

.w-layout-grid-google-ads-page {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: grid
}

@media only screen and (max-width:768px) {
grid-template-columns:1fr -1fr
}

.stick-y-sidebar-detaile-page {
position: sticky !important;
top: 80px
}

.w-layout-grid-google-ads-page {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: flow
}

.w-layout-grid {
grid-row-gap: 16px;
grid-column-gap: 75px;
grid-template-rows: auto auto;
grid-template-columns: 2fr 1fr;
grid-auto-columns: 1fr;
display: grid
}

.w-grid-col-6 {
grid-row-gap: 16px;
grid-column-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}



body {
color: var(--primary-dark);
letter-spacing: -.03em;
font-family: Arial, Sans-Serif;
font-size: 16px;
line-height: 1.5em
}

h1 {
color: var(--primary-dark);
margin-top: 0;
margin-bottom: 0;
font-family: Arial, Sans-Serif;
font-size: 72px;
font-weight: 600;
line-height: 1.15em
}

h2 {
color: var(--primary-dark);
margin-top: 0;
margin-bottom: 0;
font-size: 60px;
font-weight: 600;
line-height: 1.2em
}

h3 {
color: var(--primary-dark);
margin-top: 0;
margin-bottom: 0;
font-family: Arial, Sans-Serif;
font-weight: 600;
line-height: 1.1em
}

h4 {
color: var(--primary-dark);
margin-top: 0;
margin-bottom: 0;
font-family: Arial, Sans-Serif;
font-size: 26px;
font-weight: 600;
line-height: 1.8em
}

h5 {
color: #ff1c73;
margin-top: 0;
margin-bottom: 0;
font-family: Arial, Sans-Serif;
font-size: 18px;
font-weight: 200;
line-height: 1.1em
}

h6 {
color: var(--primary-dark);
margin-top: 0;
margin-bottom: 0;
font-family: Arial, Sans-Serif;
font-size: 16px;
font-weight: 500;
line-height: 1.5em
}

p {
color: #000000;
margin-top: 0;
margin-bottom: 0;
font-family: math !important;
font-size: 16px;
line-height: 1.5em;
text-align: justify;
}

a {
color: var(--primary-dark) !important;
align-items: center;
line-height: 1.2em;
text-decoration: none;
transition: all .35s;
font-family: math !important;

}

span{
    font-family: math !important;
}
strong{
    font-family: math !important;
}
a:hover {
color: var(--primary-pink);
}

ul {
grid-row-gap: 15px;
background-color: #000;
color: var(--primary);
-webkit-text-fill-color: #fff0;
-webkit-background-clip: text;
background-clip: text;
flex-direction: column;
margin-top: 10px;
margin-bottom: 10px;
padding-left: 20px;
/*display: flex;*/
}

ol {
margin-top: 0;
margin-bottom: 10px;
padding-left: 40px
}

li {
align-items: center;
line-height: 1.4em;
text-align: justify
}

img {
max-width: 100%;
display: inline-block
}

label {
margin-bottom: 10px;
display: block
}

blockquote {
border-left: 2px solid var(--primary-pink);
margin-top: 25px;
margin-bottom: 25px;
padding: 10px 40px;
font-size: 36px;
font-weight: 600;
line-height: 1.2
}

figure {
margin-bottom: 10px
}

.section {
padding-top: 60px;
padding-bottom: 60px;
position: relative
}

.section.light-background {
background-color: var(--white);
background-image: linear-gradient(135deg, #ff55000a, #ff00ae0a)
}

.section.licensing-fonts {
padding-top: 0;
padding-bottom: 0
}

.section.without-bottom-spacing {
padding-bottom: 0
}

.section.landing-banner {
background-image: linear-gradient(135deg, #ff00ae0a, #ff55000a);
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
padding-top: 140px;
padding-bottom: 0;
display: flex;
position: relative;
overflow: hidden
}

.section.light-background-no-top {
z-index: 0;
background-color: var(--white);
background-image: linear-gradient(0deg, #ff55000a, #ff00ae0a);
padding-top: 0
}

.section.light-background-without-bottom {
background-color: var(--white);
background-image: linear-gradient(135deg, #ff55000a, #ff00ae0a);
padding-bottom: 0
}

.section.solution-section {
z-index: 0;
background-color: var(--white);
background-image: linear-gradient(135deg, #ff55000a, #ff00ae0a);
overflow: hidden
}

.section.light-background-no-space {
    background: linear-gradient(119deg, #09203f, #537895) !important;
}

.section.logos-section {
padding-top: 40px;
padding-bottom: 30px !important
}

.base-container {
max-width: 90%;
min-height: 535px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px
}

.base-container.align-left {
align-items: flex-start
}

.base-container.relative {
position: relative
}

.grid-system-wrapper {
flex-direction: column;
width: 100%;
margin-top: 24px;
display: flex;
position: relative
}

.grid-system {
justify-content: space-between;
width: 80%;
display: flex
}

.grid-title {
border-right: 1px solid var(--light-gray);
border-left: 1px none var(--light-gray);
background-image: linear-gradient(0deg, var(--primary-pink), var(--primary));
color: var(--white);
justify-content: center;
width: 19%;
margin-top: 0;
margin-bottom: 0;
padding: 20px 10px;
display: flex
}

.grid-title.first-grid {
background-color: var(--primary);
border-top-left-radius: 16px;
width: 24%;
height: 100%;
margin-top: 0
}

.grid-title.last {
border-top-right-radius: 16px
}

.grid-description {
border-right: 1px solid var(--dark-gray);
border-bottom: 1px solid var(--dark-gray);
justify-content: center;
align-items: center;
width: 19%;
margin-top: 0;
margin-bottom: 0;
padding: 20px 10px;
display: flex
}

.grid-description.first-description {
border-bottom: 1px solid #a7a7a7;
border-left: 1px solid #a7a7a7;
border-right: 1px solid #a7a7a7;
border-bottom-left-radius: 16px;
width: 24%
}

.grid-description.last-description {
border-right-style: solid;
border-right-width: 1px;
border-bottom-right-radius: 16px
}

.spacing-system-column {
padding-right: 20px
}

.spacing-system-image {
max-width: 80%
}

.spacing-wrapper-mobile {
width: 70%;
margin-top: 30px;
position: relative
}

.typography-wrapper {
margin-top: 30px
}

.spacing-columns {
margin-top: 40px
}

.bottom-style-spacing-desktop {
font-weight: 700;
position: absolute;
inset: auto 0% 10% auto
}

.top-style-spacing-desktop {
font-weight: 700;
position: absolute;
top: 8%;
bottom: auto;
right: 0
}

.spacing-wrapper {
width: 100%;
margin-top: 24px;
position: relative
}

.middle-style-spacing-desktop {
font-weight: 700;
position: absolute;
inset: 33% 0% auto auto
}

.spasing-system-image-mobile {
max-width: 70%
}

.primary-style-guide {
background-color: var(--primary);
border-radius: 8px;
width: 75px;
height: 75px
}

.gray-style-guide {
background-color: var(--gray);
border-radius: 8px;
width: 75px;
height: 75px
}

.color-wrapper {
grid-row-gap: 10px;
flex-flow: column;
display: flex
}

.primary-dark-style-guide {
background-color: var(--primary-dark);
border-radius: 8px;
width: 75px;
height: 75px
}

.colors-container {
grid-column-gap: 60px;
justify-content: flex-start;
margin-top: 40px;
display: flex
}

.light-gray-style-guide {
background-color: var(--light-gray);
border-radius: 8px;
width: 75px;
height: 75px
}

.color-container {
grid-column-gap: 30px;
flex-wrap: wrap;
justify-content: flex-start;
margin-top: 40px;
display: flex
}

.white-style-guide {
background-color: var(--white);
border-radius: 8px;
width: 75px;
height: 75px
}

.headings-typography-wrapper {
flex-flow: wrap;
width: 47%;
display: flex
}

.headers-wrapper {
width: 100%;
margin-top: 10px;
margin-bottom: 10px
}

.h1-tablet {
font-size: 50px
}

.h2-tablet {
font-size: 42px
}

.h1-mobile {
font-size: 46px
}

.h2-mobile {
font-size: 36px
}

.h3-mobile {
font-size: 32px
}

.h3-tablet {
font-size: 34px
}

.style-guide-body-wrapper {
grid-row-gap: 10px;
flex-direction: column;
align-items: flex-start;
width: 47%;
display: flex
}

.style-guide-body-wrapper.last-child {
margin-right: 0
}

.primary-button {
background-color: var(--primary);
background-image: linear-gradient(120deg, #09203f, #537895) !important;
color: var(--white)!important;
text-align: center;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 10px;
padding: 12px 18px;
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
transition: all .3s;
display: inline-block;
position: relative;
overflow: clip;
box-shadow: 0 1px 2px #1018280d, inset 0 0 #0a0d121f, inset 0 -2px #0a0d120d
}

.primary-button:hover {
background-color: var(--white);
opacity: 1;
color: var(--white)
}

.primary-button.serch-button {
margin-left: auto;
margin-right: auto
}

.primary-button.pagination {
margin-top: 30px
}

.style-guide-div {
grid-row-gap: 60px;
flex-direction: column;
justify-content: space-between;
align-items: stretch;
width: 100%
}

.top-style-spacing-mobile {
font-weight: 700;
position: absolute;
top: 5%;
right: 0
}

.middlr-style-spacing-mobile {
font-weight: 700;
position: absolute;
top: 29%;
right: 0
}

.bottom-style-spacing-mobile {
font-weight: 700;
position: absolute;
bottom: 7%;
right: 0
}

.grid-header {
width: 100%;
margin-top: 40px
}

.link-wrapper {
width: 50%;
margin-top: 10px
}

.nav-shad-ow {
box-shadow: rgb(0 0 0 / .16) 0 3px 6px, rgb(0 0 0 / .23) 0 3px 6px
}

@media only screen and (max-width:768px) {
.nav-shad-ow {
box-shadow: none
}
.base-container {
min-height: 0px;
}
}

.submenu-box {
padding: 8px 26px
}

.navmenu-title {
padding: 0 0 15px 0
}

.navpad-ding {
padding: 0 0 15px 0
}

.nav-title-u-line {
display: flex;
align-items: center;
justify-content: center;
background-image: linear-gradient(120deg, #ff00ae24, #ff55003b);
border: 2px solid #fff;
padding: 12px
}

.btn-nav-menu {
margin: 0 0 0 32px !important;
padding: 5px 16px !important;
border-radius: 4px
}

@media only screen and (max-width:768px) {
.btn-nav-menu {
margin: 0 0 0 0px !important
}
}

.navbar {
background-color: #0000;
width: 100%;
padding-left: 10px;
padding-right: 10px;
position: sticky;
top: 10px;
z-index: 999;
}

.nav-container {
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: 0 2px 2px -1px var(--dark-gray-4), 0 4px 6px -2px var(--dark-gray-3), 0 12px 16px -4px var(--dark-gray-8);
justify-content: space-between;
align-items: center;
min-width: 100%;
margin-left: auto;
margin-right: auto;
padding-left: 5px;
padding-right: 5px;
display: flex;
border-radius: 10px
}

.nav-menu {
justify-content: flex-end;
align-items: center
}

.nav-link {
padding: 22px 20px;
font-size: 16px;
font-weight: 500;
line-height: 1.5em
}

.nav-link:hover {
opacity: 1
}

.nav-link.w--current {
color: var(--primary-dark)
}

.nav-dropdown-toggle {
grid-column-gap: 4px;
grid-row-gap: 4px;
justify-content: center;
align-items: center;
margin-left: 0;
margin-right: 0;
padding: 16px 20px;
display: flex
}

.nav-dropdown-toggle:hover {
color: var(--primary-pink)
}

.nav-dropdown-icon {
font-size: 10px;
display: none
}

.nav-dropdown-list {
background-color: #fff;
border: 1px solid #0000002e;
width: 200px
}

.nav-dropdown-list.w--open {
border-color: var(--light-gray);
box-shadow: 0 1.6px 1.6px -.8px var(--dark-gray-4), 0 3px 4px -1.6px var(--dark-gray-3), 0 9px 12px -3.2px var(--dark-gray-8)
}

.nav-dropdown-list.megamenu {
width: 360px
}

.nav-dropdown-list.megamenu.w--open {
width: 1358px;
display: flex;
left: -487px;
}

.nav-dropdown-link-wrapper {
flex-direction: column;
padding-left: 2px;
padding-right: 0;
display: flex;
position: relative;
overflow: hidden
}

.nav-dropdown-link {
width: 100%;
margin-left: 6px;
padding: 8px 8px 8px 0;
font-size: 16px;
font-weight: 500;
transition: all .35s;
display: flex
}

.nav-dropdown-link.w--current {
color: var(--primary-pink)
}

.nav-item-title {
color: var(--primary-dark);
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
font-weight: 500
}

.pages-banner {
background-image: linear-gradient(150deg, #ff55000a, #ff00ae0a);
justify-content: center;
align-items: center;
min-height: 400px;
padding-top: 160px;
padding-bottom: 80px;
display: flex;
position: relative
}

.licensing-title-wrapper {
border-bottom: 1px #5e5e5e80;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
display: flex
}

.licensing-images-wrapper {
border-top: 1px solid #5e5e5e80;
width: 100%;
padding-top: 40px
}

.licensing-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
border-bottom: 1px #5e5e5e80;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
width: 100%
}

.licensing-image {
object-fit: cover;
width: 100%;
height: 320px
}

.licensing-title {
width: 100%;
padding-bottom: 30px
}

.licensing-image-link {
width: 100%;
height: 100%
}

.licensing-image-link:hover {
opacity: .8
}

.license-link {
color: var(--primary-dark);
letter-spacing: normal;
font-weight: 700
}

.license-link:hover {
color: var(--primary)
}

.banner-title {
z-index: 2;
text-align: center;
position: relative
}

.licensing-heading {
margin-bottom: 20px
}

.licensing-icon-link-wrapper {
margin-right: 25px;
transition: none
}

.icon-style-guide {
color: var(--primary);
font-family: "Fa Brands 400 (6.4.2)", sans-serif;
font-size: 24px;
line-height: 1.3em;
transition: all .35s
}

.icon-style-guide:hover {
color: var(--primary-dark)
}

.icon-style-guide.dribble {
font-family: "Fa solid 900", sans-serif
}

.licensing-fonts-wrapper {
align-items: center;
width: 100%;
margin-top: 20px;
display: flex
}

.licensing-icon-link {
margin-bottom: 20px
}

.licensing-paragraph {
width: 50%;
margin-right: 40px
}

.licensing-font-title {
text-transform: capitalize;
margin-bottom: 10px
}

.licensing-icons-wrapper {
margin-top: 30px;
margin-bottom: 20px
}

.utility-page-wrap {
background-image: linear-gradient(#ff55000d, #ff00ae0d);
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
margin-bottom: 40px;
padding-top: 40px;
padding-left: 15px;
padding-right: 15px;
display: flex
}

.utility-page-content {
text-align: center;
flex-direction: column;
width: 280px;
display: flex
}

.utility-page-form {
flex-direction: column;
align-items: stretch;
display: flex
}

.password-image {
width: 140px;
margin-bottom: 24px;
margin-left: auto;
margin-right: auto;
display: block
}

.password-title-wrapper {
margin-bottom: 40px
}

._404-paragraph {
text-align: center;
margin-top: 20px;
margin-bottom: 40px
}

._404-logo-wrapper {
justify-content: center;
display: flex;
position: absolute;
inset: 40px 0% auto
}

._404-content-wrapper {
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}

.changelog-heading {
margin-bottom: 20px
}

.nav-menu-wrapper {
flex: 1;
justify-content: space-between;
align-items: center;
display: flex
}

.blog-template-wrapper {
width: 100%;
max-width: 920px;
margin-left: auto;
margin-right: auto
}

.blog-template-pagination {
grid-column-gap: 0;
grid-row-gap: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
align-items: center;
margin-top: 40px;
display: grid
}

.blog-template-prev-button {
flex: 1;
display: flex
}

.blog-template-next-button {
flex: 1;
justify-content: flex-end;
display: flex
}

.blog-template-pagination-link {
align-items: center;
width: 100%;
padding-top: 10px;
padding-bottom: 10px;
transition-duration: .5s;
display: flex
}

.blog-template-pagination-link:hover {
background-image: linear-gradient(#ff55000d, #ff00ae0d);
padding-left: 20px
}

.blog-template-pagination-link.right:hover {
padding-left: 0;
padding-right: 20px
}

.blog-template-next {
text-align: right;
width: 100%
}
.font-discalamer{
    font-size:11px;
}
.footer {
    background-image: linear-gradient(120deg, #09203f, #537895) !important;
align-items: flex-start;
padding-top: 80px;
padding-bottom: 30px;
position: relative;
}

.footer-bottom-wrapper {
grid-column-gap: 16px;
grid-row-gap: 5px;
border-top: 1px solid var(--light-gray);
flex-flow: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
justify-content: center;
place-items: stretch stretch;
width: 100%;
padding-top: 30px;
display: grid
}
.logo-balanced{
    background: #fff;
    /*padding: 12px 15px 2px 15px;*/
    border-radius: 8px;
    margin-bottom: 12px;
}

.footer-rights {
grid-column-gap: 5px;
grid-row-gap: 0;
font-size: 14px;
line-height: 1.2em;
display: flex
}

.footer-copyright {
grid-column-gap: 5px;
grid-row-gap: 0;
text-align: center;
justify-content: center;
align-items: center;
width: 100%;
font-size: 14px;
line-height: 1.2em;
display: flex
}

.footer-copyright-link {
letter-spacing: .2px;
font-size: 14px;
text-decoration: none;
display: inline-block
}

.footer-copyright-link:hover {
color: var(--primary)
}
ul li{
    font-family: math;
    font-size: 17px !important;
    line-height: 1.9em;
}
.widget.footermenu-wrapper ul li a{
    color:#fff;
}
.Footer-widget-title{
    color:#fff;
}
.footer-bottom-imp-links{
    color: #fff !important;
}
.footer-bottom-imp-links:hover{
    color: #fff !important;
}
.dark-background.logo-service-icon-footer {
    display: flex;
    justify-content: space-around;
    align-items: center;
    box-shadow: rgb(255 255 255 / 30%) 0px 19px 45px, rgb(0 0 0 / 75%) 0px 15px 12px;
    padding: 12px 0px;
    margin: 12px 0px;
    border-radius: 8px;
    background: #38649D;
    text-align: center;
    border: 1px solid #fff;
}

.style-guide-buttons-wrapper {
grid-column-gap: 40px;
grid-row-gap: 30px;
flex-wrap: wrap;
align-items: center;
width: 100%;
margin-top: 40px;
display: flex
}

.style-guide-button-wrapper {
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 47%;
display: flex
}

.style-guide-button-wrapper.last-child {
margin-right: 0
}

.text-button-icon {
font-family: "Fa solid 900", sans-serif;
font-size: 13px;
line-height: 1
}

.paragraph-large {
font-size: 18px;
line-height: 1.5em
}

.banner-title-wrapper {
flex-direction: column;
align-items: center;
max-width: 760px;
display: flex
}

.text-white {
color: var(--white)
}

.banner-description {
text-align: center;
max-width: 560px;
margin-top: 20px;
margin-bottom: 0;
font-size: 18px
}

.section-title-description {
text-align: center;
max-width: 560px
}

.pricing-plans-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}

.pricing-plan-list {
margin-top: 20px;
margin-bottom: 0
}

.pricing-plan-list.white {
background-color: var(--white);
color: var(--white)
}

.pricing-plan-item-title {
margin-bottom: 20px
}

.pricing-plan-price-wrapper {
align-items: flex-start;
margin-top: 40px;
margin-bottom: 30px;
display: flex
}

.pricing-plan-price {
font-size: 56px
}

.pricing-plan-currency-icon {
margin-right: 2px;
font-size: 20px;
font-weight: 700;
line-height: 20px
}

.play-button {
z-index: 5;
background-color: var(--white);
border-radius: 50%;
width: 62px;
height: 62px;
position: absolute
}

.accordion-list {
background-color: #0000;
width: 100%;
margin-top: -4px;
padding-left: 20px;
padding-right: 20px;
display: block;
position: static;
overflow: hidden
}

.accordion-list.w--open {
background-color: #0000;
padding-top: 0;
padding-bottom: 20px;
display: block
}

.accordion-wrapper {
width: 100%;
display: flex
}

.accordion-wrapper.service-details {
margin-top: 60px
}

.accordion-item {
border-top: 1px solid var(--light-gray);
background-color: var(--white);
width: 100%;
position: static
}

.accordion-icon {
border: 1px solid var(--light-gray);
border-radius: 50px;
flex: none;
justify-content: center;
align-items: center;
width: 52px;
height: 52px;
margin-left: 20px;
position: relative
}

.accordion-list-content {
margin-top: 0;
margin-bottom: 0;
padding-top: 30px;
}

.light-background {
background-image: linear-gradient(135deg, #ff00ae0a, #ff55000a);
position: relative;
}

.dark-background {
background: linear-gradient(119deg, #09203f, #537895) !important;
position: relative;
}

.link-with-icon {
grid-column-gap: 4px;
grid-row-gap: 4px;
display: flex;
}

.link-with-icon:hover {
grid-column-gap: 8px;
grid-row-gap: 8px
}

.job-position-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
grid-auto-columns: 1fr;
align-items: flex-start;
display: grid;
position: relative
}

.job-position-sidebar-wrapper {
position: sticky;
top: 100px;
}

.job-position-sidebar-wrap {
align-items: flex-start;
display: flex;
justify-content: center;
}

.job-position-icon {
background-image: linear-gradient(135deg, var(--primary-pink), var(--primary));
-webkit-text-fill-color: #fff0;
-webkit-background-clip: text;
background-clip: text;
margin-right: 10px;
padding-right: 2px;
font-family: "Fa solid 900", sans-serif;
font-size: 18px
}

.contacts-form-wrapper {
border-radius: 16px;
flex-flow: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
margin-bottom: 0;
padding: 8px 24px;
display: flex
}

.hidden {
display: none;
}

.contacts-textarea {
border: 1px solid var(--light-gray);
box-shadow: inset 0 0 2.5px .8px var(--dark-gray-3), inset 0 0 2.5px .8px var(--dark-gray-4), 0 0 2px -2px var(--dark-gray-8);
color: var(--dark-gray);
border-radius: 16px;
min-width: 100%;
max-width: 100%;
min-height: 80px;
max-height: 100%;
margin-bottom: 30px;
padding: 16px 18px;
font-size: 16px;
}

.contacts-textarea:focus {
border-color: var(--light-gray);
color: var(--primary-dark);
padding-left: 24px;
}

.contacts-textarea::placeholder {
color: var(--dark-gray);
font-size: 16px;
}

.contacts-input {
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: inset 0 0 2.5px .8px var(--dark-gray-3), inset 0 0 2.5px .8px var(--dark-gray-3), 0 0 2px -2px var(--dark-gray-8);
color: var(--dark-gray);
border-radius: 16px;
height: auto;
padding: 16px 18px;
font-size: 16px;
transition: all .2s
}

.contacts-input:focus {
border-color: var(--light-gray);
color: var(--primary-dark);
padding-left: 24px
}

.contacts-input::placeholder {
color: var(--dark-gray);
font-size: 16px
}

.contacts-input.select {
background-color: var(--white);
min-height: 57px;
padding-right: 18px
}

.contacts-form-title {
text-align: center;
margin-bottom: 24px
}

.contacts-3-form-wrapper {
z-index: 99;
width: 100%;
margin-bottom: 0;
padding: 40px;
position: relative
}

.contact-3-inputs-wrapper {
grid-column-gap: 10px;
grid-row-gap: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}

.contacts-3-form {
text-align: center;
width: 100%;
height: 100%
}


.footer-link {
    color: #fff !important;
    line-height: 1.5em;
    transition: all .3s;
    text-decoration-color: #ffffff;
    display: inline;
    padding: 3px 3px;
    border-radius: 4px;
}

.footer-link:hover {
    color: #560f57 !important;
    background: #ffffff;
    transition: background-color .9s;
}

.footer-social-icons-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: flex-start;
align-items: center;
margin-top: 30px;
display: flex
}

.footer-wrapper {
justify-content: space-between;
width: 100%;
margin-bottom: 35px;
display: flex
}

.footer-brand-wrapper {
flex-direction: column;
align-items: flex-start;
display: flex
}

.footer-brand {
color: #fff
}

.footer-brand.w--current {
margin-bottom: 0;
padding-left: 0
}

.footer-links-wrapper {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-direction: column;
align-items: flex-start;
display: flex
}

.search-wrap-input {
color: var(--primary-dark);
background-color: #0000;
border: 1px solid #0000;
height: 60px;
margin-bottom: 0;
padding: 0;
font-family: Verdana, sans-serif;
font-size: 18px
}

.search-wrap-input:focus {
border-style: none
}

.search-wrap-input::placeholder {
color: var(--dark-gray)
}

.search-desktop {
z-index: 1000;
background-color: #ffffffe6;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding-left: 20px;
padding-right: 20px;
display: none;
position: fixed;
inset: 0% auto auto 0%
}

.search-close-button {
cursor: pointer;
font-family: "Fa solid 900", sans-serif;
font-size: 20px;
font-weight: 900;
position: absolute;
inset: 50px 50px auto auto
}

.search-bottom-line {
background-color: var(--primary);
width: 100%;
height: 3px;
margin-bottom: 20px;
display: flex
}

.search-wrapper {
flex-direction: column;
width: 100%;
max-width: 1140px;
display: flex
}

.search-shop-con {
align-items: center;
display: flex
}

.without-top-spacing {
padding-top: 0
}

.search-result-item {
margin-bottom: 30px
}

.search-link {
font-size: 18px;
transition: all .3s;
display: inline-block
}

.search-link:hover {
opacity: .7
}

.search-input {
border: 1px solid var(--light-gray);
box-shadow: inset 0 0 2px -1px var(--dark-gray-3), 0 2px 2px -1px var(--dark-gray-8);
color: var(--dark-gray);
border-radius: 10px;
height: auto;
margin-bottom: 0;
padding: 16px 22px;
font-size: 16px;
line-height: 1em
}

.search-input:focus {
border: 1px solid var(--primary-dark);
color: var(--paragraph-gray)
}

.search-input::placeholder {
color: var(--dark-gray)
}

.search-result-wrapper {
width: 100%;
margin-top: 40px
}

.footer-logo-wrapper {
flex-direction: column;
align-items: center;
display: flex
}


.customers-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: 1fr 1fr 1fr;
width: 100%;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px
}

.customer-wrapper {
border: 1px solid var(--light-gray);
text-align: center;
background-image: linear-gradient(135deg, #ff55000a, #ff00ae0a);
border-radius: 16px;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 280px;
transition: all .3s;
display: flex
}

.customer-wrapper:hover {
opacity: 1
}

.customer-wrapper.disable,
.customer-wrapper.disable-tablet-hide {
opacity: .5
}

.customer-title {
text-transform: uppercase;
margin-top: 20px;
font-size: 12px
}

.accordion-wrap-one-column {
width: 100%
}

.service-details-content {
flex-flow: column;
align-items: flex-start;
max-width: 1350px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}

.headings-container {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
width: 100%;
display: flex
}

.service-list-item {
position: relative
}

.primary-button-white {
border: 1px solid var(--white);
background-color: var(--white);
color: var(--primary);
text-align: center;
letter-spacing: .5px;
border-radius: 10px;
align-items: center;
padding: 16px 22px;
transition: all .35s
}

.primary-button-white:hover {
color: var(--white);
background-color: #0000
}

.style-guide-content-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-wrap: nowrap;
margin-top: 20px;
display: flex
}

.slide-3 {
max-height: 580px
}

.progressbar-gray-line {
background-color: var(--dark-gray-8);
width: 100%;
height: 4px
}

.progress-bar-90 {
background-color: var(--primary);
background-image: linear-gradient(90deg, var(--primary-pink), var(--primary));
width: 90%;
height: 4px;
margin-top: -4px;
position: relative
}

.progressbar-con {
width: 100%
}

.progress-bar-80 {
background-color: var(--primary);
background-image: linear-gradient(90deg, var(--primary-pink), var(--primary));
width: 82%;
height: 4px;
margin-top: -4px;
position: relative
}

.progressbar-wrapper {
grid-column-gap: 60px;
grid-row-gap: 60px;
justify-content: flex-start;
align-items: flex-start;
width: 100%;
margin-top: 80px;
display: flex
}

.progressbar-content {
grid-column-gap: 40px;
width: 33%;
display: flex
}

.progressbar-wrap {
width: 60%;
max-width: 480px
}

.about-3-tab-link {
color: var(--white);
background-color: #0000;
flex-direction: column;
align-items: center;
width: 33.33%;
margin-bottom: -12px;
padding-top: 20px;
padding-bottom: 4px;
font-size: 19px;
line-height: 32px;
transition: all .3s;
display: flex;
position: relative
}

.about-3-tab-link.w--current {
color: var(--white);
background-color: #0000;
padding-top: 20px;
padding-bottom: 4px;
font-size: 24px
}

.progressbar-active {
background-color: var(--primary);
border-radius: 50%;
width: 12px;
height: 12px;
position: absolute;
inset: auto 0% -4px auto
}

.progressbar-number {
font-family: Verdana, sans-serif;
font-size: 18px;
font-weight: 700;
position: absolute;
bottom: 20px;
right: 0
}

.progressbar-item {
margin-bottom: 30px
}

.tabs-menu {
z-index: 10;
grid-column-gap: 6px;
grid-row-gap: 6px;
border: 1px solid var(--gray);
background-color: var(--white);
box-shadow: 0 1px 2px 0 var(--dark-gray-4), inset 0 -2px 0 0 var(--dark-gray-4), inset 0 0 0 0 var(--dark-gray-8);
border-radius: 10px;
justify-content: center;
align-items: center;
margin-bottom: -20px;
margin-left: auto;
margin-right: auto;
padding: 4px;
display: flex
}

.portfolio-grid-collection-list {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}

.portfolio-grid-collection-item {
border-radius: 16px;
width: 100%;
position: relative;
overflow: hidden;
box-shadow: 0 0 30px #00000014
}

.portfolio-grid-title-wrapper {
z-index: 2;
grid-row-gap: 10px;
flex-direction: column;
justify-content: flex-start;
align-items: flex-start;
width: 41%;
display: flex;
position: absolute;
inset: auto auto 40px 40px
}

.template-empty-state {
color: var(--primary);
background-color: #0000;
padding: 30px;
font-family: Verdana, sans-serif;
font-size: 16px
}

.portfolio-masonry-collection-list {
grid-column-gap: 20px;
grid-row-gap: 40px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}

.portfolio-masonry-collection-item,
.portfolio-masonry-image-wrapper {
position: relative
}

.portfolio-masonry-content-wrapper {
grid-row-gap: 8px;
flex-flow: column;
padding-top: 16px;
display: flex
}

.portfolio-masonry-title {
color: var(--primary-dark);
font-size: 24px;
font-weight: 500;
transition: all .3s
}

.portfolio-masonry-title:hover {
color: var(--primary-dark)
}

.portfolio-masonry-title.white {
color: var(--white)
}

.portfolio-masonry-category {
color: var(--paragraph-gray);
width: 100%;
transition: all .4s;
display: inline-block
}

.portfolio-masonry-category:hover {
color: var(--primary-dark)
}

.portfolio-masonry-image-link {
border-radius: 16px;
width: 100%;
height: 320px;
overflow: clip
}

.project-pagination-wrapper {
border-top: 1px solid var(--light-gray);
border-bottom: 1px solid var(--light-gray);
align-items: stretch;
display: flex
}

.landing-banner-image {
z-index: 20;
max-width: 85%;
margin-left: auto;
margin-right: auto;
position: relative
}

.landing-performance-grid {
grid-column-gap: 120px;
grid-row-gap: 60px;
width: 100%
}

.landing-progress-bar-wrapper {
margin-top: 20px
}

.landing-progress-bar-gray-line {
background-color: var(--light-gray);
border-radius: 10px;
width: 100%;
height: 15px
}

.landing-progress-bar-95 {
background-color: var(--primary);
background-image: linear-gradient(150deg, var(--primary), var(--primary-pink));
border-radius: 10px;
width: 95%;
height: 15px;
margin-top: -15px;
position: relative
}

.landing-progress-bar-number {
font-size: 18px;
font-weight: 700;
position: absolute;
inset: auto 0% 35px auto
}

.landing-progress-bar-92 {
background-color: var(--primary);
background-image: linear-gradient(150deg, var(--primary), var(--primary-pink));
border-radius: 10px;
width: 92%;
height: 15px;
margin-top: -15px;
position: relative
}

.landing-progress-bar-100 {
background-color: var(--primary);
background-image: linear-gradient(140deg, var(--primary), var(--primary-pink));
border-radius: 10px;
width: 100%;
height: 15px;
margin-top: -15px;
position: relative
}

.landing-progress-bar-88 {
background-color: var(--primary);
background-image: linear-gradient(150deg, var(--primary), var(--primary-pink));
border-radius: 10px;
width: 88%;
height: 15px;
margin-top: -15px;
position: relative
}

.progress-bar-91 {
background-color: var(--primary);
background-image: linear-gradient(90deg, var(--primary-pink), var(--primary));
width: 91%;
height: 4px;
margin-top: -4px;
position: relative
}

.landing-features-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
text-align: center;
grid-template-columns: 1fr 1fr 1fr 1fr
}

.landing-feature-icon {
z-index: 20;
color: var(--white);
justify-content: center;
align-items: center;
font-family: "Fa solid 900", sans-serif;
font-size: 20px;
position: relative
}

.landing-feature-item {
grid-row-gap: 10px;
flex-direction: column;
align-items: center;
display: flex
}

.landing-inner-pages-wrapper {
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1480px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: grid;
}

.landing-inner-page-item {
background-color: var(--white);
text-align: center;
border-radius: 10px;
width: 100%;
padding: 6px;
position: relative;
overflow: clip;
}

.landing-inner-page-image {
border: 1px solid var(--light-gray);
object-fit: cover;
object-position: 50% 0%;
border-radius: 8px;
}

.landing-inner-page-image-wrapper {
z-index: 20;
border-radius: 8px;
justify-content: center;
align-items: center;
margin-bottom: 20px;
display: flex;
position: relative;
}

.landing-inner-page-icon {
z-index: 10;
background-image: linear-gradient(150deg, var(--primary), var(--primary-pink));
color: var(--white);
border-radius: 50%;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
font-family: "Fa solid 900", sans-serif;
font-size: 20px;
display: flex;
position: absolute;
}

.landing-inner-page-overlay {
z-index: 1;
background-color: #fff3;
border-radius: 8px;
position: absolute;
inset: 0%;
}

.landing-inner-page-title {
z-index: 10;
margin-bottom: 10px;
position: relative;
}

.landing-banner-title-wrapper {
z-index: 20;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 860px;
margin-bottom: 40px;
display: flex;
position: relative;
}

.nav-dropdown-column {
width: 25%;
}

.landing-home-pages-wrapper {
grid-column-gap: 40px;
grid-row-gap: 50px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
max-width: 1480px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
display: flex;
}

.landing-download-block-wrapper {
background-image: url("https://cdn.prod.website-files.com/67ac6fecf84dfec00c5b5801/67ac6fecf84dfec00c5b5873_Frame 47.webp"), linear-gradient(150deg, var(--primary), var(--primary-pink));
background-position: 0%, 0 0;
background-repeat: no-repeat, repeat;
background-size: contain, auto;
border-radius: 16px;
justify-content: space-between;
align-items: center;
max-width: 1400px;
margin-left: auto;
margin-right: auto;
padding: 75px 80px 75px 200px;
display: flex;
box-shadow: 0 0 30px #0000004d;
}

.download-button-icon {
margin-top: 4px;
margin-right: 10px;
font-family: "Fa solid 900", sans-serif;
}

.mb-20 {
margin-bottom: 20px;
}

.play-button-icon {
z-index: 7;
font-family: "Fa solid 900", sans-serif;
font-size: 20px;
position: relative;
}

.play-button-hover {
z-index: 10;
border: 2px solid var(--white);
border-radius: 50%;
width: 70px;
height: 70px;
transition: all .3s;
position: absolute;
transform: scale(.85);
}

.play-button-hover:hover {
transform: scale(1);
}

.secondary-button {
grid-column-gap: 6px;
grid-row-gap: 6px;
border: 1px solid var(--gray);
color: var(--white);
-webkit-text-fill-color: inherit;
background-color: #0000;
background-image: none;
background-clip: border-box;
border-radius: 10px;
justify-content: center;
align-items: center;
padding: 10px 18px;
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
transition: all .3s;
display: flex;
position: relative;
box-shadow: inset 0 -2px #0a0d120d, inset 0 0 0 1px #0a0d121f, 0 1px 2px #1018280d;
}

.secondary-button:hover {
color: var(--white);
}

.secondary-button.white {
background-image: linear-gradient(to bottom, var(--white), var(--white));
}

.home-buttons-wrapper {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center;
}

.testimonials {
padding-top: 80px;
padding-bottom: 80px;
}

.blog-section-title {
text-align: center;
margin-bottom: 60px;
padding-left: 15px;
padding-right: 15px;
}

.map-wrapper {
position: relative;
}

.map-wrapper.home-page {
width: 100%;
margin-bottom: 60px;
}

.contacts-wrapper-grid {
grid-column-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
padding-left: 30px;
padding-right: 30px;
}

.section-title-center {
grid-row-gap: 20px;
text-align: center;
flex-direction: column;
justify-content: center;
align-items: center;
max-width: 780px;
margin-bottom: 40px;
margin-left: auto;
margin-right: auto;
display: flex;
}

.empty-state {
background-color: #0000;
}

.banner-section {
flex-direction: column;
padding-top: 140px;
padding-bottom: 80px;
position: relative;
overflow: clip;
}

.courses-collection {
width: 100%
}

.features-description {
color: var(--white);
max-width: 450px;
}

.home-4-testimonials-wrapper,
.testimonials-wrapper-2 {
grid-column-gap: 30px;
grid-row-gap: 30px;
align-items: stretch;
width: 100%;
margin-top: 10px;
display: flex;
}

.top-banner-button-wrapper {
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
justify-content: center;
margin-top: 38px;
display: flex;
position: relative;
}

.portfolio-grid-image-link {
width: 100%;
height: 450px;
position: relative;
overflow: clip;
}

.about-img {
object-fit: cover;
position: absolute;
}

.about-img._1 {
z-index: 2;
width: 350px;
inset: 0% 0% auto 12%;
}

.about-img._5 {
z-index: 4;
width: 350px;
inset: 60% 0% auto 24%;
}

.about-img._3 {
z-index: 1;
width: 300px;
inset: 19% 4% 0% auto;
}

.about-img._4 {
z-index: 5;
width: 220px;
inset: 47% 30% 0% 50%;
}

.about-img._2 {
z-index: 3;
width: 300px;
inset: 31% auto 0% 2%;
}

.subtitle {
background-image: linear-gradient(140deg, var(--primary), var(--primary-pink));
-webkit-text-fill-color: #fff0;
-webkit-background-clip: text;
background-clip: text;
}

.subtitle.white {
background-image: linear-gradient(to bottom, var(--white), var(--white))
}

.our-services-wrap {
grid-row-gap: 20px;
flex-direction: column;
align-items: center;
width: 33.33%;
display: flex;
}

.central-alignment-heaading {
text-align: center;
margin-bottom: 75px;
}

.heading-wrapper {
margin-top: 40px;
margin-bottom: 30px;
}

.content-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
width: 190px;
display: flex;
}

.content {
border-radius: 5px;
margin-bottom: 30px;
margin-left: 15px;
margin-right: 15px;
}

.industries-block-wrapper {
background-color: #0000;
border-radius: 12px;
flex-direction: column;
justify-content: space-around;
width: 100%;
max-width: 35vw;
padding-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
display: flex;
position: relative;
}

.industries-block-wrapper:hover {
box-shadow: 0 10px 20px #14173326;
}

.blog-details-link-title {
margin-top: 10px;
}

.project-button-link {
color: var(--primary-dark);
justify-content: center;
width: 50%;
padding-top: 40px;
padding-bottom: 40px;
display: flex;
}

.project-button-link:hover {
color: var(--primary);
}

.project-button-link.left {
border-right: 1px solid var(--light-gray);
}

.project-prev-button-link-icon {
margin-top: 2px;
margin-right: 15px;
font-family: "Fa solid 900", sans-serif;
font-size: 13px;
line-height: 1;
}

.project-next-button-link-icon {
margin-top: 2px;
margin-left: 15px;
font-family: "Fa solid 900", sans-serif;
font-size: 13px;
line-height: 1
}

.project-button-link-paragraph {
font-size: 18px;
}

.home-9-team-item {
text-align: center;
flex-direction: column;
align-items: center;
width: 31%;
position: relative;
}

.about-4-team-slide {
width: 23%;
margin-right: 30px;
}

.about-6-projects-item {
text-align: center;
object-fit: cover;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
height: 370px;
display: flex;
position: relative;
overflow: hidden;
}

.section-with-blue-bg {
background-color: var(--primary);
justify-content: center;
display: flex;
}

.nav-dropdown-link-line {
background-image: url(https://silvereye.online/assets/Images/nav-icon/right_arrow.svg);
background-position: 50%;
background-size: auto;
width: 14px;
height: 14px;
margin-right: 10px;
display: inline-block;
}

.search {
grid-column-gap: 15px;
grid-row-gap: 15px;
width: 100%;
margin-top: 40px;
display: flex;
}

.subtitle-2 {
color: #fc8e44;
border-bottom: 2px solid #80808026;
margin-bottom: 30px;
margin-right: 0;
padding-bottom: 4px;
display: inline-block;
}

.dropdown-nav-link {
color: #999;
margin-left: -20px;
padding: 5px 0;
font-family: Verdana;
transition: color .2s;
display: flex;
}

.dropdown-nav-link:hover,
.dropdown-nav-link.w--current {
color: #004ae2;
}

.gallery-image-link {
justify-content: center;
align-items: center;
display: flex;
position: relative;
overflow: hidden
}

.home-19-gallery-img-link {
justify-content: center;
display: flex;
position: relative;
overflow: hidden
}

.menu-wrap {
align-items: center;
display: flex
}

.rich-text-style h2 {
margin-bottom: 0px;
margin-top: 20px;
}

.rich-text-style h3 {
margin-top: 30px;
margin-bottom: 20px
}

.rich-text-style h4 {
margin-top: 25px;
margin-bottom: 15px
}

.rich-text-style h5,
.rich-text-style h6 {
margin-top: 20px
}

.rich-text-style ul {
margin-top: 8px;
margin-bottom: 20px
}

.rich-text-style img {
border-radius: 16px;
margin-top: 20px;
margin-bottom: 10px
}

.rich-text-style p {
margin-top: 10px;
margin-bottom: 10px
}

.rich-text-style figure {
border-radius: 16px;
overflow: clip
}

.home-banner-left-arrow {
align-items: center;
height: 40px;
display: flex;
inset: 0% auto 0% 2%
}

.home-23-team-item {
width: 33%
}

.center-title {
flex-direction: column;
justify-content: center;
align-items: center;
display: flex
}

.brand-tablet {
display: none
}

.paragraph-gray-style-guide {
background-color: var(--paragraph-gray);
border-radius: 8px;
width: 75px;
height: 75px
}

.style-guide-subtitle {
margin-bottom: 20px
}

.details-page-title {
font-size: 60px
}

.footer-rights-wrapper {
grid-column-gap: 5px;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
display: flex
}

.collection-list-wrapper-portfolio {
width: 100%
}

.position-relative {
position: relative
}

.success-message {
background-color: var(--white);
color: var(--paragraph-gray);
text-align: center;
border-radius: 20px
}

.error-message {
color: var(--primary-pink);
text-align: center;
background-color: #0000;
padding: 0
}

.typography-hero-wrapper {
grid-row-gap: 60px;
flex-direction: column;
justify-content: space-between;
margin-top: 40px;
display: flex;
position: relative
}

.form-contacts {
flex-flow: column;
width: 100%;
display: flex
}

.form-block-contacts {
width: 100%;
margin-bottom: 0
}

.section-purchase {
padding: 80px 15px;
position: relative
}

.footer-licensing-link {
font-size: 14px
}

.footer-licensing-link:hover {
color: var(--primary)
}

.button-wrapper-sg {
justify-content: flex-start;
align-items: center;
margin-top: 20px;
display: flex
}

.license-link-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
justify-content: flex-start;
align-items: center;
margin-left: auto;
display: flex
}

.licensing-icons {
width: 50%
}

.primary-style-guide-pink {
background-color: var(--primary-pink);
border-radius: 8px;
width: 75px;
height: 75px
}

.button-text {
z-index: 99;
position: relative
}

.button-text.gradient {
background-image: linear-gradient(120deg, var(--primary), var(--primary-pink));
-webkit-text-fill-color: #fff0;
-webkit-background-clip: text;
background-clip: text
}

.button-text.white {
color: var(--white)
}

.hover-gradient {
background-image: linear-gradient(120deg, #09203f, #537895)!important;
opacity: 0;
border-radius: 10px;
position: absolute;
inset: 0%
}

.light-ov {
background-image: linear-gradient(#ffffff1f, #fff0);
position: absolute;
inset: 0%
}

.primary-gradient {
background-image: linear-gradient(120deg, #09203f, #537895)!important;
border-radius: 10px;
position: absolute;
inset: 2px
}

.primary-gradient._16-round {
border-radius: 16px
}

.clip {
position: relative;
overflow: clip
}

.clip-text-wrapper {
overflow: clip
}

.clip-text-wrapper.bottom {
width: 100%;
position: absolute;
bottom: -100%
}

.primary-button-dark {
background-color: var(--black);
color: var(--white);
text-align: center;
-webkit-text-fill-color: inherit;
background-image: linear-gradient(90deg, #ff55004d, #ff00ae4d);
background-clip: border-box;
border-radius: 10px;
padding: 12px 18px;
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
transition: all .3s;
display: inline-block;
position: relative;
overflow: clip;
}

.primary-button-dark:hover {
color: var(--white);
}

.primary-button-dark._1,
.primary-button-dark._2,
.primary-button-dark._3 {
width: 50px;
height: 50px;
}

.primary-button-dark.soc {
cursor: pointer;
width: 50px;
height: 50px;
}

.dark-ov {
background-image: linear-gradient(120deg, var(--primary), var(--primary-pink));
opacity: .3;
position: absolute;
inset: 0%;
}

.hover-gradient-copy {
background-color: #38649D;
border-radius: 10px;
position: absolute;
inset: 1px;
/*box-shadow: inset 0 -2px #0a0d120d, inset 0 0 #0a0d121f, inset 0 0 65px #ff00ae4d;*/
box-shadow: 0 0px 8px 9px #008dff;
}

.hover-gradient-copy.radius-16 {
border-radius: 16px
}

.banner-overlay {
background-image: linear-gradient(168deg, #0000, #0000 59%, #fff 59%);
height: 400px;
position: absolute;
inset: auto 0% 0%;
}

.cta-wrapper {
grid-column-gap: 4px;
grid-row-gap: 4px;
border: 2px solid var(--gray);
border-radius: 32px;
align-items: stretch;
padding: 4px;
box-shadow: 0 2px 2px #0a0d120a, 0 4px 6px #0a0d1208, 0 12px 16px #0a0d1214;
}

.inner-shadow {
grid-column-gap: 4px;
grid-row-gap: 4px;
border-radius: 28px;
align-items: stretch;
padding: 4px;
box-shadow: inset 0 0 4px #0a0d1208, inset 0 0 6px #0a0d1214;
}

.mockup-wrapper {
grid-column-gap: 50px;
grid-row-gap: 50px;
background-color: var(--black);
border: 2px solid #e9eaeb;
border-radius: 24px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr;
width: 100%;
padding: 10px;
}

.cta-text-wrapp {
grid-row-gap: 30px;
padding-top: 60px;
padding-bottom: 60px;
padding-left: 60px;
}

.cta-text-wrapp._2-home {
justify-content: space-between;
align-items: flex-start;
padding-left: 0;
padding-right: 30px;
}

.cta-text-wrapp.team {
grid-row-gap: 100px;
justify-content: space-between;
align-items: flex-start;
padding-left: 0;
padding-right: 30px;
}

.cta-description {
max-width: 680px;
}

.vertical-50 {
grid-row-gap: 50px;
}

.vertical-50.centered {
justify-content: flex-start;
align-items: center;
}

.drop-shadow {
grid-column-gap: 4px;
grid-row-gap: 4px;
align-items: stretch;
box-shadow: 0 2px 2px #0a0d120a, 0 4px 6px #0a0d1208, 0 12px 16px #0a0d1214;
}

.drop-shadow.radius-16 {
border-radius: 16px;
}

.drop-shadow.white-16-radius {
border: 1px solid var(--light-gray);
background-color: var(--white);
border-radius: 16px;
}

.image-radius-16 {
object-fit: cover;
border-radius: 16px;
width: 100%;
height: 100%;
}

.section-title-flex {
justify-content: space-between;
align-items: flex-end;
margin-bottom: 50px
}

.vertical-20 {
grid-row-gap: 20px
}

.services-collection-list-wrapper {
width: 100%
}

.service-collection-item {
transition: padding .35s;
position: relative
}

.service-collection-item:hover {
padding-left: 30px
}

.service-collection-item.first {
padding-left: 24px
}

.vertical-line {
background-color: var(--primary-dark);
width: 14px;
height: 2px
}

.vertical-line.white {
background-color: var(--white)
}

.horizontal-line {
background-color: var(--primary-dark);
width: 2px;
height: 14px;
position: absolute
}

.horizontal-line.white {
background-color: var(--white)
}

.service-link-block {
z-index: 2;
justify-content: space-between;
display: flex;
position: relative
}

.service-title {
color: var(--primary-dark);
white-space: normal
}

.service-title.white {
color: var(--white)
}

.service-top-line {
background-color: var(--light-gray);
height: 1px;
position: absolute;
inset: 0% 0% auto
}

.service-wrapper {
position: relative
}

.service-wrapper.second {
padding-left: 100px
}

.service-wrapper.third {
padding-left: 200px
}

.service-wrapper.fouth {
padding-left: 300px
}

.service-bottom-line {
background-color: var(--light-gray);
height: 1px;
position: absolute;
inset: auto 0% 0%
}

.srvice-gradient {
    background-image: linear-gradient(120deg, #09203f, #537895) !important;
    position: absolute;
    inset: 0%;
}

/*.fade-srvice-gradient {*/
/*background-image: linear-gradient(120deg, #ff00aeb8, #ff5500bf) !important;*/
/*position: absolute;*/
/*inset: 0%*/
/*}*/

.testimonials-title {
max-width: 520px
}

.tesimonials-wrapper {
border: 1px solid var(--light-gray);
background-color: var(--white);
border-radius: 16px;
align-items: stretch
}

.home-1-testimonials-item {
grid-column-gap: 10px;
grid-row-gap: 30px;
border-bottom: 1px solid var(--light-gray);
grid-template-rows: auto;
grid-template-columns: 0.5fr 1fr 0fr 0fr;
padding: 20px
}

.home-1-testimonials-item.last-item {
border-bottom-style: none
}

.image-8-radius {
object-fit: cover;
border-radius: 8px;
width: 100%;
height: 100%
}

.gray-color {
color: var(--paragraph-gray)
}

.home-testimonials-text {
justify-content: center
}

.testimonisl-text {
margin-top: 10px
}

.right-testimonials-text {
grid-column-gap: 20px;
grid-row-gap: 20px
}

.vertical-testimonials-line {
background-color: var(--light-gray);
width: 1px
}

.banner-overlay-white-top {
background-image: linear-gradient(-10deg, #0000, #0000 25%, #fff 25%);
height: 1190px;
position: absolute;
inset: 0% 0% auto
}

.footer-links {
grid-column-gap: 10px;
grid-row-gap: 10px
}

.footer-links-grid {
grid-template-rows: auto;
grid-template-columns: auto auto auto;
place-items: start;
width: 45%
}

.footer-services-list {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-flow: column;
display: flex;
}

.footer-form-title {
max-width: 272px
}

.footer-form-input {
border: 1px solid var(--gray);
color: var(--paragraph-gray);
border-radius: 10px;
min-width: 100%;
min-height: 42px;
margin-bottom: 0;
padding: 14px 54px 14px 20px;
font-size: 16px;
line-height: 1.5em;
box-shadow: 0 1px 2px #1018280d, inset 0 -2px #0a0d120d, inset 0 0 #0a0d122e
}

.footer-form-input:focus {
border-color: var(--gray);
box-shadow: 0 1px 2px #1018280d
}

.footer-form-input::placeholder {
font-size: 16px
}

.footer-form-btn {
background-color: var(--white);
background-image: url(https://cdn.prod.website-files.com/67ac6fecf84dfec00c5b5801/67b5c3300084390154905088_arrow-right-sm.svg);
background-position: 50%;
background-size: cover;
width: 24px;
position: absolute;
inset: 14px 20px 14px auto
}

.footer-form {
position: relative
}

.footer-right {
grid-column-gap: 30px
}

.footer-form-wrapper {
grid-row-gap: 8px;
}

.footer-top {
justify-content: space-between;
margin-bottom: 80px
}

.footer-contact-title {
max-width: 520px
}

.footer-contact-right {
grid-column-gap: 17px;
grid-row-gap: 17px;
width: 45%
}

.footer-number-wrapper {
justify-content: center;
align-items: flex-start;
width: 60px;
height: 37px;
padding-top: 5px;
display: flex;
overflow: clip
}

.footer-number-wrapper.bottom {
justify-content: center;
align-items: flex-end;
padding-top: 0;
padding-bottom: 5px
}

.footer-large-number {
font-size: 80px;
font-weight: 600;
line-height: .9em
}

.number-box {
grid-row-gap: 4px
}

.number-intro {
grid-column-gap: 6px;
grid-row-gap: 6px
}

.number-hero {
grid-column-gap: 6px;
grid-row-gap: 30px
}

.image-span {
background-image: url(https://cdn.prod.website-files.com/67ac6fecf84dfec00c5b5801/67b5c33b0576f77962c35b2e_Layer_1.svg);
background-position: 4px 0;
background-repeat: no-repeat;
background-size: contain;
width: 60px;
height: 60px;
margin-bottom: -12px;
margin-right: 10px;
display: inline-block
}

.image-span.top {
background-image: url("https://cdn.prod.website-files.com/67ac6fecf84dfec00c5b5801/67b5c336c3ccb71c23815d4e_Frame Vexor.svg");
background-size: contain;
width: 55px;
height: 55px;
margin-bottom: -6px;
margin-right: 0
}

.image-span._2 {
margin-right: 10px
}

.about-title-large {
max-width: 930px;
margin-bottom: 80px
}

.border-text {
background-image: url("https://cdn.prod.website-files.com/67ac6fecf84dfec00c5b5801/67b70cc13ae236927e0c2a7d_Rectangle 10.svg");
background-position: 50%;
background-repeat: no-repeat;
background-size: contain;
padding-left: 8px;
padding-right: 8px
}

.features-grid {
grid-column-gap: 30px;
grid-row-gap: 30px
}

.features {
border-radius: 16px;
justify-content: flex-end;
align-items: flex-start;
padding: 30px;
position: relative;
overflow: clip
}

.features-icon {
background-color: var(--primary);
background-image: linear-gradient(120deg, var(--primary), var(--primary-pink));
color: var(--white);
text-align: center;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 10px;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
padding: 11px;
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
transition: all .3s;
display: flex;
position: relative;
overflow: clip;
box-shadow: 0 1px 2px #1018280d, inset 0 0 #0a0d121f, inset 0 -2px #0a0d120d
}

.features-icon:hover {
background-color: var(--white);
opacity: 1;
color: var(--white)
}

.relative {
z-index: 20;
position: relative
}

.vertical-14 {
grid-row-gap: 14px
}

.vertical-30 {
grid-row-gap: 30px
}

.vertical-30.relative {
z-index: 99
}

.feature-intro-grid-img-106445 {
height: 432px !important
}

.feature-intro-grid {
grid-template-rows: auto;
grid-template-columns: 1fr -0.25fr;
position: relative
}

@media only screen and (max-width:479px) {
.feature-intro-grid-img-106445 {
display: none
}
.nav-dropdown-list.megamenu {
width: 1219px;
left: -538px;
}
}

.cover-image {
object-fit: cover;
width: 100%;
height: 100%
}

.cover-image.right-round {
border-top-left-radius: 16px;
border-bottom-left-radius: 16px
}

.cover-image.image-radius-8 {
border-radius: 8px
}

.cover-image.radius-10 {
border-radius: 10px
}

.cover-image.bg {
max-height: 450px;
z-index: -9
}

.bg-feature {
height: 100%;
position: absolute;
inset: 0%
}

.vertical-24 {
grid-row-gap: 24px
}

.feature-images-wrapper {
flex-flow: wrap;
justify-content: center;
align-items: center;
max-width: 446px;
max-height: 367px;
position: relative
}

.feature-image-wrapp {
background-image: linear-gradient(140deg, #f503, #ff00ae33);
border-radius: 50%;
justify-content: center;
align-items: center;
padding: 1px;
display: flex;
box-shadow: 0 14px 24px #000000a6
}

.feature-image-wrapp._1 {
width: 132px;
height: 132px
}

.feature-image-wrapp._2 {
width: 101px;
height: 101px;
position: absolute;
inset: 0% auto auto 10%
}

.feature-image-wrapp._3 {
width: 70px;
height: 70px;
position: absolute;
inset: 0% 20% auto auto
}

.feature-image-wrapp._4 {
width: 57px;
height: 57px;
position: absolute;
inset: auto 0% auto auto
}

.feature-image-wrapp._5 {
width: 85px;
height: 85px;
position: absolute;
inset: auto 20% 0% auto
}

.feature-image-wrapp._6 {
width: 52px;
height: 52px;
position: absolute;
inset: auto 60% 0% auto
}

.feature-image-wrapp._7 {
width: 70px;
height: 70px;
position: absolute;
inset: auto auto 30% 0%
}

.elipse-image {
object-fit: cover;
object-position: 50% 0%;
border-radius: 50%;
width: 100%;
height: 100%
}

.banner-overlay-white-top-cta {
background-image: linear-gradient(-10deg, #0000, #0000 25%, #fff 25%);
height: 300px;
inset: 0% 0% auto
}

.text-gradient {
background-image: linear-gradient(120deg, var(--primary-pink), var(--primary));
-webkit-text-fill-color: #fff0;
-webkit-background-clip: text;
background-clip: text
}

.flex-24 {
grid-column-gap: 24px;
grid-row-gap: 24px
}

.service-description {
max-width: 470px
}

.right-block {
border-style: solid none solid solid;
border-width: 1px;
border-color: var(--light-gray);
background-color: var(--white);
border-top-left-radius: 16px;
border-bottom-left-radius: 16px;
width: 40%;
position: absolute;
inset: 0 0% 0 auto;
box-shadow: 0 2px 2px -1px #0a0d120a, 0 4px 6px -2px #0a0d1208, 0 12px 16px #0a0d1214
}

.solutions-container {
justify-content: flex-start;
align-items: center;
display: flex;
position: relative
}

.solution-slider {
z-index: 999;
background-color: #0000;
height: 100%;
padding-bottom: 68px;
display: flex;
overflow: visible
}

.solutions-mask {
z-index: 16;
width: 48%;
overflow: visible
}

.solution-slide {
width: 100%;
height: 100%;
margin-right: 16px
}

.solution-card {
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: 0 4px 6px -2px var(--dark-gray-3), 0 4px 6px -4px var(--dark-gray-3);
border-radius: 16px;
justify-content: space-between;
align-items: flex-start;
min-height: 220px;
padding: 20px;
position: relative
}

.solutions-arrow {
border: 1px solid #5f636d4d;
border-radius: 50px;
justify-content: center;
align-items: center;
width: 58px;
height: 58px;
margin-bottom: -32px;
transition: background-color .4s;
display: flex;
position: absolute;
left: -84%;
right: auto
}

.solutions-arrow:hover {
background-color: var(--white)
}

.solutions-arrow.right {
left: -73%
}

.solutions-slider-wrapper {
z-index: 997;
justify-content: flex-start;
align-items: center;
width: 47%;
display: flex;
position: absolute;
inset: auto 0% 24px auto;
overflow: visible
}

.clip-arrow-wrapper.absol {
position: absolute;
top: 0;
right: -100%
}

.clip-arrow-wrapper.absol-right {
position: absolute;
top: 0;
left: -100%
}

.solutions-title-wrapper {
z-index: 1000;
margin-top: 62px;
margin-bottom: 25px;
padding-bottom: 120px;
position: relative
}

.light-slider-block {
z-index: 998;
background-color: #fff6f8;
width: 70%;
height: 270px;
position: absolute;
inset: auto auto auto -17%
}

.vertical-50-center {
grid-row-gap: 50px;
text-align: center;
justify-content: flex-start;
align-items: center
}

.vertical-20-center {
grid-row-gap: 20px;
text-align: center;
justify-content: flex-start;
align-items: center
}

.vertical-24-center {
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center
}

.solutions-description {
max-width: 626px
}

.solutions-tabs {
flex-flow: column;
width: 100%;
max-width: 910px;
display: flex
}

.footer-box-element-bg{
    background: #38649D;
}

.solution-tab {
grid-row-gap: 6px;
border: 1px solid var(--gray);
box-shadow: 0 1px 2px 0 var(--dark-gray-4), inset 0 -2px 0 0 var(--dark-gray-4), inset 0 0 0 0 var(--dark-gray-8);
color: var(--paragraph-gray);
border-radius: 10px;
justify-content: space-between;
padding: 10px 16px;
font-weight: 600;
font-size: 16px;
line-height: 1.5em;
transition: color .4s;
display: flex;
}

.solution-tab:hover {
color: var(--primary-pink)
}

.solution-tab.w--current {
background-image: linear-gradient(180deg, var(--primary), var(--primary-pink));
-webkit-text-fill-color: #fff0;
-webkit-background-clip: text;
background-clip: text
}

.solution-tabs-content {
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: 0 4px 6px -2px var(--dark-gray-3), 0 4px 6px -2px var(--dark-gray-3), 0 12px 16px -4px var(--dark-gray-8);
border-radius: 16px;
width: 100%;
padding: 50px 10px 10px;
overflow: visible
}

.intro-tab {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: center
}

.solution-description {
max-width: 56rem;
}

.solution-item {
grid-column-gap: 8px;
grid-row-gap: 8px;
justify-content: flex-start;
align-items: flex-start
}

.solution-items {
grid-column-gap: 30px;
justify-content: center;
align-items: center
}

.solution-items.flex-vertical {
grid-row-gap: 10px;
flex-flow: column;
justify-content: center;
align-items: flex-start
}

.medium-text {
font-weight: 500
}

.solution-image {
width: 100%;
height: 280px
}

.absolute-bg {
width: 50%;
position: absolute;
inset: 0% 0% auto auto
}

.bg1 {
position: absolute;
inset: 0% 0% auto auto
}

.bg-2 {
position: absolute
}

.bg-3 {
position: absolute;
inset: 0% 0% auto auto
}

.leadership-wrapper {
padding-top: 95px
}

.company-logos {
z-index: 10;
grid-column-gap: 32px;
grid-row-gap: 32px;
text-align: center;
justify-content: flex-start;
align-items: center;
position: relative
}

.logos-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
justify-content: space-between;
align-items: center;
width: 100%
}

.banner-container {
z-index: 10;
justify-content: space-between;
align-items: center;
margin-bottom: 100px;
position: relative
}

.banner-title-width {
max-width: 470px
}

.home-banner-description {
max-width: 550px
}

.banner-bg {
grid-column-gap: 0;
grid-row-gap: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 70%;
height: 90%;
display: grid;
position: absolute;
inset: -5% -5% 0 auto
}

.lightbox-link {
border: 1px solid var(--gray);
background-color: var(--white);
box-shadow: 0 2px 3px -1px var(--dark-gray-3), 0 2px 2.5px -1px var(--dark-gray-3), 0 5px 6px -1px var(--dark-gray-8);
border-radius: 12px;
justify-content: flex-start;
align-items: flex-end;
width: 400px;
min-height: 346px;
padding: 2px;
display: flex;
position: relative
}

.inner-shadow-banner {
background-color: var(--white);
box-shadow: inset 0 0 2.5px .8px var(--dark-gray-8), inset 0 0 2.5px .8px var(--dark-gray-8);
border-radius: 12px;
align-self: stretch;
width: 100%;
height: 100%;
padding: 2px
}

.inner-shadow-banner.career-images {
width: 100%
}

.play-button-wrapper {
justify-content: center;
align-items: center;
width: 62px;
height: 62px;
position: absolute;
bottom: 30px;
left: 30px
}

.banner-numbers {
z-index: 10;
grid-column-gap: 20px;
grid-row-gap: 20px;
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: 0 1.6px 1.6px -.8px var(--dark-gray-4), 0 3px 4px -1.6px var(--dark-gray-3), 0 9px 12px -3px var(--dark-gray-8);
border-radius: 13px;
margin-top: 50px;
margin-left: -76px;
padding: 24px;
position: relative
}

.small-number-description {
font-size: 16px;
font-weight: 700;
}
.bolder-font-required{
    font-weight: 800;
}

.number {
line-height: .9em
}

.nav-collection-list-wrapper,
.nav-collection-list,
.nav-collection-item {
width: 100%;
height: 100%
}

.banner-text-wrapper.solutions,
.banner-text-wrapper.services {
width: 63%
}

.banner-text-wrapper.testimonilas-text {
width: 60%
}

.banner-text-wrapper.team-details,
.banner-text-wrapper.job {
width: 63%
}

.div-block-3 {
height: 100%
}

.contain-image {
object-fit: contain;
width: 100%;
height: 100%
}

.footer-form-block {
margin-bottom: 0
}

.tablet-button {
display: none
}

.footer-soc-link:hover {
transform: scale(.9)
}

.banner-2-lightbox {
border: 1px solid var(--gray);
background-color: var(--white);
box-shadow: 0 2px 3px -1px var(--dark-gray-3), 0 2px 2.5px -1px var(--dark-gray-3), 0 5px 6px -1px var(--dark-gray-8);
border-radius: 16px;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 2px;
display: flex;
position: relative
}

.banner-text-wrapper-2 {
z-index: 3;
border: 1px solid var(--gray);
background-color: var(--white);
border-radius: 16px;
justify-content: center;
align-items: center;
height: 80%;
padding: 4px;
display: flex;
position: relative
}

.grid {
grid-template-rows: auto;
min-height: 620px;

}

.grid.contact-2 {
grid-column-gap: 50px;
grid-row-gap: 50px
}

.flex-24-center {
grid-column-gap: 24px;
grid-row-gap: 24px;
justify-content: flex-start;
align-items: center
}

.inner-shadow-banner-text {
box-shadow: inset 0 0 2.5px .8px var(--dark-gray-8), inset 0 0 2.5px .8px var(--dark-gray-8);
background-image: linear-gradient(135deg, #ff55000d, #ff00ae0d);
border-radius: 12px;
justify-content: center;
align-self: stretch;
align-items: center;
width: 100%;
height: 100%;
padding: 2px;
display: flex;
position: relative
}

.banner-2-section {
flex-direction: column;
padding-top: 90px;
padding-bottom: 80px;
position: relative;
overflow: clip
}

.home-2-heading {
max-width: 400px;
font-size: 60px
}

.service-wrapper-home-2 {
position: relative
}

.mockup-wrapper-home-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--black);
border: 2px solid #e9eaeb;
border-radius: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
padding: 10px
}

.right-block-center {
border-style: solid none solid solid;
border-width: 1px;
border-color: var(--light-gray);
background-color: var(--white);
border-radius: 16px;
height: 40%;
position: absolute;
inset: auto 50px 0%;
overflow: clip;
box-shadow: 0 2px 2px -1px #0a0d120a, 0 4px 6px -2px #0a0d1208, 0 12px 16px #0a0d1214
}

.solutions-2-grid {
z-index: 20;
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-bottom: 40px;
display: grid;
position: relative
}

.solutions-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1.2fr
}

.solution-short-description {
max-width: 450px
}

.solution-text-wrapper {
padding-top: 40px;
padding-bottom: 40px
}

.home-2-testimonials-item {
grid-column-gap: 30px;
grid-row-gap: 8px;
border: 1px solid var(--light-gray);
background: linear-gradient(120deg, #09203f, #537895);
border:2px solid #fff;
color: #fff;
box-shadow: 0 12px 16px -3px var(--dark-gray-8), 0 4px 6px -1px var(--dark-gray-3), 0 2px 2px 0 var(--dark-gray-4);
border-radius: 16px;
grid-template-rows: auto;
grid-template-columns: 1fr;
padding: 20px
}

.image-testimonial {
width: 70px;
height: 70px
}

.testimonial-member {
grid-column-gap: 16px;
justify-content: flex-start;
align-items: center
}

.vertical-6 {
grid-row-gap: 6px
}

.section-white-bg {
background-image: linear-gradient(-10deg, #0000, #0000 25%, #fff 25%);
height: 500px;
position: absolute;
inset: 0% 0% auto
}

.testimonials-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}

.section-without-top {
padding-bottom: 80px
}

.service-2-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
place-items: start stretch
}

.home-3-title {
max-width: 640px
}

.flex-block {
z-index: 3;
justify-content: space-between;
align-items: flex-end;
width: 100%;
position: relative
}

.banner-numbers-3 {
z-index: 10;
grid-column-gap: 20px;
grid-row-gap: 20px;
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: 0 1.6px 1.6px -.8px var(--dark-gray-4), 0 3px 4px -1.6px var(--dark-gray-3), 0 9px 12px -3px var(--dark-gray-8);
border-radius: 13px;
flex-flow: row;
justify-content: space-between;
align-items: center;
margin-top: 30px;
padding: 24px 40px;
position: relative
}

.banner-container-copy {
z-index: 10;
justify-content: space-between;
align-items: center;
margin-bottom: 80px;
position: relative
}

.home-3-lightbox {
border: 1px solid var(--gray);
background-color: var(--white);
box-shadow: 0 2px 3px -1px var(--dark-gray-3), 0 2px 2.5px -1px var(--dark-gray-3), 0 5px 6px -1px var(--dark-gray-8);
border-radius: 12px;
justify-content: flex-start;
align-items: flex-end;
width: 300px;
padding: 2px;
display: flex;
position: relative
}
.banner-video-3 {
z-index: 10;
border: 1px solid var(--light-gray);
border-radius: 16px;
justify-content: flex-start;
align-items: flex-end;
min-height: 100%;
/*padding: 24px;*/
position: relative;
overflow: hidden
}


.banner-bg-copy {
grid-column-gap: 0;
grid-row-gap: 0;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
max-width: 1200px;
height: 100%;
max-height: 550px;
display: grid;
position: absolute;
inset: -5% -5% 0 auto
}

.heading {
color: var(--white);
max-width: 230px
}

.video-wrapper {
z-index: 2;
justify-content: flex-start;
align-items: flex-end;
position: relative
}

.video-title-wrapper {
padding-left: 20px
}

.services-hero-wrapper {
align-items: stretch;
width: 100%
}

.progress-bar-100-copy {
background-color: var(--primary);
background-image: linear-gradient(90deg, var(--primary-pink), var(--primary));
width: 100%;
height: 4px;
margin-top: -4px;
position: relative
}

.service-top-div {
justify-content: space-between;
width: 100%
}

.service-image-wrap {
border-radius: 16px;
width: 33%;
height: 250px;
position: relative;
overflow: hidden
}

.service-image {
object-fit: cover;
width: 100%;
height: 100%
}

.service-image._2,
.service-image._3 {
position: absolute;
inset: 0%
}

.solution-list {
grid-row-gap: 20px;
width: 60%;
position: relative
}

.single-service {
justify-content: flex-start;
align-items: stretch
}

.solution-desc {
width: 40%;
position: absolute;
inset: 0% 0% auto auto
}

.solution-desc._1,
.solution-desc._2,
.solution-desc._3 {
overflow: hidden
}

.secondary-button-copy {
grid-column-gap: 6px;
grid-row-gap: 6px;
border: 1px solid var(--gray);
background-color: var(--white);
color: var(--white);
-webkit-text-fill-color: inherit;
background-image: none;
background-clip: border-box;
border-radius: 10px;
justify-content: center;
align-items: center;
padding: 10px 18px;
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
transition: all .3s;
display: flex;
position: relative;
box-shadow: inset 0 -2px #0a0d120d, inset 0 0 0 1px #0a0d121f, 0 1px 2px #1018280d
}

.secondary-button-copy:hover {
color: var(--white)
}

.tab-text {
z-index: 20;
position: relative
}

.mockup-wrapper-image {
grid-column-gap: 40px;
grid-row-gap: 40px;
background-color: var(--black);
background-image: linear-gradient(-90deg, #0009, #0000), url("https://cdn.prod.website-files.com/67ac6fecf84dfec00c5b5801/67dab0c434c4e7a6a80daf8c_Focused Professional in Brown at Work (1).webp");
background-position: 0 0, 50%;
background-repeat: repeat, no-repeat;
background-size: auto, cover;
border: 2px solid #e9eaeb;
border-radius: 24px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
width: 100%;
padding: 10px
}

.mockup-wrapper-image.join {
grid-template-columns: 1fr 1.2fr
}

.title-flex {
grid-column-gap: 40px;
justify-content: space-between;
align-items: flex-end;
width: 100%
}

.description-items-3 {
max-width: 320px
}

.center-text {
text-align: center
}

.home-3-testimonials-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
border-bottom: 1px solid var(--light-gray);
grid-template-rows: auto;
grid-template-columns: auto 1fr;
padding: 30px
}

.testimonial-image-3-home {
width: 110px;
height: 110px
}

.testimonial-3-text {
border-left: 1px solid var(--gray);
padding-left: 30px
}

.home-3-testimonials-text {
grid-row-gap: 20px;
justify-content: space-between
}

.full-image {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}

.full-image.top {
object-position: 50% 20%
}

.banner-3-section {
flex-direction: column;
padding-top: 140px;
padding-bottom: 80px;
position: relative;
overflow: clip
}

.section-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1.25fr 1fr;
justify-content: space-between;
align-items: flex-end
}

.banner-container-about {
z-index: 10;
justify-content: space-between;
align-items: center;
position: relative
}

.banner-bg-white {
background-image: linear-gradient(170deg, #0000 52%, #fff 52%);
height: 270px;
position: absolute;
inset: auto 0% 0%
}

.about-banner-image {
border: 1px solid var(--light-gray);
box-shadow: 0 2px 2px -1.4px var(--dark-gray-4), 0 5px 8px -2.8px var(--dark-gray-3), 0 16px 22px -5px var(--dark-gray-8);
border-radius: 20px;
width: 100%;
height: 340px;
position: relative;
overflow: clip
}

.banner-image-about-wrapper {
justify-content: flex-start;
align-items: flex-end;
width: 50%;
margin-left: 77px;
padding-right: 10px;
position: relative
}

.progress-wrapper-banner {
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: 0 2px 2px -1px var(--dark-gray-4), 0 4px 6px -2px var(--dark-gray-3), 0 12px 16px -4px var(--dark-gray-8);
border-radius: 16px;
justify-content: center;
align-items: center;
padding: 10px
}

.progress-bar-top {
background-color: var(--primary-dark);
box-shadow: 0 2px 2px -1px var(--dark-gray-4), 0 4px 6px -2px var(--dark-gray-3), 0 12px 16px -4px var(--dark-gray-8);
white-space: nowrap;
border-radius: 8px;
margin-bottom: 18px;
padding: 8px 12px
}

.small-text {
font-size: 12px;
font-weight: 500
}

.small-text.gray-text {
color: var(--gray)
}

.progressbar-con-vertical {
height: 170px;
position: relative
}

.progressbar-gray-line-vertical {
background-color: var(--dark-gray-8);
width: 2px;
height: 100%;
position: absolute
}

.progress-bar-100-vertical-c {
background-color: var(--primary);
background-image: linear-gradient(0deg, var(--primary-pink), var(--primary));
border-radius: 0 0 50px 50px;
justify-content: center;
align-items: flex-start;
width: 2px;
height: 100%;
display: flex;
position: absolute;
inset: auto 0% 0%
}

.progressbar-active-top {
border: 2px solid var(--primary);
border-radius: 50%;
width: 12px;
height: 12px;
position: absolute;
top: -12px;
bottom: auto
}

.right-item-statistic {
z-index: 3;
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: 0 1px 1px -.5px var(--dark-gray-4), 0 2px 2px -2px var(--dark-gray-3), 0 6px 8px -2px var(--dark-gray-8);
border-radius: 8px;
justify-content: center;
align-items: center;
padding: 10px;
position: absolute;
inset: auto 0 -30px auto
}

.progress-about {
z-index: 3;
position: absolute;
inset: auto auto 26px -77px
}

.about-title {
max-width: 520px
}

.about-tabs {
text-align: left;
flex-flow: column;
justify-content: flex-start;
align-items: center;
width: 100%;
display: flex
}

.tabs-menu-about {
z-index: 10;
grid-column-gap: 6px;
grid-row-gap: 6px;
border: 1px solid var(--gray);
background-color: var(--white);
box-shadow: 0 1px 2px 0 var(--dark-gray-4), inset 0 -2px 0 0 var(--dark-gray-4), inset 0 0 0 0 var(--dark-gray-8);
border-radius: 10px;
justify-content: center;
align-items: center;
margin-bottom: 20px;
padding: 4px;
display: flex
}

.about-tabs-content {
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: 0 4px 6px -2px var(--dark-gray-3), 0 4px 6px -2px var(--dark-gray-3), 0 12px 16px -4px var(--dark-gray-8);
border-radius: 16px;
width: 100%;
height: 100%;
padding: 20px;
overflow: visible
}

.intro-tab-about {
grid-column-gap: 30px;
grid-row-gap: 30px;
justify-content: flex-start;
align-items: flex-start;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px
}

.vertical-16 {
grid-row-gap: 16px
}

.tabs-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1.5fr 1fr
}

.tabs-grid.reverse {
grid-template-columns: 1fr 1.5fr
}

.about-description-tabs {
max-width: 486px
}

.why-us-title {
max-width: 780px
}

.service-about-tilte {
max-width: 855px
}

.collection-list-wrapper {
width: 100%
}

.service-collection-3-grid {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}

.service-collection-3-items {
text-align: left
}

.service-card {
grid-row-gap: 14px;
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: 0 4px 6px -2px var(--dark-gray-3), 0 4px 6px -4px var(--dark-gray-3);
border-radius: 16px;
justify-content: space-between;
align-items: flex-start;
height: 97%;
min-height: 268px;
padding: 30px;
position: relative
}

.about-numbers-wrapper {
justify-content: space-between;
align-items: stretch
}

.numbers-title {
max-width: 670px
}

.vertical-iine-numbers {
background-color: #e9eaeb33;
width: 1px
}

.banner-bg-black {
background-image: linear-gradient(170deg, #0000 52%, #fff7f7 52%);
height: 270px;
position: absolute;
inset: auto 0% 0%
}

.section-video {
padding-top: 180px;
padding-bottom: 50px;
position: relative
}

.section-video-bg {
object-fit: cover;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}

.section-video-overlay {
background-color: #000000b3;
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}

.white-quote {
color: var(--white);
max-width: 838px
}

.service-title-link {
font-size: 24px;
font-weight: 600
}

.about-tab {
grid-column-gap: 6px;
grid-row-gap: 6px;
border: 1px solid var(--gray);
background-color: var(--white);
background-image: linear-gradient(to bottom, var(--white), var(--white));
box-shadow: 0 1px 2px 0 var(--dark-gray-4), inset 0 -2px 0 0 var(--dark-gray-4), inset 0 0 0 0 var(--dark-gray-8);
color: var(--paragraph-gray);
border-radius: 10px;
justify-content: space-between;
padding: 4px 12px;
font-weight: 500;
line-height: 1.5em;
transition: color .4s;
display: flex
}

.about-tab:hover {
color: var(--primary-pink)
}

.about-tab.w--current {
background-image: linear-gradient(180deg, var(--primary), var(--primary-pink));
-webkit-text-fill-color: #fff0;
-webkit-background-clip: text;
background-clip: text
}

.bg-image {
width: 100%;
position: absolute;
inset: 10% 0% auto
}

.full-video {
width: 100%;
height: 100%;
position: absolute;
inset: 0%
}

.intro-history-item {
grid-column-gap: 30px;
grid-row-gap: 30px;
text-align: left;
justify-content: center;
align-items: flex-start;
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px
}

.intro-history-item.reverse {
padding-left: 0
}

.history-title {
max-width: 570px
}

.image-history-item {
max-height: 400px
}

.history-description {
max-width: 380px
}

.wokrflow-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 1fr auto 1fr
}

.timline {
justify-content: flex-start;
align-items: center;
height: 100%
}

.progressbar-con-vertical-copy {
height: 100%;
position: relative
}

.image-workflow-item {
max-height: 400px;
padding-top: 20px;
padding-bottom: 20px
}

.progress-bar-100-vertical-timeline {
background-color: var(--primary);
background-image: linear-gradient(0deg, var(--primary-pink), var(--primary));
border-radius: 0 0 50px 50px;
justify-content: center;
align-items: flex-start;
width: 2px;
height: 100%;
display: flex;
position: absolute;
inset: 0%
}

.prosess-title {
max-width: 630px
}

.banner-solutios-image {
width: 33%;
margin-left: 50px;
position: relative
}

.solution-card-desription {
max-width: 265px
}

.solutions-2-grid-page {
z-index: 20;
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-bottom: 40px;
display: grid;
position: relative
}

.customers-tabs {
flex-flow: column;
width: 100%;
display: flex
}

.icon-image {
z-index: 20;
width: 24px;
height: 24px;
position: relative
}

.service-banner-description {
max-width: 480px
}

.faq-block {
z-index: 2;
width: 100%;
padding: 30px 24px 30px 20px;
position: relative
}

.faq-wrapp {
justify-content: space-between;
align-items: center;
width: 100%
}

.pricing-card {
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: 0 4px 6px -2px var(--dark-gray-3), 0 4px 6px -4px var(--dark-gray-3);
border-radius: 16px;
flex-flow: column;
height: 100%;
padding: 40px 20px 30px;
display: flex;
position: relative
}

.pricing-card.gradient {
background-color: #0000;
padding-top: 50px
}

.pricing-lable {
z-index: 4;
border-radius: 10px;
justify-content: center;
align-items: center;
position: absolute;
inset: -20px 20px auto auto
}

.section-no-space {
position: relative
}

.pricing-description {
max-width: 260px
}

.faq-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: .75fr 1fr;
align-content: start;
place-items: start;
position: relative
}

.sticky-tilte {
justify-content: flex-start;
align-items: flex-start;
display: flex;
position: sticky;
top: 50%
}

.image {
z-index: 20;
height: 90px;
position: relative
}

.testimonials-grid-hero {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr
}

.team-collection-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}

.team-item {
height: 100%
}

.team-intro {
grid-row-gap: 20px
}

.team-image-link {
border-radius: 16px;
width: 100%;
height: 100%;
overflow: clip
}

.team-bottom {
grid-row-gap: 8px
}

.team-image-height {
width: 100%;
height: 400px;
position: relative
}

.team-buttons {
grid-row-gap: 10px;
position: absolute;
inset: auto 15px 15px auto
}

.button-text-soc {
z-index: 99;
font-family: "Fa Brands 400 (6.4.2)", sans-serif;
position: relative
}

.button-text-soc.gradient {
background-image: linear-gradient(120deg, var(--primary), var(--primary-pink));
-webkit-text-fill-color: #fff0;
-webkit-background-clip: text;
background-clip: text
}

.icon-plus {
justify-content: center;
align-items: center;
height: 24px;
display: flex;
position: relative
}

.title-about {
max-width: 780px
}

.banner-team-image {
width: 50%;
margin-right: 60px;
position: relative
}

.team-image-height-banner {
border: 1px solid var(--light-gray);
box-shadow: 0 2px 2px -1.4px var(--dark-gray-4), 0 5px 8px -2.8px var(--dark-gray-3), 0 16px 22px -5px var(--dark-gray-8);
border-radius: 20px;
width: 100%;
height: 400px;
position: relative;
overflow: clip
}

.banner-container-about-copy {
z-index: 10;
justify-content: space-between;
align-items: center;
position: relative
}

.team-buttons-banner {
grid-column-gap: 10px
}

.lable {
background-color: var(--primary);
background-image: linear-gradient(120deg, var(--primary), var(--primary-pink));
color: var(--white);
text-align: center;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 10px;
padding: 8px 12px;
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
transition: all .3s;
display: inline-block;
position: relative;
overflow: clip;
box-shadow: 0 1px 2px #1018280d, inset 0 0 #0a0d121f, inset 0 -2px #0a0d120d
}

.lable:hover {
background-color: var(--white);
opacity: 1;
color: var(--white)
}

.flex-block-2 {
grid-column-gap: 10px;
grid-row-gap: 10px;
justify-content: space-between;
align-items: center;
width: 100%
}

.career-grid {
z-index: 20;
grid-column-gap: 20px;
grid-row-gap: 20px;
text-align: left;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-bottom: 40px;
display: grid;
position: relative
}

.career-item {
grid-column-gap: 40px;
grid-row-gap: 40px;
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: 0 4px 6px -2px var(--dark-gray-3), 0 4px 6px -4px var(--dark-gray-3);
border-radius: 16px;
justify-content: space-between;
align-items: flex-start;
height: 100%;
padding: 20px;
position: relative
}

.career-banner-title {
max-width: 520px
}

.join-banner-description {
max-width: 510px
}

.job-banner-right {
border: 1px solid var(--gray);
background-color: var(--white);
border-radius: 16px;
justify-content: center;
align-items: center;
height: 100%;
padding: 4px;
display: flex;
position: relative
}

.job-items-intro {
grid-row-gap: 10px;
justify-content: flex-start;
align-items: center
}

.job-items-wrapper {
grid-row-gap: 24px;
justify-content: center;
align-items: center;
padding: 40px
}

.career-lightbox {
border: 1px solid var(--gray);
background-color: var(--white);
box-shadow: 0 2px 3px -1px var(--dark-gray-3), 0 2px 2.5px -1px var(--dark-gray-3), 0 5px 6px -1px var(--dark-gray-8);
border-radius: 12px;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
padding: 2px;
display: flex;
position: relative
}

.career-images-list {
grid-row-gap: 20px;
flex-flow: column;
display: flex
}

.collection-item {
width: 100%;
height: 400px;
transition: transform .6s
}

.collection-item:hover {
transform: scale(.95)
}

.rich-text-style-job h2 {
margin-bottom: 24px
}

.rich-text-style-job h3 {
margin-top: 30px;
margin-bottom: 20px
}

.rich-text-style-job h4 {
margin-top: 25px;
margin-bottom: 15px
}

.rich-text-style-job h5,
.rich-text-style-job h6 {
margin-top: 20px
}

.rich-text-style-job ul {
margin-top: 20px;
margin-bottom: 20px
}

.rich-text-style-job img {
border-radius: 16px;
margin-top: 20px;
margin-bottom: 10px
}

.rich-text-style-job p {
margin-top: 10px;
margin-bottom: 10px
}

.hours-item {
justify-content: space-between;
align-items: center;
width: 100%
}

.working-items {
grid-row-gap: 20px;
align-items: stretch;
width: 100%;
padding-top: 40px;
padding-bottom: 40px
}

.working-hours-grid {
grid-column-gap: 60px;
grid-row-gap: 60px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr
}

.home-3-title-copy {
max-width: 760px
}

.working-hours-banner-con {
z-index: 10;
justify-content: space-between;
align-items: center;
position: relative
}

.horizontal-line-working {
background-color: var(--light-gray);
width: 100%;
height: 1px
}

.banner-container-job {
z-index: 10;
justify-content: space-between;
align-items: center;
position: relative
}

.inner-shadow-banner-image {
box-shadow: inset 0 0 2.5px .8px var(--dark-gray-8), inset 0 0 2.5px .8px var(--dark-gray-8);
background-image: linear-gradient(#00000080, #00000080), url("https://cdn.prod.website-files.com/67ac6fecf84dfec00c5b5801/67dab0c3c2ca5caa536e56e0_Modern Collaborative Workspace (1).webp");
background-position: 0 0, 50%;
background-size: auto, cover;
border-radius: 12px;
justify-content: center;
align-self: stretch;
align-items: center;
width: 100%;
height: 100%;
padding: 2px;
display: flex;
position: relative
}

.submit-button {
border: 1px solid var(--primary-dark);
background-color: var(--primary-dark);
border-radius: 10px;
padding: 12px 18px;
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
transition: color .4s, background-color .4s
}

.submit-button:hover {
color: var(--primary-dark);
background-color: #2220
}

.success-message-contacts {
color: var(--primary);
text-align: center;
background-color: #0000;
font-weight: 500
}

.text-success {
max-width: 240px;
margin-left: auto;
margin-right: auto
}

.location-tab {
grid-column-gap: 6px;
grid-row-gap: 6px;
border: 1px solid var(--gray);
background-color: var(--white);
background-image: linear-gradient(to bottom, var(--white), var(--white));
box-shadow: 0 1px 2px 0 var(--dark-gray-4), inset 0 -2px 0 0 var(--dark-gray-4), inset 0 0 0 0 var(--dark-gray-8);
color: var(--paragraph-gray);
border-radius: 10px;
flex-flow: column;
justify-content: center;
align-items: flex-start;
min-height: 110px;
padding: 12px 18px;
font-weight: 500;
line-height: 1.5em;
transition: color .4s;
display: flex
}

.location-tab:hover {
color: var(--primary-pink)
}

.location-tab.w--current {
background-image: linear-gradient(135deg, #ff55001a, #ff00ae1a), linear-gradient(to bottom, var(--white), var(--white))
}

.location-map-wrapper {
width: 100%;
position: relative
}

.locations-tabs-content {
width: 100%;
height: 100%
}

.locations-tabs-menu {
z-index: 10;
grid-column-gap: 41px;
grid-row-gap: 13px;
flex-flow: column;
justify-content: center;
align-items: stretch;
width: 24%;
margin-right: 24px;
display: flex
}

.d-flex {
display: flex
}

.justify-content-center {
justify-content: center
}

.align-items-center {
align-items: center
}

.location-tabs {
justify-content: flex-start;
align-items: flex-start;
display: flex
}

.location-tab-pane-content-wrapper {
z-index: 1;
position: absolute;
inset: 40px 10px auto auto
}

.location {
grid-row-gap: 24px;
justify-content: center;
align-items: flex-start;
padding: 20px
}

.location-items-intro {
grid-row-gap: 10px;
justify-content: flex-start;
align-items: flex-start
}

.gray-link {
color: var(--paragraph-gray)
}

.heading-2 {
max-width: 490px
}

.banner-contact-image-y {
width: 50%;
margin-left: 50px;
position: relative
}

.contact-title {
max-width: 700px
}

.banner-container-contact-3 {
z-index: 10;
justify-content: space-between;
align-items: center;
margin-bottom: 60px;
position: relative
}

.contact-description {
max-width: 360px
}

.banner-section-inner {
flex-direction: column;
padding-top: 140px;
padding-bottom: 80px;
position: relative;
overflow: clip
}

.inner-shadow-banner-home {
background-color: var(--white);
box-shadow: inset 0 0 2.5px .8px var(--dark-gray-8), inset 0 0 2.5px .8px var(--dark-gray-8);
border-radius: 12px;
align-self: stretch;
width: 100%;
padding: 2px
}

.banner-image-portfolio {
z-index: 10;
border-radius: 16px;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 400px;
position: relative;
overflow: hidden
}

.project-title {
grid-template-rows: auto;
grid-template-columns: 1fr .75fr;
margin-bottom: 40px
}

.project-title-link {
color: var(--white);
font-size: 28px;
font-weight: 600
}

.project-title-link:hover {
color: var(--white)
}

.portfolio-item-description {
z-index: 2;
align-items: stretch;
width: 40%;
position: absolute;
inset: 20px 20px 20px auto
}

.overlay {
z-index: 1;
background-image: linear-gradient(0deg, #000, #0000);
height: 100%;
position: absolute;
inset: auto 0% 0%
}

.rich-text-style-project h2 {
margin-bottom: 24px;
font-size: 50px
}

.rich-text-style-project h3 {
margin-top: 30px;
margin-bottom: 20px
}

.rich-text-style-project h4 {
margin-top: 25px;
margin-bottom: 15px
}

.rich-text-style-project h5,
.rich-text-style-project h6 {
margin-top: 20px
}

.rich-text-style-project ul {
margin-top: 0;
margin-bottom: 0
}

.rich-text-style-project img {
border-radius: 16px;
margin-top: 20px;
margin-bottom: 10px
}

.rich-text-style-project p {
margin-top: 10px;
margin-bottom: 10px
}

.rich-text-style-project figure {
border-radius: 16px;
overflow: clip
}

.rich-text-style-project ol {
color: var(--paragraph-gray)
}

.project-items {
grid-row-gap: 10px
}

.grid-project-item {
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
width: 100%
}

.inner-shadow-item-text {
box-shadow: inset 0 0 2.5px .8px var(--dark-gray-8), inset 0 0 2.5px .8px var(--dark-gray-8);
background-image: linear-gradient(135deg, #ff55000d, #ff00ae0d);
border-radius: 12px;
flex-flow: column;
justify-content: space-between;
align-self: stretch;
align-items: stretch;
width: 100%;
height: 100%;
padding: 20px;
display: flex;
position: relative
}

.par-wrapper-project {
padding-left: 20px
}

.project-grid-collection-list {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}

.portfolio-grid-content-wrapper {
z-index: 6;
grid-row-gap: 8px;
flex-flow: column;
justify-content: flex-start;
align-items: flex-start;
padding-bottom: 30px;
padding-left: 30px;
padding-right: 30px;
display: flex;
position: absolute;
inset: auto 0% 0%
}

.portfolio-masonry-collection-item-copy {
border-radius: 16px;
position: relative;
overflow: clip
}

.portfolio-grid-image-link-copy {
border-radius: 16px;
width: 100%;
height: 400px;
position: relative;
overflow: clip
}

.banner-container-no-space {
z-index: 10;
justify-content: space-between;
align-items: center;
position: relative
}

.project-name {
font-size: 60px
}

.project-name-wrapper {
max-width: 520px
}

.portfolio-item-description-copy {
z-index: 2;
align-items: stretch;
width: 40%
}

.project-banner-content {
justify-content: space-between;
align-items: flex-end;
width: 100%
}

.project-banner-description {
max-width: 470px
}

.banner-title-wrapper-center {
z-index: 20;
text-align: center;
flex-direction: column;
align-items: center;
max-width: 760px;
margin-left: auto;
margin-right: auto;
display: flex;
position: relative
}

.blog-category {
z-index: 2;
background-color: var(--white);
border-radius: 16px;
padding: 6px 12px;
position: absolute;
inset: 20px 20px auto auto
}

.description-blog {
max-width: 400px
}

.line-blog {
background-color: var(--light-gray);
width: 20px;
height: 1px;
position: relative;
overflow: hidden
}

.top-blog {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: center
}

.line-active {
background-color: var(--dark-gray);
position: absolute;
inset: 0%
}

.project-title-banner {
z-index: 20;
grid-template-rows: auto;
grid-template-columns: .5fr 1fr;
position: relative
}

.margins-10 {
margin-top: 10px;
margin-bottom: 10px
}

.banner-section-changelog {
flex-direction: column;
padding-top: 140px;
padding-bottom: 80px;
position: relative;
overflow: clip
}

.contacts-input-copy {
border: 1px solid var(--light-gray);
background-color: var(--white);
box-shadow: inset 0 0 2.5px .8px var(--dark-gray-3), inset 0 0 2.5px .8px var(--dark-gray-3), 0 0 2px -2px var(--dark-gray-8);
color: var(--dark-gray);
border-radius: 10px;
height: auto;
padding: 16px 18px;
font-size: 16px;
transition: all .2s
}

.contacts-input-copy:focus {
border-color: var(--light-gray);
color: var(--primary-dark);
padding-left: 24px
}

.contacts-input-copy::placeholder {
color: var(--dark-gray);
font-size: 16px
}

._404 {
background-image: linear-gradient(180deg, var(--primary), var(--primary-pink));
-webkit-text-fill-color: #fff0;
-webkit-background-clip: text;
background-clip: text;
font-size: 200px;
font-weight: 600;
line-height: 1.2em
}

.banner-section-details {
flex-direction: column;
padding-top: 160px;
padding-bottom: 80px;
position: relative;
overflow: clip
}

.compare-price {
color: var(--dark-gray);
text-decoration: line-through
}

.price {
color: var(--paragraph-gray)
}

.price-wrapper {
grid-column-gap: 10px;
justify-content: flex-start;
align-items: center
}

.add-to-cart-button {
background-color: var(--white);
color: var(--primary-pink);
border-radius: 10px;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
padding: 16px;
font-family: "Fa solid 900", sans-serif;
transition: background-color .45s
}

.add-to-cart-button:hover {
background-color: var(--primary-dark)
}

.add-to-cart {
flex-flow: column;
justify-content: center;
align-items: flex-end;
display: flex;
position: absolute;
inset: auto 15px 15px auto
}

.out-of-stock-state,
.error-state {
background-color: var(--white);
border-radius: 10px
}

.default-state {
margin-bottom: 0
}

.default-state.product-page {
grid-column-gap: 40px;
justify-content: space-between;
align-items: flex-end;
display: flex
}

.desctop-button {
display: block
}

.cart-button {
grid-column-gap: 5px;
color: var(--primary-dark);
background-color: #0000;
justify-content: center;
align-items: center;
padding: 14px 20px;
font-size: 16px;
font-weight: 500;
line-height: 1.5em
}

.cart-quantity {
color: var(--primary-dark);
background-color: #0000;
min-width: auto;
height: auto;
margin-left: 0;
padding-left: 0;
padding-right: 0;
font-size: 16px;
font-weight: 500;
line-height: 1.5em
}

.cart-quality-wrapper {
grid-column-gap: 1px;
justify-content: center;
align-items: center
}

.cart-container {
border-radius: 16px
}

.apple-pay {
border-radius: 10px;
height: 46px
}

.checkout-actions {
flex-flow: column;
display: flex
}

.primary-button-cart {
background-color: var(--primary);
background-image: linear-gradient(120deg, var(--primary), var(--primary-pink));
color: var(--white);
text-align: center;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 10px;
width: 100%;
margin-left: auto;
margin-right: auto;
padding: 12px 18px;
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
transition: transform .6s;
display: inline-block;
position: relative;
overflow: clip;
box-shadow: 0 1px 2px #1018280d, inset 0 0 #0a0d121f, inset 0 -2px #0a0d120d
}

.primary-button-cart:hover {
background-color: var(--white);
opacity: 1;
color: var(--white);
transform: scale(.96)
}

.cart-image {
object-fit: cover;
border-radius: 10px;
width: 70px;
height: 80px
}

.cart-quantity-2 {
border-color: var(--gray);
background-color: var(--white)
}

.cart-quantity-2:focus {
border-color: var(--primary)
}

.error-state-cart {
background-color: var(--white);
color: var(--primary);
text-align: center;
border-radius: 10px
}

.remove-cart {
font-weight: 500
}

.name-cart-product {
font-size: 18px;
font-weight: 500;
line-height: 1.2em
}

.price-cart {
margin-top: 7px;
margin-bottom: 5px
}

.cart-item {
border-bottom: 1px solid var(--light-gray);
justify-content: space-between;
padding-top: 15px;
padding-bottom: 15px
}

.category-card-label {
position: absolute;
inset: 15px auto auto 15px
}

.sale {
background-color: var(--primary-pink);
color: var(--white);
border-radius: 20px;
width: 100%;
padding: 8px 18px;
transition: all .4s;
display: inline-block
}

.sale:hover {
background-color: var(--white);
color: var(--primary-pink)
}

.product-page-banner {
z-index: 20;
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
grid-template-columns: 45% auto;
position: relative
}

.product-text-wrapper {
justify-content: center;
align-items: flex-start;
padding-top: 80px;
padding-bottom: 80px;
padding-right: 30px
}

.category-list {
grid-column-gap: 20px;
justify-content: flex-start;
align-items: center;
display: flex
}

.add-to-cart-2 {
width: 100%
}

.quantity {
border-color: var(--light-gray);
background-color: var(--white);
height: 47px;
margin-bottom: 0
}

.quantity:focus {
border-color: var(--primary-pink)
}

.quantity-text {
color: var(--paragraph-gray);
font-weight: 400
}

.product-description {
max-width: 390px
}

.product-details-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-rows: auto;
align-items: center
}

.collection-item-2 {
height: 480px
}

.product-lightbox {
border: 1px solid var(--gray);
background-color: var(--white);
box-shadow: 0 2px 3px -1px var(--dark-gray-3), 0 2px 2.5px -1px var(--dark-gray-3), 0 5px 6px -1px var(--dark-gray-8);
border-radius: 16px;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
max-height: 600px;
padding: 2px;
display: flex;
position: relative;
overflow: hidden
}

.product-lightbox-images {
border: 1px solid var(--gray);
background-color: var(--white);
box-shadow: 0 2px 3px -1px var(--dark-gray-3), 0 2px 2.5px -1px var(--dark-gray-3), 0 5px 6px -1px var(--dark-gray-8);
border-radius: 16px;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 100%;
padding: 2px;
display: flex;
position: relative;
overflow: hidden
}

.shop-grid {
grid-column-gap: 20px;
grid-row-gap: 40px;
flex-wrap: wrap;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
display: grid
}

.shop-item-details {
position: relative
}

.ov-hidden {
border-radius: 10px;
width: 100%;
height: 100%;
overflow: hidden
}

.checkout-form {
background-color: #fff;
background-image: linear-gradient(326deg, #ff55000a, #ff00ae0a);
padding-top: 120px;
padding-bottom: 0
}

.block-header {
border-style: none none solid;
border-bottom-color: var(--gray);
justify-content: space-between;
align-items: center;
padding-top: 20px;
padding-bottom: 20px
}

.block-content {
border: 1px #000
}

.customer-info {
border: 1px solid var(--gray);
border-radius: 16px;
overflow: clip
}

.checkout-input {
border-color: var(--gray);
background-color: var(--white);
border-radius: 10px
}

.checkout-input:focus,
.checkout-input.-wfp-focus {
border-color: var(--primary-dark)
}

.checkbox-label {
margin-bottom: 0
}

.checkbox {
margin-top: 0
}

.summary {
top: 120px
}

.order-item {
border-bottom: 1px solid var(--light-gray);
padding-bottom: 20px
}

.order-item:last-child {
border-bottom-style: none;
margin-bottom: 0
}

.cart-image-check {
object-fit: cover;
border-radius: 10px;
width: 70px;
height: 80px
}

.order-item-list {
flex-flow: column;
display: flex
}

.rich-text-style-shop h2 {
margin-bottom: 24px;
font-size: 50px
}

.rich-text-style-shop h3 {
margin-top: 30px;
margin-bottom: 20px
}

.rich-text-style-shop h4 {
margin-top: 25px;
margin-bottom: 15px
}

.rich-text-style-shop h5,
.rich-text-style-shop h6 {
margin-top: 20px
}

.rich-text-style-shop ul {
margin-top: 0;
margin-bottom: 0
}

.rich-text-style-shop img {
border-radius: 16px;
margin-top: 20px;
margin-bottom: 10px
}

.rich-text-style-shop p {
margin-top: 0;
margin-bottom: 24px
}

.rich-text-style-shop figure {
border-radius: 16px;
overflow: clip
}

.rich-text-style-shop ol {
color: var(--paragraph-gray)
}

.white-link {
color: var(--white);
font-weight: 600;
transition: color .35s
}

.white-link:hover {
color: var(--primary-pink)
}

.banner-image-portfolio-1 {
z-index: 10;
justify-content: flex-start;
align-items: flex-end;
width: 100%;
height: 400px;
position: relative;
overflow: hidden
}

.banner-container-project-1 {
z-index: 10;
justify-content: space-between;
align-items: center;
margin-bottom: 40px;
position: relative
}

.service-collection-list-grid {
grid-column-gap: 0;
grid-row-gap: 0;
grid-template-rows: auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}

.service-wrapper-grid {
grid-column-gap: 0;
grid-row-gap: 0;
grid-template-rows: auto;
grid-auto-columns: 1fr;
display: grid;
position: relative
}

.service-link-block-home {
z-index: 2;
flex-flow: column;
justify-content: center;
height: 100%;
padding: 30px 24px;
display: flex;
position: relative
}

.service-collection-item-home {
border-right: 1px solid var(--light-gray);
height: 230px;
transition: padding .35s;
position: relative;
padding: 12px 0
}

.cta-h2 {
max-width: 420px
}

.section-service-grid {
grid-column-gap: 50px;
grid-row-gap: 50px;
grid-template-rows: auto auto;
grid-template-columns: 1fr;
grid-auto-columns: 1fr;
display: grid
}

.long-title {
max-width: 670px
}

.top-service {
justify-content: center;
align-items: center;
width: 100%
}

.service-description-home {
color: var(--white)
}

.promotion-coupon {
color: #101828;
background-color: #fff;
border-radius: 5px;
padding-left: 5px;
padding-right: 5px;
font-size: 12px;
display: inline-block
}

.promotion-label-paragraph {
color: #fff;
text-align: left;
letter-spacing: 0;
max-width: 94%;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Arial Neue, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.5em
}

.promotion-label-button {
color: #fff;
text-align: center;
letter-spacing: 0;
text-transform: none;
border: 1px solid #fff;
border-radius: 4px;
padding: 5px 15px;
font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Arial Neue, sans-serif;
font-size: 14px;
font-weight: 500;
line-height: 1.3em
}

.promotion-label-button:hover {
opacity: 1;
color: #ffffffb3
}

.promotion-label-left {
background-color: #0055d4;
border-radius: 4px;
width: 100%;
max-width: 290px;
position: absolute
}

.promotion-label-right {
grid-column-gap: 8px;
grid-row-gap: 8px;
flex-flow: column;
display: flex;
position: absolute;
right: 10px
}

.close-image {
width: 12px;
height: 12px
}

.promotion-label-holder {
grid-row-gap: 10px;
flex-direction: column;
padding: 15px;
display: flex;
position: relative
}

.promotion-labels-wrapper-to-remove {
z-index: 2147483647;
justify-content: space-between;
align-items: flex-end;
width: 100%;
display: flex;
position: fixed;
bottom: 5px;
left: 5px;
right: 5px
}

.promotion-label-more-templates {
color: #000;
letter-spacing: normal;
text-transform: capitalize;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 4px;
width: 144px;
padding: 6px;
font-family: Arial, Verdana Neue, Arial, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 14px;
display: flex
}

.promotion-label-more-templates:hover {
opacity: 1;
color: #000
}

.promotion-label-buy-this-template {
color: #000;
letter-spacing: normal;
text-transform: capitalize;
background-color: #fff;
border: 1px solid #e4e4e4;
border-radius: 4px;
width: 144px;
padding: 6px;
font-family: Arial, Sans-Serif Neue, Verdana, sans-serif;
font-size: 12px;
font-weight: 700;
line-height: 14px;
display: flex
}

.promotion-label-buy-this-template:hover {
opacity: 1;
color: #000
}

.promotion-label-close {
cursor: pointer;
padding: 10px 20px;
position: absolute;
top: -7px;
right: -14px
}

.promotion-icon {
object-fit: contain;
margin-right: 8px
}

.progress-icon {
background-color: var(--primary);
background-image: linear-gradient(120deg, var(--primary), var(--primary-pink));
color: var(--white);
text-align: center;
-webkit-text-fill-color: inherit;
background-clip: border-box;
border-radius: 10px;
justify-content: center;
align-items: center;
height: 50px;
padding: 11px;
font-size: 16px;
font-weight: 500;
line-height: 1.5em;
transition: all .3s;
display: flex;
position: relative;
overflow: clip;
box-shadow: 0 1px 2px #1018280d, inset 0 0 #0a0d121f, inset 0 -2px #0a0d120d
}

.progress-icon:hover {
background-color: var(--white);
opacity: 1;
color: var(--white)
}

@media screen and (min-width:1280px) {
h1 {
font-size: 50px;
}

h2 {
font-size: 35px
}

.section {
padding-top: 120px;
padding-bottom: 75px
}

.section.landing-banner {
padding-top: 160px
}

.spacing-system-column {
padding-right: 30px
}

.headings-typography-wrapper {
width: 48%
}

.style-guide-body-wrapper {
margin-right: 60px
}

.nav-container {
max-width: 1378px;
height: 56px
}

.pages-banner {
padding-top: 190px;
padding-bottom: 130px
}

.footer {
padding-top: 50px
}

.footer-bottom-wrapper {
margin-top: 30px
}

.style-guide-buttons-wrapper {
flex-wrap: nowrap;
justify-content: space-between
}

.style-guide-button-wrapper {
width: auto
}

.pricing-plans-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px
}

.without-top-spacing {
padding-top: 20px;
}

.customers-grid {
grid-column-gap: 30px;
grid-row-gap: 30px
}

.customer-wrapper {
height: 310px
}

.progressbar-wrapper {
grid-column-gap: 100px;
grid-row-gap: 100px
}

.portfolio-masonry-collection-list {
grid-template-columns: 1fr 1fr 1fr
}

.landing-inner-pages-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 1fr 1fr 1fr
}

.testimonials {
padding-top: 130px;
padding-bottom: 130px
}

.blog-section-title {
margin-bottom: 70px
}

.banner-section {
padding-top: 85px;
padding-bottom: 120px
}

.about-img._3 {
width: 340px
}

.about-img._4 {
width: 280px
}

.about-img._2 {
width: 340px
}

.industries-block-wrapper {
position: relative
}

.section-with-blue-bg {
padding-left: 40px;
padding-right: 40px
}

.section-purchase {
padding-top: 130px;
padding-bottom: 130px
}

.licensing-icons {
width: 45%
}

.testimonials-title {
max-width: 610px
}

/*.footer-form-input {*/
/*min-width: 270px*/
/*}*/

.footer-right {
grid-column-gap: 60px
}

.footer-top {
margin-bottom: 100px
}

.footer-contact-title {
max-width: 610px
}

.footer-number-wrapper {
width: 96px;
height: 57px;
padding-top: 12px
}

.footer-number-wrapper.bottom {
padding-bottom: 12px
}

.footer-large-number {
font-size: 100px
}

.image-span {
width: 50px;
height: 50px
}

.about-title-large {
max-width: 1230px;
margin-bottom: 100px
}

.border-text {
background-position: 50% 100%;
padding: 0 26px 4px 22px
}

.solutions-mask {
width: 45%
}

.solutions-arrow {
left: -64%
}

.solutions-arrow.right {
left: -56%
}

.light-slider-block {
height: 342px
}

.banner-title-width {
max-width: 640px
}

.banner-bg {
max-height: 710px
}

.lightbox-link {
width: 620px
}

.banner-text-wrapper.services {
width: 74%
}

.banner-text-wrapper.testimonilas-text {
width: 80%
}

.banner-text-wrapper.team-details {
width: 74%
}

.banner-2-section {
padding-top: 0px;
padding-bottom: 40px
}

.home-2-heading {
max-width: 480px;
font-size: 72px
}

.testimonials-grid {
grid-column-gap: 30px;
grid-row-gap: 30px
}

.section-without-top {
padding-bottom: 100px
}

.home-3-title {
max-width: 830px
}



.banner-3-section {
padding-top: 50px;
padding-bottom: 50px
}

.about-banner-image {
height: 430px
}

.banner-image-about-wrapper {
width: 50%
}

.about-title {
max-width: 570px
}

.service-collection-3-grid {
grid-column-gap: 30px;
grid-row-gap: 30px
}

.section-video {
padding-top: 205px
}

.history-title {
max-width: 600px
}

.prosess-title {
max-width: 790px
}

.about-title-copy {
max-width: 849px
}

.solution-card-desription {
max-width: 300px
}

.pricing-card {
padding-left: 30px;
padding-right: 30px
}

.testimonials-grid-hero {
grid-column-gap: 30px;
grid-row-gap: 30px
}

.team-image-height {
height: 520px
}

.title-about {
max-width: 1050px
}

.banner-team-image {
margin-right: 120px
}

.team-image-height-banner {
height: 500px
}

.career-banner-title {
max-width: 700px
}

.job-title {
font-size: 72px
}

.working-items {
width: 80%
}

.working-hours-grid {
grid-column-gap: 80px;
grid-row-gap: 80px
}

.home-3-title-copy {
max-width: 1060px
}

.heading-2 {
max-width: 520px
}

.banner-section-inner {
padding-top: 160px;
padding-bottom: 100px
}

.banner-image-portfolio {
height: 500px
}

.project-name-wrapper {
max-width: 590px
}

.banner-title-wrapper-center {
max-width: 850px
}

.banner-section-changelog {
padding-top: 180px;
padding-bottom: 100px
}

.ttitle-password {
font-size: 60px
}

.banner-section-details {
padding-top: 180px;
padding-bottom: 100px
}

.product-page-banner {
grid-column-gap: 80px;
grid-row-gap: 80px
}

.shop-grid {
grid-template-columns: 1fr 1fr 1fr
}

.checkout-form {
padding-top: 140px
}

.summary {
top: 140px
}

.banner-image-portfolio-1 {
height: 500px
}

.banner-container-project-1 {
margin-bottom: 60px
}

.cta-h2 {
max-width: 490px
}

.long-title {
max-width: 830px
}
}

@media screen and (min-width:1440px) {
.section.landing-banner {
background-position: 106% 46%, 4% 22%
}

.nav-container {
min-width: auto
}

.about-img._1 {
width: 380px
}

.about-img._3 {
width: 400px
}

.about-img._4 {
width: 300px
}

.about-img._2 {
width: 390px
}

.our-services-wrap {
align-items: center
}

.section-with-blue-bg {
padding-left: 100px;
padding-right: 100px
}

.banner-overlay {
height: 450px
}

.footer-links-grid,
.footer-contact-right {
width: 38%
}

.image-span.top {
width: 50px;
height: 50px
}

.about-title-large {
max-width: 1280px
}

.right-block {
width: 90%;
right: -50%
}

.banner-bg {
width: 66%
}

.about-title-copy {
max-width: 756px
}

.collection-item-2 {
height: 540px
}
}

@media screen and (min-width:1920px) {
.section.landing-banner {
background-position: 106% 46%, 10% 20%;
background-size: auto, 280px
}

.about-img._1 {
width: 420px;
left: 16%
}

.about-img._3 {
width: 430px;
top: 20%;
left: 54%
}

.about-img._4 {
left: 48%
}

.section-with-blue-bg {
padding-left: 180px;
padding-right: 180px
}

.banner-overlay {
height: 600px
}

.banner-bg {
top: -25%;
right: 0%
}

.section-white-bg {
background-image: linear-gradient(-5deg, #0000, #0000 25%, #fff 25%)
}

.banner-bg-white {
height: 400px
}

.banner-bg-black {
height: 390px
}
}

@media screen and (max-width:991px) {
h1 {
font-size: 50px
}

h2 {
font-size: 40px
}

h3 {
font-size: 34px
}

blockquote {
font-size: 30px
}

.grid-system {
width: 100%
}

.grid-description.first-description {
text-align: center
}

.spacing-system-image {
width: 75%
}

.spacing-wrapper-mobile {
width: 70%
}

.spacing-columns {
flex-flow: wrap;
display: flex
}

.bottom-style-spacing-desktop {
bottom: 6%
}

.top-style-spacing-desktop {
top: 4%
}

.middle-style-spacing-desktop {
top: 30%
}

.spasing-system-image-mobile {
width: 70%
}

.colors-container {
grid-row-gap: 20px;
flex-wrap: wrap
}

.style-guide-body-wrapper {
width: 100%
}

.primary-button {
display: block
}

.top-style-spacing-mobile {
top: 3%
}

.middlr-style-spacing-mobile {
top: 26%
}

.bottom-style-spacing-mobile {
bottom: 6%
}

.nav-container {
padding-left: 15px;
padding-right: 15px
}

.nav-menu {
background-color: var(--white);
border-top-left-radius: 16px;
flex-direction: column;
width: 395px;
inset: 10px auto 0% 10px
}

.menu-button {
text-align: right;
background-color: #0000;
padding: 0
}

.menu-button.w--open {
background-color: #0000
}

.nav-link {
width: 100%;
margin-left: 0;
margin-right: 0;
padding: 10px 0;
display: flex
}

.nav-dropdown {
flex-direction: column;
justify-content: center;
align-items: stretch;
width: 100%;
transition: opacity .5s;
display: flex;
overflow: hidden
}

.nav-dropdown-toggle {
justify-content: flex-start;
align-items: center;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 0
}

.nav-dropdown-icon {
margin-right: 1.5px;
inset: 0% 0 0% auto
}

.nav-dropdown-list {
border-style: none;
flex-direction: column;
width: auto;
padding: 0 0 0 10px;
display: flex;
position: static
}

.nav-dropdown-list.w--open {
box-shadow: none;
padding-top: 0;
padding-bottom: 0;
display: flex;
position: static
}

.nav-dropdown-list.megamenu {
width: auto;
height: 270px;
padding-left: 20px;
padding-right: 40px;
overflow: scroll
}

.nav-dropdown-link-wrapper {
padding-right: 0
}

.nav-dropdown-link-wrapper:hover {
padding-left: 0;
padding-right: 0
}

.nav-dropdown-link {
margin-left: 0;
margin-right: 0;
padding-top: 10px;
padding-bottom: 10px;
font-size: 15px
}

.close-menu-button,
.close-menu-button.w--open {
background-color: #0000;
padding: 0 20px 0 0
}

.nav-close-icon {
z-index: 15;
align-self: stretch
}

.pages-banner {
padding-top: 140px
}

.licensing-grid {
grid-template-columns: 1fr 1fr
}

.licensing-paragraph {
width: 100%
}

.nav-menu-wrapper {
min-height: 60px
}

.blog-template-pagination {
grid-column-gap: 40px;
grid-row-gap: 40px
}

.footer-bottom-wrapper {
grid-template-columns: 1fr 1.25fr
}

.pricing-plans-wrapper {
flex-wrap: wrap;
grid-template-columns: 1fr 1fr;
place-items: center
}

.accordion-wrapper.service-details {
margin-top: 40px
}

.job-position-wrapper {
grid-template-columns: 1fr
}

.job-position-sidebar-wrapper {
position: relative;
top: 0
}

.contacts-form-wrapper._2 {
padding: 30px 20px
}

.contact-3-inputs-wrapper {
flex-wrap: wrap;
grid-template-columns: 1fr 1fr
}

.footer-wrapper {
grid-row-gap: 36px;
flex-wrap: wrap
}

.footer-brand-wrapper {
width: 48%
}

.search-desktop {
display: none
}

.search-bottom-line {
display: flex
}

.search-input:focus {
border: 1px solid var(--primary)
}

.footer-logo-wrapper {
width: 52%
}

.customers-grid {
grid-template-columns: 1fr 1fr
}

.customer-wrapper.disable-tablet-hide,
.customer-wrapper.tablet-hide {
display: none
}

.headings-container {
flex-wrap: wrap
}

.primary-button-white:hover {
opacity: 1
}

.style-guide-content-wrapper {
grid-row-gap: 20px;
flex-wrap: wrap
}

.style-guide-content-wrapper.no-wrap {
flex-wrap: nowrap
}

.progressbar-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px
}

.progressbar-wrap {
max-width: 360px
}

.portfolio-grid-title-wrapper {
bottom: 20px;
left: 20px
}

.portfolio-masonry-collection-list {
grid-template-columns: 1fr 1fr
}

.landing-banner-image {
max-width: 95%
}

.landing-performance-grid {
grid-column-gap: 80px;
grid-row-gap: 60px
}

.landing-features-grid,
.landing-inner-pages-wrapper {
grid-template-columns: 1fr 1fr
}

.landing-inner-page-item.home-screen {
max-width: 550px;
margin-left: auto;
margin-right: auto
}

.landing-banner-title-wrapper {
max-width: 570px
}

.landing-performance-item-title {
max-width: 220px;
font-size: 18px
}

.nav-dropdown-column {
justify-content: center;
width: 332px
}

.landing-home-pages-wrapper {
flex-wrap: wrap;
grid-template-columns: 1fr 1fr;
justify-items: center
}

.landing-download-block-wrapper {
background-image: linear-gradient(150deg, var(--primary), var(--primary-pink));
background-position: 0 0;
background-repeat: repeat;
background-size: auto;
flex-wrap: wrap;
justify-content: center;
padding: 40px
}

.landing-download-block-wrap {
text-align: center;
margin-bottom: 40px
}

.testimonials {
padding-top: 80px;
padding-bottom: 80px
}

.blog-section-title {
margin-bottom: 60px
}

.contacts-wrapper-grid {
padding-left: 15px;
padding-right: 15px
}

.banner-section {
padding-top: 100px
}

.home-4-testimonials-wrapper {
grid-column-gap: 60px;
grid-row-gap: 40px;
flex-wrap: wrap;
width: 80%;
margin-top: 20px
}

.testimonials-wrapper-2 {
grid-column-gap: 60px;
grid-row-gap: 60px;
flex-wrap: wrap;
width: 80%;
margin-top: 20px
}

.about-img._1 {
top: 7%;
left: 15px
}

.about-img._5 {
top: 58%;
bottom: 0;
left: 60px
}

.about-img._3 {
width: 360px;
top: 0%;
right: 15px
}

.about-img._4 {
width: 240px;
top: 57%;
left: auto;
right: 15px
}

.about-img._2 {
z-index: 5;
top: 30%;
left: 35%
}

.content {
margin-bottom: 0
}

.industries-block-wrapper {
max-width: 45vw
}

.about-4-team-slide {
width: 100%
}

.nav-dropdown-link-line {
display: none
}

.subtitle-2 {
margin-bottom: 30px
}

.dropdown-nav-link {
color: #222;
padding-top: 12px;
padding-bottom: 12px;
font-family: Arial, sans-serif;
font-weight: 700
}

.dropdown-nav-link.w--current {
color: #004ae2
}

.menu-wrap {
background-color: var(--white);
flex-direction: column;
align-items: flex-start;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
display: flex
}

.home-banner-left-arrow {
inset: 20% auto auto 4%
}

.tablet-menu {
justify-content: space-between;
align-items: center;
height: 60px;
padding-top: 15px;
padding-bottom: 15px;
padding-left: 15px;
display: flex
}

.image-burger {
margin-bottom: 4px
}

.brand-tablet {
display: block
}

.details-page-title {
font-size: 48px
}

.spacing-system-title {
font-size: 25px
}

.licensing-icons {
width: 80%
}

.primary-button-dark {
display: block
}

.mockup-wrapper {
grid-template-columns: 1fr
}

.cta-text-wrapp {
grid-row-gap: 24px;
padding-top: 0;
padding-bottom: 30px;
padding-left: 30px
}

.cta-text-wrapp._2-home {
padding-bottom: 30px;
padding-left: 30px
}

.cta-text-wrapp.team {
padding-top: 30px;
padding-bottom: 30px;
padding-left: 30px
}

.vertical-50 {
grid-row-gap: 36px
}

.vertical-50.tablet-center {
justify-content: flex-start;
align-items: center
}

.drop-shadow.white-16-radius {
border-radius: 10px
}

.image-radius-16.cta {
height: 350px
}

.vertical-20.tablet-ce {
justify-content: flex-start;
align-items: center
}

.service-link-block {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 14px
}

.service-wrapper.second {
padding-left: 50px
}

.service-wrapper.third {
padding-left: 100px
}

.service-wrapper.fouth {
padding-left: 150px
}

.home-1-testimonials-item {
grid-template-columns: .75fr 1fr auto .5fr
}

.home-testimonials-text {
grid-column-gap: 10px;
grid-row-gap: 10px
}

.testimonisl-text {
font-size: 20px
}

.footer-links-grid,
.footer-right {
width: 100%
}

.footer-top {
margin-bottom: 60px
}

.footer-contact-title {
max-width: 330px
}

.footer-contact-right {
width: 48%
}

.footer-number-wrapper {
height: 30px
}

.footer-large-number {
font-size: 60px
}

.number-hero {
grid-column-gap: 20px;
grid-row-gap: 20px
}

.image-span {
width: 40px;
height: 40px
}

.image-span.top {
width: 42px;
height: 48px
}

.about-title-large {
margin-bottom: 50px
}

.features-grid {
grid-column-gap: 20px;
grid-row-gap: 20px
}

.features {
padding: 20px
}

.features-icon {
display: block
}

.relative.pricing {
max-width: 400px
}

.feature-intro-grid {
grid-template-columns: 1fr;
width: 100%
}

.feature-images-wrapper {
max-width: 100%;
min-height: 300px
}

.feature-image-wrapp._2 {
left: 20%
}

.feature-image-wrapp._4 {
right: 10%
}

.feature-image-wrapp._7 {
left: 10%
}

.flex-24.tablet-center {
text-align: center;
justify-content: flex-start;
align-items: center
}

.service-description {
max-width: 450px
}

.right-block {
width: 36%;
height: 400px;
top: auto
}

.solutions-container {
flex-flow: column
}

.solution-slider {
width: 100%;
padding-bottom: 90px
}

.solutions-mask {
width: 37%
}

.solutions-arrow {
bottom: 0%;
left: 0%
}

.solutions-arrow.right {
left: 78px
}

.solutions-slider-wrapper {
width: 100%;
position: static
}

.solutions-title-wrapper {
width: 100%;
margin-top: 0;
margin-bottom: 0;
padding-bottom: 40px
}

.light-slider-block {
display: none
}

.solution-items.home-2 {
grid-row-gap: 10px;
flex-flow: wrap;
justify-content: flex-start;
align-items: center
}

.leadership-wrapper {
padding-top: 30px
}

.banner-container {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column-reverse;
margin-bottom: 80px
}

.banner-title-width {
max-width: 510px
}

.banner-bg {
width: 100%;
bottom: auto;
right: 0%
}

.lightbox-link {
width: 100%;
max-height: 350px
}

.inner-shadow-banner {
flex: 1
}

.banner-video,
.banner-text-wrapper,
.banner-text-wrapper.solutions,
.banner-text-wrapper.services {
width: 100%
}

.banner-text-wrapper.testimonilas-text {
width: 100%;
max-width: 500px
}

.banner-text-wrapper.team-details {
width: 100%
}

.banner-text-wrapper.job {
width: 70%
}

.div-block-3 {
height: 170px
}

.tablet-button {
margin-top: 36px;
display: block
}

.banner-2-lightbox {
width: 100%;
max-height: 350px
}

.banner-text-wrapper-2 {
width: 100%;
min-height: 470px
}

.grid {
grid-template-columns: 1fr
}

.grid.contact-2 {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1fr 1.2fr;
min-height: 0
}

.inner-shadow-banner-text {
flex: 1
}

.banner-2-section {
padding-top: 100px
}

.mockup-wrapper-home-2 {
grid-template-columns: 1fr
}

.home-3-title {
max-width: 450px
}

.banner-container-copy {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column-reverse
}

.home-3-lightbox {
max-height: 350px
}



.banner-bg-copy {
width: 100%;
bottom: auto;
right: 0%
}

.solution-desc {
width: 50%
}

.mockup-wrapper-image {
grid-template-columns: 1fr
}

.mockup-wrapper-image.join {
grid-template-columns: 1fr 1.5fr
}

.home-3-testimonials-text {
grid-column-gap: 10px;
grid-row-gap: 10px
}

.banner-container-about {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column-reverse
}

.banner-image-about-wrapper {
width: 80%
}

.intro-tab-about {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}

.service-about-tilte {
max-width: 540px
}

.service-collection-3-grid {
grid-template-columns: 1fr 1fr
}

.service-collection-3-items:last-child {
display: none
}

.service-card {
grid-row-gap: 40px
}

.intro-history-item {
padding-top: 0;
padding-bottom: 0;
padding-left: 0
}

.history-description {
max-width: 490px
}

.image-workflow-item {
padding-top: 30px;
padding-bottom: 30px
}

.prosess-title {
max-width: 440px
}

.about-title-copy {
max-width: 450px
}

.banner-solutios-image {
width: 100%;
margin-left: 0
}

.solutions-2-grid-page {
grid-template-columns: 1fr 1fr
}

.service-title-banner {
max-width: 530px
}

.faq-block {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 14px
}

.pricing-card {
max-width: 400px
}

.faq-grid {
grid-column-gap: 40px;
grid-row-gap: 40px;
grid-template-columns: 1fr
}

.testimonials-grid-hero,
.team-collection-grid {
grid-template-columns: 1fr 1fr
}

.title-about {
max-width: 550px
}

.banner-tetimonials-title {
max-width: 380px
}

.banner-team-image {
width: 100%;
margin-left: 0;
margin-right: 0
}

.banner-container-about-copy {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column
}

.lable {
display: block
}

.career-banner-title {
max-width: 449px
}

.career-images-list {
grid-column-gap: 16px;
grid-row-gap: 16px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}

.working-items {
padding-top: 20px;
padding-bottom: 20px
}

.home-3-title-copy {
max-width: 570px
}

.working-hours-banner-con {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column-reverse
}

.banner-container-job {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column;
padding-top: 40px
}

.inner-shadow-banner-image {
flex: 1
}

.locations-tabs-content {
width: 100%
}

.locations-tabs-menu {
grid-column-gap: 6px;
grid-row-gap: 6px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
width: 100%;
margin-bottom: 20px;
margin-right: 0;
display: grid
}

.location-tabs {
flex-flow: column
}

.banner-contact-image-y {
width: 100%;
margin-left: 0
}

.banner-container-contact-3 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column-reverse
}

.banner-section-inner {
padding-top: 100px
}

.inner-shadow-banner-home {
flex: 1
}

.banner-image-portfolio {
height: 300px
}

.portfolio-item-description {
width: 50%
}

.rich-text-style-project h2 {
font-size: 40px
}

.inner-shadow-item-text {
flex: 1
}

.project-grid-collection-list {
grid-template-columns: 1fr 1fr
}

.portfolio-grid-content-wrapper {
padding-bottom: 15px;
padding-left: 15px;
padding-right: 15px
}

.banner-container-no-space {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column-reverse
}

.project-name {
font-size: 52px
}

.portfolio-item-description-copy {
width: 100%
}

.project-banner-content {
grid-row-gap: 40px;
flex-flow: column;
justify-content: space-between;
align-items: center
}

.banner-title-wrapper-center {
max-width: 610px
}

.banner-section-changelog {
padding-top: 120px
}

._404 {
font-size: 170px
}

.banner-section-details {
padding-top: 140px
}

.desctop-button {
display: none
}

.primary-button-cart {
display: block
}

.product-page-banner {
grid-template-columns: 100%
}

.product-text-wrapper {
padding-top: 0;
padding-bottom: 0
}

.product-lightbox {
width: 100%;
height: 360px
}

.product-lightbox-images {
width: 100%
}

.shop-grid {
grid-template-columns: 1fr 1fr
}

.shop-item-details:last-child {
display: none
}

.checkout-form {
padding-top: 100px
}

.summary {
top: 100px
}

.row {
flex-flow: column
}

.rich-text-style-shop h2 {
font-size: 40px
}

.banner-image-portfolio-1 {
height: 300px
}

.banner-container-project-1 {
grid-column-gap: 40px;
grid-row-gap: 40px;
flex-flow: column-reverse
}

.service-link-block-home {
padding-top: 20px;
padding-bottom: 20px;
padding-right: 14px
}

.service-collection-item-home {
height: 350px
}

.promotion-label-left {
max-width: 380px
}

.promotion-label-holder,
.promotion-labels-wrapper-to-remove {
display: none
}

.progress-icon {
display: block
}
}

@media screen and (max-width:767px) {
h1 {
font-size: 30px
}

h2 {
font-size: 18px
}

h3 {
font-size: 32px
}

blockquote {
font-size: 25px
}

.section {
padding-top: 60px;
padding-bottom: 60px
}

.section.without-top-spacing {
padding-top: 10px;
}

.grid-system-wrapper {
flex-direction: row
}

.grid-system {
flex-direction: column
}

.grid-title {
border-bottom: 1px solid var(--light-gray);
background-image: linear-gradient(90deg, var(--primary-pink), var(--primary));
border-right-style: none;
width: 100%
}

.grid-title.first-grid {
border-left-style: none;
border-right-style: none;
width: 100%
}

.grid-title.last {
border-top-right-radius: 0;
border-bottom-left-radius: 16px
}

.grid-description {
border-top: 1px solid var(--dark-gray);
border-bottom-style: none;
border-right-width: 1px;
align-items: center;
width: 100%
}

.grid-description.first-description {
border-width: 1px 1px .5px 0;
border-top-style: solid;
border-top-color: #a7a7a7;
border-bottom-style: none;
border-left-style: none;
border-top-right-radius: 16px;
border-bottom-left-radius: 0;
width: 100%
}

.grid-description.last-description {
border-bottom-style: solid;
border-bottom-width: 1px;
border-right-width: 1px
}

.spacing-system-column {
margin-top: 36px
}

.spacing-wrapper-mobile {
margin-top: 30px
}

.typography-wrapper {
margin-top: 20px
}

.spacing-columns {
margin-top: 0
}

.bottom-style-spacing-desktop {
bottom: 10%
}

.top-style-spacing-desktop {
top: 10%
}

.middle-style-spacing-desktop {
top: 34%
}

.colors-container {
margin-top: 20px
}

.headings-typography-wrapper {
width: 100%
}

.headers-wrapper {
width: 100%;
margin-top: 10px
}

.style-guide-body-wrapper {
width: 100%
}

.style-guide-div {
grid-row-gap: 40px
}

.top-style-spacing-mobile {
top: 7%
}

.middlr-style-spacing-mobile {
top: 31%
}

.bottom-style-spacing-mobile {
bottom: 9%
}

.grid-header {
width: 100%;
margin-top: 36px
}

.link-wrapper {
width: 100%;
margin-bottom: 10px
}

.nav-link {
margin-left: 0
}

.pages-banner {
padding-top: 120px;
padding-bottom: 60px
}

.licensing-title-wrapper {
margin-bottom: 20px
}

.licensing-images-wrapper {
padding-top: 30px
}

.licensing-grid {
grid-template-columns: 1fr 1fr;
padding-bottom: 40px
}

.licensing-title {
padding-bottom: 30px
}

.licensing-fonts-wrapper {
flex-wrap: wrap
}

.licensing-paragraph {
width: 100%;
margin-bottom: 20px;
margin-right: 0
}

.licensing-font-title {
margin-bottom: 10px
}

.licensing-icons-wrapper {
margin-top: 20px;
margin-bottom: 20px
}

.utility-page-content {
width: 70%
}

.password-image {
width: 100px
}

._404-paragraph {
margin-bottom: 30px
}

.blog-template-pagination {
margin-top: 36px
}

.footer {
padding-top: 60px
}

.footer-bottom-wrapper {
flex-wrap: wrap;
grid-template-columns: 1fr;
place-items: center
}

.footer-copyright {
justify-content: center;
align-items: center
}

.style-guide-buttons-wrapper {
flex-wrap: wrap;
margin-top: 35px
}

.style-guide-button-wrapper {
width: 100%
}

.style-guide-button-wrapper.last-child {
margin-bottom: 0
}

.pricing-plans-wrapper {
grid-template-columns: 1fr;
justify-items: center
}

.accordion-wrapper {
flex-wrap: wrap
}

.job-position-wrapper {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-wrap: wrap
}

.job-position-content-wrapper {
width: 100%
}

.contacts-form-wrapper {
padding-left: 15px;
padding-right: 15px
}

.contacts-3-form-wrapper {
padding: 20px
}

.contact-3-inputs-wrapper {
grid-template-columns: 1fr
}

.footer-social-icons-wrapper {
width: 100%;
margin-top: 30px
}

.footer-wrapper {
grid-column-gap: 50px;
justify-content: center;
margin-bottom: 40px
}

.footer-brand {
padding-left: 0
}

.search-result-item {
margin-bottom: 20px
}

.search-result-wrapper {
margin-top: 36px
}

.customers-grid {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px
}

.customer-wrapper {
height: 240px
}

.service-details-content {
flex-wrap: wrap
}

.headings-container {
grid-row-gap: 30px
}

.progressbar-wrapper {
flex-wrap: wrap
}

.progressbar-content {
text-align: center
}

.progressbar-wrap {
max-width: 330px
}

.about-3-tab-link.w--current {
font-size: 20px
}

.tabs-menu {
flex-wrap: wrap
}

.portfolio-grid-title-wrapper {
width: 90%;
top: 20px;
bottom: auto
}

.portfolio-masonry-collection-list {
grid-row-gap: 36px;
flex-wrap: wrap;
grid-template-columns: 1fr
}

.portfolio-masonry-collection-item:last-child {
margin-bottom: 0
}

.landing-performance-grid {
grid-column-gap: 80px;
grid-row-gap: 40px;
grid-template-columns: 1fr
}

.landing-features-grid {
grid-column-gap: 40px;
grid-row-gap: 40px
}

.landing-inner-pages-wrapper {
grid-template-columns: 1fr
}

.landing-banner-title-wrapper {
margin-bottom: 36px
}

.landing-home-pages-wrapper {
grid-row-gap: 40px
}

.landing-download-block-wrap {
margin-bottom: 30px
}

.testimonials {
padding-top: 60px;
padding-bottom: 60px
}

.blog-section-title {
margin-bottom: 40px
}

.map-wrapper {
flex-flow: column-reverse;
display: flex
}

.contacts-wrapper-grid {
grid-column-gap: 20px;
grid-row-gap: 40px;
grid-template-columns: 1fr
}

.section-title-center {
margin-bottom: 36px
}

.banner-section {
padding-bottom: 138px;
}

.home-4-testimonials-wrapper {
grid-row-gap: 30px;
width: 100%
}

.testimonials-wrapper-2 {
width: 100%
}

.portfolio-grid-image-link {
border-radius: 16px;
height: 250px;
margin-bottom: 10px
}

.about-img {
width: 100%;
max-height: 420px
}

.about-img._1,
.about-img._5,
.about-img._3,
.about-img._4,
.about-img._2 {
width: 100%;
position: static
}

.subtitle {
line-height: 16px
}

.our-services-wrap {
grid-row-gap: 10px;
width: 100%
}

.content-wrapper {
flex-wrap: wrap;
width: auto
}

.industries-block-wrapper {
max-width: none
}

.home-9-team-item {
width: 48%
}

.search {
flex-direction: column;
margin-top: 36px
}

.subtitle-2 {
line-height: 16px
}

.mobile-center {
text-align: center
}

.home-banner-left-arrow {
top: 6%
}

.home-23-team-item {
width: 70%
}

.brand-tablet {
justify-content: flex-start;
padding-left: 0
}

.brand {
padding-left: 0
}

.details-page-title {
font-size: 40px
}

.typography-hero-wrapper {
grid-row-gap: 40px;
margin-top: 20px
}

.section-purchase {
padding-top: 60px;
padding-bottom: 60px
}

.button-wrapper-sg {
margin-top: 20px
}

.license-link-wrapper {
grid-column-gap: 40px;
grid-row-gap: 40px
}

.licensing-icons {
width: 100%
}

.banner-overlay {
height: 300px
}

.cta-text-wrapp._2-home,
.cta-text-wrapp.team {
padding-bottom: 20px;
padding-left: 20px;
padding-right: 20px
}

.vertical-50.mobile-center,
.vertical-50.tablet-center {
justify-content: flex-start;
align-items: center
}

.section-title-flex {
margin-bottom: 36px
}

.vertical-20.tablet-ce,
.vertical-20.mobile {
justify-content: flex-start;
align-items: center
}

.service-wrapper.second {
padding-left: 20px
}

.service-wrapper.third {
padding-left: 40px
}

.service-wrapper.fouth {
padding-left: 60px
}

.home-1-testimonials-item {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-columns: .75fr 1fr
}

.vertical-testimonials-line {
width: 100%;
height: 1px
}

.banner-overlay-white-top {
height: 300px
}

.footer-top {
grid-row-gap: 36px;
flex-flow: column
}

.footer-contact-right {
width: 100%
}

.image-span {
width: 37px;
height: 34px
}

.image-span.top {
height: 40px
}

.about-title-large {
margin-bottom: 40px
}

.relative.pricing {
width: 100%;
max-width: none
}

.vertical-24.mobile-cent {
justify-content: flex-start;
align-items: center
}

.banner-overlay-white-top-cta {
height: 300px
}

.flex-24.mobile-center,
.flex-24.tablet-center {
justify-content: flex-start;
align-items: center
}

.right-block {
width: 70%;
height: 380px
}

.solutions-mask {
width: 45%
}

.solution-card {
max-width: 260px
}

.solution-card.full {
max-width: 100%
}

.vertical-50-center {
grid-row-gap: 40px
}

.solution-tab {
flex-wrap: wrap
}

.solution-item {
text-align: left
}

.solution-items {
grid-row-gap: 10px;
flex-flow: column
}

.solution-image {
height: 230px
}

.company-logos {
grid-column-gap: 20px;
grid-row-gap: 20px
}

.banner-numbers {
min-width: 140px
}

.div-block-3 {
height: 90px
}

.grid.contact-2 {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: 1fr
}

.home-2-heading {
max-width: 320px;
font-size: 50px
}

.right-block-center {
height: 60%;
left: 20px;
right: 20px
}

.solutions-2-grid {
grid-template-columns: 1fr 1fr
}

.solutions-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: 1fr
}

.solution-text-wrapper {
padding-top: 0;
padding-bottom: 0
}

.home-2-testimonials-item {
grid-column-gap: 20px;
grid-row-gap: 20px
}

.section-white-bg {
height: 300px
}

.testimonials-grid {
grid-template-columns: 1fr
}

.section-without-top {
padding-bottom: 60px
}

.service-2-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: 1fr
}

.home-3-title {
max-width: 490px
}

.flex-block {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-flow: column;
justify-content: space-between;
align-items: center
}

.banner-container-copy {
margin-bottom: 60px
}

.video-wrapper {
flex-flow: column;
justify-content: flex-end;
align-items: flex-start
}

.video-title-wrapper {
padding-top: 16px;
padding-left: 0
}

.service-top-div {
grid-row-gap: 24px;
flex-flow: column
}

.service-image-wrap,
.solution-list {
width: 100%
}

.mockup-wrapper-image.join {
grid-template-columns: 1fr
}

.title-flex {
grid-row-gap: 24px;
flex-flow: column;
justify-content: space-between;
align-items: flex-start
}

.home-3-testimonials-item {
padding: 20px
}

.testimonial-3-text {
font-size: 18px
}

.banner-3-section {
padding-top: 10px;
padding-bottom: 30px;
max-height: 100%;
}

.section-grid {
grid-column-gap: 36px;
grid-row-gap: 36px
}

.tabs-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: 1.5fr
}

.tabs-grid.reverse {
grid-template-columns: 1fr
}

.service-about-tilte {
max-width: 430px
}

.service-collection-3-grid {
grid-template-columns: 1fr
}

.service-card {
grid-row-gap: 36px
}

.section-video {
padding-top: 100px
}

.tab-image-about {
height: 250px
}

.about-tab {
flex-wrap: wrap
}

.image-history-item {
height: 250px
}

.wokrflow-grid {
grid-column-gap: 40px;
grid-row-gap: 0;
grid-template-columns: auto 1fr
}

.image-workflow-item {
height: 250px
}

.prosess-title {
max-width: 350px
}

.about-title-copy {
max-width: 410px
}

.solutions-2-grid-page {
grid-template-columns: 1fr 1fr
}

.service-title-banner {
max-width: 450px
}

.pricing-card {
width: 100%;
max-width: none
}

.faq-grid {
grid-column-gap: 36px;
grid-row-gap: 36px
}

.testimonials-grid-hero {
grid-template-columns: 1fr
}

.mobile-hidden {
display: none
}

.team-image-height-banner {
height: 350px
}

.career-grid {
grid-template-columns: 1fr
}

.career-banner-title {
max-width: 410px
}

.job-banner-right.full-mobile {
width: 100%
}

.career-images-list {
grid-column-gap: 10px;
grid-row-gap: 10px
}

.collection-item {
height: 300px
}

.working-items {
padding-top: 0;
padding-bottom: 0
}

.working-hours-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: 1fr
}

.home-3-title-copy {
max-width: 490px
}

.location-tab {
flex-wrap: wrap
}

.location-tab-pane-content-wrapper {
justify-content: center;
align-items: center;
width: 100%;
margin-top: 10px;
position: static
}

.banner-container-contact-3 {
margin-bottom: 36px
}

.banner-section-inner {
padding-bottom: 60px
}

.project-title {
margin-bottom: 36px
}

.project-title-link {
font-size: 20px
}

.portfolio-item-description {
width: 100%;
position: static;
bottom: auto
}

.overlay {
background-image: linear-gradient(#000, #0000)
}

.overlay.reverse {
background-image: linear-gradient(0deg, #000, #0000)
}

.rich-text-style-project h2 {
font-size: 36px
}

.inner-shadow-item-text {
grid-row-gap: 20px
}

.project-grid-collection-list {
grid-template-columns: 1fr
}

.portfolio-masonry-collection-item-copy:last-child {
margin-bottom: 0
}

.portfolio-grid-image-link-copy {
height: 350px
}

.project-name {
font-size: 44px
}

.portfolio-item-description-copy {
width: 100%;
position: static;
bottom: auto
}

.project-banner-content {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-flow: column;
justify-content: space-between;
align-items: center
}

.banner-section-changelog {
padding-bottom: 60px
}

._404 {
font-size: 140px
}

.banner-section-details {
padding-top: 120px;
padding-bottom: 60px
}

.product-details-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
grid-template-columns: 1fr
}

.collection-item-2 {
height: 300px
}

.product-lightbox {
height: 280px
}

.shop-grid {
grid-row-gap: 36px;
flex-wrap: wrap;
grid-template-columns: 1fr
}

.shop-item-details:last-child {
margin-bottom: 0
}

.summary {
position: static
}

.rich-text-style-shop h2 {
font-size: 36px
}

.banner-container-project-1 {
margin-bottom: 36px
}

.service-collection-list-grid,
.service-wrapper-grid {
grid-template-columns: 1fr
}

.promotion-label-left {
max-width: 300px
}
}

@media screen and (max-width:479px) {
h3 {
font-size: 30px
}

.grid-system-wrapper {
flex-direction: row
}

.grid-system {
flex-direction: column;
width: 50%
}

.grid-title {
align-items: center
}

.grid-title.first-grid {
text-align: center;
flex: 1;
width: 100%
}

.grid-description {
border-bottom-width: 1px;
border-bottom-color: #fff3
}

.grid-description.first-description {
border-bottom: 1px #fff3;
border-left-style: none;
border-right-style: solid
}

.grid-description.last-description {
border-bottom-color: #a7a7a7
}

.bottom-style-spacing-desktop {
bottom: 8%
}

.top-style-spacing-desktop {
top: 7%
}

.middle-style-spacing-desktop {
top: 32%
}

.top-style-spacing-mobile {
top: 5%
}

.middlr-style-spacing-mobile {
top: 28%
}

.bottom-style-spacing-mobile {
bottom: 8%
}

.nav-link {
width: 99%
}

.nav-dropdown-list.megamenu {
padding-right: 0
}

.licensing-title-wrapper {
grid-column-gap: 20px;
flex-wrap: wrap
}

.licensing-grid {
grid-template-columns: 1fr
}

.utility-page-content {
width: 100%
}

._404-content-wrapper {
padding-left: 15px;
padding-right: 15px
}

.blog-template-pagination {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-wrap: wrap;
grid-template-columns: 1fr;
justify-content: center
}

.blog-template-prev-button,
.blog-template-next-button {
flex: none;
width: 100%
}

.footer {
text-align: left
}

.footer-bottom-wrapper {
flex-wrap: wrap;
margin-top: 0
}

.footer-rights {
text-align: center
}

.footer-copyright {
text-align: center;
flex-wrap: wrap;
width: 100%
}

.accordion-icon {
flex: none;
width: 32px;
height: 32px
}

.contacts-form-wrapper {
padding-top: 30px;
padding-bottom: 30px
}

.footer-social-icons-wrapper {
margin-top: 24px
}

.footer-wrapper {
grid-row-gap: 40px
}

.footer-brand-wrapper {
width: 100%
}

.customers-grid {
grid-template-columns: 1fr
}

.style-guide-content-wrapper.no-wrap {
flex-wrap: wrap
}

.progressbar-wrapper {
flex-flow: column;
padding-left: 0;
padding-right: 0
}

.progressbar-wrap {
width: 100%
}

.about-3-tab-link {
font-size: 16px
}

.about-3-tab-link.w--current {
font-size: 18px
}

.tabs-menu {
margin-left: 10px;
margin-right: 10px
}

.portfolio-grid-title-wrapper {
top: 15px;
left: 15px
}

.portfolio-masonry-collection-list {
grid-template-columns: 1fr
}

.project-pagination-wrapper {
flex-wrap: wrap
}

.landing-features-grid {
grid-template-columns: 1fr
}

.landing-feature-icon {
margin-bottom: 10px
}

.home-buttons-wrapper.home2 {
grid-row-gap: 10px;
flex-flow: wrap;
justify-content: center;
align-items: center
}

.our-services-wrap {
width: 100%
}

.project-button-link {
justify-content: flex-end;
width: 100%;
height: 70px;
padding-right: 40px
}

.project-button-link.left {
justify-content: flex-start;
padding-left: 40px
}

.home-9-team-item {
width: 100%
}

.mobile-center {
text-align: center
}

.home-23-team-item {
width: 100%
}

.center-title {
text-align: center
}

.brand-tablet {
padding-left: 0
}

.footer-rights-wrapper {
grid-row-gap: 5px;
justify-content: center
}

.footer-licensing-link {
text-align: center;
justify-content: center;
line-height: 1.6em
}

.mockup-wrapper {
grid-column-gap: 30px;
grid-row-gap: 30px
}

.cta-text-wrapp {
padding-bottom: 10px;
padding-left: 10px
}

.image-radius-16.cta {
height: 250px
}

.section-title-flex {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-flow: wrap
}

.vertical-line {
width: 10px;
height: 1px
}

.horizontal-line {
width: 1px;
height: 10px
}

.service-title {
max-width: 220px
}

.service-wrapper.second,
.service-wrapper.third,
.service-wrapper.fouth {
padding-left: 0
}

.home-1-testimonials-item {
grid-template-columns: 1fr
}

.footer-links-grid {
grid-column-gap: 30px;
grid-row-gap: 30px;
grid-template-columns: 1fr 0fr
}

.footer-right {
grid-row-gap: 30px;
flex-flow: column
}

.footer-number-wrapper {
width: 50px;
height: 22px
}

.footer-large-number {
font-size: 40px
}

.social-icon-foot-er {
width: 26px
}

.image-span.top {
height: 30px
}

.features-grid {
grid-template-columns: 1fr
}

.feature-images-wrapper {
min-height: 250px;
max-height: 340px
}

.feature-image-wrapp._1 {
width: 80px;
height: 80px
}

.feature-image-wrapp._2 {
width: 70px;
height: 70px
}

.feature-image-wrapp._3 {
width: 60px;
height: 60px
}

.feature-image-wrapp._4 {
right: 0%
}

.feature-image-wrapp._5 {
width: 70px;
height: 70px;
right: 10%
}

.feature-image-wrapp._6 {
right: 50%
}

.feature-image-wrapp._7 {
bottom: 30%;
left: 0%
}

.right-block {
height: 300px;
bottom: 75px
}

.solutions-mask {
width: 90%
}

.solution-card {
grid-column-gap: 40px;
grid-row-gap: 40px;
max-width: none;
min-height: 200px
}

.solution-tab {
justify-content: center;
width: 100%
}

.solution-image {
height: 180px
}

.logos-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr 1fr;
grid-auto-columns: 1fr;
display: grid
}

.banner-text-wrapper.job {
width: 100%
}

.home-2-heading {
font-size: 46px
}

.solutions-2-grid,
.home-2-testimonials-item {
grid-template-columns: 1fr
}

.banner-numbers-3 {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr 1fr;
grid-auto-columns: 1fr;
place-content: center;
justify-items: center;
display: grid
}

.home-3-lightbox {
width: 100%
}

.solution-list {
grid-row-gap: 24px
}

.single-service {
grid-row-gap: 16px;
flex-flow: column
}

.solution-desc {
width: 100%;
position: relative
}

.home-3-testimonials-item {
grid-template-columns: 1fr
}

.testimonial-3-text {
padding-left: 10px
}

.section-grid {
grid-column-gap: 36px;
grid-row-gap: 36px;
flex-flow: wrap
}

.about-banner-image {
height: 250px
}

.banner-image-about-wrapper {
width: 100%;
margin-left: 0;
padding-left: 20px;
padding-right: 10px
}

.progress-wrapper-banner {
padding: 4px
}

.small-text.gray-text {
font-size: 8px
}

.progressbar-con-vertical {
height: 90px
}

.right-item-statistic {
width: 110px;
bottom: -10px;
right: 0
}

.progress-about {
bottom: -10px;
left: 0
}

.tabs-menu-about {
flex-flow: wrap
}

.service-card {
max-width: none;
min-height: 200px;
padding: 20px
}

.about-numbers-wrapper {
grid-column-gap: 20px;
grid-row-gap: 20px;
flex-flow: wrap;
grid-template-rows: auto auto;
grid-template-columns: 1fr auto 1fr;
grid-auto-columns: 1fr;
display: grid
}

.vertical-iine-numbers.mobile-hide {
display: none
}

.about-tab {
justify-content: center
}

.wokrflow-grid {
grid-row-gap: 20px;
grid-template-columns: auto;
margin-bottom: 36px
}

.wokrflow-grid.last {
margin-bottom: 0
}

.progressbar-con-vertical-copy {
display: none
}

.image-workflow-item {
padding-top: 0;
padding-bottom: 0
}

.solutions-2-grid-page {
grid-template-columns: 1fr
}

.image {
height: 50px
}

.team-collection-grid {
grid-template-columns: 1fr
}

.team-image-height {
height: 340px
}

.team-image-height-banner {
height: 250px
}

.career-grid {
grid-template-columns: 1fr
}

.collection-item {
height: 230px
}

.horizontal-line-working {
width: 1px;
height: 10px
}

.location-tab {
justify-content: center
}

.locations-tabs-menu {
flex-flow: wrap;
grid-template-columns: 1fr
}

.banner-image-portfolio {
height: 220px
}

.project-title {
grid-template-columns: 1fr
}

.inner-shadow-item-text {
padding: 15px
}

.portfolio-grid-image-link-copy {
height: 320px
}

.project-name {
font-size: 40px
}

.project-title-banner {
grid-template-columns: 1fr
}

._404 {
font-size: 90px
}

.cart-header {
padding-left: 15px;
padding-right: 15px
}

.cart-container {
border-radius: 0
}

.cart-item-content-wrap {
margin-left: 12px;
margin-right: 10px
}

.cart-list,
.cart-footer {
padding-left: 15px;
padding-right: 15px
}

.shop-grid {
grid-template-columns: 1fr
}

.block-header {
grid-row-gap: 10px;
flex-flow: wrap
}

.order-item {
flex-flow: column;
justify-content: flex-start;
align-items: center
}

.checkout-name-wrapper {
text-align: center;
flex-flow: column;
justify-content: flex-start;
align-items: center;
margin-top: 7px;
margin-bottom: 5px;
display: flex
}

.cart-image-check {
width: 100%;
height: 130px
}

.banner-image-portfolio-1 {
height: 220px
}

.promotion-label-left {
bottom: 90px;
left: auto;
right: 12px
}
}

#w-node-c7f7e437-7c88-78eb-2dc4-119133d4af1a-0c5b5829,
#w-node-_34cb0f20-a0e0-7192-0340-4b11dfd000e9-0c5b5829 {
place-self: stretch stretch
}

#w-node-_8befc204-c5ef-12df-89d2-32044e094153-0c5b5829 {
justify-self: center
}

#w-node-cf711c5d-31a6-e4f7-0354-08eedf30369e-0c5b5829 {
align-self: end
}

#w-node-b6df3ad7-5d4b-8c4b-1eff-6ef78eaeebfd-0c5b5829 {
grid-area: span 1 / span 2 / span 1 / span 2
}

#w-node-_5ef446cd-e50b-4531-5b87-2d0be5edd1ce-0c5b5829,
#w-node-_14dc5b05-8e7f-e08a-4f6a-6e6118cb320d-0c5b5829,
#w-node-c9f223d4-b9da-7064-2db3-12ecedbe5a33-0c5b5829 {
align-self: end
}

#w-node-_8c85ebd3-e553-a132-d85f-cf1249b9def2-0c5b585c {
place-self: stretch stretch
}

#w-node-_78c82be7-e015-9464-f642-818644fa75b0-0c5b585e,
#w-node-_78c82be7-e015-9464-f642-818644fa75bf-0c5b585e,
#w-node-_78c82be7-e015-9464-f642-818644fa75ce-0c5b585e,
#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a4a-0c5b5861,
#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a59-0c5b5861,
#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a68-0c5b5861,
#w-node-_82fd1980-136e-df83-e04c-c98193467749-0c5b5862,
#w-node-_82fd1980-136e-df83-e04c-c98193467758-0c5b5862,
#w-node-_82fd1980-136e-df83-e04c-c98193467767-0c5b5862 {
align-self: end
}

#w-node-ffd040f0-e83f-1c2a-a24e-bb25a4a257f3-0c5b5863 {
place-self: stretch stretch
}

#w-node-_55d29f62-3c80-7b86-8c65-a97249f1b0b1-0c5b5863 {
grid-area: 2 / 1 / 3 / 2;
place-self: start
}

#w-node-_55d29f62-3c80-7b86-8c65-a97249f1b0bd-0c5b5863 {
grid-area: span 5 / span 1 / span 5 / span 1
}

#w-node-_738e2897-4f16-ca92-64b3-4f260405d57d-0c5b5863,
#w-node-_738e2897-4f16-ca92-64b3-4f260405d58c-0c5b5863,
#w-node-_738e2897-4f16-ca92-64b3-4f260405d59b-0c5b5863 {
align-self: end
}

#w-node-_975423b5-a423-df99-71c5-a713a7ae78d2-0c5b5864 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center
}

#w-node-_975423b5-a423-df99-71c5-a713a7ae78d8-0c5b5864,
#w-node-_975423b5-a423-df99-71c5-a713a7ae78dc-0c5b5864,
#w-node-_975423b5-a423-df99-71c5-a713a7ae78e0-0c5b5864,
#w-node-_975423b5-a423-df99-71c5-a713a7ae78e4-0c5b5864,
#w-node-_975423b5-a423-df99-71c5-a713a7ae78e8-0c5b5864,
#w-node-_975423b5-a423-df99-71c5-a713a7ae78ec-0c5b5864,
#w-node-_975423b5-a423-df99-71c5-a713a7ae78f0-0c5b5864,
#w-node-_975423b5-a423-df99-71c5-a713a7ae78f4-0c5b5864 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: start center
}

#w-node-bb59128c-ba36-60e6-afb2-831493434a2a-0c5b5864 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: center
}

#w-node-bb59128c-ba36-60e6-afb2-831493434a30-0c5b5864,
#w-node-bb59128c-ba36-60e6-afb2-831493434a34-0c5b5864,
#w-node-bb59128c-ba36-60e6-afb2-831493434a38-0c5b5864,
#w-node-bb59128c-ba36-60e6-afb2-831493434a3c-0c5b5864,
#w-node-bb59128c-ba36-60e6-afb2-831493434a40-0c5b5864,
#w-node-bb59128c-ba36-60e6-afb2-831493434a44-0c5b5864,
#w-node-bb59128c-ba36-60e6-afb2-831493434a48-0c5b5864,
#w-node-bb59128c-ba36-60e6-afb2-831493434a4c-0c5b5864 {
grid-area: span 1 / span 1 / span 1 / span 1;
place-self: start center
}

#w-node-ddbc2367-f88f-a641-434c-72815fdfe57b-0c5b5865 {
place-self: stretch stretch
}

#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c053-0c5b5868,
#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c062-0c5b5868,
#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c071-0c5b5868,
#w-node-ae4c240f-44d0-74ca-3486-48692f2e42ab-0c5b586a,
#w-node-ae4c240f-44d0-74ca-3486-48692f2e42ba-0c5b586a,
#w-node-ae4c240f-44d0-74ca-3486-48692f2e42c9-0c5b586a,
#w-node-_605972c6-e513-1bf8-bc96-9788e1480ea1-0c5b5884 {
align-self: end
}

#w-node-_605972c6-e513-1bf8-bc96-9788e1480eaa-0c5b5884 {
grid-area: span 1 / span 2 / span 1 / span 2
}

#w-node-_4eb8c9d3-6720-e46c-6271-50bdb147b681-0c5b5885 {
align-self: end
}

#w-node-_4eb8c9d3-6720-e46c-6271-50bdb147b68a-0c5b5885 {
grid-area: span 1 / span 2 / span 1 / span 2
}

#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bb5-0c5b5885,
#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bc4-0c5b5885,
#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bd3-0c5b5885 {
align-self: end
}

#w-node-_6a078d37-a03b-58b0-5746-bd390040e948-0c5b5886,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e94a-0c5b5886,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e94c-0c5b5886,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e94e-0c5b5886,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e950-0c5b5886,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e953-0c5b5886,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e955-0c5b5886,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e957-0c5b5886,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e959-0c5b5886,
#w-node-_6a078d37-a03b-58b0-5746-bd390040e95b-0c5b5886 {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed66-0c5b58ae,
#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed75-0c5b58ae,
#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed84-0c5b58ae {
align-self: end
}

#w-node-_206525d6-c35f-4d92-355d-c7ac774758b1-0c5b58af {
grid-area: 2 / 1 / 3 / 2;
place-self: start
}

#w-node-_206525d6-c35f-4d92-355d-c7ac774758bd-0c5b58af {
grid-area: span 5 / span 1 / span 5 / span 1
}

#w-node-_4a10c032-029a-8efd-d13a-42c24e2023d7-0c5b58b1 {
place-self: stretch stretch
}

#w-node-_4e30c3e9-7fcd-9488-6afe-4704336b8c0f-0c5b58b1,
#w-node-_2bf4c67b-46e3-542c-2356-bcf3dc603758-0c5b58b2 {
justify-self: start
}

#w-node-_0ff197c2-8faf-4a9d-c0d6-f9b38847bbd7-0c5b58b3,
#w-node-_2cb24d73-14e2-f165-6648-aed246046a0d-0c5b58c7 {
place-self: stretch stretch
}

#w-node-_372136d8-e829-64ef-67e2-838d3299aaf5-0c5b58ca,
#w-node-_3046d385-00ef-1a39-a240-eeadbd211d20-0c5b58ca,
#w-node-f8dcdfff-88b2-174f-772a-e4e26476447c-0c5b58ca,
#w-node-_2e780f7e-ddc2-b018-b89f-b3fe073d5c8c-0c5b58ca {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-_38859e12-7c7b-af9b-3f78-df62c8fde7a5-0c5b58cb {
grid-area: 2 / 1 / 3 / 2;
place-self: start
}

#w-node-_38859e12-7c7b-af9b-3f78-df62c8fde7b1-0c5b58cb {
grid-area: span 5 / span 1 / span 5 / span 1
}

#w-node-_1e3129ec-8d63-fdce-6b0d-96c81a822708-0c5b58cb {
align-self: end
}

#w-node-_1e3129ec-8d63-fdce-6b0d-96c81a822711-0c5b58cb {
grid-area: span 1 / span 2 / span 1 / span 2
}

#w-node-_9828bb34-b3cc-71d8-5434-9c0f92a5a519-0c5b58cd {
place-self: stretch stretch
}

#w-node-_4aec1d12-a69e-773d-3edc-afb7d41d0abb-0c5b58cd {
justify-self: end
}

#w-node-a8025455-6424-ab69-41e2-a2e3848cef2d-0c5b58cd,
#w-node-_4bb3ea1a-8ab2-a498-b69d-9bd6b457370c-0c5b58cd {
grid-area: span 1 / span 2 / span 1 / span 2
}

#w-node-_4bb3ea1a-8ab2-a498-b69d-9bd6b4573703-0c5b58cd {
align-self: end
}

#w-node-dc7c8f94-8c4e-66e6-df22-900133311074-d0ba639c {
justify-self: end
}

#w-node-be49ff59-cc5a-77c9-4c90-4bcdfd16aabf-d0ba639c {
grid-area: span 1 / span 2 / span 1 / span 2
}

#w-node-a465274b-e24f-db65-ec37-679793607f39-d0ba63ae,
#w-node-_7a9f200e-8f86-abbb-5f17-30601c97026f-3d7299ec {
place-self: stretch stretch
}

@media screen and (min-width:1920px) {
#w-node-c7f7e437-7c88-78eb-2dc4-119133d4af1a-0c5b5829 {
align-self: stretch
}
}

@media screen and (max-width:991px) {
#w-node-b91c5241-c689-caae-51c6-488bccd596d9-0c5b5829 {
order: -9999
}

#w-node-cf711c5d-31a6-e4f7-0354-08eedf30369e-0c5b5829 {
order: 9999
}

#w-node-_7281752a-f571-9df9-47a6-f8c9fba36109-0c5b5829 {
order: 9999;
justify-self: start
}

#w-node-_5c08c425-bd30-8bb9-5fa7-c85be422a1e2-0c5b5829,
#w-node-_33185bfc-4ca2-329a-e444-b22d5908647d-0c5b585c,
#w-node-_99bd2096-9f55-d920-d43a-94f954825ecf-0c5b5864,
#w-node-_21783389-fdba-6b41-c059-51d308ceed0c-0c5b5865 {
order: -9999
}

#w-node-_1282151d-d0cb-e614-a27c-134f813053ed-0c5b587f {
justify-self: start
}

#w-node-_34c1dc3c-5327-0c02-e666-98767dc1973c-0c5b587f {
order: -9999;
justify-self: end
}

#w-node-_79d18c5a-c0ff-3dd2-64ff-fa0e8ffcd236-0c5b587f {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center
}

#w-node-_21a4de2c-89eb-c5f4-cc81-2e822626dbe4-0c5b587f,
#w-node-_29fed66b-9275-d41f-9d7d-39718878712d-0c5b5882 {
order: -9999
}

#w-node-_605972c6-e513-1bf8-bc96-9788e1480ea1-0c5b5884 {
order: 9999
}

#w-node-_605972c6-e513-1bf8-bc96-9788e1480ea8-0c5b5884 {
order: 9999;
justify-self: start
}

#w-node-_605972c6-e513-1bf8-bc96-9788e1480ec3-0c5b5884,
#w-node-_4cd1b282-59d5-5587-1587-be7e1aa182f1-0c5b5884 {
order: -9999
}

#w-node-_4eb8c9d3-6720-e46c-6271-50bdb147b681-0c5b5885 {
order: 9999
}

#w-node-_4eb8c9d3-6720-e46c-6271-50bdb147b688-0c5b5885 {
order: 9999;
justify-self: start
}

#w-node-_4eb8c9d3-6720-e46c-6271-50bdb147b6a3-0c5b5885 {
order: -9999
}

#w-node-_206525d6-c35f-4d92-355d-c7ac774758bd-0c5b58af {
grid-row: span 4 / span 4
}

#w-node-_88a1eaf4-0da1-8dab-c2bc-4fd6bd230dac-0c5b58af,
#w-node-_2c0f43b0-f314-b6b9-1614-35177c434824-0c5b58b1,
#w-node-a298c70a-7da0-1fa9-cd33-046d8be264a7-0c5b58b2,
#w-node-_349150ce-5e93-e01d-3d08-dc54f9bddd4d-0c5b58b3,
#w-node-ef0650c2-3a75-0ace-0c62-213acef6edd1-0c5b58c7,
#w-node-_85dfb165-c8bc-9995-0793-41f0b3dfbad2-0c5b58cb,
#w-node-b2a83271-4e2a-7263-f1f3-4f537ff45a5a-0c5b58cb {
order: -9999
}

#w-node-_1e3129ec-8d63-fdce-6b0d-96c81a822708-0c5b58cb {
order: 9999
}

#w-node-_1e3129ec-8d63-fdce-6b0d-96c81a82270f-0c5b58cb {
order: 9999;
justify-self: start
}

#w-node-_1e3129ec-8d63-fdce-6b0d-96c81a82272a-0c5b58cb,
#w-node-_4bb3ea1a-8ab2-a498-b69d-9bd6b4573725-0c5b58cd {
order: -9999
}

#w-node-_4bb3ea1a-8ab2-a498-b69d-9bd6b4573703-0c5b58cd {
order: 9999
}

#w-node-_4bb3ea1a-8ab2-a498-b69d-9bd6b457370a-0c5b58cd {
order: 9999;
justify-self: start
}

#w-node-_37fde4e6-d76d-beeb-9f52-c8a0f3e49ea8-0c5b58d5,
#w-node-_372bd8c9-e0bd-8e48-bb47-b550a4f08c3f-f06bd106,
#w-node-_4eed9aff-b42e-6c78-4382-36d71925f65e-204e57ae,
#w-node-_1852ac94-4533-afeb-ccf1-e3a296e0cefe-d0ba639c,
#w-node-_60507353-1cba-23db-3383-d7840334efb3-d0ba63ae,
#w-node-_0fd9d52c-2c7e-6307-7d74-b285406aee39-3d7299ec {
order: -9999
}
}

@media screen and (max-width:767px) {
#w-node-_7281752a-f571-9df9-47a6-f8c9fba36109-0c5b5829 {
justify-self: start
}

#w-node-d06b6301-d0b0-0977-71a9-78a931939d76-0c5b5829 {
grid-area: 1 / 1 / 4 / 2
}

#w-node-cb2a11f3-e79f-d902-2689-0a147b3b34a5-0c5b5829 {
grid-area: 2 / 2 / 3 / 3
}

#w-node-_5ef446cd-e50b-4531-5b87-2d0be5edd1ce-0c5b5829 {
grid-area: 3 / 2 / 4 / 3
}

#w-node-_14dc5b05-8e7f-e08a-4f6a-6e6118cb3204-0c5b5829,
#w-node-c9f223d4-b9da-7064-2db3-12ecedbe5a2a-0c5b5829 {
grid-area: span 3 / span 1 / span 3 / span 1
}

#w-node-_2baa8fe1-947e-3362-e4e3-70835092aa13-0c5b585e,
#w-node-_2baa8fe1-947e-3362-e4e3-70835092aa38-0c5b585e,
#w-node-_2baa8fe1-947e-3362-e4e3-70835092aa5d-0c5b585e {
order: -9999
}

#w-node-_78c82be7-e015-9464-f642-818644fa75a7-0c5b585e {
grid-area: 1 / 1 / 4 / 2
}

#w-node-_78c82be7-e015-9464-f642-818644fa75af-0c5b585e {
grid-area: 2 / 2 / 3 / 3
}

#w-node-_78c82be7-e015-9464-f642-818644fa75b0-0c5b585e {
grid-area: 3 / 2 / 4 / 3
}

#w-node-_78c82be7-e015-9464-f642-818644fa75b6-0c5b585e,
#w-node-_78c82be7-e015-9464-f642-818644fa75c5-0c5b585e {
grid-area: span 3 / span 1 / span 3 / span 1
}

#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a41-0c5b5861 {
grid-area: 1 / 1 / 4 / 2
}

#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a49-0c5b5861 {
grid-area: 2 / 2 / 3 / 3
}

#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a4a-0c5b5861 {
grid-area: 3 / 2 / 4 / 3
}

#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a50-0c5b5861,
#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a5f-0c5b5861 {
grid-area: span 3 / span 1 / span 3 / span 1
}

#w-node-_82fd1980-136e-df83-e04c-c98193467740-0c5b5862 {
grid-area: 1 / 1 / 4 / 2
}

#w-node-_82fd1980-136e-df83-e04c-c98193467748-0c5b5862 {
grid-area: 2 / 2 / 3 / 3
}

#w-node-_82fd1980-136e-df83-e04c-c98193467749-0c5b5862 {
grid-area: 3 / 2 / 4 / 3
}

#w-node-_82fd1980-136e-df83-e04c-c9819346774f-0c5b5862,
#w-node-_82fd1980-136e-df83-e04c-c9819346775e-0c5b5862 {
grid-area: span 3 / span 1 / span 3 / span 1
}

#w-node-_55d29f62-3c80-7b86-8c65-a97249f1b0b1-0c5b5863 {
grid-row: 3 / 4;
justify-self: center
}

#w-node-_55d29f62-3c80-7b86-8c65-a97249f1b0bd-0c5b5863 {
grid-row: span 1 / span 1
}

#w-node-_738e2897-4f16-ca92-64b3-4f260405d574-0c5b5863 {
grid-area: 1 / 1 / 4 / 2
}

#w-node-_738e2897-4f16-ca92-64b3-4f260405d57c-0c5b5863 {
grid-area: 2 / 2 / 3 / 3
}

#w-node-_738e2897-4f16-ca92-64b3-4f260405d57d-0c5b5863 {
grid-area: 3 / 2 / 4 / 3
}

#w-node-_738e2897-4f16-ca92-64b3-4f260405d583-0c5b5863,
#w-node-_738e2897-4f16-ca92-64b3-4f260405d592-0c5b5863 {
grid-area: span 3 / span 1 / span 3 / span 1
}

#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c04a-0c5b5868 {
grid-area: 1 / 1 / 4 / 2
}

#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c052-0c5b5868 {
grid-area: 2 / 2 / 3 / 3
}

#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c053-0c5b5868 {
grid-area: 3 / 2 / 4 / 3
}

#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c059-0c5b5868,
#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c068-0c5b5868 {
grid-area: span 3 / span 1 / span 3 / span 1
}

#w-node-f305e452-4756-b2c7-9ae8-3cb0d0ccf0b0-0c5b586a {
order: -9999
}

#w-node-ae4c240f-44d0-74ca-3486-48692f2e42a2-0c5b586a {
grid-area: 1 / 1 / 4 / 2
}

#w-node-ae4c240f-44d0-74ca-3486-48692f2e42aa-0c5b586a {
grid-area: 2 / 2 / 3 / 3
}

#w-node-ae4c240f-44d0-74ca-3486-48692f2e42ab-0c5b586a {
grid-area: 3 / 2 / 4 / 3
}

#w-node-ae4c240f-44d0-74ca-3486-48692f2e42b1-0c5b586a,
#w-node-ae4c240f-44d0-74ca-3486-48692f2e42c0-0c5b586a {
grid-area: span 3 / span 1 / span 3 / span 1
}

#w-node-_9ca50b24-a75f-6b8a-23b7-8b54da6d83f0-0c5b586b {
order: -9999
}

#w-node-_1282151d-d0cb-e614-a27c-134f813053ed-0c5b587f,
#w-node-_34c1dc3c-5327-0c02-e666-98767dc1973c-0c5b587f {
justify-self: center
}

#w-node-_79d18c5a-c0ff-3dd2-64ff-fa0e8ffcd236-0c5b587f {
grid-column: span 1 / span 1
}

#w-node-_605972c6-e513-1bf8-bc96-9788e1480ea8-0c5b5884,
#w-node-_4eb8c9d3-6720-e46c-6271-50bdb147b688-0c5b5885 {
justify-self: start
}

#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bac-0c5b5885 {
grid-area: 1 / 1 / 4 / 2
}

#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bb4-0c5b5885 {
grid-area: 2 / 2 / 3 / 3
}

#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bb5-0c5b5885 {
grid-area: 3 / 2 / 4 / 3
}

#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bbb-0c5b5885,
#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bca-0c5b5885 {
grid-area: span 3 / span 1 / span 3 / span 1
}

#w-node-_5df00d4b-3097-4b21-579d-548516b52a03-0c5b58ae,
#w-node-_53639eb8-b639-f2f8-00fe-be34f2ea52a5-0c5b58ae,
#w-node-_72491ce7-cc0a-5dbe-badc-d8efc14a6381-0c5b58ae {
order: -9999
}

#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed5d-0c5b58ae {
grid-area: 1 / 1 / 4 / 2
}

#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed65-0c5b58ae {
grid-area: 2 / 2 / 3 / 3
}

#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed66-0c5b58ae {
grid-area: 3 / 2 / 4 / 3
}

#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed6c-0c5b58ae,
#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed7b-0c5b58ae {
grid-area: span 3 / span 1 / span 3 / span 1
}

#w-node-_72522743-79ac-8005-48c3-f8cb0444426b-0c5b58af,
#w-node-ea302b5b-63ae-00e5-233a-4827d20c0df5-0c5b58af,
#w-node-_2aabf800-af25-cf44-2b22-44a6d7e84f24-0c5b58af,
#w-node-_76f94194-d41f-0490-19f0-631b29e73a87-0c5b58af,
#w-node-a947cc81-4037-462b-e03a-3206bf8ba112-0c5b58af {
order: -9999
}

#w-node-_206525d6-c35f-4d92-355d-c7ac774758b1-0c5b58af {
grid-row: 3 / 4;
justify-self: center
}

#w-node-_206525d6-c35f-4d92-355d-c7ac774758bd-0c5b58af {
grid-row: span 1 / span 1
}

#w-node-e572a527-91e0-588c-b5e9-4e8533c377b8-0c5b58b0 {
grid-area: 1 / 1 / 3 / 2
}

#w-node-_6a0a4f17-869e-dc20-e3ae-3b54cc946949-0c5b58b0 {
grid-area: 1 / 2 / 2 / 3
}

#w-node-_7477be7f-abbd-bcfe-c8b2-defc27f707fd-0c5b58b0,
#w-node-_55ecc00c-9275-3ecf-0dee-dd2ed6da11ed-0c5b58b0 {
grid-area: 1 / 1 / 3 / 2
}

#w-node-_55ecc00c-9275-3ecf-0dee-dd2ed6da11f7-0c5b58b0 {
order: -9999
}

#w-node-_38859e12-7c7b-af9b-3f78-df62c8fde7a5-0c5b58cb {
grid-row: 3 / 4;
justify-self: center
}

#w-node-_38859e12-7c7b-af9b-3f78-df62c8fde7b1-0c5b58cb {
grid-row: span 1 / span 1
}

#w-node-d1854cd8-47cd-fcc5-ae30-49c7e7053743-0c5b58cb {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center
}

#w-node-_1e3129ec-8d63-fdce-6b0d-96c81a82270f-0c5b58cb {
justify-self: start
}

#w-node-da614150-c229-efb3-8987-00ecb4e63880-0c5b58cb {
order: -9999
}

#w-node-a15282d5-f250-f30c-f50f-6ff9f17f0274-0c5b58cd {
grid-area: span 1 / span 2 / span 1 / span 2;
justify-self: center
}

#w-node-_4bb3ea1a-8ab2-a498-b69d-9bd6b457370a-0c5b58cd {
justify-self: start
}
}

@media screen and (max-width:479px) {
#w-node-b6df3ad7-5d4b-8c4b-1eff-6ef78eaeebfd-0c5b5829 {
grid-column: span 1 / span 1
}

#w-node-d06b6301-d0b0-0977-71a9-78a931939d76-0c5b5829,
#w-node-cb2a11f3-e79f-d902-2689-0a147b3b34a5-0c5b5829,
#w-node-_5ef446cd-e50b-4531-5b87-2d0be5edd1ce-0c5b5829 {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-_14dc5b05-8e7f-e08a-4f6a-6e6118cb3204-0c5b5829,
#w-node-c9f223d4-b9da-7064-2db3-12ecedbe5a2a-0c5b5829 {
grid-row: span 1 / span 1
}

#w-node-_6c72d721-95f8-e853-1be2-19a70574c808-634f2c73 {
grid-area: 2 / 1 / 3 / 3
}

#w-node-_78c82be7-e015-9464-f642-818644fa75a7-0c5b585e,
#w-node-_78c82be7-e015-9464-f642-818644fa75af-0c5b585e,
#w-node-_78c82be7-e015-9464-f642-818644fa75b0-0c5b585e {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-_78c82be7-e015-9464-f642-818644fa75b6-0c5b585e,
#w-node-_78c82be7-e015-9464-f642-818644fa75c5-0c5b585e {
grid-row: span 1 / span 1
}

#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a41-0c5b5861,
#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a49-0c5b5861,
#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a4a-0c5b5861 {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a50-0c5b5861,
#w-node-_317a8fb9-b2ce-8ef8-b28a-d508d04a1a5f-0c5b5861 {
grid-row: span 1 / span 1
}

#w-node-_82fd1980-136e-df83-e04c-c98193467740-0c5b5862,
#w-node-_82fd1980-136e-df83-e04c-c98193467748-0c5b5862,
#w-node-_82fd1980-136e-df83-e04c-c98193467749-0c5b5862 {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-_82fd1980-136e-df83-e04c-c9819346774f-0c5b5862,
#w-node-_82fd1980-136e-df83-e04c-c9819346775e-0c5b5862 {
grid-row: span 1 / span 1
}

#w-node-_55d29f62-3c80-7b86-8c65-a97249f1b0b1-0c5b5863 {
justify-self: start
}

#w-node-_738e2897-4f16-ca92-64b3-4f260405d574-0c5b5863,
#w-node-_738e2897-4f16-ca92-64b3-4f260405d57c-0c5b5863,
#w-node-_738e2897-4f16-ca92-64b3-4f260405d57d-0c5b5863 {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-_738e2897-4f16-ca92-64b3-4f260405d583-0c5b5863,
#w-node-_738e2897-4f16-ca92-64b3-4f260405d592-0c5b5863 {
grid-row: span 1 / span 1
}

#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c04a-0c5b5868,
#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c052-0c5b5868,
#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c053-0c5b5868 {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c059-0c5b5868,
#w-node-_9bf1bec3-3b4a-a82b-ff6e-92e95696c068-0c5b5868 {
grid-row: span 1 / span 1
}

#w-node-ae4c240f-44d0-74ca-3486-48692f2e42a2-0c5b586a,
#w-node-ae4c240f-44d0-74ca-3486-48692f2e42aa-0c5b586a,
#w-node-ae4c240f-44d0-74ca-3486-48692f2e42ab-0c5b586a {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-ae4c240f-44d0-74ca-3486-48692f2e42b1-0c5b586a,
#w-node-ae4c240f-44d0-74ca-3486-48692f2e42c0-0c5b586a {
grid-row: span 1 / span 1
}

#w-node-_605972c6-e513-1bf8-bc96-9788e1480eaa-0c5b5884,
#w-node-_9c0f7830-88c9-69bf-496f-0c1dab750e1d-0c5b5885,
#w-node-fdb009d4-fbfd-24b9-f3a1-bbee95b6f019-0c5b5885,
#w-node-f2b84b4c-1860-fb28-e6ed-aa042dd0bc3a-0c5b5885,
#w-node-_4eb8c9d3-6720-e46c-6271-50bdb147b68a-0c5b5885 {
grid-column: span 1 / span 1
}

#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bac-0c5b5885,
#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bb4-0c5b5885,
#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bb5-0c5b5885 {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bbb-0c5b5885,
#w-node-e24366db-dbb2-9927-ecc7-9f7d462e4bca-0c5b5885 {
grid-row: span 1 / span 1
}

#w-node-be6ad832-eb00-abaa-eff0-6ebdbd7e5644-0c5b589b,
#w-node-be6ad832-eb00-abaa-eff0-6ebdbd7e564f-0c5b589b,
#w-node-be6ad832-eb00-abaa-eff0-6ebdbd7e565a-0c5b589b,
#w-node-fc0a8e83-22e1-38c6-0ee2-63e79ec93e74-0c5b589b,
#w-node-_6258cde4-b274-2d23-8d4d-0a7b0f42e123-0c5b589b,
#w-node-_297ef113-77a0-d3ea-fc36-b3388be1d8af-0c5b589b {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-e58b129e-9a2f-7ebb-62bd-39f1ec2eac98-0c5b589b,
#w-node-e58b129e-9a2f-7ebb-62bd-39f1ec2eaca4-0c5b589b,
#w-node-_146fcbef-5264-ade9-8659-11206a28f847-0c5b58ae,
#w-node-_146fcbef-5264-ade9-8659-11206a28f851-0c5b58ae {
justify-self: center
}

#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed5d-0c5b58ae,
#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed65-0c5b58ae,
#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed66-0c5b58ae {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed6c-0c5b58ae,
#w-node-a676cf76-c1b6-8395-ad4a-00998ba6ed7b-0c5b58ae {
grid-row: span 1 / span 1
}

#w-node-_206525d6-c35f-4d92-355d-c7ac774758b1-0c5b58af {
justify-self: start
}

#w-node-e572a527-91e0-588c-b5e9-4e8533c377b8-0c5b58b0 {
grid-row-end: 2;
justify-self: start
}

#w-node-_6a0a4f17-869e-dc20-e3ae-3b54cc946949-0c5b58b0 {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-_7477be7f-abbd-bcfe-c8b2-defc27f707fd-0c5b58b0,
#w-node-_55ecc00c-9275-3ecf-0dee-dd2ed6da11ed-0c5b58b0 {
grid-row-end: 2;
justify-self: start
}

#w-node-acb578c1-2a77-21c4-c914-65db6f1f05bc-0c5b58b0,
#w-node-acb578c1-2a77-21c4-c914-65db6f1f05c7-0c5b58b0,
#w-node-acb578c1-2a77-21c4-c914-65db6f1f05d2-0c5b58b0 {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-_4e30c3e9-7fcd-9488-6afe-4704336b8c0f-0c5b58b1,
#w-node-_2bf4c67b-46e3-542c-2356-bcf3dc603758-0c5b58b2 {
order: -9999
}

#w-node-_38859e12-7c7b-af9b-3f78-df62c8fde7a5-0c5b58cb {
justify-self: start
}

#w-node-d1854cd8-47cd-fcc5-ae30-49c7e7053743-0c5b58cb,
#w-node-_1e3129ec-8d63-fdce-6b0d-96c81a822711-0c5b58cb {
grid-column: span 1 / span 1
}

#w-node-e67c4b5b-18f1-825f-7958-ad686f03675f-0c5b58cb,
#w-node-bb30fc81-32cc-706b-35b4-f81facb7410b-0c5b58cb,
#w-node-ff5364d8-50d6-c92b-44b2-b72fb1f678c0-0c5b58cb {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-_4aec1d12-a69e-773d-3edc-afb7d41d0ab6-0c5b58cd {
grid-area: span 1 / span 2 / span 1 / span 2
}

#w-node-_4aec1d12-a69e-773d-3edc-afb7d41d0abb-0c5b58cd {
grid-area: 3 / 1 / 4 / 3;
justify-self: start
}

#w-node-a15282d5-f250-f30c-f50f-6ff9f17f0274-0c5b58cd,
#w-node-_4bb3ea1a-8ab2-a498-b69d-9bd6b457370c-0c5b58cd {
grid-column: span 1 / span 1
}

#w-node-_1dbb2d31-de7b-ed02-04f5-63962fb360f4-0c5b58cd,
#w-node-_893b722a-aca1-e131-9c1a-44d5f4e51f9b-0c5b58cd,
#w-node-e5458dfb-5521-d5a7-31ef-674c0be2ca77-0c5b58cd {
grid-area: span 1 / span 1 / span 1 / span 1
}

#w-node-dc7c8f94-8c4e-66e6-df22-90013331106f-d0ba639c {
grid-area: span 1 / span 2 / span 1 / span 2
}

#w-node-dc7c8f94-8c4e-66e6-df22-900133311074-d0ba639c {
grid-area: 3 / 1 / 4 / 3;
justify-self: start
}
}