body {
  color: #2B2B35;
  background-color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box; 
}

.vgSection {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center; 
}
@media only screen and (max-width: 480px) {
    .vgSection {
        margin-top: 0px;
        padding-left: 0px;
        justify-content: flex-start;
        overflow: hidden; 
    } 
}
@media only screen and (max-width: 768px) {
    .vgSection {
        margin-top: 0px;
        padding-left: 0px;
        justify-content: flex-start;
        overflow: hidden; 
    } 
}
@media only screen and (max-width: 1024px) {
    .vgSection {
        margin-top: 0px;
        padding-left: 38px;
        justify-content: flex-start;
        overflow: hidden; 
    } 
}
@media only screen and (max-width: 1200px) {
    .vgSection {
        margin-top: 0px;
        padding-left: 0px;
        justify-content: flex-start;
        overflow: hidden; 
    } 
}

    
    .footer_root {
      display: flex;
      justify-content: center;
      min-height: 100px;
      color: #fff;
      background-color: #0d2860;
    }
    
    .footer_layoutContainer {
      padding: 50px 72px; 
    }
    @media only screen and (max-width: 768px) {
      .footer_layoutContainer {
        padding: 36px 30px; } }
    @media only screen and (min-width: 1200px) {
      .footer_layoutContainer {
        width: 100%;
        max-width: 1440px; 
      } 
    }
    
    .footer_menuContainer {
      display: flex;
      flex-wrap: wrap;
      gap: 30px;
      position: relative;
      width: 100%;
    }
    @media only screen and (max-width: 480px) {
      .footer_menuContainer {
        gap: 20px;
      } 
    }
    @media only screen and (min-width: 1240px) {
      .footer_menuContainer {
        justify-content: space-between;
      } 
    }
    
    .footer_menuColumn {
      width: unset;
      max-width: 100%;
      flex: 0 0 auto; 
    }
    @media only screen and (max-width: 1239px) {
      .footer_menuColumn {
        width: 30%;
      }
    }
    @media only screen and (max-width: 768px) {
      .footer_menuColumn {
        width: 46%;
      }
    }
    @media only screen and (max-width: 600px) {
      .footer_menuColumn {
        width: 100%;
      }
    }
    
    .footer_menuTitle {
      color: #ffc42a;
      font-size: 16px;
      font-weight: 700;
      margin-bottom: 18px;
      font-family: "Inter", sans-serif !important;
      line-height: 25px;
      letter-spacing: -0.01em;
      margin-top: 0;
    }
    
    .footer_menuList {
      list-style: none; }
    
    .footer_menuListItem {
      margin-bottom: 8px; }
    
    .footer_menuLink {
      color: #fff;
      text-decoration: none;
      font-size: 16px;
      line-height: 25px;
      letter-spacing: -0.01em;
    }

    .footer_menuLink:hover {
      color: #fff;
    }
  
    .footer_brandingContainer {
      display: flex;
      flex-direction: column;
      align-items: right; }
    @media only screen and (max-width: 1239px) {
      .footer_brandingContainer {
        align-items: center; 
      } 
    }
      .footer_brandingContainer > div {
        display: flex;
        justify-content: flex-end;
        align-items: center; }
    
    .footer_logoContainer {
      order: 1;
    }
    @media only screen and (max-width: 1000px) {
      .footer_logoContainer {
        margin-top: 24px;
      }
    }
    
    .footer_copyright {
      font-size: 14px; 
      margin-top: 16px;
      line-height: 20px;
      letter-spacing: 0.03em;
      order: 3;
    }
    
    .footer_socialSharing {
      margin-top: 16px; 
      order: 2;
    }

    @media only screen and (max-width: 480px) {
      .footer_copyright {
       order: 2;
      }
    
      .footer_socialSharing {
        order: 3;
      }
    }
    
    .footer_socialLink {
      margin: 6px;
      width: 26px;
      height: 26px; 
      position: relative;
    }

    .footer_newTab_icon {
      z-index: 10;
      display: none;
      position: absolute;
      left: -2px;
      bottom: -39px;
    }

    .footer_socialLink:hover .footer_newTab_icon {
      display: block;
      transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
    }

      .footer_socialLink svg {
        width: 26px;
        height: 26px; }
    
    .footer_hiddenText {
      border: 0;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      white-space: nowrap;
      width: 1px; }
    
.footer_localeContainer {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  margin-top: 16px; 
  order: 4;
    &:focus,
    &:focus-within,
    &:hover {
      outline: 2px solid #3770e9;
    }
}

.footer_localeContainer > * {
  margin-left: 10px; 
}
  
    .footer_social_image {
      width: max-content;
      height: max-content;
    }
  
    
    .hamburger_root {
      width: 30px;
      height: 22.5px;
      position: relative;
      margin: 5px;
      transform: rotate(0deg);
      transition: 0.5s ease-in-out;
      cursor: pointer; 
    }
    
    .hamburger_root span {
      display: block;
      position: absolute;
      height: 3px;
      width: 100%;
      background: #2b2b35;
      border-radius: 9px;
      opacity: 1;
      left: 0;
      transform: rotate(0deg);
      transition: 0.25s ease-in-out; 
    }
    
    .hamburger_root span:nth-child(1) {
      top: 0px; }
    
    .hamburger_root span:nth-child(2),
    .hamburger_root span:nth-child(3) {
      top: 9px; }
    
    .hamburger_root span:nth-child(4) {
      top: 18px; }
    
    .hamburger_root.hamburger_open span:nth-child(1) {
      top: 9px;
      width: 0%;
      left: 50%; }
    
    .hamburger_root.hamburger_open span:nth-child(2) {
      transform: rotate(45deg); }
    
    .hamburger_root.hamburger_open span:nth-child(3) {
      transform: rotate(-45deg); }
    
    .hamburger_root.hamburger_open span:nth-child(4) {
      top: 9px;
      width: 0%;
      left: 50%; }
    
    .header_root {
      z-index: 100;
      position: fixed;
      width: 100vw;
      top: 0;
      left: 0;
      background-color: #fff;
      box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.05); 
      font-family: "Inter", sans-serif !important;
      font-weight: 400;
      margin-bottom: 100px !important;
    }
    
    
    .link_button_root {
      display: inline-block;
      color: #2b2b35;
      white-space: nowrap;
      text-decoration: none !important;
      padding: 15px 25px;
      font-size: 18px; 
      font-weight: 500;
      line-height: 22px;
    }
    .link_button_root:hover {
      color: #3770e9 !important; 
    }

    .link_button_root:visited {
      color: #2b2b35 !important;
    }
    
    .locale_dropdown_root {
      position: relative;
      z-index: 1; }

    .locale_dropdown_root .arrow {
      border: solid #fff;
      border-width: 0 1px 1px 0;
      display: inline-block;
      padding: 3px;
      width: 9px;
      height: 9px;
      margin: 0 0 2px 6px;
      -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
      transform: rotate(45deg);
      cursor: pointer;
    }
    .locale_dropdown_root .arrow-up {
      margin: 5px 0px -2px 6px;
      -webkit-transform: rotate(225deg);
      -ms-transform: rotate(225deg);
      transform: rotate(225deg);
    }

    .locale_dropdown_default {
      cursor: pointer;
      border: 0;
      outline: 0;
      font-family: inherit;
      font-size: 14px;
      font-weight: 400;
      color: #fff;
      background-color: transparent; }
    
    .locale_dropdown_arrow {
      position: absolute;
      background-color: #fff;
      bottom: -5px;
      right: 10%;
      margin-top: 20px;
      width: 12px;
      height: 12px;
      z-index: 101;
      box-shadow: -3px -3px 4px -2px rgba(50, 50, 50, 0.2);
      transform: rotate(225deg); }
      @media only screen and (max-width: 480px) {
        .locale_dropdown_arrow {
          right: 41%; } }
    
    .locale_dropdown_optionsContainer {
      border-radius: 4px;
      display: none;
      flex-flow: column wrap;
      background-color: #fff;
      color: #fff;
      position: absolute;
      bottom: 200%;
      right: -20%;
      padding: 16px 12px;
      width: 360px;
      height: 264px;
      z-index: -1; }
      @media only screen and (max-width: 480px) {
        .locale_dropdown_optionsContainer {
          width: 270px;
          height: auto;
          right: -160%;
          bottom: 200%; } }

    .locale_dropdown_optionsContainer-small {
      width: 150px !important;
      height: unset;
    }

    @media only screen and (max-width: 480px) {
      .locale_dropdown_optionsContainer-small {
        width: 110px !important;
      }
    }

    .locale_dropdown_option {
      position: relative;
      font-family: inherit;
      font-size: 14px;
      font-weight: 400;
      margin: 4px;
      padding: 3px 9px;
      border-radius: 4px;
      text-align: left;
      line-height: 19px;
      cursor: pointer;
      text-decoration: none;
      color: #2b2b35;
      background-color: transparent; }
      .locale_dropdown_option.locale_dropdown_select {
        color: #3770e9;
        background-color: #dfe9ff; }
      .locale_dropdown_option:hover {
        color: #0073e6; }
        .locale_dropdown_option:hover.locale_dropdown_select {
          background-color: #d1ddf6;
          color: #2b2b35; }
    
    .locale_dropdown_show {
      opacity: 1;
      z-index: 2; }
    
    .locale_dropdown_mobile {
      display: flex; }
    
    .menu_root {
      width: 100%;
      position: absolute;
      border-radius: 4px;
      top: 30px;
      visibility: hidden; }
      @media only screen and (max-width: 480px) {
        .menu_root {
          display: none; } }
    
    .menu_arrow {
      position: absolute;
      background-color: #fff;
      top: -5px;
      left: 50%;
      margin-top: 20px;
      width: 12px;
      height: 12px;
      z-index: 101;
      opacity: 0;
      transition: transform 0.25s, opacity 0.1s ease-in;
      will-change: transform, opacity;
      box-shadow: -3px -3px 4px -2px rgba(50, 50, 50, 0.2);
      transform: rotate(45deg); }
      .menu_arrow.menu_product {
        transform: translateY(0) translateX(-198px) rotate(45deg); }
      .menu_arrow.menu_templates {
        transform: translateY(0) translateX(-185px) rotate(45deg); }
      .menu_arrow.menu_learn {
        transform: translateY(0) translateX(-207px) rotate(45deg); }
      .menu_arrow.menu_pricing {
        transform: translateY(0) translateX(-204px) rotate(45deg); }
      .menu_arrow.menu_solutions {
        transform: translateY(0) translateX(205px) rotate(45deg); }
  
  .menu_root.menu_short .menu_arrow.menu_product {
    transform: translateY(0) translateX(-202px) rotate(45deg);
  }
  .menu_root.menu_short .menu_arrow.menu_templates {
    transform: translateY(0) translateX(-197px) rotate(45deg);
  }
  .menu_root.menu_short .menu_arrow.menu_learn {
    transform: translateY(0) translateX(-190px) rotate(45deg);
  }
  .menu_root.menu_short .menu_arrow.menu_pricing {
    transform: translateY(0) translateX(-211px) rotate(45deg);
  }
  .menu_root.menu_short .menu_arrow.menu_solutions {
    transform: translateY(0) translateX(214px) rotate(45deg);
  }
    .menu_contentContainer {
      position: absolute;
      border-radius: 4px;
      top: 0;
      left: 50%;
      margin-top: 20px;
      transition: transform 0.25s ease-out, width 0.25s, height 0.25s;
      will-change: transform, width, height;
      background-color: #fff;
      box-shadow: 1px 1px 15px 2px rgba(138, 138, 138, 0.25);
    }
      .menu_contentContainer.menu_product {
        width: 927px;
        height: 519px;
        transform: translateX(-444px); }
      .menu_contentContainer.menu_templates {
        width: 640px;
        height: 373px;
        transform: translateX(-400px); }
      .menu_contentContainer.menu_learn {
        width: 320px;
        height: 280px;
        transform: translateX(-359px); }
      .menu_contentContainer.menu_pricing {
        width: 270px;
        height: 470px;
        transform: translateX(-334px); }
      .menu_contentContainer.menu_solutions {
        width: 927px;
        height: 343px;
        transform: translateX(-444px); }
    .menu_root.menu_short .menu_contentContainer.menu_learn {
      width: 320px;
      height: 225px;
      transform: translateX(-340px);
    }
    .menu_root.menu_short .menu_contentContainer.menu_pricing {
      transform: translateX(-340px);
    }
    .menu_menuContainer {
      position: absolute;
      z-index: 100;
      width: 100%;
      height: 100%;
      padding: 40px 30px 35px 30px;
      font-size: 14px;
      border-radius: 4px;
      top: 0;
      left: 0;
      transition: opacity 0.1s ease-in-out;
      opacity: 0;
      pointer-events: none; }
      .menu_menuContainer.menu_product {
        width: 927px; }
      .menu_menuContainer.menu_templates {
        width: 640px; }
      .menu_menuContainer.menu_learn {
        width: 320px; }
      .menu_menuContainer.menu_pricing {
        width: 270px; }
      .menu_menuContainer.menu_solutions {
        width: 927px; }
    .menu_root.menu_short .menu_menuContainer.menu_learn {
      width: 320px;
    }

    .menu_menuHeader {
      margin: unset;
      padding: unset;
  
      color: #717178;
      text-transform: uppercase;
      font-weight: 700;
      font-size: 14px;
      text-align: left;
      margin-top: 0px;
      margin-bottom: 0px;
      line-height: 17px;
    }

    .menu_menuHeader--1 {
      margin-top: 10px;
    }

    .menu_menuHeader--2 {
      margin-top: 5px;
    }
    
    .menu_divider {
      border-bottom: 1px solid #e0e0e0;
      margin: 12px 0; }
    
    .menu_featurePageContainer {
      display: flex;
      flex-wrap: wrap;
      margin-top: 15px;
      flex-direction: column;
      max-height: 320px; 
    }
    
    .menu_pageLink {
      color: #2b2b35;
      font-size: 14px;
      text-align: left;
      width: 200px;
      margin: 3px 12px 4px 0px;
      padding: 6px;
      border-radius: 4px;
      text-decoration: none;
      line-height: 17px;
    }
      .menu_pageLink:hover {
        background-color: #f2f6ff;
        color: #3770e9; }
    
    .menu_pointer {
      pointer-events: auto; }
    
    .menu_visible {
      visibility: visible; }
    
    .menu_show {
      opacity: 1; }
    
    .mobile_menu_root {
      display: none;
      margin: 20px 0;
      max-height: calc(100vh - 88px);
      background-color: #fff;
      z-index: 1005;
      padding-bottom: 124px;
      overflow: hidden;
      white-space: nowrap; }
    .mobile_menu_root.menu_short {
      padding-bottom: 0;
    }
    .mobile_menu_show {
      display: flex;
      flex-direction: column; }
    
    .mobile_menu_ctaContainer {
      display: flex;
      margin: 30px 0;
      flex-flow: column wrap; }
    
    .mobile_menu_messageBoxHeader {
      margin: 0;
      cursor: pointer;
      padding: 6px 15px 8px 30px;
      display: flex;
      align-items: center; }
    
    .mobile_menu_messageBoxContent {
      list-style-type: none;
      overflow-y: auto; 
    }
    
    .mobile_menu_messageBoxItem {
      margin: 0;
      padding: 15px 30px;
      min-width: 190px;
      text-align: left;
      display: flex;
      align-items: center;
      overflow: hidden;
      cursor: pointer;
      text-decoration: none; }
      @media only screen and (pointer: fine) {
        .mobile_menu_messageBoxItem:hover {
          background-color: #f2f6ff;
          color: #3770e9; } }
      .mobile_menu_messageBoxItem.mobile_menu_selected {
        background-color: #f2f6ff;
        color: #3770e9; }
      .mobile_menu_messageBoxItem.mobile_menu_disabled {
        pointer-events: none;
        color: rgba(16, 16, 16, 0.3); }
    
    .mobile_menu_subMenuHeader {
      margin: 0;
      padding: 15px 30px;
      min-width: 190px;
      text-align: left;
      display: flex;
      align-items: center;
      overflow: hidden;
      text-decoration: none; }
    
    .mobile_menu_messageBoxItemAvatar {
      width: 20px;
      height: 20px;
      margin: 0px 11px 0px 0px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      vertical-align: middle; }
    
    .mobile_menu_messageBoxItemText {
      display: inline-block;
      vertical-align: middle;
      flex-grow: 1; }
    
    .mobile_menu_messageBoxControlGroup {
      width: 100%;
      display: flex;
      padding: 20px 0px 20px 0;
      justify-content: center; }
    
    .mobile_menu_divider {
      height: 1px;
      padding: 0;
      margin: 0 25px;
      border: none;
      flex-shrink: 0;
      background-color: #f1f2f2; }
    
    .mobile_menu_typography {
      margin: 0;
      padding: 0;
      text-decoration: none;
      font-style: normal; }
      .mobile_menu_typography.mobile_menu_h6 {
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: -1%;
        color: #2b2b35;
        display: inline-block; }
      .mobile_menu_typography.mobile_menu_subtitle1 {
        font-size: 16px;
        font-weight: normal;
        line-height: 18px;
        display: inline-block; }
      .mobile_menu_typography.mobile_menu_body1 {
        color: #2b2b35;
        font-size: 14px;
        font-weight: 400;
        line-height: 15.15px;
        letter-spacing: 0.03px; }
      .mobile_menu_typography.mobile_menu_body2 {
        font-size: 14px;
        font-weight: 600;
        color: #636363;
        cursor: default;
        text-transform: uppercase;
        line-height: 15.15px;
        letter-spacing: 0.03px; }
      .mobile_menu_typography.mobile_menu_disabled {
        color: rgba(16, 16, 16, 0.3); }
      .mobile_menu_typography.mobile_menu_bold {
        color: unset;
        font-weight: 700; }
    
    .mobile_menu_arrow {
      border: solid #666;
      border-width: 0 2px 2px 0;
      display: inline-block;
      padding: 3px;
      margin-right: 10px;
      width: 9px;
      height: 9px; }
      .mobile_menu_arrow.mobile_menu_right {
        transform: rotate(-45deg); }
      .mobile_menu_arrow.mobile_menu_left {
        transform: rotate(135deg); }
    
    .mobile_menu_secondaryMenu {
      padding: 14px 25px 14px 51px; }
    
    .nav_root {
      display: flex;
      justify-content: space-between;
      margin: 0 20px;
      height: 64px;
      align-items: center;
      z-index: 5; }
      @media only screen and (max-width: 480px) {
        .nav_root {
          margin: 0 20px; } }
    
    .nav_logoLink {
      display: flex;
      justify-content: center;
    }
    .nav_logoLink img.mobile {
      display: none;
    }

    @media only screen and (max-width: 768px) {
      .nav_logoLink img {
        display: none;
      }
      .nav_logoLink img.mobile {
        display: flex;
      }
    }
    
    .nav_navList {
      position: relative;
      display: flex;
      font-size: 16px;
      list-style: none;
      padding: 0 20px;
      margin-bottom: 0;
    }
      @media only screen and (max-width: 1024px) {
        .nav_navList {
          display: none; } }
      @media only screen and (max-width: 1200px) {
        .nav_navList {
          display: none; } }

    .nav_ctaContainer {
      display: flex; 
    } 
      
    .nav_ctaContainer .button_root {
      margin: auto;
    }
    
    @media only screen and (max-width: 768px) {
      .nav_ctaContainer {
        display: none;
      }
    }
    
    @media only screen and (max-width: 1200px) {
      .nav_ctaContainer {
        margin-left: auto;
        margin-right: 44px; 
      } 
    }
    
    .nav_hamburgerMenu {
      display: none; }
      @media only screen and (max-width: 1200px) {
        .nav_hamburgerMenu {
          display: block; } }
  
    
    .submenu_item_root {
      border-radius: 4px;
      padding: 8px;
      color: #2b2b35;
      text-decoration: none; }
      .submenu_item_root:hover {
        background-color: #f2f6ff;
        color: #3770e9; }
    
    .submenu_item_content {
      display: flex;
      margin: 4px 0; }
    
    .submenu_item_svgContainer {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 30px;
      height: 33px; 
    }

    .fonts_visual_icon {
      width: 36px;
      height: 36px;
    }

      .submenu_item_svgContainer svg {
        width: 100%;
        height: 100%; 
      }
    
      .submenu_item_textContainer {
        margin-left: 15px;
        display: flex;
        justify-content: center;
        flex-direction: column;
      }

    .submenu_item_text {
      margin: unset;
      margin-top: 0;
      margin-bottom: 0;
      font-size: 14px !important;
      font-weight: 500; 
      font-family: inherit;
      padding: unset;
      /* color: #2B2B35; */
      letter-spacing: unset;
      text-transform: unset;
      line-height: 17px;
    }
    
    .submenu_item_subtext {
      margin-top: 0;
      margin-bottom: 0;
      color: #717178;
      font-size: 12px;
      line-height: 15px;
    }
    
    .submenu_root {
      display: flex;
      height: fit-content;
      max-height: 100%;
      flex-wrap: wrap;
      margin-left: -7px;
      flex-direction: column; 
      margin-top: 15px;
    }
    .submenu_root_product {
      flex-direction: row;
      gap: 15px;
    }
  
    .submenu_item_image {
      width: 100%;
      height: 100%; 
    }

    .submenu_item_image.see_all_template{
      width: 36px;
    }
  
    .button_root {
      display: inline-block;
      position: relative;
      background-color: #0073e6;
      border-radius: 6px;
      color: #fff !important;
      padding: 10px 16px;
      font-weight: 500;
      font-size: 18px;
      white-space: nowrap;
      text-decoration: none !important;
      line-height: 28px;
    }
    .button_root:hover {
      background-color: #0052a3 !important; 
    }

    @media only screen and (max-width: 768px) {
      .button_root {
        font-size: 16px;
        line-height: 24px;
      }
    }
    
    
    :lang(ar) body .menu_arrow.menu_product,
    :lang(ar) body .menu_root.menu_short .menu_arrow.menu_product {
      transform: translateY(0) translateX(160px) rotate(45deg);
    }
    
    :lang(ar) body .menu_arrow.menu_templates,
    :lang(ar) body .menu_root.menu_short .menu_arrow.menu_templates {
      transform: translateY(0) translateX(154px) rotate(45deg);
    }
    
    :lang(ar) body .menu_arrow.menu_learn,
    :lang(ar) body .menu_root.menu_short .menu_arrow.menu_learn {
      transform: translateY(0) translateX(157px) rotate(45deg);
    }
    
    :lang(ar) body .menu_arrow.menu_pricing,
    :lang(ar) body .menu_root.menu_short .menu_arrow.menu_pricing {
      transform: translateY(0) translateX(150px) rotate(45deg);
    }

    :lang(ar) body .menu_arrow.menu_solutions,
    :lang(ar) body .menu_root.menu_short .menu_arrow.menu_solutions {
      transform: translateY(0) translateX(-169px) rotate(45deg);
    }
    
    :lang(ar) body .menu_root.menu_short .menu_contentContainer.menu_templates {
      transform: translateX(-246px);
    }

    :lang(ar) body .menu_root.menu_short .menu_contentContainer.menu_learn {
      transform: translateX(0px);
    }
    
    :lang(ar) body .menu_root.menu_short .menu_contentContainer.menu_pricing {
      transform: translateX(18px);
    }
    
    :lang(ar) body .menu_menuHeader,
    :lang(ar) body .menu_pageLink {
      text-align: right;
    }
    
    :lang(ar) body .submenu_item_textContainer {
      margin-left: 0px;
      margin-right: 15px;
    }
    
    .skip {
      position: absolute;
      left: -10000px;
      top: auto;
      width: 1px;
      height: 1px;
      display: inline-flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      background: #ffffff;
      font-family: Inter, sans-serif;
      font-size: 18px;
      font-weight: 500;
      line-height: 28px;
      border-radius: 6px;
      border: 1px solid #cacaca;
      color: #2b2b35;
      text-decoration: none;
    
      &:active,
      &:hover,
      &:focus {
          color: #2b2b35;
          text-decoration: none;
          width: auto;
          height: 48px;
          top: 16px;
          left: 16px;
          padding: 10px 16px;
          z-index: 104;
          outline: none;
          box-shadow: 0 0 0 2px #0073e6;
      }
    }
    
    .sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border-width: 0;
    }
  
    .landing_heading {
      padding-top: 150px !important;
    }
  
    .feature_hero_box {
      margin-top: 80px !important;
    }
  
    .preview_first_box {
      margin-top: 90px !important;
    }
  
    @media only screen and (max-width: 991px) {
      .preview_first_box {
        margin-top: 20px !important;
      }
    }
  
    @media only screen and (max-width: 768px) {
      .landing_heading {
        padding-top: unset;
      }
    }

#features_page {
  margin-top: 65px !important;
}  


@media only screen and (max-width: 991px) {
	#features_page {
    margin-top: 0px !important;
  } 
}