  <style >
    @charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&family=Teko:wght@300..700&display=swap');

    :root {
      --bs-blue: #0d6efd;
      --bs-indigo: #6610f2;
      --bs-purple: #6f42c1;
      --bs-pink: #d63384;
      --bs-red: #dc3545;
      --bs-orange: #fd7e14;
      --bs-yellow: #ffc107;
      --bs-green: #198754;
      --bs-teal: #20c997;
      --bs-cyan: #0dcaf0;
      --bs-white: #fff;
      --bs-gray: #6c757d;
      --bs-gray-dark: #343a40;
      --bs-primary: #0d6efd;
      --bs-secondary: #6c757d;
      --bs-success: #198754;
      --bs-info: #0dcaf0;
      --bs-warning: #ffc107;
      --bs-danger: #dc3545;
      --bs-light: #f8f9fa;
      --bs-dark: #212529;
      --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, .15), rgba(255, 255, 255, 0));
    }

    *,
    ::after,
    ::before {
      box-sizing: border-box;
    }

    @media (prefers-reduced-motion:no-preference) {
      :root {
        scroll-behavior: smooth;
      }
    }

    body {
      margin: 0;
      font-family: "Poppins", sans-serif;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      background-color: #fff;
      -webkit-text-size-adjust: 100%;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
      margin-top: 0;
      margin-bottom: .5rem;
      font-weight: 500;
      line-height: 1.2;
    }

    h1 {
      font-size: calc(1.375rem + 1.5vw);
    }

    @media (min-width:1200px) {
      h1 {
        font-size: 2.5rem;
      }
    }

    h2 {
      font-size: calc(1.325rem + .9vw);
    }

    @media (min-width:1200px) {
      h2 {
        font-size: 2rem;
      }
    }

    h3 {
      font-size: calc(1.3rem + .6vw);
    }

    @media (min-width:1200px) {
      h3 {
        font-size: 1.75rem;
      }
    }

    h4 {
      font-size: calc(1.275rem + .3vw);
    }

    @media (min-width:1200px) {
      h4 {
        font-size: 1.5rem;
      }
    }

    h5 {
      font-size: 1.25rem;
    }

    h6 {
      font-size: 1rem;
    }

    p {
      margin-top: 0;
      margin-bottom: 1rem;
    }

    ol,
    ul {
      padding-left: 2rem;
    }

    ol,
    ul {
      margin-top: 0;
      margin-bottom: 1rem;
    }

    b {
      font-weight: bolder;
    }

    small {
      font-size: .875em;
    }

    a {
      color: #0d6efd;
      text-decoration: underline;
    }

    a:not([href]):not([class]) {
      color: inherit;
      text-decoration: none;
    }

    img,
    svg {
      vertical-align: middle;
    }

    label {
      display: inline-block;
    }

    button {
      border-radius: 0;
    }

    button,
    input,
    select,
    textarea {
      margin: 0;
      font-family: inherit;
      font-size: inherit;
      line-height: inherit;
    }

    button,
    select {
      text-transform: none;
    }

    select {
      word-wrap: normal;
    }

    [type=button],
    [type=submit],
    button {
      -webkit-appearance: button;
    }

    ::-moz-focus-inner {
      padding: 0;
      border-style: none;
    }

    textarea {
      resize: vertical;
    }

    ::-webkit-datetime-edit-day-field,
    ::-webkit-datetime-edit-fields-wrapper,
    ::-webkit-datetime-edit-hour-field,
    ::-webkit-datetime-edit-minute,
    ::-webkit-datetime-edit-month-field,
    ::-webkit-datetime-edit-text,
    ::-webkit-datetime-edit-year-field {
      padding: 0;
    }

    ::-webkit-inner-spin-button {
      height: auto;
    }

    ::-webkit-search-decoration {
      -webkit-appearance: none;
    }

    ::-webkit-color-swatch-wrapper {
      padding: 0;
    }

    ::file-selector-button {
      font: inherit;
    }

    ::-webkit-file-upload-button {
      font: inherit;
      -webkit-appearance: button;
    }

    .img-fluid {
      max-width: 100%;
      height: auto;
    }

    .container {
      width: 100%;
      padding-right: var(--bs-gutter-x, .75rem);
      padding-left: var(--bs-gutter-x, .75rem);
      margin-right: auto;
      margin-left: auto;
    }

    @media (min-width:576px) {
      .container {
        max-width: 540px;
      }
    }

    @media (min-width:768px) {
      .container {
        max-width: 720px;
      }
    }

    @media (min-width:992px) {
      .container {
        max-width: 960px;
      }
    }

    @media (min-width:1200px) {
      .container {
        max-width: 1140px;
      }
    }

    @media (min-width:1400px) {
      .container {
        max-width: 1320px;
      }
    }

    .row {
      --bs-gutter-x: 1.5rem;
      --bs-gutter-y: 0;
      display: flex;
      flex-wrap: wrap;
      margin-top: calc(var(--bs-gutter-y) * -1);
      margin-right: calc(var(--bs-gutter-x) / -2);
      margin-left: calc(var(--bs-gutter-x) / -2);
    }

    .row>* {
      flex-shrink: 0;
      width: 100%;
      max-width: 100%;
      padding-right: calc(var(--bs-gutter-x) / 2);
      padding-left: calc(var(--bs-gutter-x) / 2);
      margin-top: var(--bs-gutter-y);
    }

    
    @media (min-width:576px) {
      .col-sm-12 {
        flex: 0 0 auto;
        width: 100%;
      }
    }

    @media (min-width:768px) {
      .col-md-6 {
        flex: 0 0 auto;
        width: 50%;
      }

      .col-md-12 {
        flex: 0 0 auto;
        width: 100%;
      }
    }

    @media (min-width:992px) {
      .col-lg-3 {
        flex: 0 0 auto;
        width: 25%;
      }

      .col-lg-6 {
        flex: 0 0 auto;
        width: 50%;
      }
    }

    .form-control {
      display: block;
      width: 100%;
      padding: .375rem .75rem;
      font-size: 1rem;
      font-weight: 400;
      line-height: 1.5;
      color: #212529;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid #ced4da;
      -webkit-appearance: none;
      -moz-appearance: none;
      appearance: none;
      border-radius: .25rem;
    }

    .form-control::-webkit-date-and-time-value {
      height: 1.5em;
    }

    .form-control::-webkit-input-placeholder {
      color: #6c757d;
      opacity: 1;
    }

    .form-control::-moz-placeholder {
      color: #6c757d;
      opacity: 1;
    }

    .form-control::-webkit-file-upload-button {
      padding: .375rem .75rem;
      margin: -.375rem -.75rem;
      -webkit-margin-end: .75rem;
      margin-inline-end: .75rem;
      color: #212529;
      background-color: #e9ecef;
      border-color: inherit;
      border-style: solid;
      border-width: 0;
      border-inline-end-width: 1px;
      border-radius: 0;
    }

    .form-floating {
      position: relative;
    }

    .fade:not(.show) {
      opacity: 0;
    }

    .collapse:not(.show) {
      display: none;
    }

    .dropdown {
      position: relative;
    }

    .dropdown-toggle {
      white-space: nowrap;
    }

    .dropdown-toggle::after {
      display: inline-block;
      margin-left: .255em;
      vertical-align: .255em;
      content: "";
      border-top: .3em solid;
      border-right: .3em solid transparent;
      border-bottom: 0;
      border-left: .3em solid transparent;
    }

    .dropdown-menu {
      position: absolute;
      top: 100%;
      z-index: 1000;
      display: none;
      min-width: 10rem;
      padding: .5rem 0;
      margin: 0;
      font-size: 1rem;
      color: #212529;
      text-align: left;
      list-style: none;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, .15);
      border-radius: .25rem;
    }

    .nav {
      display: flex;
      flex-wrap: wrap;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
    }

    .nav-link {
      display: block;
      padding: .5rem 1rem;
      text-decoration: none;
    }

    .nav-tabs {
      border-bottom: 1px solid #dee2e6;
    }

    .nav-tabs .nav-link {
      margin-bottom: -1px;
      background: 0 0;
      border: 1px solid transparent;
      border-top-left-radius: .25rem;
      border-top-right-radius: .25rem;
    }

    .nav-tabs .nav-link.active {
      color: #495057;
      background-color: #fff;
      border-color: #dee2e6 #dee2e6 #fff;
    }

    .tab-content>.tab-pane {
      display: none;
    }

    .tab-content>.active {
      display: block;
    }

    .navbar {
      position: relative;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      padding-top: .5rem;
      padding-bottom: .5rem;
    }

    .navbar>.container {
      display: flex;
      flex-wrap: inherit;
      align-items: center;
      justify-content: space-between;
    }

    .navbar-brand {
      padding-top: .3125rem;
      padding-bottom: .3125rem;
      margin-right: 1rem;
      font-size: 1.25rem;
      text-decoration: none;
      white-space: nowrap;
    }

    .navbar-nav {
      display: flex;
      flex-direction: column;
      padding-left: 0;
      margin-bottom: 0;
      list-style: none;
    }

    .navbar-nav .nav-link {
      padding-right: 0;
      padding-left: 0;
    }

    .navbar-nav .dropdown-menu {
      position: static;
    }

    .navbar-collapse {
      flex-basis: 100%;
      flex-grow: 1;
      align-items: center;
    }

    .navbar-toggler {
      padding: .25rem .75rem;
      font-size: 1.25rem;
      line-height: 1;
      background-color: transparent;
      border: 1px solid transparent;
      border-radius: .25rem;
    }

    .navbar-toggler-icon {
      display: inline-block;
      width: 1.5em;
      height: 1.5em;
      vertical-align: middle;
      background-repeat: no-repeat;
      background-position: center;
      background-size: 100%;
    }

    @media (min-width:992px) {
      .navbar-expand-lg {
        flex-wrap: nowrap;
        justify-content: flex-start;
      }

      .navbar-expand-lg .navbar-nav {
        flex-direction: row;
      }

      .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: absolute;
      }

      .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .5rem;
        padding-left: .5rem;
      }

      .navbar-expand-lg .navbar-collapse {
        display: flex !important;
        flex-basis: auto;
      }

      .navbar-expand-lg .navbar-toggler {
        display: none;
      }
    }

    .card {
      position: relative;
      display: flex;
      flex-direction: column;
      min-width: 0;
      word-wrap: break-word;
      background-color: #fff;
      background-clip: border-box;
      border: 1px solid rgba(0, 0, 0, .125);
      border-radius: .25rem;
    }

    .modal {
      position: fixed;
      top: 0;
      left: 0;
      z-index: 1050;
      display: none;
      width: 100%;
      height: 100%;
      overflow: hidden;
      outline: 0;
    }

    .modal-dialog {
      position: relative;
      width: auto;
      margin: .5rem;
    }

    .modal.fade .modal-dialog {
      transform: translate(0, -50px);
    }

    .modal-content {
      position: relative;
      display: flex;
      flex-direction: column;
      width: 100%;
      background-color: #fff;
      background-clip: padding-box;
      border: 1px solid rgba(0, 0, 0, .2);
      border-radius: .3rem;
      outline: 0;
    }

    @media (min-width:576px) {
      .modal-dialog {
        max-width: 500px;
        margin: 1.75rem auto;
      }
    }

    .carousel {
      position: relative;
    }

    .carousel-inner {
      position: relative;
      width: 100%;
      overflow: hidden;
    }

    .carousel-inner::after {
      display: block;
      clear: both;
      content: "";
    }

    .carousel-item {
      position: relative;
      display: none;
      float: left;
      width: 100%;
      margin-right: -100%;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
    }

    .carousel-item.active {
      display: block;
    }

    .carousel-fade .carousel-item {
      opacity: 0;
      transform: none;
    }

    .carousel-fade .carousel-item.active {
      z-index: 1;
      opacity: 1;
    }

    .carousel-indicators {
      position: absolute;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 2;
      display: flex;
      justify-content: center;
      padding: 0;
      margin-right: 15%;
      margin-bottom: 1rem;
      margin-left: 15%;
      list-style: none;
    }

    .carousel-indicators [data-bs-target] {
      box-sizing: content-box;
      flex: 0 1 auto;
      width: 30px;
      height: 3px;
      padding: 0;
      margin-right: 3px;
      margin-left: 3px;
      text-indent: -999px;
      background-color: #fff;
      background-clip: padding-box;
      border: 0;
      border-top: 10px solid transparent;
      border-bottom: 10px solid transparent;
      opacity: .5;
    }

    .carousel-indicators .active {
      opacity: 1;
    }

    .d-flex {
      display: flex !important;
    }

    .d-none {
      display: none !important;
    }

    .justify-content-end {
      justify-content: flex-end !important;
    }

    .justify-content-between {
      justify-content: space-between !important;
    }

    .align-items-center {
      align-items: center !important;
    }

    .m-0 {
      margin: 0 !important;
    }

    .mx-0 {
      margin-right: 0 !important;
      margin-left: 0 !important;
    }

    .mb-0 {
      margin-bottom: 0 !important;
    }

    .mb-3 {
      margin-bottom: 1rem !important;
    }

    .px-0 {
      padding-right: 0 !important;
      padding-left: 0 !important;
    }

    @media (min-width:768px) {
      .d-md-none {
        display: none !important;
      }
    }

    @media (min-width:992px) {
      .d-lg-block {
        display: block !important;
      }

      .p-lg-0 {
        padding: 0 !important;
      }
    }

    :root {
      --swiper-theme-color: #007aff;
    }

    :host {
      position: relative;
      display: block;
      margin-left: auto;
      margin-right: auto;
      z-index: 1;
    }

    :root {
      --swiper-navigation-size: 44px;
    }

    .fa-solid {
      -moz-osx-font-smoothing: grayscale;
      -webkit-font-smoothing: antialiased;
      display: var(--fa-display, inline-block);
      font-style: normal;
      font-variant: normal;
      line-height: 1;
      text-rendering: auto;
    }

    .fa-solid {
      font-family: "Font Awesome 6 Free";
    }

    .fa-bars:before {
      content: "";
    }

    .fa-clock:before {
      content: "";
    }

    :host,
    :root {
      --fa-style-family-brands: "Font Awesome 6 Brands";
      --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
    }

    :host,
    :root {
      --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
    }

    :host,
    :root {
      --fa-style-family-classic: "Font Awesome 6 Free";
      --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
    }

    .fa-solid {
      font-weight: 900;
    }

    :root {
      --animate-duration: 1s;
      --animate-delay: 1s;
      --animate-repeat: 1;
    }

    .animate__animated {
      -webkit-animation-duration: 1s;
      -webkit-animation-duration: var(--animate-duration);
      animation-duration: 1s;
      animation-duration: var(--animate-duration);
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
    }

    @media (prefers-reduced-motion:reduce),
    print {
      .animate__animated {
        -webkit-animation-duration: 1ms !important;
        animation-duration: 1ms !important;
        -webkit-animation-iteration-count: 1 !important;
        animation-iteration-count: 1 !important;
      }
    }

    @-webkit-keyframes fadeInUp {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }

      to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
      }
    }

    @keyframes fadeInUp {
      0% {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
      }

      to {
        opacity: 1;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
      }
    }

    .animate__fadeInUp {
      -webkit-animation-name: fadeInUp;
      animation-name: fadeInUp;
    }

    :root {
      --color-primary: #b4fd83;
      --color-secondary: #08323d;
      --color-white: #fff;
      --color-black: #000;
      --color-dark: #282828;
      --text-primary: #b4fd83;
    }

    .btn-common {
      border-radius: 7px;
      height: 43px;
      line-height: 43px;
      line-height: 1.35;
      font-size: 1rem;
      padding: 0 14px;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: fit-content;
      gap: 10px;
      position: relative;
      overflow: hidden;
    }

    .btn-common span {
      z-index: 1;
    }

    .btn-common {
      animation: button 1s cubic-bezier(.33, 0, .25, 1);
    }

    @keyframes button {
      0% {
        transform: translateY(3.125rem);
        opacity: 0;
      }

      39.1% {
        transform: translateY(2.625rem);
      }

      52.2% {
        opacity: 0;
      }

      87% {
        opacity: 1;
      }

      to {
        transform: translateY(0);
        opacity: 1;
      }
    }

    .btn-common-primary {
      color: var(--color-black);
      background-color: var(--color-primary);
      border: 1px solid #98e365;
    }

    .btn-common-primary .button-icon-container {
      background: #fff;
    }

    .btn-common::before {
      content: "";
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .5), transparent);
    }

    .btn-common::before {
      -webkit-animation: shine 1.5s ease-in-out infinite;
      animation: shine 1.5s ease-in-out infinite;
    }

    @-webkit-keyframes shine {
      0% {
        left: -100%;
      }

      100% {
        left: 100%;
      }
    }

    @keyframes shine {
      0% {
        left: -100%;
      }

      100% {
        left: 100%;
      }
    }

    .button-icon-container {
      padding: 4px 12px;
      border-radius: .375rem;
      background: #b4fd83;
      overflow: hidden;
      gap: .75rem;
      display: flex;
      justify-content: flex-start;
      width: 3rem;
    }

    .transition-all {
      margin-left: -2rem;
      margin-right: 0;
    }

    .shrink-0 {
      flex-shrink: 0;
    }

    @media (min-width:1400px) {
      .btn--lg {
        height: 56px;
        line-height: 56px;
        padding: .875rem 1.25rem;
        font-size: 1.125rem;
      }
    }

    body {
      font-family: "Poppins";
      font-weight: 400;
      font-style: normal;
      font-size: 14px;
    }

    header nav.navbar p {
      font-weight: normal;
      font-size: 16px;
    }

    header {
      background: #fff;
      border-bottom: 1px solid #f4f4f4;
      position: relative;
    }

    header .navbar .navbar-nav .nav-link {
      font-size: 18px;
      color: inherit;
      font-weight: normal;
      line-height: 1.56;
      padding: 12px 22px;
      border-radius: 10px;
      margin-right: .5rem;
    }

    header.section-header {
      position: relative;
    }

    .menu_icon_arrow {
      width: 32px;
      height: 20px;
      background: #b4fd83;
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 4px;
    }

    .col-megamenu {
      border-radius: 10px 10px 0 0;
      background-color: #fff;
      padding: calc(1rem + .5vw) calc(1rem + .5vw);
      margin-bottom: 30px;
    }

    .col-megamenu:after {
      content: "";
      position: absolute;
      bottom: -15px;
      width: 100%;
      height: 1px;
      background: #e8e8e8;
      left: 0;
    }

    .section-header .product_dropdown {
      padding: 25px 0 40px;
    }

    .menu-title .title,
    .blog_title {
      font-size: calc(1rem + .4vw);
      color: inherit;
      font-weight: 700;
    }

    .menu_icon_arrow img {
      height: 10px;
      object-fit: contain;
      padding: 0 8px;
    }

    .col-megamenu .title_description {
      color: #4d4d4d;
      margin-top: 6px;
    }

    .header_blogs .card.card--blog {
      row-gap: calc(1rem + .2vw);
      border: none;
      border: 0;
      background: transparent;
    }

    .header_blogs .info-meta {
      display: flex;
      justify-content: space-between;
      font-size: 12px;
      color: #888;
      text-transform: uppercase;
      font-weight: 500;
    }

    .header_blogs .card.card--blog h4 {
      font-size: calc(1rem + .1vw);
      font-weight: 500;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      color: inherit;
      line-height: 1.67;
    }

    .menu_type,
    h3.title_industry span {
      color: #000;
    }

    button.btn-common-plain {
      background: 0 0;
      border: 0;
      text-decoration: underline;
      text-underline-position: under;
      align-items: center;
      padding: 0;
    }

    h3.title_industry {
      color: #636363;
      font-size: calc(1rem + .5vw);
      line-height: 1.3;
    }

    .industry_menu {
      background: #fff;
      padding: calc(1rem + .2vw) calc(1rem + .5vw);
      border-radius: 10px;
    }

    .menu_type {
      font-size: 1.25rem;
      font-weight: 600;
    }

    a.apply_link {
      color: #535353;
      line-height: normal;
      text-decoration: none;
      font-weight: 500;
      position: relative;
      display: inline-block;
    }

    a.apply_link:before {
      opacity: 0;
      content: "";
      background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2024/09/single-arrow.webp");
      position: absolute;
      left: -15px;
      top: 50%;
      width: 10px;
      height: 10px;
      background-size: contain;
      background-repeat: no-repeat;
      transform: translateY(-50%);
    }

    .service_menu-title {
      margin-bottom: 10px;
    }

    #header_slide .slider_item {
      padding: 13px;
      background: #f4f8fb;
      border-radius: 20px;
    }

    #header_slide .slider_content {
      margin: calc(.5rem + .5vw) 10px;
    }

    #header_slide .slide_description {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      margin-bottom: 15px;
      justify-content: space-between;
    }

    #header_slide .slide_tittle h5 {
      color: #7b7b7b;
      font-size: calc(1rem + .1vw);
      margin-bottom: calc(1rem + .5vw);
    }

    #header_slide .carousel-indicators [data-bs-target] {
      width: 45px;
      height: 6px;
      background-color: #f4f8fb;
      opacity: 1;
      border-radius: 10px;
      border: 0 !important;
    }

    .bolg-img {
      display: block;
    }

    #header_slide .carousel-indicators .active {
      background-color: #dde6ec;
    }

    #header_slide .carousel-indicators {
      bottom: -20px;
      margin-bottom: 0;
    }

    .col-megamenu {
      position: relative;
    }

    .col-megamenu a.expend_link {
      position: absolute;
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
    }

    @keyframes button {
      0% {
        transform: translateY(3.125rem);
        opacity: 0;
      }

      39.1% {
        transform: translateY(2.625rem);
      }

      52.2% {
        opacity: 0;
      }

      87% {
        opacity: 1;
      }

      to {
        transform: translateY(0);
        opacity: 1;
      }
    }

    .btn-common-primary .button-icon-container {
      background: #fff;
    }

    .head_blogarea {
      background: #f4f8fb;
      padding: calc(1.2rem + 1vh) calc(2rem + 1vh);
    }

    .service_menu-title {
      text-decoration: none;
    }

    .meta__item .country {
      background: #fff;
      padding: 4px 10px;
      border-radius: 5px;
    }

    .meta__item .tag {
      background: #000;
      color: #fff;
      padding: 2px 10px;
      border-radius: 4px;
      margin-right: 10px;
      font-weight: 600;
    }

    .meta {
      display: flex;
      align-items: center;
    }

    .slide_description .arrow {
      width: 40px;
      height: 40px;
      border: 1px solid;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
      transform: rotate(-45deg);
    }

    .resources_dropdown .industry_menu_link p {
      margin: 0;
    }

    .resources_dropdown {
      padding: calc(1rem + 1vw) 0;
    }

    .resources_dropdown .industry_menu .industry_menu_link {
      text-decoration: unset;
      color: #000;
      padding: calc(1rem + .2vw) calc(1rem + .5vw);
      display: block;
    }

    .resources_dropdown .industry_menu {
      padding: 0;
    }

    .card.card--entrepreneurship {
      border: none;
      border-radius: 10px;
      overflow: hidden;
      text-decoration: none;
    }

    .card.card--entrepreneurship .card__head {
      height: 160px;
    }

    .card.card--entrepreneurship .card__head img {
      width: 100%;
    }

    .card.card--entrepreneurship .card__body {
      background: #000;
      color: #fff;
      display: flex;
      align-items: center;
      padding: 13px 10px;
    }

    .card.card--entrepreneurship .card__body .arrow img {
      filter: invert(1);
      transform: rotate(-45deg);
    }

    .card.card--entrepreneurship .card__body .arrow {
      width: 30px;
      height: 30px;
      border: 1px solid;
      border-radius: 50%;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .card.card--entrepreneurship .card__body p {
      margin: 0;
      width: calc(100% - calc(30px + 15px));
    }

    .navbar-toggler-icon {
      display: flex;
      justify-content: center;
      align-items: center;
    }

    nav.navbar.navbar-expand-lg {
      flex-direction: column;
    }

    .card.card--blog .card-action {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
    }

    .card.card--blog .pointer {
      width: 45px;
      height: 45px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }

    .card.card--blog .card__head {
      position: relative;
    }

    @media all and (min-width:1920px) {
      .container--narrow {
        max-width: 1600px;
      }
    }

    @media all and (min-width:992px) {
      .slider_header {
        margin-top: calc(1.5rem + 1vw);
      }

      .explore_industry {
        margin-top: 25px;
      }

      header li.main_nav-item {
        padding-top: .5rem;
        padding-bottom: .5rem;
      }

      .col-megamenu .menu_icon_arrow {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        right: -6rem;
      }

      .menu-title {
        position: relative;
        width: max-content;
      }

      .navbar .has-megamenu {
        position: static !important;
      }

      .navbar .megamenu {
        left: 0;
        right: 0;
        width: 100%;
        margin-top: 0;
      }

      header .dropdown-toggle::after {
        display: none;
      }

      header .dropdown .dropdown-menu {
        border-top: 1px solid #f4f4f4;
        border-width: 1px 0 0 0;
        box-shadow: rgba(37, 49, 56, .1) 0px 4px 8px -2px, rgba(37, 49, 56, .06) 0px 2px 4px -2px;
      }

      .service_menu-title {
        position: relative;
        width: max-content;
      }

      .industry_menu .menu_icon_arrow {
        opacity: 0;
        visibility: hidden;
        position: absolute;
        right: -6rem;
      }

      a.apply_link {
        line-height: 2;
      }
    }

    @media (min-width:1200px) {

      .Industries_dropdown,
      .services_dropdown {
        padding: 20px 0 45px 0;
      }

      .industries_links a.apply_link:not(:last-child):after {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-40%);
        height: 13px;
        width: 1px;
        background: #535353;
      }

      .industries_links a.apply_link:not(:last-child) {
        padding-right: 5px;
        margin-right: 5px;
      }

      .card.card--blog .pointer {
        width: calc(2rem + 2vw);
        height: calc(2rem + 2vw);
        transform: translate(-50%, 50%);
        opacity: 0;
        visibility: hidden;
      }
    }

    @media (min-width:1900px) {
      .container.container--narrow {
        max-width: 1600px !important;
      }
    }

    @media (max-width:1699px) {
      .industry_menu {
        padding: calc(.5rem + .1vw) calc(.5rem + .1vw);
      }

      .col-megamenu {
        padding: calc(.5rem + .5vw);
      }

      .menu-title .title,
      .blog_title {
        font-size: calc(1rem + .5vw);
      }
    }

    @media (max-width:1399px) {
      a.apply_link {
        display: inline-block;
        font-size: 14px;
      }

      .menu_type {
        font-size: 16px;
      }

      .btn-common {
        font-size: 1rem;
        padding: 0 10px;
      }
    }

    @media (min-width:1200px) and (max-width:1399px) {
      header .navbar .navbar-nav .nav-link {
        padding: 12px 12px;
      }
    }

    @media (max-width:1199px) {
      header .navbar .navbar-nav .nav-link {
        font-size: 16px;
        line-height: 1.56;
        padding: 12px 12px;
      }

      .col-megamenu {
        padding: calc(.5rem + 0vw);
      }

      .menu-title .title,
      .blog_title {
        font-size: calc(1rem + .2vw);
      }

      .menu_icon_arrow {
        display: none;
      }

      .service_menu-title {
        margin-bottom: 5px;
      }

      header .dropdown .dropdown-menu {
        max-height: calc(100vh - calc(53px + 150px));
        overflow: scroll;
      }
    }

    @media (min-width:992) and (max-width:1199px) {
      .industry_menu {
        padding: 0;
      }
    }

    @media (max-width:991px) {
      .resources_dropdown .industry_menu .industry_menu_link p {
        display: none;
      }

      .header_btn {
        display: none;
      }

      .resources_dropdown .industry_menu .industry_menu_link {
        padding: 5px 0;
      }

      .resources_dropdown a#food_pdf {
        display: none;
      }

      header .dropdown .dropdown-menu {
        border-width: 0px 0 0 0;
      }

      header .dropdown-toggle::after {
        right: 18px;
        top: 22px;
        margin-left: auto;
        position: absolute;
      }

      header .navbar .navbar-nav .nav-link {
        background: transparent;
        border-top: 1px solid #ebeff2;
        border-radius: 0;
        padding-left: 0;
        font-weight: 600;
      }

      .col-megamenu {
        padding-left: 0;
      }

      .industry_menu {
        padding-left: 0;
        padding-top: 0;
      }

      .menu_type {
        font-size: 1.1rem;
        margin-bottom: 0;
      }

      a.apply_link {
        font-size: 14px;
        width: 100%;
        line-height: 2.3;
      }

      header .navbar-nav li.nav-item.main_nav-item>a {
        font-size: 18px;
        font-weight: 600;
      }

      .industry_menu {
        margin-bottom: 10px;
      }

      .navbar-brand img {
        height: 40px;
      }
    }

    @media (min-width:768px) and (max-width:1199px) {
      .btn-common-primary .button-icon-container {
        display: none;
      }

      header .navbar .navbar-nav .nav-link {
        font-size: 14px;
      }
    }

    @media (max-width:767px) {
      .section-header .product_dropdown {
        padding: 0;
      }
    }

    @media (min-width:1920px) {
      .container.container--narrow {
        max-width: 1600px;
        width: 100%;
      }
    }

    header.header-product {
      background-color: #fff;
      box-shadow: rgba(37, 49, 56, .1) 0px 4px 8px -2px, rgba(37, 49, 56, .06) 0px 2px 4px -2px;
      z-index: 9;
    }

    .btn-common {
      text-decoration: none;
    }

    .card.card--blog .card-action {
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
    }

    .card.card--blog .pointer {
      width: 45px;
      height: 45px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
    }

    .card.card--blog .card__head {
      position: relative;
    }

    @media (min-width:1200px) {
      .card.card--blog .pointer {
        width: calc(2rem + 2vw);
        height: calc(2rem + 2vw);
        transform: translate(-50%, 50%);
        opacity: 0;
        visibility: hidden;
      }
    }

    html {
      touch-action: manipulation;
    }

    section .container {
      overflow: inherit;
    }

    a {
      text-decoration: none !important;
    }

    .register-form input {
      box-shadow: none !important;
    }

    .animation-on-hover.btn-register-header {
      font-size: 18px;
      font-weight: 600;
      padding: 13px 20px 13px 47px;
    }

    .animation-on-hover.btn-register-header:before {
      animation: inherit;
    }

    .btn-register-header {
      display: inline-block;
      color: #fff;
      vertical-align: super;
      border-radius: 1.5px;
      border: solid 1px #70aa26;
      background-color: #70aa26;
      padding: 9px 20px 9px 47px;
      position: relative;
    }

    .btn-register-header:before {
      box-shadow: 0 0 0 rgba(255, 255, 255, .4);
      animation: pulso 2s infinite;
      content: "";
      width: 15px;
      height: 15px;
      border: 3px solid #fff;
      position: absolute;
      left: 15px;
      border-radius: 50%;
      top: 0;
      bottom: 0;
      margin: auto;
    }

    @keyframes pulso {
      0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
      }

      70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
      }

      100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
      }
    }

    .div-left-text h4 {
      font-size: 24px;
      font-weight: 900;
      font-style: normal;
      font-stretch: normal;
      line-height: 1.3;
      letter-spacing: normal;
      text-align: left;
      color: #131d2b;
      margin: 0;
      margin-top: 15px;
    }

    .div-left-text .btn-register-header {
      margin-top: 40px;
      background-color: transparent;
      border-color: #1f2659;
      color: #1f2659;
    }

    .div-left-text .btn-register-header:before {
      border-color: #1f2659;
    }

    .caption-crausal {
      position: absolute;
      bottom: 15px;
      right: 15px;
      border-radius: 1.5px;
      background-color: #fff;
      padding: 30px;
      width: 400px;
      padding-top: 20px;
      padding-bottom: 5px;
    }

    .caption-crausal.div-left-text h4 {
      margin: 0;
      margin-bottom: 15px;
    }

    .carousel-fade .carousel-inner .active {
      opacity: 1;
    }

    :focus-visible {
      outline: none !important;
    }

    @media (max-width:991px) {
      .div-left-text h4 {
        font-size: 20px;
        text-align: center;
      }

      .caption-crausal {
        position: static;
        width: 100%;
        padding: 15px 0;
      }

      .caption-crausal.div-left-text h4 {
        text-align: left;
        margin-bottom: 8px;
      }

      .div-left-text .btn-register-header {
        margin-top: 10px;
      }

      .btn-register-header {
        padding: 5px 9px 6px 35px;
      }

      .btn-register-header:before {
        left: 10px;
      }

      .animation-on-hover.btn-register-header {
        font-size: 16px;
        padding: 10px 15px 10px 38px;
      }
    }

    :root {
      --color-primary: #ff7402;
    }

    b {
      font-weight: 600;
    }

    body .panel.panel--form .panel__foot .panel__action input[type=submit] {
      color: var(--color-black);
      background-color: #a8d86f;
      border: 1px solid #a8d86f;
    }

    .btn-common-primary {
      color: var(--color-black);
      background-color: #b4fd83;
      border: 1px solid #b4fd83;
    }

    .right_btn .whatsapp_icon path:first-child {
      fill: #b4fd83 !important;
    }

    .right_btn .whatsapp_icon {
      background: #b4fd83 !important;
    }

    header {
      padding: 0;
      position: static;
    }

    @keyframes pulso {
      0% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
      }

      70% {
        -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
      }

      100% {
        -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
      }
    }

    .header_btn.btn-common-primary {
      color: var(--color-black);
      background-color: #b4fd83;
      border: 1px solid #b4fd83;
    }

    .video-dom i {
      position: absolute;
      bottom: 20px;
      right: 0;
      display: block;
      text-align: center;
      font-size: 14px;
      font-weight: 400;
      font-stretch: normal;
      font-style: normal;
      line-height: 1.69;
      letter-spacing: normal;
      color: #fff;
      width: 120px;
    }

    .video-dom i img {
      display: block;
      width: 100px;
      margin: 0 auto -10px;
    }

    .video-dom {
      margin-top: 30px;
      display: block;
      position: relative;
    }

    h1.making_h1_p {
      font-size: 18px;
      font-stretch: normal;
      font-style: normal;
      letter-spacing: normal;
      color: #ececec;
      line-height: 1.56;
      margin-top: 40px;
      margin-bottom: 0;
    }

    .faq-row h3 {
      font-size: 19px;
      font-weight: 700;
      color: #030218;
    }

    .faq-answer {
      display: none;
      padding: 0 0 20px;
    }

    .faq-answer p {
      font-size: 17px;
      line-height: 1.5;
      color: #030218;
    }

    ul.faq_listing {
      padding-left: 50px;
      font-size: 16px;
    }

    ul.sublisting li {
      margin-bottom: 0;
      font-size: 16px;
    }

    .animation-on-hover.btn-register-header {
      font-size: 18px;
      font-weight: 600;
      padding: 13px 20px 13px 47px;
    }

    .div-left-text h4 {
      font-style: normal;
      font-stretch: normal;
      line-height: 1.3;
      letter-spacing: normal;
      text-align: left;
    }

    .process-state-right .carousel-item img {
      width: 100%;
    }

    .caption-crausal {
      position: absolute;
      right: 15px;
      border-radius: 1.5px;
      background-color: #fff;
      padding: 30px 30px 5px;
    }

    .caption-crausal.div-left-text h4 {
      margin: 0 0 15px;
    }

    .div-left-text h4 {
      font-weight: 600;
      color: #131d2b;
    }

    img.bowl-rice-cb {
      position: absolute;
      bottom: -130px;
      right: 0px;
      width: 250px;
    }

    .btn-common {
      font-weight: 600;
      position: relative;
    }

    .services-banner__content {
      padding: calc(2rem + 1vw) calc(1rem + 1vw);
      background-color: #000;
      color: #fff;
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      row-gap: calc(1rem + .73vw);
      background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2024/09/services-banner-bg-img.webp");
      background-size: cover;
      background-position: top;
    }

    .services-banner__content.nitro-lazy {
      background-image: none !important;
    }

    .services-banner__content h4 {
      display: inline-block;
      flex-grow: 0;
      width: max-content;
      margin: 0;
      padding: 13px 25px;
      border: 1px solid;
      font-weight: 400;
      border-radius: 10px;
      font-size: calc(1rem + .45vw);
    }

    .services-banner__content h3 {
      margin: 0;
      font-weight: 500;
      line-height: 1.28;
    }

    .btn-common-primary {
      color: var(--color-black);
      background-color: var(--color-primary);
      border: 1px solid var(--color-primary);
    }

    .btn-common {
      animation: 1s cubic-bezier(.33, 0, .25, 1) button;
      border-radius: 7px;
      height: 43px;
      font-size: 1rem;
      padding: 0 14px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      line-height: 1.35;
      width: fit-content;
      gap: 10px;
      overflow: hidden;
    }

    .btn-common::before {
      -webkit-animation: 1.5s ease-in-out infinite shine;
      animation: 1.5s ease-in-out infinite shine;
      content: "";
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .5), transparent);
    }

    @-webkit-keyframes shine {
      0% {
        left: -100%;
      }

      100% {
        left: 100%;
      }
    }

    @keyframes shine {
      0% {
        left: -100%;
      }

      100% {
        left: 100%;
      }
    }

    .btn-common span {
      z-index: 1;
    }

    .btn-common-primary .button-icon-container {
      background: #fff;
    }

    .transition-all {
      margin-left: -2rem;
      margin-right: 0;
    }

    .shrink-0 {
      flex-shrink: 0;
    }

    .img-fluid {
      max-width: 100%;
      height: auto;
    }

    .button-icon-container {
      padding: 4px 12px;
      border-radius: .375rem;
      background: var(--color-primary);
      overflow: hidden;
      gap: .75rem;
      display: flex;
      justify-content: flex-start;
      width: 3rem;
    }

    @media (min-width:992px) {
      .desk-block {
        display: block;
      }

      .mobile_CTA_Region {
        display: none;
      }

      .mob-block {
        display: none;
      }

      .bannerFood {
        background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2023/07/home_banner_desk.webp");
        background-size: cover;
        background-position: center right;
        text-align: center;
        position: relative;
      }

      /*.bannerFood.nitro-lazy {
        background-image: none !important;
      }*/

      .main-banner-text h2 {
        font-size: 41px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.24;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        visibility: hidden;
        margin: 0;
      }

      .main-banner-text ul li {
        font-size: 18px;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
      }

      .bannerFood .row {
        height: 100vh;
      }

      .main-banner-text ul {
        padding: 0;
        margin: 0;
        list-style: none;
        display: flex;
        justify-content: center;
        visibility: hidden;
      }

      .main-banner-text ul li {
        font-weight: 600;
        line-height: 1.67;
        color: #fff;
        padding: 40px;
      }

      .main-banner-text ul li img {
        width: 32px;
        height: 32px;
        object-fit: scale-down;
        margin-right: 20px;
      }

      .animation-on-hover.btn-register-header {
        border-radius: 3px;
        box-shadow: 0 2px 44px 0 rgba(0, 0, 0, .18);
        background-image: linear-gradient(to right, #ffab2c -7%, #ff7100);
        text-transform: uppercase;
        text-transform: capitalize;
        border-color: #ff7f0c;
      }

      .main-banner-text a {
        color: #fff;
      }

      .bowl-images {
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        height: 70vh;
        visibility: hidden;
      }

      .top-caption-carusal {
        position: absolute;
        width: 300px;
        left: 30px;
        top: 30px;
      }

      .top-caption-carusal h5 {
        font-size: 16px;
        font-weight: 500;
        font-stretch: normal;
        line-height: 1.3;
        letter-spacing: 3.23px;
        color: #fff;
        margin: 0;
      }

      .top-caption-carusal h4,
      .top-caption-carusal p {
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #fff;
      }

      .top-caption-carusal h4 {
        font-size: 24px;
        font-weight: 700;
        line-height: 1.28;
        margin: 5px 0;
      }

      .top-caption-carusal p {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.5;
        margin: 0;
      }

      .caption-crausal {
        left: 30px;
        bottom: 20px;
        width: 450px;
      }

      .caption-crausal.div-left-text span {
        display: block;
      }

      .div-left-text h4 {
        font-size: 18px;
        margin: 0;
      }

      .caption-crausal.div-left-text a {
        border-color: rgba(60, 181, 0, .9);
        background-image: none;
        background-color: rgba(60, 181, 0, .9);
        color: #fff;
        margin-top: 15px;
        margin-bottom: 15px;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 14px;
        font-weight: 700;
      }

      .caption-crausal.div-left-text a:before {
        border-color: #fff;
      }

      .bannerFood_overlay {
        background: rgba(0, 0, 0, .5);
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 1;
      }

      .main-banner-text {
        z-index: 2;
      }
    }

    @media (min-width:1200px) {
      .services-banner {
        width: calc(100% - 15%);
      }

      .services-banner__content {
        padding-bottom: calc(5rem + 5vw);
      }
    }

    @media (min-width:1400px) {
      .btn--lg {
        height: 56px;
        line-height: 56px;
        padding: .875rem 1.25rem;
        font-size: 1.125rem;
      }
    }

    @media (max-width:1200px) {
      .services-banner__content h4 {
        padding: 8px 12px;
        font-size: calc(1rem + .35vw);
      }
    }

    @media (max-width:1200px) {
      .main-banner-text ul li {
        padding: 30px 15px;
      }

      img.bowl-rice-cb {
        position: absolute;
        bottom: -90px;
        right: 0;
        width: 200px;
      }
    }

    @media (max-width:1199px) {
      .navbar-brand {
        height: 42px;
        display: flex;
      }
    }

    @media (max-width:991px) {
      .services-banner {
        margin-top: 30px;
        width: 100%;
      }

      .btn-register-header:before {
        left: 10px;
      }

      .animation-on-hover.btn-register-header {
        font-size: 16px;
        padding: 10px 15px 10px 38px;
      }

      .desk-block {
        display: none;
      }

      .small-heading-mob {
        font-size: 18px;
        font-weight: 500;
        width: 100%;
        margin-top: 5px;
        color: #3a3a3a;
      }

      .bannerFood {
        background-image: none;
      }

      /*.bannerFood.nitro-lazy {
        background-image: none !important;
      }*/

      .bowl-rice-cb,
      .main-banner-text h2 br {
        display: none;
      }

      .bannerFood {
        background-color: #121212;
        overflow: hidden;
      }

      .main-banner-text h2 {
        font-size: 26px;
      }

      .bowl-images {
        top: inherit;
        left: -20px;
        margin: auto;
        transform: rotate(-40deg);
        bottom: -70px;
        width: 170px;
        height: auto;
      }

      .main-banner-text ul {
        margin: 15px -15px;
      }

      .main-banner-text ul li {
        padding: 15px;
        text-align: center;
        line-height: 1.3;
      }

      .main-banner-text ul li img {
        margin: auto;
        margin-bottom: 10px;
        display: block;
      }

      .div-left-text h4 {
        font-size: 16px;
      }

      .caption-crausal,
      .top-caption-carusal {
        padding: 15px;
        text-align: center;
      }

      .caption-crausal h4 {
        text-align: center !important;
      }

      .top-caption-carusal {
        width: 100%;
        left: 0;
        right: 0;
        top: 0;
      }

      .top-caption-carusal h4 {
        font-size: 18px;
      }

      .top-caption-carusal h5,
      .top-caption-carusal p {
        font-size: 14px;
      }

      .mobile-common {
        padding: 30px;
      }

      .main-sec-nav.nav-tabs li a {
        color: #000;
        font-weight: bold;
        text-align: center;
      }

      .faq-answer p {
        line-height: 1.5;
      }

      .same-heading-mob {
        font-size: 24px;
        font-weight: 600;
        color: #000;
      }

      .container {
        max-width: 100%;
      }

      .delivery-banner.section--banner.mob-block {
        padding-bottom: 0;
      }

      .mob-accordion .panel-collapse span h5,
      .setting-cta-pick h2 {
        letter-spacing: normal;
        font-stretch: normal;
      }

      .mob-accordion .panel-title>a:before {
        font-size: 25px;
        right: 10px;
      }

      .delivery-banner {
        justify-content: flex-end;
        background-color: #797c4c;
        background-image: url("assets/cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/uploads/2020/07/pngwave-2%402x-1.jpg");
      }

      /*.delivery-banner.nitro-lazy {
        background-image: none !important;
      }*/

      .delivery-banner .top-contetnt {
        text-align: center;
        margin-bottom: 2vh;
        padding: 0;
      }

      .delivery-banner .top-contetnt .for_mob_h1 {
        margin-bottom: 25px;
        font-size: 28px;
        font-weight: 600;
        color: #fff;
      }

      .btn-register-header {
        background-color: #7cb136;
        border-color: #7cb136;
      }

      .slightly-changed .carousel-inner img {
        width: auto;
      }

      .same-heading-mob,
      .small-heading-mob,
      .tabularCosting {
        text-align: center;
      }

      .setting-cta-pick {
        text-align: center;
        position: relative;
        background-color: transparent !important;
        padding: 15px 20px 70px;
        margin-bottom: 0;
        margin-top: 0;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, .34) 100%), linear-gradient(to bottom, #101252, #101252);
        border-radius: 10px;
      }

      .setting-cta-pick h2 {
        font-size: 16px;
        font-weight: 600;
        font-style: normal;
        line-height: 1.4;
        text-align: center;
        color: #fff;
      }

      .tabularCosting h4 {
        font-weight: 700;
        font-style: normal;
      }

      .mob-5 {
        padding-top: 30px;
      }

      .mob-accordion .panel-default {
        margin-bottom: 15px;
      }

      .mob-accordion {
        margin: 15px 0 0;
      }

      div.mob-accordion .panel-heading a {
        text-decoration: none;
        padding-left: 70px;
        padding-right: 45px;
      }

      .mob-accordion .panel-heading a img {
        width: 50px;
        left: 10px;
      }

      .mob-accordion .panel-collapse span {
        padding-left: 20px;
        padding-right: 20px;
        display: block;
        padding-bottom: 10px;
      }

      .mob-accordion .panel-collapse span h5 {
        font-size: 15px;
        font-weight: 400;
        font-style: normal;
        line-height: 1.5;
        color: #000;
        margin-top: 0;
      }

      .mob-accordion .panel-collapse span a {
        background-image: linear-gradient(to right, rgba(59, 182, 0, .97) -7%, rgba(31, 97, 0, .98) 0);
      }

      .mob-accordion.settingAccordiance .panel-collapse span h5 {
        color: #fff;
      }

      .top-contetnt a {
        background-image: linear-gradient(261deg, rgba(255, 255, 255, .43), rgba(255, 255, 255, 0)), linear-gradient(to bottom, #ff7000, #ff7000);
        border-color: #ff7a12;
      }

      .greenImageUpper .setting-cta-pick h2,
      .greenImageUpper .setting-cta-pick h2,
      .tabularCosting h4,
      .tabularCosting p {
        font-stretch: normal;
        letter-spacing: normal;
      }

      .slightly-changed .carousel-inner {
        width: auto;
      }

      .slightly-changed .common-carual-indicator-mobile {
        justify-content: center;
        margin: 30px 0;
        flex-wrap: wrap;
        position: static;
        width: 100%;
        display: flex;
      }

      .slightly-changed .common-carual-indicator-mobile li {
        width: calc(33.33% - 10px) !important;
        flex: none;
        height: auto !important;
        margin: 5px !important;
        opacity: 1;
        text-indent: 0;
        background-color: transparent;
        border: none;
        font-size: 14px;
        color: #fff;
        padding: 15px;
        border-bottom: 2px solid transparent;
        border-radius: 0;
      }

      .slightly-changed .common-carual-indicator-mobile li.active {
        opacity: 1;
        border-color: #ff7100;
        background-image: linear-gradient(to bottom, rgba(255, 255, 255, .24), rgba(255, 255, 255, 0));
      }

      .slightly-changed .common-carual-indicator-mobile li img {
        height: 30px;
        display: block;
        margin: auto auto 10px;
      }

      .greenImageUpper {
        background-color: #28bf8a;
        background-image: url("../../cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/uploads/2020/08/group-12.png");
        padding: 70px 30px !important;
        background-size: cover;
        background-position: center;
        background-attachment: fixed;
      }

      .greenImageUpper.nitro-lazy {
        background-image: none !important;
      }

      .greenImageUpper .setting-cta-pick {
        border-radius: 0;
        background-image: linear-gradient(to left, #ec6705, #a40a1a);
        padding: 30px;
      }

      .mob-accordion.settingAccordiance .panel-default,
      .mob-accordion.settingAccordiance .panel-title>a {
        background-image: linear-gradient(to right, #ffab2c -7%, #ff7100);
      }

      .greenImageUpper .setting-cta-pick h2 {
        margin: 0;
        font-size: 18px;
        font-weight: 700;
        font-style: normal;
        line-height: 1.33;
        text-align: center;
        color: #fff;
      }

      .greenImageUpper .setting-cta-pick h2 {
        margin: 16px 0 20px;
        font-size: 16px;
        font-weight: 500;
        font-style: normal;
        line-height: 1.5;
        text-align: center;
        color: #fff;
      }

      .greenImageUpper .setting-cta-pick a {
        background-color: #000;
        border-color: #000;
      }

      .mob-accordion.settingAccordiance .panel-title>a.collapsed {
        background-image: none;
      }

      .mob-accordion.settingAccordiance .panel-title>a:before {
        color: #fff;
        border-color: #fff;
      }

      .mob-accordion.settingAccordiance .panel-heading {
        background-color: transparent;
        padding: 0;
      }

      .mob-accordion.settingAccordiance .panel-heading a {
        color: #fff;
        font-size: 18px;
        background-color: #000;
      }

      .mob-accordion.settingAccordiance .panel-default {
        margin-bottom: 15px;
        border: none;
      }

      .mob-accordion.settingAccordiance .panel-heading a img {
        width: auto;
        left: 20px;
        height: 30px;
        top: 0;
        bottom: 0;
        margin: auto;
        position: absolute;
      }

      .focus-image {
        margin: 20px 0;
      }

      .tabularCosting h4 {
        font-size: 18px;
        line-height: 1.22;
        text-align: center;
        color: #2f2f2f;
      }

      .tabularCosting p {
        font-size: 15px;
        font-weight: 400;
        font-style: normal;
        line-height: normal;
        text-align: center;
        color: #2a2a2a;
      }

      .tabularCosting a {
        background-color: #fb7507;
        border-color: #fb7407;
        margin-top: 10px;
      }

      body .btn-register-header {
        background-color: #ff991f;
        border-color: #ff991f;
        background-image: none;
        border-radius: 0;
      }

      .common-home h4 {
        color: #fff;
      }

      .mob-accordion .panel-title>a.collapsed:before {
        content: "-";
      }

      .mob-accordion .panel-title>a:before {
        float: right !important;
        content: "+";
        padding: 0 0 3px 1px;
        position: absolute;
        right: 15px;
        width: 30px;
        height: 30px;
        border: 1px solid #66666a;
        color: #a5a5a7;
        border-radius: 50%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        font-weight: 600;
        top: 0;
        bottom: 0;
        margin: auto;
        flex-direction: column;
        font-size: 20px;
        line-height: 1;
      }

      .mob-accordion .panel-heading a {
        position: relative;
        padding: 15px;
        display: block;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.42;
        letter-spacing: normal;
        text-align: left;
      }

      .faq-answer p {
        font-size: 14px;
        margin: 0;
      }

      .faq-answer {
        padding: 0;
      }
    }

    @media (max-width:767px) {
      .services-banner__content h4 {
        font-size: 14px;
        padding: 12px 20px;
      }

      .btn-common,
      .services-banner__content button.btn-common span {
        font-size: 14px;
      }

      br {
        display: none;
      }

      section#feature-list {
        padding: 15px;
      }

      br {
        display: none;
      }

      .main-sec-nav.nav-tabs li a {
        font-weight: 600;
        padding-left: 8px;
        padding-right: 8px;
        font-size: 12px;
      }
    }

    @media (max-width:340px) {
      .delivery-banner .top-contetnt h1 {
        font-size: 24px;
      }
    }

    @media (orientation:landscape) {
      .mob-5 img {
        max-width: 300px;
        width: 100%;
      }
    }

    .right_btn {
      opacity: 0;
    }

    .for-mi {
      display: none;
    }

    .for-us {
      display: none;
    }

    .for-uk {
      display: none;
    }

    .for-row {
      display: block;
    }

    .right_btn {
      border: none;
      font-size: 16px;
      font-weight: 600;
      position: fixed;
      right: 0;
      text-transform: capitalize;
      top: 50%;
      backface-visibility: hidden;
      z-index: 11;
      white-space: nowrap;
      background: transparent;
      display: flex;
      flex-direction: column;
      align-items: center;
      padding: 0;
    }

    .right_btn .phone_icon {
      background: #3a8fdd;
      height: 40px;
      width: 40px;
      padding: 8px;
    }

    .right_btn .whatsapp_icon {
      background: #b4fd83;
      height: 40px;
      width: 40px;
      padding: 8px;
    }

    .right_btn {
      row-gap: 15px;
    }

    #myModalMeeting .modal-content {
      width: 100%;
    }

    #myModalMeeting {
      text-align: center;
    }

    #myModalMeeting .scheduleMeetingBtn {
      margin-bottom: 0px;
    }

    #myModalMeeting .form-cover h4 {
      text-align: center;
      font-size: 22px;
      font-weight: 600;
    }

    #myModalMeeting .form-cover h5 {
      margin: 0px;
      font-size: 16px;
      margin-top: 10px;
      color: #000;
      font-weight: 600;
    }

    #myModalMeeting .form-cover {
      padding: 30px 40px;
      width: 100%;
    }

    #myModalMeeting .modal-dialog {
      height: 100%;
      display: flex;
      align-items: center;
      margin: 0px auto;
    }

    form#scheduleMeeting {
      margin-top: 15px;
    }

    .exit-content h3,
    .exit-content h4 {
      font-weight: 700;
      letter-spacing: normal;
    }

    #subscribeform-exit input.exitsubmit,
    .exit-content h4 {
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      color: #fff;
    }

    #myModalMeeting button.close.pop-close {
      position: absolute;
      z-index: 1;
      right: 0;
      top: 0;
      background: #b4fd83;
      border: 0;
      font-size: 24px;
      opacity: 1;
      line-height: 24px;
      padding: 4px 6px;
      width: 30px;
      height: 30px;
    }

    #myModalMeeting .scheduleMeetingBtn {
      margin-bottom: 0;
      background: #b4fd83;
      border: 0;
      padding: 10px 20px;
      font-weight: 500;
      margin-top: 15px;
    }

    #warning {
      display: none;
      width: 100%;
      height: 100%;
      position: fixed;
      z-index: 999999990;
      background-color: rgba(255, 255, 255, .8);
      left: 0;
      top: 0;
      right: 0;
      bottom: 0;
    }

    .flexible-exit {
      width: 100%;
      height: 100%;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
    }

    .exit-content {
      width: 780px;
      box-shadow: 0 12px 34px 0 rgba(27, 26, 26, .37);
      background-image: url("../../cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/uploads/2019/09/background.png");
      position: relative;
      padding: 59px 60px;
      text-align: center;
      background-size: cover;
      border: 1px solid #fff;
      background-color: #000;
    }

    .exit-content.nitro-lazy {
      background-image: none !important;
    }

    .exit-content h4 {
      font-size: 18px;
      margin: 0 0 15px;
    }

    .exit-content h4 span {
      color: var(--color-primary);
    }

    .exit-content h3 {
      font-size: 36px;
      font-style: normal;
      font-stretch: normal;
      line-height: 1;
      color: #fff;
      margin: 0;
    }

    .exit-content h5 {
      margin: 25px 0 0;
      color: #fff;
      font-size: 16px;
    }

    body .exit-content .register-form {
      margin: 10px 0;
      position: relative;
    }

    .exit-hide.fitted-text {
      text-align: center;
      text-decoration: underline;
      font-size: 18px;
      font-weight: 600;
    }

    small.fitted-text {
      color: #fff;
      display: block;
      margin-bottom: 10px;
      float: left;
      width: 100%;
    }

    #subscribeform-exit input.exitsubmit {
      border-radius: 3.6px !important;
      box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .39);
      background-color: var(--color-primary);
      font-size: 16px;
      font-weight: 600;
      letter-spacing: 0;
      border: none;
      padding: 9px 15px;
      height: auto;
      position: static;
      width: 70%;
      margin: 16px auto;
      text-align: center;
      color: #000;
    }

    .location-wrapper .tab-content h5 a {
      color: #fff;
      line-height: 2.36;
      text-decoration: underline;
    }

    .location-wrapper .tab-content h5 {
      display: flex;
      flex-direction: column;
    }

    .location-wrapper .tab-content p {
      line-height: 1.6;
      font-size: calc(.5rem + .5vw);
    }

    a {
      text-decoration: none;
    }

    @media (min-width:1200px) {
      .rtPhoneIcon {
        position: relative;
        display: flex;
        flex-direction: column-reverse;
        align-items: center;
        margin-bottom: 5px;
      }

      .rtWhatsappIcon:before {
        content: "Chat With Us";
        position: absolute;
        height: 40px;
        color: #fff;
        background: #000;
        line-height: 40px;
        padding: 0 12px;
        padding: 0;
        font-size: 1rem;
        font-size: 0;
        transform: translatex(-50%) rotate(90deg);
        top: 50%;
        width: 0;
        left: 50%;
      }

      .rtWhatsappIcon {
        position: relative;
      }
    }

    @media (max-width:1199px) {
      .rtPhoneIcon {
        margin-bottom: 5px;
      }
    }

    @media (min-width:768px) and (max-width:1199px) {
      .location-wrapper .tab-content p {
        line-height: 1.6;
      }
    }

    @media (max-width:991px) {
      #warning {
        display: none !important;
      }

      .common-fixed-btn-footer {
        justify-content: center;
        line-height: normal;
        position: fixed;
        z-index: 9;
        width: calc(100% - 20px);
        left: 50%;
        transform: translateX(-50%);
        bottom: -50px;
        font-size: 17px;
        height: 48px;
      }
    }

    @media (max-width:767px) {
      .right_btn {
        top: 30%;
      }

      .exit-content h3 {
        font-size: 24px;
      }
    }

    #bs5popup_main .panel.panel--form {
      padding: calc(1rem + 1vw) calc(1rem + 1vw) calc(1rem + 1vw) calc(1rem + .1vw);
      box-shadow: none;
    }

    #bs5popup_main .modal-dialog {
      width: 100%;
      max-width: 850px;
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%);
      margin: 0;
    }

    .left_cover {
      height: 100%;
      background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/uploads/2019/07/vector-smart-object@3x-10.webp");
      background-size: cover;
      background-repeat: no-repeat;
    }

    .left_cover.nitro-lazy {
      background-image: none !important;
    }

    .row-flexible-stretch {
      display: flex;
      flex-wrap: wrap;
      align-items: stretch;
    }

    span.error-msg {
      position: absolute;
      bottom: 3px;
      color: red;
      width: 100%;
      left: 0;
      font-size: 10px;
    }

    .form_field {
      position: relative;
    }

    .form-blockchain .subscribesubmit {
      font-weight: 500;
      padding: 12px 30px;
    }

    .form_field .form-control-input {
      width: 100%;
      border: 0;
      border-bottom: 1px solid #ddd;
      margin-bottom: 20px;
      padding: .5rem .75rem;
      font-size: 16px;
      color: #000;
    }

    .form_title {
      font-weight: 400;
      margin-bottom: 1.5rem;
    }

    .sms_input input[type=checkbox],
    .whatsapp_input input[type=checkbox] {
      margin: 0 5px 0 0;
      accent-color: #a7dd4d;
    }

    .blockchain_form .sms_inputs label {
      font-size: 12px;
      color: #2f2f2f;
      align-items: center;
      display: flex;
      margin-left: 0 !important;
    }

    .blockchain_form .select-error,
    .blockchain_form p.radio-message {
      font-size: 14px;
      line-height: .86;
      letter-spacing: normal;
      text-align: left;
      color: #a9a9a9;
      display: block;
      margin-bottom: 0;
      font-weight: 400;
    }

    .validate-btn input[type=submit] {
      font-size: 18px;
      font-weight: 700;
      text-align: left;
      color: var(--color-black);
      background-color: var(--color-primary);
      border: 1px solid var(--color-primary);
      margin-bottom: 0;
      height: 50px;
      padding: 0 20px;
      border-radius: 0;
      margin-top: 1rem;
    }

    #bs5popup_main button.close {
      position: absolute;
      z-index: 999;
      right: 0;
      top: 0;
      background: #b4fd83;
      border: 0;
      font-size: 24px;
      opacity: 1;
      line-height: 24px;
      padding: 4px 6px;
      width: 30px;
      height: 30px;
    }

    .blockchain_form .select-error {
      margin-top: 1rem;
    }

    .blockchain_form .panel.panel--budget .radio {
      width: auto;
      position: relative;
      margin-bottom: 6px !important;
    }

    .blockchain_form .budget-wrapper {
      margin: 0 -10px;
      display: flex;
      flex-wrap: wrap;
    }

    .blockchain_form p.radio-message {
      margin-bottom: 10px;
    }

    .panel.panel--form .panel__foot .panel__action input[type=submit] {
      color: var(--color-black);
      background-color: var(--color-primary);
      border: 1px solid var(--color-primary);
    }

    .sms_inputs {
      width: 100%;
      margin: 20px auto 0;
      display: flex;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: space-between;
    }

    .blockchain_form .panel.panel--budget .radio input[type=radio] {
      visibility: visible;
      display: block;
      position: absolute;
      width: 100%;
      height: 100%;
      opacity: 0;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      z-index: 999;
    }

    .blockchain_form .panel.panel--budget .radio label {
      display: inline-block;
      padding: 8px 10px;
      border-radius: 2.5px;
      background-color: #e8edf1;
      font-size: 16px;
      font-weight: 400;
      font-style: normal;
      font-stretch: normal;
      line-height: normal;
      letter-spacing: normal;
      text-align: center;
      color: #657683;
      margin: 0;
      width: 100%;
    }

    .blockchain_form .panel.panel--budget .radio {
      width: auto;
      position: relative;
      max-width: calc(50% - 20px);
      flex: 0 0 calc(50% - 20px);
      margin: 10px !important;
    }

    .form_field {
      position: relative;
      display: inline-block;
      width: 100%;
    }

    .tea-cup-pop {
      position: absolute;
      width: 300px;
      left: -30px;
      bottom: 0;
      margin: auto;
      z-index: 9;
    }

    @media (max-width:991px) {
      .left_cover {
        display: none;
      }

      #bs5popup_main .modal-dialog {
        max-width: 500px;
      }

      .form_leftarea {
        display: none;
      }

      img.tea-cup-pop {
        display: none;
      }

      .blockchain_form .panel.panel--budget .radio label {
        font-size: 14px;
      }
    }

    @media (max-width:767px) {
      #bs5popup_main .modal-dialog {
        max-width: 354px;
      }
    }
  </style>
  <style >
      :root {
        --color-primary: #b4fd83;
        --color-secondary: #08323d;
        --color-white: #fff;
        --color-black: #000;
        --color-dark: #282828;
        --text-primary: #b4fd83;
      }

      .btn-common {
        border-radius: 7px;
        height: 43px;
        line-height: 43px;
        line-height: 1.35;
        font-size: 1rem;
        padding: 0 14px;
        font-weight: 600;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: all .3s;
        width: fit-content;
        gap: 10px;
        position: relative;
        overflow: hidden;
      }

      .btn-common span {
        z-index: 1;
      }

      .btn-common {
        animation: button 1s cubic-bezier(.33, 0, .25, 1);
      }

      @keyframes button {
        0% {
          transform: translateY(3.125rem);
          opacity: 0;
        }

        39.1% {
          transform: translateY(2.625rem);
        }

        52.2% {
          opacity: 0;
        }

        87% {
          opacity: 1;
        }

        to {
          transform: translateY(0);
          opacity: 1;
        }
      }

      .btn-common-primary {
        color: var(--color-black);
        background-color: var(--color-primary);
        border: 1px solid #98e365;
      }

      .btn-common-primary .button-icon-container {
        background: #fff;
      }

      .btn-common::before {
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .5), transparent);
      }

      .btn-common::before {
        -webkit-animation: shine 1.5s ease-in-out infinite;
        animation: shine 1.5s ease-in-out infinite;
      }

      @-webkit-keyframes shine {
        0% {
          left: -100%;
        }

        100% {
          left: 100%;
        }
      }

      @keyframes shine {
        0% {
          left: -100%;
        }

        100% {
          left: 100%;
        }
      }

      .button-icon-container {
        padding: 4px 12px;
        transition-timing-function: cubic-bezier(.33, 0, .25, 1);
        transition-duration: .5s;
        transition-property: all;
        border-radius: .375rem;
        background: #b4fd83;
        overflow: hidden;
        gap: .75rem;
        display: flex;
        justify-content: flex-start;
        width: 3rem;
      }

      .transition-all {
        transition-property: all;
        transition-timing-function: cubic-bezier(.33, 0, .25, 1);
        transition-duration: .5s;
        margin-left: -2rem;
        margin-right: 0;
      }

      .shrink-0 {
        flex-shrink: 0;
      }

      .btn-common:hover .button-icon-container .fill-btn-hover-content {
        margin-left: 0 !important;
      }

      .btn-common-primary:hover,
      .btn-primary:focus {
        color: #fff;
        background: #6dc134;
        outline: none;
        border-color: #6dc134;
      }

      .btn-common:active:focus {
        background: #b4fd83;
        color: #fff;
        outline: none;
      }

      @media (min-width:1400px) {
        .btn--lg {
          height: 56px;
          line-height: 56px;
          padding: .875rem 1.25rem;
          font-size: 1.125rem;
        }
      }

      body {
        font-family: "Poppins";
        font-weight: 400;
        font-style: normal;
        font-size: 14px;
      }

      header nav.navbar p {
        font-weight: normal;
        font-size: 16px;
      }

      header {
        background: #fff;
        border-bottom: 1px solid #f4f4f4;
        position: relative;
      }

      header .navbar .navbar-nav .nav-link {
        font-size: 18px;
        color: inherit;
        font-weight: normal;
        line-height: 1.56;
        padding: 12px 15px;
        border-radius: 10px;
        margin-right: .5rem;
      }

      header .navbar .navbar-nav .nav-link:hover {
        background: #f4f8fb;
      }

      header.section-header {
        position: relative;
      }

      .menu_icon_arrow {
        width: 32px;
        height: 20px;
        background: #b4fd83;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: center;
        transition-timing-function: cubic-bezier(.33, 0, .25, 1);
        transition-duration: .5s;
        transition-property: all;
        border-radius: 4px;
      }

      .col-megamenu {
        border-radius: 10px 10px 0 0;
        background-color: #fff;
        padding: calc(1rem + .5vw) calc(1rem + .5vw);
        margin-bottom: 30px;
      }

      .col-megamenu:after {
        content: "";
        position: absolute;
        bottom: -15px;
        width: 100%;
        height: 1px;
        background: #e8e8e8;
        left: 0;
      }

      .col-megamenu:hover {
        background-color: #f4f8fb;
      }

      .section-header .product_dropdown {
        padding: 25px 0 40px;
      }

      .menu-title .title,
      .blog_title {
        font-size: calc(1rem + .4vw);
        color: inherit;
        font-weight: 700;
      }

      .menu_icon_arrow img {
        height: 10px;
        object-fit: contain;
        padding: 0 8px;
      }

      .col-megamenu .title_description {
        color: #4d4d4d;
        margin-top: 6px;
      }

      .header_blogs .card.card--blog {
        row-gap: calc(1rem + .2vw);
        border: none;
        border: 0;
        background: transparent;
      }

      .header_blogs .info-meta {
        display: flex;
        justify-content: space-between;
        font-size: 12px;
        color: #888;
        text-transform: uppercase;
        font-weight: 500;
      }

      .header_blogs .info-meta svg {
        margin-right: 11px;
        color: #151515;
      }

      .header_blogs .card.card--blog h4 {
        font-size: calc(1rem + .1vw);
        font-weight: 500;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        color: inherit;
        line-height: 1.67;
      }

      .menu_type,
      h3.title_industry span {
        color: #000;
      }

      a.apply_link,
      a.apply_link:before {
        transition-timing-function: cubic-bezier(.33, 0, .25, 1);
        transition-duration: .5s;
        transition-property: all;
      }

      button.btn-common-plain {
        background: 0 0;
        border: 0;
        text-decoration: underline;
        text-underline-position: under;
        align-items: center;
        padding: 0;
      }

      .image_explore {
        margin-top: calc(1rem + 1vw);
      }

      h3.title_industry {
        color: #636363;
        font-size: calc(1rem + .5vw);
        line-height: 1.3;
      }

      .industry_menu {
        background: #fff;
        padding: calc(1rem + .2vw) calc(1rem + .5vw);
        border-radius: 10px;
      }

      .industry_menu:hover {
        background: #f4f8fb;
      }

      .menu_type {
        font-size: 1.25rem;
        font-weight: 600;
      }

      a.apply_link {
        color: #535353;
        line-height: normal;
        text-decoration: none;
        font-weight: 500;
        position: relative;
        display: inline-block;
      }

      a.apply_link:hover {
        padding-left: 15px;
        color: #000;
      }

      a.apply_link:hover:before {
        left: 0;
        opacity: 1;
      }

      a.apply_link:before {
        opacity: 0;
        content: "";
        background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2024/09/single-arrow.webp");
        position: absolute;
        left: -15px;
        top: 50%;
        width: 10px;
        height: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        transform: translateY(-50%);
      }

      .service_menu-title {
        margin-bottom: 10px;
      }

      #header_slide .slider_item {
        padding: 13px;
        background: #f4f8fb;
        border-radius: 20px;
        cursor: pointer;
      }

      #header_slide .slider_content {
        margin: calc(.5rem + .5vw) 10px;
      }

      #header_slide .slide_description {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 15px;
        justify-content: space-between;
      }

      #header_slide .slide_description p {
        color: #a0a0a0;
        font-weight: 500;
        width: calc(100% - 47px);
        margin-bottom: 0;
      }

      #header_slide .icn {
        width: 32px;
        height: 32px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #000;
        border-radius: 50%;
        margin-left: 15px;
      }

      #header_slide .slide_tittle h5 {
        color: #7b7b7b;
        font-size: calc(1rem + .1vw);
        margin-bottom: calc(1rem + .5vw);
      }

      #header_slide .carousel-indicators [data-bs-target] {
        width: 45px;
        height: 6px;
        background-color: #f4f8fb;
        opacity: 1;
        border-radius: 10px;
        border: 0 !important;
      }

      .bolg-img {
        display: block;
        cursor: pointer;
      }

      #header_slide .carousel-indicators .active {
        background-color: #dde6ec;
      }

      #header_slide .carousel-indicators {
        bottom: -20px;
        margin-bottom: 0;
      }

      #header_slide .slider_item:hover .icn img {
        transform: rotate(-45deg);
      }

      #header_slide .slider_item .icn img {
        transition: all .3s;
      }

      .col-megamenu {
        position: relative;
      }

      .col-megamenu a.expend_link {
        position: absolute;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
      }

      .info-meta svg {
        margin-right: 5px;
      }

      @keyframes button {
        0% {
          transform: translateY(3.125rem);
          opacity: 0;
        }

        39.1% {
          transform: translateY(2.625rem);
        }

        52.2% {
          opacity: 0;
        }

        87% {
          opacity: 1;
        }

        to {
          transform: translateY(0);
          opacity: 1;
        }
      }

      .btn-common-primary .button-icon-container {
        background: #fff;
      }

      .head_blogarea {
        background: #f4f8fb;
        padding: calc(1.2rem + 1vh) calc(2rem + 1vh);
      }

      .service_menu-title {
        text-decoration: none;
      }

      .service_menu-title:hover {
        color: #000;
      }

      .image_explore img {
        height: 165px;
        width: 100%;
        object-fit: cover;
        border-radius: 20px;
      }

      .meta__item .country {
        background: #fff;
        padding: 4px 10px;
        border-radius: 5px;
      }

      .meta__item .tag {
        background: #000;
        color: #fff;
        padding: 2px 10px;
        border-radius: 4px;
        margin-right: 10px;
        font-weight: 600;
      }

      .meta {
        display: flex;
        align-items: center;
      }

      .slide_description .arrow {
        width: 40px;
        height: 40px;
        border: 1px solid;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        transform: rotate(-45deg);
      }

      .resources_dropdown .industry_menu_link p {
        margin: 0;
      }

      .resources_dropdown {
        padding: calc(1rem + 1vw) 0;
      }

      .resources_dropdown .industry_menu .industry_menu_link {
        text-decoration: unset;
        color: #000;
        padding: calc(1rem + .2vw) calc(1rem + .5vw);
        display: block;
      }

      .resources_dropdown .industry_menu {
        padding: 0;
      }

      .card.card--entrepreneurship {
        border: none;
        border-radius: 10px;
        overflow: hidden;
        text-decoration: none;
      }

      .card.card--entrepreneurship .card__head {
        height: 160px;
      }

      .card.card--entrepreneurship .card__head img {
        width: 100%;
      }

      .card.card--entrepreneurship .card__body {
        background: #000;
        color: #fff;
        display: flex;
        align-items: center;
        padding: 13px 10px;
      }

      .card.card--entrepreneurship .card__body .arrow img {
        filter: invert(1);
        transform: rotate(-45deg);
      }

      .card.card--entrepreneurship .card__body .arrow {
        width: 30px;
        height: 30px;
        border: 1px solid;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .card.card--entrepreneurship .card__body p {
        margin: 0;
        width: calc(100% - calc(30px + 15px));
      }

      .navbar-toggler-icon {
        display: flex;
        justify-content: center;
        align-items: center;
      }

      .header-fixed header {
        position: fixed;
        left: 0;
        right: 0;
        width: 100%;
        top: 0;
        z-index: 999;
        transition: all .3s;
      }

      nav.navbar.navbar-expand-lg {
        flex-direction: column;
      }

      .card.card--blog .card-action {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        cursor: pointer;
      }

      .card.card--blog .pointer {
        width: 45px;
        height: 45px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all .3s;
      }

      .card.card--blog .card__head {
        position: relative;
      }

      @media all and (min-width: 1920px) {
        .container--narrow {
          max-width: 1600px;
        }
      }

      @media (min-width:768px) {}

      @media all and (min-width: 992px) {
        .slider_header {
          margin-top: calc(1.5rem + 1vw);
        }

        .explore_industry {
          margin-top: 25px;
        }

        header li.main_nav-item {
          padding-top: .5rem;
          padding-bottom: .5rem;
        }

        .col-megamenu .menu_icon_arrow {
          opacity: 0;
          visibility: hidden;
          position: absolute;
          right: -6rem;
        }

        .menu-title {
          position: relative;
          width: max-content;
        }

        .col-megamenu:hover .menu_icon_arrow {
          opacity: 1;
          visibility: visible;
          right: -4rem;
        }

        .navbar .has-megamenu {
          position: static !important;
        }

        .navbar .megamenu {
          left: 0;
          right: 0;
          width: 100%;
          margin-top: 0;
        }

        header .dropdown-toggle::after {
          display: none;
        }

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

        header .dropdown .dropdown-menu {
          border-top: 1px solid #f4f4f4;
          border-width: 1px 0 0 0;
          box-shadow: rgba(37, 49, 56, .1) 0px 4px 8px -2px, rgba(37, 49, 56, .06) 0px 2px 4px -2px;
        }

        .service_menu-title {
          position: relative;
          width: max-content;
        }

        .industry_menu .menu_icon_arrow {
          opacity: 0;
          visibility: hidden;
          position: absolute;
          right: -6rem;
        }

        .industry_menu:hover .menu_icon_arrow {
          opacity: 1;
          visibility: visible;
          right: -4rem;
        }

        a.apply_link {
          line-height: 2;
        }

        .header-fixed header.header-product {
          top: 67px;
        }

        .card.card--blog:hover .pointer {
          opacity: 1;
          visibility: visible;
          transform: translate(-50%, -50%);
        }
      }

      @media (min-width:1200px) {

        .Industries_dropdown,
        .services_dropdown {
          padding: 20px 0 45px 0;
        }

        .industries_links a.apply_link:not(:last-child):after {
          content: "";
          position: absolute;
          right: 0;
          top: 50%;
          transform: translateY(-40%);
          height: 13px;
          width: 1px;
          background: #535353;
        }

        .industries_links a.apply_link:not(:last-child) {
          padding-right: 5px;
          margin-right: 5px;
        }

        .card.card--blog .pointer {
          width: calc(2rem + 2vw);
          height: calc(2rem + 2vw);
          transform: translate(-50%, 50%);
          opacity: 0;
          visibility: hidden;
        }
      }

      @media (min-width:1900px) {
        .container.container--narrow {
          max-width: 1600px !important;
        }
      }

      @media (max-width: 1699px) {
        .industry_menu {
          padding: calc(.5rem + .1vw) calc(.5rem + .1vw);
        }

        .col-megamenu {
          padding: calc(.5rem + .5vw);
        }

        .menu-title .title,
        .blog_title {
          font-size: calc(1rem + .5vw);
        }
      }

      @media (max-width: 1399px) {
        a.apply_link {
          display: inline-block;
          font-size: 14px;
        }

        .menu_type {
          font-size: 16px;
        }

        .btn-common {
          font-size: 1rem;
          padding: 0 10px;
        }

        .industry_menu:hover .menu_icon_arrow {
          right: -3rem;
        }
      }

      @media (min-width:1200px) and (max-width: 1399px) {
        header .navbar .navbar-nav .nav-link {
          padding: 12px 12px;
        }
      }

      @media (max-width: 1199px) {
        header .navbar .navbar-nav .nav-link {
          font-size: 16px;
          line-height: 1.56;
          padding: 12px 12px;
        }

        .col-megamenu {
          padding: calc(.5rem + 0vw);
        }

        .menu-title .title,
        .blog_title {
          font-size: calc(1rem + .2vw);
        }

        .menu_icon_arrow {
          display: none;
        }

        .service_menu-title {
          margin-bottom: 5px;
        }

        header .dropdown .dropdown-menu {
          max-height: calc(100vh - calc(53px + 150px));
          overflow: scroll;
        }
      }

      @media (min-width: 992) and (max-width: 1199px) {
        .industry_menu {
          padding: 0;
        }
      }

      @media (max-width: 991px) {
        .resources_dropdown .industry_menu .industry_menu_link p {
          display: none;
        }

        .header_btn {
          display: none;
        }

        .resources_dropdown.show {
          margin-top: 0;
          padding-top: 0;
        }

        .resources_dropdown .industry_menu .industry_menu_link {
          padding: 5px 0;
        }

        .resources_dropdown a#food_pdf {
          display: none;
        }

        header .dropdown .dropdown-menu {
          border-width: 0px 0 0 0;
        }

        .navbar.fixed-top .navbar-collapse,
        .navbar.sticky-top .navbar-collapse {
          overflow-y: auto;
          max-height: 90vh;
          margin-top: 10px;
        }

        header.section-header .navbar-toggler:focus {
          box-shadow: 0 0 0 0rem;
        }

        header a.nav-link.dropdown-toggle.show::after {
          transform: rotate(180deg);
        }

        header .dropdown-toggle::after {
          right: 18px;
          top: 22px;
          margin-left: auto;
          position: absolute;
        }

        header .navbar .navbar-nav .nav-link:hover {
          background: transparent;
        }

        header .navbar .navbar-nav .nav-link {
          background: transparent;
          border-top: 1px solid #ebeff2;
          border-radius: 0;
          padding-left: 0;
          font-weight: 600;
        }

        .col-megamenu {
          padding-left: 0;
        }

        .industry_menu {
          padding-left: 0;
          padding-top: 0;
        }

        .menu_type {
          font-size: 1.1rem;
          margin-bottom: 0;
        }

        a.apply_link {
          font-size: 14px;
          width: 100%;
          line-height: 2.3;
        }

        .industry_menu.mb-2 {
          background: transparent;
          margin-bottom: 0 !important;
        }

        header .navbar-nav li.nav-item.main_nav-item>a {
          font-size: 18px;
          font-weight: 600;
        }

        .industry_menu {
          margin-bottom: 10px;
        }

        .header-fixed header.header-product {
          top: 59px;
        }

        .navbar-brand img {
          height: 40px;
        }
      }

      @media (min-width:768px) and (max-width:1199px) {
        .btn-common-primary .button-icon-container {
          display: none;
        }

        header .navbar .navbar-nav .nav-link {
          font-size: 14px;
        }
      }

      @media (max-width:767px) {
        .section-header .product_dropdown {
          padding: 0;
        }
      }
    </style>
    <style onload="NPRL.onLoadStyle(this)" onerror="NPRL.onErrorStyle(this)">
      @media (min-width:1920px) {
        .container.container--narrow {
          max-width: 1600px;
          width: 100%;
        }
      }

      header.header-product {
        background-color: #fff;
        box-shadow: rgba(37, 49, 56, .1) 0px 4px 8px -2px, rgba(37, 49, 56, .06) 0px 2px 4px -2px;
        transition: all .3s;
        z-index: 9;
      }

      header.header-product .navbar-toggler:focus {
        box-shadow: none;
      }

      .btn-common {
        text-decoration: none;
      }

      .header-fixed.scrolled header.header-product {
        top: 0;
      }

      .header-fixed.scrolled header.section-header {
        top: -69px;
      }

      .card.card--blog .card-action {
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        cursor: pointer;
      }

      .card.card--blog .pointer {
        width: 45px;
        height: 45px;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        transition: all .3s;
      }

      .card.card--blog .card__head {
        position: relative;
      }

      @media (min-width:992px) {
        .card.card--blog:hover .pointer {
          opacity: 1;
          visibility: visible;
          transform: translate(-50%, -50%);
        }
      }

      @media (min-width:1200px) {
        .card.card--blog .pointer {
          width: calc(2rem + 2vw);
          height: calc(2rem + 2vw);
          transform: translate(-50%, 50%);
          opacity: 0;
          visibility: hidden;
        }
      }
    </style>
    <style onload="NPRL.onLoadStyle(this)" onerror="NPRL.onErrorStyle(this)">
      :root {
        --color-primary: #ff7402;
      }

      .header-fixed .sub_menu_bottom {
        position: sticky;
        z-index: 999;
        background: #fff;
      }

      .slider--blog .slick-prev,
      .slider--blog .slick-next {
        width: 62px;
        height: 62px;
        z-index: 1;
      }

      .slider.slider--blog {
        overflow: unset;
        width: auto;
        margin: unset;
      }

      section.section.section--blog {
        padding: calc(2rem + 2vw) 0;
        border-top: 1px solid #e3e3e3;
      }

      .slider--blog .slick-prev {
        left: -100px;
      }

      .slider--blog .slick-next {
        right: -100px;
      }

      .slider--blog .card.card--blog {
        margin: 20px 15px;
        transition: all .3s;
        border: 1px solid #d6d6d6;
      }

      .slider--blog .slider--blog .slick-prev:before,
      .slider--blog .slider--blog .slick-next:before {
        content: none;
      }

      .slider--blog .slider--blog .slick-disabled {
        opacity: .5;
      }

      .slider--blog .card.card--blog .card__body {
        padding: 20px;
      }

      .slider--blog .card.card--blog .card__body .btn-register-header {
        box-shadow: none;
      }

      .blog-info {
        display: flex;
        justify-content: space-between;
        font-size: 15px;
        margin-bottom: 2rem;
      }

      .blog-info small:nth-child(1) {
        padding: 5px 10px;
        background: #f6f6f6;
        border-radius: 5px;
      }

      .slider--blog .card.card--blog .card__body h4 {
        margin-bottom: 2rem;
        font-weight: bold;
        height: 40px;
        font-size: 18px;
      }

      .slider--blog .card.card--blog:hover {
        box-shadow: 0 10px 10px rgba(0, 0, 0, .15);
      }

      .slider--blog .card.card--blog .card__head img {
        width: 100%;
        height: 210px;
        object-fit: cover;
        object-position: top;
      }

      .section--blog .section__head {
        margin-bottom: calc(2rem + 2vw);
      }

      .section--blog .section__head h2 {
        font-weight: bold;
        font-size: calc(1.7rem + 1vw);
        margin-top: 0;
        margin-bottom: 15px;
      }

      .section--blog .section__head p {
        font-size: 18px;
      }

      .slider--blog .slick-dots li button:before {
        font-size: 65px;
      }

      b,
      strong {
        font-weight: 600;
      }

      body .panel.panel--form .panel__foot .panel__action input[type=submit] {
        color: var(--color-black);
        background-color: #a8d86f;
        border: 1px solid #a8d86f;
      }

      .btn-common-primary {
        color: var(--color-black);
        background-color: #b4fd83;
        border: 1px solid #b4fd83;
      }

      body #ymDivBar {
        background: #b4fd83 !important;
      }

      .right_btn .whatsapp_icon path:first-child {
        fill: #b4fd83 !important;
      }

      .right_btn .whatsapp_icon {
        background: #b4fd83 !important;
      }

      header {
        padding: 0;
        position: static;
      }

      @keyframes pulso {
        0% {
          -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, .8);
        }

        70% {
          -moz-box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 20px rgba(255, 255, 255, 0);
        }

        100% {
          -moz-box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
          box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
        }
      }

      .header_btn.btn-common-primary {
        color: var(--color-black);
        background-color: #b4fd83;
        border: 1px solid #b4fd83;
      }

      .seo-menu .container {
        max-width: 100%;
        padding: 0 7%;
        overflow: visible;
        width: 100%;
      }

      #sub_Navbar li a {
        font-size: 16px;
        color: #000;
        font-weight: 400;
        position: relative;
        border-bottom: 2px solid transparent;
        padding-left: 0;
        padding-right: 0;
      }

      #sub_Navbar .nav>li {
        padding-left: 15px;
        padding-right: 15px;
      }

      #sub_Navbar .nav>li>a:focus,
      #sub_Navbar .nav>li>a:hover {
        text-decoration: none;
        background-color: transparent;
      }

      #sub_Navbar .nav>li:hover a {
        border-bottom-color: #b3e230;
      }

      .sub_menu_bottom .navbar {
        border-radius: 0;
        margin-bottom: 10px;
      }

      .ats-cb ul li span a:hover,
      body .btn-register-header:hover {
        text-decoration: none;
        cursor: pointer;
      }

      .card.card--blog .card__body .btn-register-header {
        background: #ff7100;
      }

      .partnership-independent-cta {
        background-image: linear-gradient(to left, #ec6705, #a40a1a);
      }

      .partnership-independent-cta img {
        filter: brightness(0) invert(1);
      }

      .video-dom i {
        position: absolute;
        bottom: 20px;
        right: 0;
        display: block;
        text-align: center;
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.69;
        letter-spacing: normal;
        color: #fff;
        width: 120px;
      }

      .video-dom i img {
        display: block;
        width: 100px;
        margin: 0 auto -10px;
      }

      .video-dom {
        margin-top: 30px;
        display: block;
        position: relative;
      }

      .lity-close {
        top: -50px;
        margin: 0;
      }

      .partnership-independent-cta .btn-register-header {
        background-color: #000 !important;
        border-color: #000 !important;
        background-image: none !important;
      }

      .partnership-independent-cta .btn-register-header.nitro-lazy {
        background-image: none !important;
      }

      body ul.setting-clients-section {
        margin-left: 0;
        margin-right: 0;
      }

      section.micro-food-section {
        padding-top: 50px;
        overflow: hidden;
      }

      h1.making_h1_p {
        font-size: 18px;
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
        color: #ececec;
        line-height: 1.56;
        margin-top: 40px;
        margin-bottom: 0;
      }

      .margin-auto {
        margin-left: auto;
        margin-right: auto;
      }

      .faq-title:after,
      .faq-title:before {
        content: "";
        position: absolute;
        top: 50%;
      }

      .faq-row {
        padding: 15px 0;
        border-bottom: 1px solid #000;
      }

      .faq-title {
        display: block;
        padding: 15px 80px 15px 0;
        position: relative;
        font-weight: 700;
        color: #161616;
        -webkit-transition: .2s linear;
        transition: .2s linear;
        text-decoration: none;
      }

      .faq-row.is-active .faq-title:before {
        background: #ff7402;
      }

      .faq-title:before {
        height: 35px;
        width: 35px;
        background: #000;
        border-radius: 50%;
        right: 0;
        transform: translateY(-50%);
      }

      .faq-row.is-active .faq-title:after {
        -webkit-transform: translatey(-30%) rotate(-135deg);
        transform: translatey(-30%) rotate(-135deg);
      }

      .faq-title:after {
        right: 12px;
        border-right: 3px solid #fff;
        border-bottom: 3px solid #fff;
        width: 11px;
        height: 11px;
        -webkit-transform: rotate(45deg);
        transform: translatey(-75%) rotate(45deg);
        -webkit-transition: .2s linear;
        transition: .2s linear;
      }

      .faq-title h2 {
        margin: 0;
        font-size: 26px;
      }

      .faq-row h3 {
        font-size: 19px;
        font-weight: 700;
        color: #030218;
      }

      .faq-answer {
        display: none;
        padding: 0 0 20px;
      }

      .faq-answer p {
        font-size: 17px;
        line-height: 1.5;
        color: #030218;
      }

      .section--faq {
        padding: 50px 0;
      }

      .section--faq .new-heading .make_h2 {
        font-size: 48px;
        font-weight: bold;
        line-height: 1.21;
        letter-spacing: -1.19px;
        color: #000;
        margin-bottom: 30px;
      }

      ul.faq_listing {
        padding-left: 50px;
        font-size: 16px;
      }

      ul.sublisting li {
        margin-bottom: 0;
        font-size: 16px;
      }

      .list-addon-home li h4 {
        font-size: 46px;
        font-weight: 700;
        font-stretch: normal;
        font-style: normal;
        line-height: .9;
        letter-spacing: normal;
        color: #210f00;
        margin-bottom: 10px;
      }

      .list-addon-home li p {
        font-size: 18px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.56;
        letter-spacing: normal;
        color: #232323;
        margin-bottom: 0;
      }

      .list-addon-home li img {
        object-fit: scale-down;
        object-position: center;
        width: 80px;
        margin-right: 10px;
      }

      .list-addon-home {
        list-style: none;
        padding: 0;
        margin: 0;
        display: flex;
        flex-wrap: wrap;
        margin-left: -15px;
        margin-right: -15px;
        margin-bottom: 60px;
      }

      .content_view {
        width: calc(100% - 100px);
      }

      .list-addon-home li {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        width: calc(33.33% - 30px);
        border-radius: 3px;
        border: 1px solid #f4dbb1 !important;
        background-color: #fff8ec;
        margin: 15px;
        padding: 10px;
      }

      .animation-on-hover.btn-register-header {
        font-size: 18px;
        font-weight: 600;
        padding: 13px 20px 13px 47px;
      }

      .div-left-text h4,
      .process-state-left ol.carousel-indicators li {
        font-style: normal;
        font-stretch: normal;
        line-height: 1.3;
        letter-spacing: normal;
        text-align: left;
      }

      .process-state-left ol.carousel-indicators {
        flex-direction: column;
      }

      .process-state-left ol.carousel-indicators li span {
        display: inline-block;
        width: 60px;
        height: 60px;
        text-align: center;
        vertical-align: middle;
        position: relative;
        transition: .5s;
      }

      .process-state-left ol.carousel-indicators li span img {
        height: 30px;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
      }

      .process-state-right .carousel-item img {
        width: 100%;
      }

      .caption-crausal {
        position: absolute;
        right: 15px;
        border-radius: 1.5px;
        background-color: #fff;
        padding: 30px 30px 5px;
      }

      .caption-crausal.div-left-text h4 {
        margin: 0 0 15px;
      }

      .div-left-text h4 {
        font-weight: 600;
        color: #131d2b;
      }

      ul.list-clients li img {
        height: 50px;
        object-fit: scale-down;
        width: 140px;
        transition: .5s;
        backface-visibility: hidden;
      }

      ul.list-clients li:before {
        content: "";
        width: 80px;
        height: 80px;
        position: absolute;
        background-color: #70aa26;
        left: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        opacity: 0;
      }

      ul.list-clients li:hover img {
        transform: scale(1.02);
      }

      ul.list-clients {
        list-style: none;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        padding: 0;
        margin: 0;
      }

      body .setting-clients-section li {
        width: calc(20% - 0px) !important;
        margin: 0;
        padding: 0;
        height: 125px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #e9e9e9;
        transition: all .3s;
      }

      .masonary-grid-cb li span a,
      span.arrow-speaks {
        background-image: linear-gradient(to right, #ffab2c -7%, #ff7100);
      }

      .masonary-grid-cb,
      .store-list-cb {
        list-style: none;
        padding: 0;
        display: flex;
      }

      span.arrow-speaks:before {
        width: 0;
        height: 0;
        border-top: 84px solid #ff7202;
        border-left: 70px solid transparent;
        content: "";
        position: absolute;
        z-index: 2;
        transform: rotate(248deg);
        top: -21px;
        right: -47px;
      }

      span.arrow-speaks {
        margin-top: 40px;
        border-radius: 33px;
        display: block;
        font-size: 24px;
        font-weight: 600;
        font-stretch: normal;
        font-style: italic;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: center;
        color: #fff;
        position: relative;
        padding: 30px;
      }

      .masonary-grid-cb li span h4,
      .masonary-grid-cb li span p,
      h5.same-middle-heading {
        font-stretch: normal;
        font-style: normal;
        letter-spacing: normal;
      }

      h5.same-middle-heading {
        font-size: 24px;
        font-weight: 500;
        line-height: 1.25;
        color: #141414;
        margin: 0 0 20px;
      }

      img.bowl-rice-cb {
        position: absolute;
        bottom: -130px;
        right: 0px;
        width: 250px;
      }

      .masonary-grid-cb {
        margin: 50px -15px 0;
      }

      .masonary-grid-cb li {
        width: calc(55% - 30px);
        margin: 15px;
      }

      .masonary-grid-cb li span {
        display: flex;
        flex-direction: column;
        padding: 40px;
        background-size: 120%;
        background-position: center;
        transition: .4s;
      }

      .masonary-grid-cb li span:hover {
        background-size: 130%;
      }

      .masonary-grid-cb li:first-child span:nth-child(1) {
        background-image: url("https://new.prophecius.in/wp-content/uploads/2025/05/Build_Your_Brand_and_Trust.webp");
      }

      /*.masonary-grid-cb li:first-child span:nth-child(1).nitro-lazy {
        background-image: none !important;
      }*/

      .masonary-grid-cb li:first-child span:nth-child(2) {
        background-image: url("https://new.prophecius.in/wp-content/uploads/2025/05/Online_Food_Ordering_System.webp");
        margin-top: 30px;
      }

      /*.masonary-grid-cb li:first-child span:nth-child(2).nitro-lazy {
        background-image: none !important;
      }*/

      .masonary-grid-cb li:nth-child(2) {
        background-image: url("https://new.prophecius.in/wp-content/uploads/2025/05/Customized_The_Ordering.webp");
        background-color: #bf2500;
        background-size: 85%;
        background-position: 110% 110%;
        background-repeat: no-repeat;
        width: calc(45% - 30px);
        transition: .4s;
      }

      /*.masonary-grid-cb li:nth-child(2).nitro-lazy {
        background-image: none !important;
      }*/

      .masonary-grid-cb li:nth-child(2):hover {
        background-position: 101% 101%;
      }

      .masonary-grid-cb li span h4 {
        font-size: 26px;
        font-weight: 700;
        line-height: 1.31;
        color: #fff;
        margin: 0;
      }

      .masonary-grid-cb li span p {
        font-size: 16px;
        font-weight: 400;
        line-height: 1.63;
        color: #fff;
        margin: 10px 0 20px;
      }

      .masonary-grid-cb li:first-child span:nth-child(1) h4,
      .masonary-grid-cb li:first-child span:nth-child(1) p {
        color: #000;
      }

      .masonary-grid-cb li span a {
        width: 50px;
        height: 50px;
        box-shadow: 0 4px 13px 0 rgba(255, 134, 16, .35);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        color: #fff;
      }

      .masonary-grid-cb li span a i {
        color: #fff;
        font-size: 24px;
      }

      .store-list-cb {
        margin: 30px -15px 0;
        flex-wrap: wrap;
      }

      .store-list-cb li {
        width: calc(33.33% - 30px);
        margin: 15px;
        border-radius: 3px;
        box-shadow: 0 12px 24px 0 rgba(0, 0, 0, .1);
        background-color: #ffdba8;
        padding: 40px 30px 0;
        background-image: linear-gradient(to bottom, #fff8ed -7%, #ffdba8);
      }

      .store-list-cb li h4,
      .store-list-cb li h5 {
        color: #210f00;
        font-weight: 700;
      }

      .section--AI_feature {
        background: #242424;
        color: #fff;
        padding: calc(4rem + 2vh) 0;
      }

      .section--AI_feature .section--AI_feature .same-large-heading {
        color: #fff;
        margin-bottom: 4rem;
      }

      .section--AI_feature .Features_list_items {
        background: #363636;
        width: calc(25% - 15px);
        border-radius: 10px;
        border: 1px solid rgba(255, 255, 255, .17);
        padding: calc(1rem + .5vw);
        position: relative;
        overflow: hidden;
      }

      .section--AI_feature .Features_list_items .description {
        opacity: 0;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        transition: .5s;
        background: #363636;
      }

      .section--AI_feature .Features_list_items:hover .description {
        opacity: 1;
        position: absolute;
        top: 0;
        bottom: 0;
      }

      .section--AI_feature .Features_list_items h3 {
        font-size: calc(.65rem + .5vw);
        line-height: 30px;
        margin-top: 20px;
      }

      .section--AI_feature .Features_list {
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
      }

      .section--AI_feature .feature_listing_image {
        margin-top: 3rem;
      }

      .section--AI_feature .Features_list_items p {
        display: flex;
        align-items: center;
        height: 100%;
        justify-content: center;
        padding: 1rem;
        font-size: 16px;
        font-weight: 500;
        margin-bottom: 0;
      }

      .btn-common,
      .title-tag {
        font-weight: 600;
        position: relative;
      }

      .services-title,
      .title-tag {
        margin-bottom: calc(.5rem + .5vw);
        position: relative;
      }

      .title-tag {
        color: #888;
        font-size: 18px;
        line-height: 3rem;
        text-transform: uppercase;
        padding-left: 30px;
        letter-spacing: 1px;
      }

      .title-tag:before {
        content: "";
        position: absolute;
        height: 16px;
        width: 16px;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2024/09/tag-star.webp");
      }

      .services-banner__content {
        padding: calc(2rem + 1vw) calc(1rem + 1vw);
        background-color: #000;
        color: #fff;
        border-radius: 10px;
        display: flex;
        flex-direction: column;
        row-gap: calc(1rem + .73vw);
        background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2024/09/services-banner-bg-img.webp");
        background-size: cover;
        background-position: top;
      }

      .services-banner__content.nitro-lazy {
        background-image: none !important;
      }

      .services-banner__content h4 {
        display: inline-block;
        flex-grow: 0;
        width: max-content;
        margin: 0;
        padding: 13px 25px;
        border: 1px solid;
        font-weight: 400;
        border-radius: 10px;
        font-size: calc(1rem + .45vw);
      }

      .services-banner__content h3 {
        margin: 0;
        font-weight: 500;
        line-height: 1.28;
      }

      .btn-common-primary {
        color: var(--color-black);
        background-color: var(--color-primary);
        border: 1px solid var(--color-primary);
      }

      .btn-common {
        animation: 1s cubic-bezier(.33, 0, .25, 1) button;
        border-radius: 7px;
        height: 43px;
        font-size: 1rem;
        padding: 0 14px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: space-between;
        transition: .3s;
        line-height: 1.35;
        width: fit-content;
        gap: 10px;
        overflow: hidden;
      }

      .button-icon-container,
      .transition-all {
        transition-timing-function: cubic-bezier(.33, 0, .25, 1);
        transition-duration: .5s;
        transition-property: all;
      }

      .btn-common::before {
        -webkit-animation: 1.5s ease-in-out infinite shine;
        animation: 1.5s ease-in-out infinite shine;
        content: "";
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(120deg, transparent, rgba(255, 255, 255, .5), transparent);
      }

      @-webkit-keyframes shine {
        0% {
          left: -100%;
        }

        100% {
          left: 100%;
        }
      }

      @keyframes shine {
        0% {
          left: -100%;
        }

        100% {
          left: 100%;
        }
      }

      .btn-common span {
        z-index: 1;
      }

      .btn-common-primary .button-icon-container {
        background: #fff;
      }

      .transition-all {
        margin-left: -2rem;
        margin-right: 0;
      }

      .shrink-0 {
        flex-shrink: 0;
      }

      .services-list__item {
        display: flex;
        flex-wrap: wrap;
        cursor: pointer;
      }

      .services-list__item .icn {
        width: calc(2rem + 1.5vw);
        height: calc(2rem + 1.5vw);
      }

      .img-fluid {
        max-width: 100%;
        height: auto;
      }

      .services-list__content {
        width: calc(100% - calc(calc(2rem + 1.5vw) + calc(2rem + 1vw)));
      }

      .services-title {
        display: flex;
        align-items: center;
        column-gap: 20px;
        width: max-content;
        margin-top: calc(.5rem + .5vw);
      }

      .services-title h3 {
        margin: 0;
        font-size: calc(1rem + .73vw);
      }

      .button-icon-container {
        padding: 4px 12px;
        border-radius: .375rem;
        background: var(--color-primary);
        overflow: hidden;
        gap: .75rem;
        display: flex;
        justify-content: flex-start;
        width: 3rem;
      }

      .section--services {
        padding: calc(4rem + 2vh) 0;
        display: inline-block;
        width: 100%;
        background: #fafafa;
        color: #000;
      }

      @media (min-width: 992px) {
        .services-list__item:not(:last-child) p {
          margin-bottom: calc(1rem + .73vw);
          padding-bottom: calc(1rem + .73vw);
          border-bottom: 1px solid #e0e0e0;
        }

        .service-head-wrapper {
          position: sticky;
          top: 100px;
        }

        .desk-block {
          display: block;
        }

        .mobile_CTA_Region {
          display: none;
        }

        .mob-block {
          display: none;
        }

        .bannerFood {
          background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2023/07/home_banner_desk.webp");
          background-size: cover;
          background-position: center right;
          text-align: center;
          position: relative;
        }

        /*.bannerFood.nitro-lazy {
          background-image: none !important;
        }*/

        .main-banner-text h2 {
          font-size: 41px;
          font-weight: 700;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.24;
          letter-spacing: normal;
          text-align: center;
          color: #fff;
          visibility: hidden;
          margin: 0;
        }

        .main-banner-text p,
        .main-banner-text ul li {
          font-size: 18px;
          font-stretch: normal;
          font-style: normal;
          letter-spacing: normal;
        }

        .bannerFood .row {
          height: 100vh;
        }

        .main-banner-text ul {
          padding: 0;
          margin: 0;
          list-style: none;
          display: flex;
          justify-content: center;
          visibility: hidden;
        }

        .main-banner-text ul li {
          font-weight: 600;
          line-height: 1.67;
          color: #fff;
          padding: 40px;
        }

        .main-banner-text ul li img {
          width: 32px;
          height: 32px;
          object-fit: scale-down;
          margin-right: 20px;
        }

        .animation-on-hover.btn-register-header {
          border-radius: 3px;
          box-shadow: 0 2px 44px 0 rgba(0, 0, 0, .18);
          background-image: linear-gradient(to right, #ffab2c -7%, #ff7100);
          text-transform: uppercase;
          text-transform: capitalize;
          border-color: #ff7f0c;
        }

        .main-banner-text p {
          font-weight: 500;
          line-height: 1.56;
          text-align: center;
          color: #ececec;
          margin: 40px 0 0;
          visibility: hidden;
        }

        .main-banner-text a {
          color: #fff;
        }

        .bowl-images {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          margin: auto;
          height: 70vh;
          visibility: hidden;
        }

        .foodTechSuit .container {
          position: relative;
          margin-bottom: 40px;
          margin-top: -100px;
        }

        .small-mobile-micro {
          width: 250px;
          position: absolute;
          bottom: -40px;
          margin: auto;
          display: block;
        }

        span.small-mobile-micro.one-micro {
          left: 0;
        }

        span.small-mobile-micro.two-micro {
          right: 0;
        }

        .same-large-heading {
          font-size: 34px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.35;
          letter-spacing: normal;
          margin: 0;
          color: #000;
        }

        .same-large-heading span {
          color: #ec6705;
        }

        .micro-food-section {
          margin-bottom: 70px;
        }

        .list-addon-home li {
          width: calc(33.333% - 30px);
          border-radius: 3px;
          border: 1px solid #f4dbb1 !important;
          background-color: #fff8ec;
        }

        .list-addon-home {
          margin-bottom: 50px;
          margin-top: 50px;
        }

        .classic-cta {
          border-radius: 3px;
          background-image: linear-gradient(252deg, #000 97%, #686868);
          display: block;
          width: 100%;
          float: left;
          padding: 70px 50px;
          overflow: hidden;
          position: relative;
        }

        .inner-classic-cta h2 {
          font-size: 30px;
          color: #fff;
        }

        .inner-classic-cta p {
          color: #fff;
          font-size: 20px;
          margin: 10px 0 30px;
          line-height: 1.3;
        }

        .cta-mobile-list {
          position: absolute;
          left: 0;
          top: 0;
          width: auto;
          bottom: 0;
          margin: auto;
        }

        .inner-classic-cta {
          padding-left: 40px;
        }

        .ats-cb ul li,
        .classic-cta.full-cta-classic .container {
          position: relative;
        }

        .ats-cb ul li h4,
        .store-list-cb li h4,
        .store-list-cb li h5,
        .store-list-cb li p {
          font-stretch: normal;
          font-style: normal;
          letter-spacing: normal;
        }

        .store-list-cb li h5 {
          font-size: 18px;
        }

        .store-list-cb li h4 {
          font-size: 24px;
        }

        .store-list-cb li p {
          font-size: 18px;
          font-weight: 400;
          line-height: 1.56;
          color: #64584d;
        }

        .store-list-cb li a {
          font-size: 14px;
          font-weight: 800;
          font-stretch: normal;
          font-style: normal;
          line-height: normal;
          letter-spacing: .67px;
          text-align: center;
          color: #000;
          display: inline-block;
          text-transform: capitalize;
          cursor: pointer;
        }

        .store-list-cb li img {
          position: relative;
          right: -30px;
        }

        .store-list-cb li a i {
          color: #f1730b;
          font-size: 24px;
          vertical-align: sub;
          margin-left: 10px;
        }

        .classic-cta.full-cta-classic .animation-on-hover.btn-register-header {
          background-image: none;
          background-color: #000;
          border: 1px solid #000;
        }

        .classic-cta.full-cta-classic .animation-on-hover.btn-register-header.nitro-lazy {
          background-image: none !important;
        }

        .classic-cta.full-cta-classic {
          background-image: linear-gradient(to right, #a40a1a -7%, #ec6705);
          padding: 0;
          overflow: visible;
          margin: 80px 0 150px;
        }

        .classic-cta.full-cta-classic .cta-mobile-list {
          position: absolute;
          left: -40px;
          top: 0;
          bottom: 0;
          margin: auto;
          z-index: 1;
          width: 450px;
        }

        .ats-cb ul {
          padding: 0;
          list-style: none;
        }

        .ats-cb ul li {
          border-radius: 5px;
          background-image: linear-gradient(109deg, #ffdba8 2%, #fff0da 97%);
          margin: 30px 0 0;
          padding: 30px 200px 30px 30px;
          color: #2d2d2d;
          transition: .4s;
        }

        .ats-cb ul li h4 {
          font-size: 22px;
          font-weight: 700;
          line-height: 1.09;
          margin: 0;
        }

        .ats-cb ul li span {
          right: 0;
          top: 0;
          bottom: 0;
          display: flex;
          margin: auto;
        }

        .ats-cb ul li p {
          font-size: 16px;
          font-weight: 400;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.5;
          letter-spacing: normal;
          margin: 10px 0 0;
        }

        .ats-cb ul li span {
          width: 170px;
          position: absolute;
          background-color: rgba(0, 0, 0, .03);
          flex-direction: column;
          justify-content: center;
          align-items: center;
          padding: 15px;
        }

        .ats-cb ul li span b {
          position: absolute;
          font-size: 180px;
          font-weight: 600;
          font-stretch: normal;
          font-style: italic;
          letter-spacing: normal;
          color: #ef6e13;
          line-height: .8;
          opacity: .05;
          left: 0;
          margin: auto;
          text-align: center;
          width: 100%;
          top: 0;
          bottom: 0;
        }

        .ats-cb ul li span a,
        .ats-cb ul li span h5,
        .process-state-left ol.carousel-indicators li i {
          font-style: normal;
          letter-spacing: normal;
          font-stretch: normal;
        }

        .ats-cb ul li span h5 {
          font-size: 20px;
          font-weight: 700;
          line-height: 1.2;
          text-align: center;
          margin: 0;
        }

        .ats-cb ul li span a i {
          color: #f26f03;
          font-size: 18px;
          vertical-align: middle;
          margin-left: 0;
          display: block;
        }

        .ats-cb ul li span a {
          font-size: 12px;
          font-weight: 800;
          line-height: 2;
          text-align: center;
          color: #2b2b2b;
          cursor: pointer;
          display: block;
          text-transform: capitalize;
          margin-top: 5px;
          position: relative;
        }

        .ats-cb ul li:hover {
          background-image: linear-gradient(to right, #a40a1a -7%, #ec6705);
          color: #fff;
        }

        .ats-cb ul li:hover span a,
        .ats-cb ul li:hover span a i {
          color: #fff;
        }

        .lastcb-cta-bottom {
          background-image: none;
          background-color: #eef0ff;
        }

        .lastcb-cta-bottom.nitro-lazy {
          background-image: none !important;
        }

        .lastcb-cta-bottom .inner-classic-cta h2 {
          color: #000;
          margin: 15px 0 30px;
        }

        .lastcb-cta-bottom .inner-classic-cta p {
          color: #000;
          margin: 0;
        }

        .process-state-left:after,
        .process-state-left:before {
          display: none;
        }

        .process-state-left ol {
          padding: 0;
        }

        .last-slider-section {
          margin: 0;
          background-color: #282828;
          padding: 70px 0;
        }

        .process-state-left ol.carousel-indicators li span {
          border-radius: 0;
          border: none;
          background-color: transparent;
          margin-right: 0;
          margin-left: 5px;
        }

        .process-state-left ol.carousel-indicators li {
          border-radius: 5px;
          background-color: #000;
          margin: 10px 0;
        }

        .process-state-left ol.carousel-indicators li i {
          font-size: 16px;
          font-weight: 600;
          line-height: 1.55;
          color: #fff;
        }

        .process-state-left ol.carousel-indicators li.active {
          background-image: linear-gradient(to right, #ffab2c -7%, #ff7100);
        }

        .top-caption-carusal {
          position: absolute;
          width: 300px;
          left: 30px;
          top: 30px;
        }

        .top-caption-carusal h5 {
          font-size: 16px;
          font-weight: 500;
          font-stretch: normal;
          line-height: 1.3;
          letter-spacing: 3.23px;
          color: #fff;
          margin: 0;
        }

        .top-caption-carusal h4,
        .top-caption-carusal p {
          font-stretch: normal;
          font-style: normal;
          letter-spacing: normal;
          color: #fff;
        }

        .top-caption-carusal h4 {
          font-size: 24px;
          font-weight: 700;
          line-height: 1.28;
          margin: 5px 0;
        }

        .top-caption-carusal p {
          font-size: 16px;
          font-weight: 500;
          line-height: 1.5;
          margin: 0;
        }

        .caption-crausal {
          left: 30px;
          bottom: 20px;
          width: 450px;
        }

        .caption-crausal.div-left-text span,
        .tagger-liner {
          display: block;
        }

        .div-left-text h4 {
          font-size: 18px;
          margin: 0;
        }

        .caption-crausal.div-left-text a {
          border-color: rgba(60, 181, 0, .9);
          background-image: none;
          background-color: rgba(60, 181, 0, .9);
          color: #fff;
          margin-top: 15px;
          margin-bottom: 15px;
          padding-top: 10px;
          padding-bottom: 10px;
          font-size: 14px;
          font-weight: 700;
        }

        .caption-crausal.div-left-text a.nitro-lazy {
          background-image: none !important;
        }

        .caption-crausal.div-left-text a:before {
          border-color: #fff;
        }

        .classic-cta.full-cta-classic.orange-gredient-cta {
          text-align: center;
          padding: 80px;
          margin: 0 0 70px;
        }

        .classic-cta.full-cta-classic.orange-gredient-cta a {
          margin-top: 30px;
        }

        .tagger-liner {
          font-size: 26px;
          font-weight: 600;
          font-stretch: normal;
          font-style: italic;
          line-height: 1.46;
          letter-spacing: normal;
          width: 100%;
          text-align: center;
          color: #fff;
          margin-top: 50px;
        }

        .setledownsub .same-large-heading {
          font-size: 30px;
          color: #fff;
        }

        .setledownsmall .same-small-heading {
          color: #fff;
          font-size: 18px;
          line-height: 1.6;
          padding-right: 200px;
        }

        .margin-cb-food-bot {
          margin-bottom: 20px;
        }

        .bannerFood_overlay {
          background: rgba(0, 0, 0, .5);
          position: absolute;
          left: 0;
          top: 0;
          right: 0;
          bottom: 0;
          z-index: 1;
        }

        .main-banner-text {
          z-index: 2;
        }

        section.foodTechSuit {
          z-index: 3;
          position: relative;
        }

        .header-fixed .sub_menu_bottom {
          top: 64px;
        }
      }

      @media (min-width: 1200px) {
        .services-list__item:hover .button-icon-container {
          opacity: 1;
          visibility: visible;
          right: -4rem;
        }

        .services-title .button-icon-container {
          opacity: 0;
          visibility: hidden;
          position: absolute;
          right: -6rem;
        }

        .services-banner {
          width: calc(100% - 15%);
        }

        .services-banner__content {
          padding-bottom: calc(5rem + 5vw);
        }

        .services-list {
          margin-top: calc(2rem + 1.3vw);
        }

        .services-list__item {
          column-gap: calc(2rem + 1vw);
        }
      }

      @media (min-width: 1400px) {
        .btn--lg {
          height: 56px;
          line-height: 56px;
          padding: .875rem 1.25rem;
          font-size: 1.125rem;
        }
      }

      @media (min-width: 1200px) and (max-width: 1360px) {
        .slider--blog .slick-prev {
          left: -20px;
        }

        .slider--blog .slick-next {
          right: -20px;
        }

        .slider--blog .slick-prev img,
        .slider--blog .slick-next img,
        .slider--blog .slick-prev,
        .slider--blog .slick-next {
          width: 28px;
        }
      }

      @media (max-width:1200px) {
        .services-banner__content h4 {
          padding: 8px 12px;
          font-size: calc(1rem + .35vw);
        }
      }

      @media (max-width:1200px) {
        .main-banner-text ul li {
          padding: 30px 15px;
        }

        .list-addon-home li p {
          font-size: 16px;
        }

        .cta-mobile-list {
          left: -200px;
          height: 100%;
        }

        img.bowl-rice-cb {
          position: absolute;
          bottom: -90px;
          right: 0;
          width: 200px;
        }

        .classic-cta.full-cta-classic .cta-mobile-list {
          height: auto;
        }

        .sidebar-image {
          width: 55%;
          padding: 150px 0;
        }

        .setledownsmall .same-small-heading {
          padding-right: 50px;
        }
      }

      @media (max-width:1199px) {
        .slider--blog .card.card--blog .card__body h4 {
          height: auto;
        }

        .slider--blog .card.card--blog .card__head img {
          height: auto;
        }

        .sidebar-image {
          width: 50%;
          padding: 150px 0;
        }

        .slider--blog .card.card--blog .card__head img {
          height: 190px;
          object-fit: cover;
          object-position: center;
        }

        .navbar-brand {
          height: 42px;
          display: flex;
        }

        .Features_list_items h3 {
          line-height: 24px;
        }

        .services-title {
          margin-top: 0;
        }
      }

      @media (min-width: 768px) and (max-width:991px) {
        ul.coverGotList li {
          background-position-x: 100%;
        }

        .customizableList li p {
          width: 60%;
        }

        li.montly_transaction {
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
        }

        .lightenDarken ul li.montly_transaction img {
          position: relative;
          margin: unset;
          left: -10px;
          top: 12px !important;
        }

        .customizableList li {
          width: 100%;
        }

        .services-list {
          display: flex;
          flex-wrap: wrap;
          align-items: stretch;
          margin-top: 30px;
        }

        .services-list__item .icn {
          margin-right: 15px;
        }

        .services-list__content {
          width: calc(100% - calc(calc(2rem + 1.5vw) + 15px));
        }

        .services-list__content p {
          line-height: 1.5;
        }

        .services-title h3 {
          font-size: 20px;
        }

        .services-list__item {
          max-width: calc(50% - 30px);
          flex: 0 0 calc(50% - 30px);
          margin: 15px;
          height: 100%;
          flex-direction: row;
        }

        .services-list__item:not(:last-child) p {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: none;
        }
      }

      @media (max-width:991px) {
        .services-list__item {
          padding-bottom: 20px;
          margin-bottom: 25px;
          border-bottom: 1px solid #ddd;
        }

        .section--AI_feature .Features_list_items h3 {
          font-size: 16px;
        }

        .services-list__content p {
          margin: 0;
        }

        .Features_list_items {
          width: calc(33.33% - 10px);
        }

        .Features_list {
          gap: 15px;
        }

        .Features_list_items {
          width: calc(50% - 10px);
        }

        .services-banner {
          margin-top: 30px;
          width: 100%;
        }

        .seo-menu .container {
          padding: 0 15px;
        }

        a.food_logo img {
          width: 120px;
        }

        .seo-menu.sub_menu_bottom {
          border-top: 1px solid #b3e230;
          padding-top: 8px;
        }

        .sub_menu_bottom .navbar {
          min-height: auto;
        }

        #sub_Navbar .nav>li {
          background: #f5f5f5;
          display: block;
          width: 100%;
        }

        #sub_Navbar .nav>li:not(:last-child) {
          border-bottom: 1px solid #d3d3d3;
        }

        div#sub_Navbar.collapse.in .navbar-nav {
          display: block;
        }

        div#sub_Navbar.collapse .navbar-nav {
          display: none;
          width: 100%;
          margin-right: 0;
        }

        .sub_menu_bottom .navbar-header {
          display: contents;
        }

        .sub_menu_bottom .navbar-collapse {
          padding: 0;
        }

        .sub_menu_bottom .navbar-right {
          float: none !important;
          margin-top: 12px;
        }

        .prepare_onlie_cta {
          background: #eef0ff;
        }

        .coverGotList li>img,
        .food_industry_CTA .inner-cta-iamges-cb img {
          display: none;
        }

        .The_Success {
          background-image: linear-gradient(to left, #343434, #1a1a1a);
          color: #fff;
          padding: 20px;
          margin-bottom: 0 !important;
        }

        section.The_Success h5 {
          color: #ff8610;
        }

        .food_industry_CTA img.cta-mobile-list {
          max-width: 100%;
          width: 80% !important;
          margin: 0 auto;
          z-index: 9;
          position: relative;
        }

        .food_industry_CTA .inner-classic-cta {
          background-image: linear-gradient(to left, #ec6705, #a40a1a);
          padding: 80px 20px 20px;
          color: #fff;
        }

        .food_industry_CTA {
          background-color: #28bf8a;
        }

        .masonary-grid-cb li span a {
          position: absolute;
          right: 10px;
          top: 50%;
          transform: translateY(-50%);
        }

        body .setting-clients-section li {
          width: calc(33.33% - 0px) !important;
        }

        ul.list-clients li:nth-child(1n+13) {
          display: none;
        }

        ul.list-clients li img {
          height: 50px;
          object-fit: scale-down;
          width: 80px;
        }

        .btn-register-header:before {
          left: 10px;
        }

        .animation-on-hover.btn-register-header {
          font-size: 16px;
          padding: 10px 15px 10px 38px;
        }

        .list-addon-home li img {
          width: 50px;
        }

        .content_view {
          width: calc(100% - 60px);
        }

        .desk-block {
          display: none;
        }

        .small-heading-mob {
          font-size: 18px;
          font-weight: 500;
          width: 100%;
          margin-top: 5px;
          color: #3a3a3a;
        }

        .foodTechSuit .container {
          margin-bottom: 40px;
          margin-top: 40px;
        }

        .bannerFood,
        .masonary-grid-cb li:nth-child(2) {
          background-image: none;
        }

        .bannerFood.nitro-lazy,
        .masonary-grid-cb li:nth-child(2).nitro-lazy {
          background-image: none !important;
        }

        span.main-Desktop-micro {
          padding: 0;
        }

        .small-mobile-micro {
          width: 20%;
          position: absolute;
          bottom: 0;
        }

        .same-large-heading,
        .setledownsub .same-large-heading {
          font-size: 24px;
          text-align: center;
          font-weight: 600;
        }

        .bowl-rice-cb,
        .cta-mobile-list,
        .main-banner-text h2 br,
        .same-large-heading br {
          display: none;
        }

        .bannerFood {
          background-color: #121212;
          overflow: hidden;
        }

        .main-banner-text h2 {
          font-size: 26px;
        }

        .bowl-images {
          top: inherit;
          left: -20px;
          margin: auto;
          transform: rotate(-40deg);
          bottom: -70px;
          width: 170px;
          height: auto;
        }

        .main-banner-text ul {
          margin: 15px -15px;
        }

        .main-banner-text ul li {
          padding: 15px;
          text-align: center;
          line-height: 1.3;
        }

        .main-banner-text ul li img {
          margin: auto;
          margin-bottom: 10px;
          display: block;
        }

        span.small-mobile-micro.one-micro {
          left: 15px;
        }

        span.small-mobile-micro.two-micro {
          right: 15px;
        }

        body .list-addon-home {
          margin: 30px -15px !important;
        }

        body .list-addon-home li {
          padding: 15px;
          text-align: center;
          width: calc(50% - 15px) !important;
          margin: 7.5px;
        }

        body .list-addon-home li:last-child {
          width: calc(100% - 15px) !important;
        }

        .list-addon-home li h4 {
          font-size: 36px;
          text-align: center;
        }

        .classic-cta {
          padding: 30px 15px 40px;
          text-align: center;
        }

        .inner-classic-cta {
          padding-left: 15px;
        }

        .inner-classic-cta h2 {
          font-size: 24px;
        }

        .micro-food-section {
          margin-bottom: 40px;
        }

        .same-middle-heading {
          text-align: center;
          font-size: 18px;
        }

        span.arrow-speaks {
          margin-top: 30px;
          margin-bottom: 50px;
          font-size: 20px;
        }

        .div-left-text h4,
        .tagger-liner {
          font-size: 16px;
        }

        span.arrow-speaks:before {
          transform: rotate(268deg);
          top: inherit;
          right: 20px;
          margin: auto;
          bottom: -21px;
          border-top: 44px solid #ff7202;
          border-left: 40px solid transparent;
          display: none;
        }

        .masonary-grid-cb {
          flex-wrap: wrap;
          margin-top: 15px;
        }

        .masonary-grid-cb li {
          width: calc(100% - 30px) !important;
          margin: 15px;
        }

        .masonary-grid-cb li span {
          padding: 20px 90px 20px 20px;
          position: relative;
          background-repeat: no-repeat;
          background-size: cover;
          background-position: left;
        }

        .store-list-cb li {
          max-width: calc(400px - 30px);
          width: 100%;
        }

        .store-list-cb {
          margin-top: 15px;
          justify-content: center;
        }

        .classic-cta.full-cta-classic {
          margin: 0 0 40px;
          padding: 30px 0;
        }

        .inner-cta-iamges-cb {
          width: 100%;
        }

        .sidebar-image {
          width: 100%;
          padding: 15px 0 15px 15px;
          margin-top: 15px;
        }

        .main-sec-ats .container {
          position: static;
        }

        .main-sec-ats .container .row,
        .process-state-left ol.carousel-indicators li span {
          margin: 0;
        }

        .ats-cb {
          width: 100%;
          padding: 0;
        }

        .ats-cb ul li {
          padding: 30px;
          text-align: center;
        }

        .ats-cb ul li span {
          width: 100%;
          position: static;
          margin-top: 30px;
        }

        .last-slider-section {
          margin-bottom: 0;
          padding: 40px 0;
        }

        .caption-crausal,
        .top-caption-carusal {
          padding: 15px;
          text-align: center;
        }

        .caption-crausal h4 {
          text-align: center !important;
        }

        .top-caption-carusal {
          width: 100%;
          left: 0;
          right: 0;
          top: 0;
        }

        .setledownsmall .same-small-heading {
          padding-right: 0;
          text-align: center;
        }

        .inner-cta-iamges-cb img {
          margin-bottom: 30px;
          width: 100%;
        }

        .classic-cta.full-cta-classic .cta-mobile-list {
          display: block;
          width: 50%;
          top: 0;
          bottom: inherit;
          left: 0;
          right: 0;
        }

        .tagger-liner {
          padding: 15px 15px 0;
          margin: 0;
        }

        .classic-cta.full-cta-classic.orange-gredient-cta {
          text-align: center;
          padding: 20px;
          margin: 0 0 40px;
        }

        .top-caption-carusal h4,
        top-caption-carusal h4 {
          font-size: 18px;
        }

        .list-addon-home li p {
          font-size: 16px;
          text-align: center;
          line-height: 1.3;
        }

        .top-caption-carusal h5,
        .top-caption-carusal p {
          font-size: 14px;
        }

        .process-state-left.slightly-black {
          transform-origin: center right;
        }

        .mobile-common {
          padding: 30px;
        }

        .main-sec-nav.nav-tabs li a {
          color: #000;
          font-weight: bold;
          text-align: center;
        }

        .main-sec-nav.nav-tabs li.active a {
          color: #e86e1d;
        }

        .section--faq .new-heading .make_h2 {
          font-size: 28px;
        }

        .faq-title {
          padding: 15px 50px 15px 0;
        }

        .faq-answer p {
          line-height: 1.5;
        }

        .same-heading-mob {
          font-size: 24px;
          font-weight: 600;
          color: #000;
        }

        .circularTexter {
          margin-left: auto;
          margin-right: auto;
        }

        .coverGotList li {
          width: 100%;
          padding-bottom: 40px;
        }

        .coverGotList li a {
          padding: 7px 15px;
          background-image: linear-gradient(to right, #ffab2c -7%, #ff7100);
          font-size: 16px;
          color: #fff;
          border-radius: 3px;
          margin-top: 5px;
          display: inline-block;
        }

        .container {
          max-width: 100%;
        }

        .delivery-banner.section--banner.mob-block {
          padding-bottom: 0;
        }

        .slider.slider--blog .slick-arrow {
          display: none;
        }

        body .coverGotList li h4,
        .lightenDarken.grey-dark-mode .same-heading-mob,
        .remove-black.setting-cta-pick h2 {
          color: #000;
        }

        .mob-4 .mob-choose li i,
        .mob-accordion .panel-collapse span h5,
        .setting-cta-pick h2,
        .setting-cta-pick h5 {
          letter-spacing: normal;
          font-stretch: normal;
        }

        .mob-7 {
          padding: 15px;
        }

        .crausal-inner-text-mobile figcaption p {
          font-size: 15px;
        }

        .mob-accordion .panel-title>a:before {
          font-size: 25px;
          right: 10px;
        }

        .traffic-img {
          width: 100%;
          height: 42vh;
          object-fit: scale-down;
          object-position: bottom;
        }

        .mob-4 .mob-choose li i {
          font-size: 55.5px;
          font-weight: 600;
          font-style: italic;
          line-height: 1;
          color: #dde7ee;
          position: absolute;
          top: -20px;
        }

        .delivery-banner {
          justify-content: flex-end;
          background-color: #797c4c;
          background-image: url("assets/cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/uploads/2020/07/pngwave-2%402x-1.jpg");
        }

        /*.delivery-banner.nitro-lazy {
          background-image: none !important;
        }*/

        .delivery-banner .top-contetnt {
          text-align: center;
          margin-bottom: 2vh;
          padding: 0;
        }

        .delivery-banner .top-contetnt .for_mob_h1 {
          margin-bottom: 25px;
          font-size: 28px;
          font-weight: 600;
          color: #fff;
        }

        .btn-register-header {
          background-color: #7cb136;
          border-color: #7cb136;
        }

        .slightly-changed .carousel-inner img {
          width: auto;
        }

        .same-heading-mob,
        .small-heading-mob,
        .tabularCosting {
          text-align: center;
        }

        .mob-choose li {
          position: relative;
          padding-left: 80px;
          margin: 30px 0;
        }

        .mob-choose {
          position: relative;
          margin-bottom: 30px;
        }

        .mob-choose li img {
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          bottom: inherit;
          margin: auto;
          width: 60px;
        }

        .mob-choose li h4 {
          font-size: 18px;
          font-weight: 700;
          position: relative;
          margin-bottom: 10px;
        }

        .setting-cta-pick {
          text-align: center;
          position: relative;
          background-color: transparent !important;
          padding: 15px 20px 70px;
          margin-bottom: 0;
          margin-top: 0;
          background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 1%, rgba(255, 255, 255, .34) 100%), linear-gradient(to bottom, #101252, #101252);
          border-radius: 10px;
        }

        body .setting-cta-pick.common-home.black .scroll-down {
          border: 1px solid #fff;
          background-color: #ff7000;
          bottom: 25px;
          top: inherit;
          left: 0;
          right: 0;
        }

        .setting-cta-pick h2 {
          font-size: 16px;
          font-weight: 600;
          font-style: normal;
          line-height: 1.4;
          text-align: center;
          color: #fff;
        }

        .setting-cta-pick h5 {
          font-size: 16px;
          font-weight: 500;
          font-style: normal;
          line-height: 1.5;
          text-align: center;
          color: #fff;
        }

        .customizableList li h4,
        .lightenDarken ul li h4,
        .tabularCosting h4 {
          font-weight: 700;
          font-style: normal;
        }

        .setting-cta-pick i {
          width: 37px;
          height: 37px;
          box-shadow: 0 9px 10px 0 rgba(21, 42, 46, .13);
          background-color: #7cb136;
          display: flex;
          flex-wrap: wrap;
          margin: 20px auto auto;
          border-radius: 50%;
          justify-content: center;
          align-items: center;
          color: #fff;
          font-size: 28px;
          cursor: pointer;
        }

        .common-impactor li:before,
        .mob-5 .mob-choose:after,
        .mob-5 .mob-choose:before,
        .rest-element .nav-tabs:before {
          display: none;
        }

        .rest-element {
          background-color: #0c3148;
        }

        .rest-element h4 {
          color: #fff;
          margin-bottom: 20px;
        }

        body .rest-element .nav-tabs li {
          width: 33.33%;
          border-bottom: 2px solid #5d6063 !important;
          padding-bottom: 15px;
        }

        body .rest-element .nav-tabs li.active {
          border-color: #7cb136 !important;
        }

        .rest-element .nav-tabs li a img {
          display: block;
          height: 40px;
          margin: auto auto 10px;
        }

        .rest-element .nav-tabs li,
        .rest-element .nav-tabs li a {
          border: none !important;
          background-color: transparent !important;
          color: #fff !important;
        }

        .rest-element .nav-tabs li a {
          color: #fff;
          opacity: .7;
        }

        .rest-element .nav-tabs li.active a {
          opacity: 1;
        }

        .rest-element .tab-pane p {
          color: #fff;
          text-align: center;
        }

        .cta-mob-btn {
          background-color: #7cb136;
        }

        .mob-5 {
          padding-top: 30px;
        }

        .margin-adjusting,
        .mob-5 .mob-choose li {
          margin: 30px 0;
        }

        .mob-5 .mob-choose {
          margin-bottom: 0;
        }

        .mob-5 .same-heading-mob {
          margin-bottom: 25px;
        }

        .desktio-images,
        .mob-accordion .panel-default {
          margin-bottom: 15px;
        }

        .mob-choose li p {
          font-size: 16px;
        }

        .desktio-images {
          margin-left: -20px;
          margin-right: -20px;
        }

        .mob-accordion {
          margin: 15px 0 0;
        }

        div.mob-accordion .panel-heading a {
          text-decoration: none;
          padding-left: 70px;
          padding-right: 45px;
        }

        .mob-accordion .panel-heading a img {
          width: 50px;
          left: 10px;
        }

        .mob-accordion .panel-collapse span {
          padding-left: 20px;
          padding-right: 20px;
          display: block;
          padding-bottom: 10px;
        }

        .mob-accordion .panel-collapse span h5 {
          font-size: 15px;
          font-weight: 400;
          font-style: normal;
          line-height: 1.5;
          color: #000;
          margin-top: 0;
        }

        .mob-accordion .panel-collapse span a {
          background-image: linear-gradient(to right, rgba(59, 182, 0, .97) -7%, rgba(31, 97, 0, .98) 0);
        }

        .grey-dark-mode {
          background-image: linear-gradient(to left, #343434, #1a1a1a);
          padding-bottom: 40px;
        }

        .settle-up-margin {
          border-radius: 5px;
          background-image: linear-gradient(to left, rgba(255, 255, 255, .12) 98%, rgba(255, 255, 255, 0) 0), linear-gradient(to bottom, #ff7000, #ff7000);
          width: calc(100% - 70px);
          margin: -65px auto auto;
          padding: 20px 75px 20px 20px;
          text-align: left;
        }

        .settle-up-margin h4 {
          text-align: left;
        }

        body .setting-cta-pick.common-home.settle-up-margin .scroll-down {
          top: 0;
          bottom: 0;
          left: inherit;
          right: 25px;
          margin: auto;
        }

        .grey-dark-mode .mob-choose li h4,
        .grey-dark-mode .mob-choose li p,
        .grey-dark-mode .same-heading-mob,
        .grey-dark-mode .small-heading-mob,
        .mob-accordion.settingAccordiance .panel-collapse span h5 {
          color: #fff;
        }

        .grey-dark-mode .mob-choose {
          margin-bottom: 40px;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          margin-top: 20px;
          padding: 0;
          list-style-type: none;
        }

        .grey-dark-mode .mob-choose li img {
          bottom: inherit;
          width: 50px;
          height: 50px;
          object-fit: scale-down;
          top: 20px;
          left: 45px;
        }

        .common-impactor li {
          width: 50%;
          text-align: center;
          padding: 30px 15px 0;
          position: static;
        }

        .common-impactor .progress-vertical-bar {
          width: 40px;
          height: 100px;
          background-color: #e6ecf3;
        }

        .common-impactor .progress-vertical-bar:before {
          background-image: none;
          background-color: #ff7000;
        }

        .common-impactor li p {
          margin: 10px 0 0;
        }

        .top-contetnt p {
          font-size: 18px;
          color: #fff;
        }

        .lightenDarken ul li:last-child img,
        .mob-4 .mob-choose li img {
          top: 0;
          bottom: 0;
        }

        .top-contetnt a {
          background-image: linear-gradient(261deg, rgba(255, 255, 255, .43), rgba(255, 255, 255, 0)), linear-gradient(to bottom, #ff7000, #ff7000);
          border-color: #ff7a12;
        }

        .remove-black {
          background-color: transparent !important;
          background-image: none;
          margin: 0;
        }

        .remove-black.nitro-lazy {
          background-image: none !important;
        }

        .extra-same-heading-mob {
          font-size: 17px;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.9;
          letter-spacing: -.25px;
          text-align: center;
          color: #8cc541;
          margin: 0;
        }

        .circularTexter,
        .coverGotList li h5,
        .customizableList li h4,
        .customizableList li p,
        .greenImageUpper .setting-cta-pick h2,
        .greenImageUpper .setting-cta-pick h2,
        .lightenDarken ul li h4,
        .tabularCosting h4,
        .tabularCosting p {
          font-stretch: normal;
          letter-spacing: normal;
        }

        .grey-dark-mode .mob-choose li.half-col-mob {
          width: calc(50% - 15px);
          padding: 20px 10px;
          text-align: center;
          margin: 7.5px;
        }

        .grey-dark-mode .mob-choose li.half-col-mob img {
          position: static;
        }

        .grey-dark-mode .mob-choose li.half-col-mob p {
          text-align: center;
          margin-top: 15px;
        }

        .grey-dark-mode .mob-choose li {
          background-color: rgba(255, 255, 255, .11);
          margin: 7.5px;
          border-radius: 5px;
          padding: 15px 15px 15px 130px;
        }

        .slightly-changed .carousel-inner {
          width: auto;
        }

        .slightly-changed .common-carual-indicator-mobile {
          justify-content: center;
          margin: 30px 0;
          flex-wrap: wrap;
          position: static;
          width: 100%;
          display: flex;
        }

        .circularTexter:after,
        .circularTexter:before {
          content: "";
          position: absolute;
          right: 0;
          margin: auto;
        }

        .slightly-changed .common-carual-indicator-mobile li {
          width: calc(33.33% - 10px) !important;
          flex: none;
          height: auto !important;
          margin: 5px !important;
          opacity: 1;
          text-indent: 0;
          background-color: transparent;
          border: none;
          font-size: 14px;
          color: #fff;
          padding: 15px;
          border-bottom: 2px solid transparent;
          border-radius: 0;
        }

        .slightly-changed .common-carual-indicator-mobile li.active {
          opacity: 1;
          border-color: #ff7100;
          background-image: linear-gradient(to bottom, rgba(255, 255, 255, .24), rgba(255, 255, 255, 0));
        }

        .slightly-changed .common-carual-indicator-mobile li img {
          height: 30px;
          display: block;
          margin: auto auto 10px;
        }

        .lightenDarken {
          background-color: #fff;
          background-image: none;
          padding-bottom: 30px;
        }

        .lightenDarken.nitro-lazy {
          background-image: none !important;
        }

        .lightenDarken ul li {
          border-radius: 2.4px;
          border: .8px solid #f4dbb1;
          background-color: #fff8ec !important;
          width: 100%;
        }

        .lightenDarken ul li h4,
        .lightenDarken ul li p {
          text-align: center !important;
          color: #000 !important;
        }

        body .lightenDarken ul li p {
          margin: 0 !important;
        }

        .lightenDarken ul li h4 {
          font-size: 36.8px;
          line-height: .9;
          color: #210f00;
          margin: 10px 0;
        }

        .lightenDarken ul {
          margin-bottom: 0 !important;
        }

        .lightenDarken ul li:last-child h4,
        .lightenDarken ul li:last-child p {
          text-align: left !important;
        }

        .greenImageUpper {
          background-color: #28bf8a;
          background-image: url("../../cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/uploads/2020/08/group-12.png");
          padding: 70px 30px !important;
          background-size: cover;
          background-position: center;
          background-attachment: fixed;
        }

        .greenImageUpper.nitro-lazy {
          background-image: none !important;
        }

        .greenImageUpper .setting-cta-pick {
          border-radius: 0;
          background-image: linear-gradient(to left, #ec6705, #a40a1a);
          padding: 30px;
        }

        .circularTexter,
        .circularTexter:after,
        .circularTexter:before,
        .customizableList li .scroll-down,
        .mob-accordion.settingAccordiance .panel-default,
        .mob-accordion.settingAccordiance .panel-title>a {
          background-image: linear-gradient(to right, #ffab2c -7%, #ff7100);
        }

        .greenImageUpper .setting-cta-pick h2 {
          margin: 0;
          font-size: 18px;
          font-weight: 700;
          font-style: normal;
          line-height: 1.33;
          text-align: center;
          color: #fff;
        }

        .greenImageUpper .setting-cta-pick h2 {
          margin: 16px 0 20px;
          font-size: 16px;
          font-weight: 500;
          font-style: normal;
          line-height: 1.5;
          text-align: center;
          color: #fff;
        }

        .greenImageUpper .setting-cta-pick a {
          background-color: #000;
          border-color: #000;
        }

        .circularTexter {
          font-size: 18px;
          font-weight: 600;
          font-style: italic;
          line-height: 1.56;
          text-align: center;
          color: #fff;
          width: 250px;
          height: 250px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          padding: 30px;
          margin-top: 20px;
          margin-bottom: -20px;
          position: relative;
        }

        .mob-accordion.settingAccordiance .panel-title>a.collapsed,
        .settingUpperGreen {
          background-image: none;
        }

        .mob-accordion.settingAccordiance .panel-title>a.collapsed.nitro-lazy,
        .settingUpperGreen.nitro-lazy {
          background-image: none !important;
        }

        .circularTexter:before {
          width: 30px;
          height: 30px;
          border-radius: 50%;
          bottom: -20px;
          left: 139px;
        }

        .circularTexter:after {
          width: 15px;
          height: 15px;
          border-radius: 50%;
          bottom: -40px;
          left: 169px;
        }

        .customizableList {
          display: flex;
          flex-wrap: wrap;
          padding: 0;
          list-style: none;
          margin: 20px 0;
        }

        .customizableList li {
          position: relative;
          padding: 25px 90px 25px 25px;
          background-size: cover;
          background-repeat: no-repeat;
          margin-top: 15px;
        }

        .customizableList li .scroll-down {
          box-shadow: 0 4px 13px 0 rgba(255, 134, 16, .35);
          right: 25px;
          border-color: #fff;
        }

        .customizableList li h4 {
          font-size: 17px;
          line-height: 1.3;
          color: #fff;
        }

        .customizableList li p {
          font-size: 14px;
          font-weight: 400;
          font-style: normal;
          line-height: 1.71;
          color: #fff;
          margin-bottom: 0;
        }

        .customizableList li:first-child h4,
        .customizableList li:first-child p {
          color: #232323;
        }

        .customizableList li:first-child {
          background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2023/07/Build_Your_Brand_and_Trust.webp");
        }

        .customizableList li:first-child.nitro-lazy {
          background-image: none !important;
        }

        .customizableList li:nth-child(2) {
          background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2023/07/Online_Food_Ordering_System.webp");
        }

        .customizableList li:nth-child(2).nitro-lazy {
          background-image: none !important;
        }

        .customizableList li:nth-child(3) {
          background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2023/07/Create_Custom_Restaurant_app.webp");
        }

        .customizableList li:nth-child(3).nitro-lazy {
          background-image: none !important;
        }

        .coverGotList li h5 {
          font-size: 15px;
          font-weight: 500;
          font-style: normal;
          line-height: normal;
          color: #210f00;
          margin-top: 0;
        }

        .coverGotList li {
          background-color: #fbead1;
          background-size: 140px;
          background-position-x: 115%;
          padding-right: 110px;
          background-position-y: 100%;
          background-repeat: no-repeat;
        }

        .coverGotList li p {
          color: #64584d;
        }

        .coverGotList li:first-child {
          background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2023/07/Food_App_For_Your_Restaurant.webp");
        }

        .coverGotList li:first-child.nitro-lazy {
          background-image: none !important;
        }

        .coverGotList li:nth-child(2) {
          background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2023/07/Food_Delivery_App_Developments.webp");
        }

        .coverGotList li:nth-child(2).nitro-lazy {
          background-image: none !important;
        }

        .coverGotList li:nth-child(3) {
          background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2023/07/Food_Delivery_Aggregators.webp");
        }

        .coverGotList li:nth-child(3).nitro-lazy {
          background-image: none !important;
        }

        .settingUpperGreen {
          padding: 0;
          margin-top: 230px;
        }

        .settingUpperGreen img {
          margin-top: -130px;
          max-width: 100%;
        }

        .customizableList li .scroll-down a,
        .customizableList li .scroll-down a:after,
        .customizableList li .scroll-down a:before {
          background-image: url("../../cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/uploads/2020/03/arr.png");
        }

        body .setting-cta-pick.common-home.black.greenigy .scroll-down {
          background-color: #ff9a1f;
        }

        .mob-accordion.settingAccordiance .panel-title>a:before {
          color: #fff;
          border-color: #fff;
        }

        .mob-accordion.settingAccordiance .panel-heading {
          background-color: transparent;
          padding: 0;
        }

        .mob-accordion.settingAccordiance .panel-heading a {
          color: #fff;
          font-size: 18px;
          background-color: #000;
        }

        .mob-accordion.settingAccordiance .panel-default {
          margin-bottom: 15px;
          border: none;
        }

        .mob-accordion.settingAccordiance .panel-heading a img {
          width: auto;
          left: 20px;
          height: 30px;
          top: 0;
          bottom: 0;
          margin: auto;
          position: absolute;
        }

        .focus-image {
          margin: 20px 0;
        }

        .tabularCosting h4 {
          font-size: 18px;
          line-height: 1.22;
          text-align: center;
          color: #2f2f2f;
        }

        .tabularCosting p {
          font-size: 15px;
          font-weight: 400;
          font-style: normal;
          line-height: normal;
          text-align: center;
          color: #2a2a2a;
        }

        .tabularCosting a {
          background-color: #fb7507;
          border-color: #fb7407;
          margin-top: 10px;
        }

        body .btn-register-header {
          background-color: #ff991f;
          border-color: #ff991f;
          background-image: none;
          border-radius: 0;
        }

        body .btn-register-header.nitro-lazy {
          background-image: none !important;
        }

        .common-home h4 {
          color: #fff;
        }

        .mob-accordion .panel-title>a.collapsed:before {
          content: "-";
        }

        .mob-accordion .panel-title>a:before {
          float: right !important;
          content: "+";
          padding: 0 0 3px 1px;
          position: absolute;
          right: 15px;
          width: 30px;
          height: 30px;
          border: 1px solid #66666a;
          color: #a5a5a7;
          border-radius: 50%;
          display: flex;
          flex-wrap: wrap;
          justify-content: center;
          align-items: center;
          font-weight: 600;
          top: 0;
          bottom: 0;
          margin: auto;
          flex-direction: column;
          font-size: 20px;
          line-height: 1;
        }

        .mob-accordion .panel-heading a {
          position: relative;
          padding: 15px;
          display: block;
          font-weight: 600;
          font-stretch: normal;
          font-style: normal;
          line-height: 1.42;
          letter-spacing: normal;
          text-align: left;
        }

        span.arrow-speaks {
          font-size: 18px;
          font-weight: 600;
          font-style: italic;
          line-height: 1.56;
          text-align: center;
          color: #fff;
          width: 250px;
          height: 250px;
          display: flex;
          align-items: center;
          justify-content: center;
          border-radius: 50%;
          padding: 30px;
          margin-top: 20px;
          margin-bottom: -20px;
          position: relative;
          background-image: linear-gradient(to right, #ffab2c -7%, #ff7100);
        }

        .header-fixed .sub_menu_bottom {
          top: 50px;
        }

        .faq-title h2 {
          font-size: 18px;
        }

        .faq-answer p {
          font-size: 14px;
          margin: 0;
        }

        .faq-answer {
          padding: 0;
        }
      }

      @media (max-width:767px) {
        .services-list {
          margin-top: 2rem;
        }

        .section--AI_feature .Features_list_items {
          width: calc(50% - 10px);
        }

        .services-banner__content h4 {
          font-size: 14px;
          padding: 12px 20px;
        }

        .btn-common,
        .services-banner__content button.btn-common span {
          font-size: 14px;
        }

        .services-list__item .icn {
          width: 45px;
          height: 45px;
          margin-right: 15px;
        }

        .services-list__content {
          width: calc(100% - calc(45px + 15px));
        }

        .services-title {
          width: 100%;
          justify-content: space-between;
        }

        .services-title h3 {
          font-size: 20px;
        }

        .services-title span {
          width: 2rem;
          padding: 3px 5px;
        }

        .services-title span svg.transition-all {
          margin-left: -26px;
        }

        .services-title span svg {
          width: 16px;
          height: 16px;
        }

        .services-list__content p {
          font-size: 14px;
          line-height: 1.7;
        }

        .Features_list_items .description p {
          font-size: 14px;
        }

        br {
          display: none;
        }

        section#feature-list {
          padding: 15px;
        }

        .list-addon-home li h4 {
          font-size: 28px;
        }

        .Features_list_items .description p {
          font-size: 14px;
        }

        br {
          display: none;
        }

        .main-sec-nav.nav-tabs li a {
          font-weight: 600;
          padding-left: 8px;
          padding-right: 8px;
          font-size: 12px;
        }
      }

      @media (max-width:340px) {
        .delivery-banner .top-contetnt h1 {
          font-size: 24px;
        }

        .top-contetnt p {
          font-size: 16px;
        }
      }

      @media (orientation: landscape) {
        main {
          width: 100%;
        }

        .mob-5 img {
          max-width: 300px;
          width: 100%;
        }

        .margin-adjusting {
          margin: 30px auto;
          max-width: 300px;
          width: 100%;
        }
      }
    </style>
    <style >
      @media (min-width:991px) {
        html body .phone-call-action {
          transition: .5s;
          bottom: 160px;
          top: inherit !important;
          right: 8px;
        }

        .sideImageCalling {
          display: block;
          left: -270px;
          position: absolute;
          bottom: -70px;
        }
      }

      .lity,
      .lity-container,
      .lity-wrap {
        outline: 0 !important;
      }

      .lity-loader,
      .lity-wrap {
        text-align: center;
      }

      .lity,
      .lity-wrap {
        z-index: 9999;
        position: fixed;
        top: 0;
      }

      .lity-container,
      .lity-wrap:before {
        vertical-align: middle;
        display: inline-block;
      }

      .lity-content:after,
      .lity-wrap:before {
        content: "";
      }

      .lity,
      .lity-content:after,
      .lity-wrap {
        bottom: 0;
        right: 0;
        left: 0;
      }

      .lity {
        white-space: nowrap;
        background: rgba(0, 0, 0, .9);
        opacity: 0;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
      }

      .lity-loading .lity-loader,
      .lity.lity-opened {
        opacity: 1;
      }

      .lity.lity-closed {
        opacity: 0;
      }

      .lity * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
      }

      .lity-wrap:before {
        height: 100%;
        margin-right: -.25em;
      }

      .lity-loader {
        z-index: 9991;
        color: #fff;
        position: absolute;
        top: 50%;
        margin-top: -.8em;
        width: 100%;
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
        opacity: 0;
        -webkit-transition: opacity .3s;
        -o-transition: opacity .3s;
        transition: opacity .3s;
      }

      .lity-container {
        z-index: 9992;
        position: relative;
        text-align: left;
        white-space: normal;
        max-width: 100%;
        max-height: 100%;
      }

      .lity-close,
      .lity-close:active,
      .lity-close:focus,
      .lity-close:hover,
      .lity-close:visited {
        text-decoration: none;
        text-align: center;
        padding: 0;
        color: #fff;
        font-style: normal;
        font-size: 35px;
        font-family: Arial, Baskerville, monospace;
        line-height: 35px;
        text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
        background: 0;
        outline: 0;
        border: 0;
      }

      .lity-content {
        z-index: 9993;
        width: 100%;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        -o-transform: scale(1);
        transform: scale(1);
        -webkit-transition: -webkit-transform .3s;
        -o-transition: -o-transform .3s;
        transition: transform .3s;
        transition: transform .3s, -webkit-transform .3s, -o-transform .3s;
      }

      .lity-closed .lity-content,
      .lity-loading .lity-content {
        -webkit-transform: scale(.8);
        -ms-transform: scale(.8);
        -o-transform: scale(.8);
        transform: scale(.8);
      }

      .lity-content:after {
        position: absolute;
        top: 0;
        display: block;
        width: auto;
        height: auto;
        z-index: -1;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
        box-shadow: 0 0 8px rgba(0, 0, 0, .6);
      }

      .lity-close {
        z-index: 9994;
        width: 35px;
        height: 35px;
        position: absolute;
        right: 0;
        top: -35px;
        margin: 0;
        -webkit-appearance: none;
        cursor: pointer;
        -webkit-box-shadow: none;
        box-shadow: none;
      }

      .lity-close::-moz-focus-inner {
        border: 0;
        padding: 0;
      }

      .lity-close:active,
      .lity-close:focus,
      .lity-close:hover,
      .lity-close:visited {
        -webkit-box-shadow: none;
        box-shadow: none;
      }

      .lity-close:active {
        top: 1px;
      }

      .lity-image img {
        max-width: 100%;
        display: block;
        line-height: 0;
        border: 0;
      }

      .lity-facebookvideo .lity-container,
      .lity-googlemaps .lity-container,
      .lity-iframe .lity-container,
      .lity-vimeo .lity-container,
      .lity-youtube .lity-container {
        width: 100%;
        max-width: 964px;
      }

      .lity-iframe-container {
        width: 100%;
        height: 0;
        padding-top: 56.25%;
        overflow: auto;
        pointer-events: auto;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-overflow-scrolling: touch;
      }

      .lity-iframe-container iframe {
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, .6);
        box-shadow: 0 0 8px rgba(0, 0, 0, .6);
        background: #000;
      }

      .lity-hide {
        display: none;
      }

      .section.section--footer {
        padding: calc(2rem + 2vw) 0;
      }

      .section--footer .nav:not(.nav-pills) .nav-link {
        padding-left: 0;
        padding-top: .5rem;
        padding-bottom: .5rem;
        padding-right: 0;
      }

      .section--footer .nav-link {
        color: #606060;
        position: relative;
        transition: all .3s;
        font-size: 16px;
      }

      .section--footer .nav-link:hover {
        color: #000;
      }

      .section--footer .nav-item .badge {
        background: var(--color-primary);
        color: #000;
        font-weight: normal;
      }

      .section--footer .nav-item b {
        font-weight: 600;
        color: #000;
      }

      .flex-column {
        flex: 1;
      }

      .sub-footer {
        background-color: #141414;
      }

      .section--footer .row {
        padding: calc(2rem + 2vw) 0;
      }

      .follow {
        color: #9d9d9d;
      }

      .social-list {
        display: flex;
        flex-wrap: wrap;
        margin-bottom: 20px;
      }

      .social-list__item {
        height: 42px;
        width: 42px;
        display: flex;
        justify-content: center;
        align-items: center;
        background: #303030;
        border-radius: 10px;
        border: solid 1.3px #606060;
        transition: all .3s;
      }

      .social-list__item:not(:last-child) {
        margin-right: 10px;
      }

      .social-list__item:hover svg {
        color: #000;
      }

      .social-list__item:hover {
        background: var(--color-primary);
        border-color: #fff;
      }

      .follow h4 {
        margin-bottom: calc(1rem + 1.5vw);
      }

      .social-list__item svg {
        color: #fff;
      }

      .whatsapp-update {
        border-radius: 32px;
        -webkit-backdrop-filter: blur(6px);
        backdrop-filter: blur(6px);
        border: solid 1px rgba(255, 255, 255, .16);
        background-color: rgba(255, 255, 255, .1);
        padding: calc(1rem + .73vw) calc(1rem + .5vw);
        color: #fff;
      }

      .whatsapp-update .title {
        display: flex;
        align-items: center;
        margin-bottom: 30px;
      }

      .whatsapp-update .title p b {
        font-weight: 600;
      }

      .whatsapp-update .title p {
        margin: 0;
      }

      .whatsapp-update .title svg {
        color: var(--color-primary);
        margin-right: 1rem;
        font-size: 22px;
      }

      .whatsapp-update form.form {
        display: flex;
      }

      .whatsapp-update form.form input,
      .whatsapp-update form.form .btn {
        height: calc(2rem + 1vw);
        border-radius: 10px;
        border: none;
      }

      .whatsapp-update form.form input {
        padding: 0 20px;
      }

      .whatsapp-update form.form .intl-tel-input {
        width: 100%;
        margin-right: 15px;
      }

      .whatsapp-update form.form .btn.btn-primary {
        background: #b4fd83;
        border-color: #b4fd83;
        color: #000;
        font-weight: 600;
        padding: 0 30px;
      }

      .sub-footer {
        background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2024/10/footer-grid.webp");
        background-repeat: no-repeat;
        background-position: bottom;
      }

      .sub-footer.nitro-lazy {
        background-image: none !important;
      }

      .section--footer .nav-link:before {
        content: "";
        position: absolute;
        height: 12px;
        width: 12px;
        left: 0;
        top: 50%;
        transform: translatey(-50%) translateX(-13px);
        transition: all .3s;
        opacity: 0;
        visibility: hidden;
        background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2024/09/tag-star.webp");
        background-repeat: no-repeat;
        background-size: contain;
      }

      .section.section--footer .nav-item .nav-link:hover::before {
        opacity: 1;
        visibility: visible;
        transform: translatey(-50%) translateX(-3px);
      }

      .section.section--footer .nav .nav-link:hover {
        padding-left: 15px;
        font-weight: 600;
      }

      .section.section--footer .nav .nav-link:hover {
        padding-left: 15px;
        font-weight: 500;
      }

      .section--footer [class*="col-"]:last-child ul.nav li.nav-item {
        width: 50%;
      }

      .right_btn {
        opacity: 0;
      }

      .RAW .right_btn {
        display: flex;
        opacity: 1;
      }

      .ME .right_btn {
        display: flex;
        opacity: 1;
      }

      .US .right_btn {
        display: flex;
        opacity: 1;
      }

      .EU .right_btn {
        display: flex;
        opacity: 1;
      }

      .UK .right_btn {
        display: flex;
        opacity: 1;
      }

      .for-mi {
        display: none;
      }

      .for-us {
        display: none;
      }

      .for-uk {
        display: none;
      }

      .for-row {
        display: block;
      }

      .ME .for-mi {
        display: block;
      }

      .ME .for-us {
        display: none;
      }

      .ME .for-uk {
        display: none;
      }

      .ME .for-row {
        display: none;
      }

      .US .for-mi {
        display: none;
      }

      .US .for-us {
        display: block;
      }

      .US .for-uk {
        display: none;
      }

      .US .for-row {
        display: none;
      }

      .UK .for-mi {
        display: none;
      }

      .UK .for-us {
        display: none;
      }

      .UK .for-uk {
        display: block;
      }

      .UK .for-row {
        display: none;
      }

      .right_btn:focus {
        outline: none !important;
      }

      .right_btn {
        border: none;
        font-size: 16px;
        font-weight: 600;
        position: fixed;
        right: 0;
        text-transform: capitalize;
        top: 50%;
        backface-visibility: hidden;
        z-index: 11;
        white-space: nowrap;
        background: transparent;
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0;
      }

      .right_btn .phone_icon {
        background: #3a8fdd;
        height: 40px;
        width: 40px;
        padding: 8px;
      }

      .right_btn .whatsapp_icon {
        background: #b4fd83;
        height: 40px;
        width: 40px;
        padding: 8px;
      }

      .right_btn .icons_text {
        background: #1c161f;
        color: #fff;
        padding: 10px 15px;
        border-left: 1px solid #fff;
        border-right: 1px solid #fff;
        cursor: default;
      }

      .right_btn {
        row-gap: 15px;
      }

      .phone-call-action {
        opacity: 0;
      }

      .RAW .phone-call-action {
        display: flex;
        opacity: 1;
      }

      .ME .phone-call-action {
        display: flex;
        opacity: 1;
      }

      .US .phone-call-action {
        display: flex;
        opacity: 1;
      }

      .EU .phone-call-action {
        display: flex;
        opacity: 1;
      }

      .UK .phone-call-action {
        display: flex;
        opacity: 1;
      }

      .RAW .InRow {
        display: flex;
      }

      .RAW .Middle-easter {
        display: none;
      }

      .RAW .Americano {
        display: none;
      }

      .RAW .Europian {
        display: none;
      }

      .RAW .UnitedStates {
        display: none;
      }

      .ME .RAW {
        display: none;
      }

      .ME .InRow {
        display: none;
      }

      .ME .Middle-easter {
        display: flex;
      }

      .ME .Americano {
        display: none;
      }

      .ME .Europian {
        display: none;
      }

      .ME .UnitedStates {
        display: none;
      }

      .US .RAW {
        display: none;
      }

      .US .InRow {
        display: none;
      }

      .US .Middle-easter {
        display: none;
      }

      .US .Americano {
        display: flex;
      }

      .US .Europian {
        display: none;
      }

      .US .UnitedStates {
        display: none;
      }

      .EU .RAW {
        display: none;
      }

      .EU .InRow {
        display: none;
      }

      .EU .Middle-easter {
        display: none;
      }

      .EU .Americano {
        display: none;
      }

      .EU .Europian {
        display: flex;
      }

      .EU .UnitedStates {
        display: none;
      }

      .UK .RAW {
        display: none;
      }

      .UK .InRow {
        display: none;
      }

      .UK .Middle-easter {
        display: none;
      }

      .UK .Americano {
        display: none;
      }

      .UK .Europian {
        display: none;
      }

      .UK .UnitedStates {
        display: flex;
      }

      .phone-call-action a {
        color: #e96000;
        font-size: 26px;
        background-color: #fceadd;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        align-items: center;
        justify-content: center;
        text-align: center;
        animation: play 2s ease infinite;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden;
        backface-visibility: hidden;
        margin: auto;
        cursor: pointer;
        border: 1px solid #e96000;
      }

      body .phone-call-action {
        top: 15px;
      }

      .phone-call-action {
        display: none;
        position: fixed;
        z-index: 999;
        top: 75px;
        right: 20px;
        flex-direction: column;
        width: auto;
      }

      .phone-call-action span {
        display: block;
        width: 100%;
        padding: 0;
        color: #000;
        border-radius: 4px;
        box-shadow: 0 -1px 48px 0 rgba(0, 0, 0, .1);
        background-color: #fff;
        text-align: center;
        position: relative;
        margin-bottom: 25px;
        padding-top: 10px;
      }

      .phone-call-action span b {
        display: block;
      }

      .phone-call-action span small {
        display: block;
        background-color: #70aa26;
        color: #fff;
        padding: 5px 9px;
        font-size: 14px;
        border-radius: 0;
        margin-top: 10px;
        cursor: pointer;
        text-transform: uppercase;
        font-weight: 600;
      }

      .phone-call-action span:before {
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #70aa26;
        content: "";
        position: absolute;
        bottom: -10px;
        left: 0;
        right: 0;
        margin: auto;
      }

      @keyframes play {
        10% {
          -webkit-transform: rotate(5deg);
          -moz-transform: rotate(5deg);
          -o-transform: rotate(5deg);
        }

        20% {
          -webkit-transform: rotate(-5deg);
          -moz-transform: rotate(-5deg);
          -o-transform: rotate(-5deg);
        }

        30% {
          -webkit-transform: rotate(5deg);
          -moz-transform: rotate(5deg);
          -o-transform: rotate(5deg);
        }

        40% {
          -webkit-transform: rotate(-5deg);
          -moz-transform: rotate(-5deg);
          -o-transform: rotate(-5deg);
        }

        50% {
          -webkit-transform: rotate(5deg);
          -moz-transform: rotate(5deg);
          -o-transform: rotate(5deg);
        }

        60% {
          -webkit-transform: rotate(-5deg);
          -moz-transform: rotate(-5deg);
          -o-transform: rotate(-5deg);
        }

        70% {
          -webkit-transform: rotate(5deg);
          -moz-transform: rotate(5deg);
          -o-transform: rotate(5deg);
        }

        80% {
          -webkit-transform: rotate(-5deg);
          -moz-transform: rotate(-5deg);
          -o-transform: rotate(-5deg);
        }

        90% {
          -webkit-transform: rotate(5deg);
          -moz-transform: rotate(5deg);
          -o-transform: rotate(5deg);
        }

        100% {
          -webkit-transform: rotate(-5deg);
          -moz-transform: rotate(-5deg);
          -o-transform: rotate(-5deg);
        }
      }

      .phone-call-action img.init-cross {
        width: 20px;
        position: absolute;
        right: -20px;
        top: -20px;
        cursor: pointer;
      }

      #myModalMeeting .modal-content {
        width: 100%;
      }

      #myModalMeeting {
        text-align: center;
      }

      #myModalMeeting .scheduleMeetingBtn {
        margin-bottom: 0px;
      }

      #myModalMeeting .form-cover h4 {
        text-align: center;
        font-size: 22px;
        font-weight: 600;
      }

      #myModalMeeting .form-cover h5 {
        margin: 0px;
        font-size: 16px;
        margin-top: 10px;
        color: #000;
        font-weight: 600;
      }

      #myModalMeeting .form-cover {
        padding: 30px 40px;
        width: 100%;
      }

      #myModalMeeting .modal-dialog {
        height: 100%;
        display: flex;
        align-items: center;
        margin: 0px auto;
      }

      form#scheduleMeeting {
        margin-top: 15px;
      }

      .exit-content h3,
      .exit-content h4 {
        font-weight: 700;
        letter-spacing: normal;
      }

      #subscribeform-exit input.exitsubmit,
      .exit-content h4 {
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        color: #fff;
      }

      #myModalMeeting button.close.pop-close {
        position: absolute;
        z-index: 1;
        right: 0;
        top: 0;
        background: #b4fd83;
        border: 0;
        font-size: 24px;
        opacity: 1;
        line-height: 24px;
        padding: 4px 6px;
        width: 30px;
        height: 30px;
      }

      #myModalMeeting .intl-tel-input {
        width: 100%;
        max-width: 100%;
      }

      #myModalMeeting .scheduleMeetingBtn {
        margin-bottom: 0;
        background: #b4fd83;
        border: 0;
        padding: 10px 20px;
        font-weight: 500;
        margin-top: 15px;
      }

      #warning {
        display: none;
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 999999990;
        background-color: rgba(255, 255, 255, .8);
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
      }

      .flexible-exit {
        width: 100%;
        height: 100%;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
      }

      .exit-content {
        width: 780px;
        box-shadow: 0 12px 34px 0 rgba(27, 26, 26, .37);
        background-image: url("../../cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/uploads/2019/09/background.png");
        position: relative;
        padding: 59px 60px;
        text-align: center;
        background-size: cover;
        border: 1px solid #fff;
        background-color: #000;
      }

      .exit-content.nitro-lazy {
        background-image: none !important;
      }

      .exit-content h4 {
        font-size: 18px;
        margin: 0 0 15px;
      }

      .exit-content h4 span {
        color: var(--color-primary);
      }

      .exit-content h3 {
        font-size: 36px;
        font-style: normal;
        font-stretch: normal;
        line-height: 1;
        color: #fff;
        margin: 0;
      }

      .exit-content h5 {
        margin: 25px 0 0;
        color: #fff;
        font-size: 16px;
      }

      body .exit-content .register-form {
        margin: 10px 0;
        position: relative;
      }

      .exit-hide.fitted-text {
        text-align: center;
        text-decoration: underline;
        cursor: pointer;
        font-size: 18px;
        font-weight: 600;
      }

      small.fitted-text {
        color: #fff;
        display: block;
        margin-bottom: 10px;
        float: left;
        width: 100%;
      }

      #subscribeform-exit .intl-tel-input {
        width: 70%;
        max-width: 100%;
        margin: 0 auto;
      }

      #subscribeform-exit input.exitsubmit {
        border-radius: 3.6px !important;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .39);
        background-color: var(--color-primary);
        font-size: 16px;
        font-weight: 600;
        letter-spacing: 0;
        border: none;
        padding: 9px 15px;
        height: auto;
        position: static;
        width: 70%;
        margin: 16px auto;
        text-align: center;
        color: #000;
      }

      .social-list__item img {
        height: 14px;
      }

      #ymDivBar {
        background: var(--color-primary) !important;
        color: #000 !important;
        transition: all .3s;
      }

      #ymDivBar .ym-sub-title {
        color: #000 !important;
      }

      .section--contact {
        background: #000;
        color: #fff;
        padding: calc(4rem + 3.5vw) 0;
      }

      .contact-wrapper h2 {
        font-size: calc(2rem + 2vw);
        margin: 0;
      }

      .section--contact .title-tag {
        margin-bottom: 20px;
        display: block;
      }

      .nav-location li:not(:last-child) {
        margin-right: calc(1rem + 1vw);
      }

      .nav-location li .nav-link {
        display: flex;
        position: relative;
        transition: all .3s;
        padding: 10px;
        border: none;
      }

      .flag {
        border-radius: 50%;
        overflow: hidden;
        z-index: 1;
      }

      .nav-location li .nav-link span {
        position: absolute;
        opacity: 0;
        visibility: hidden;
        font-size: 18px;
        top: 50%;
        transform: translateY(-50%);
        color: #fff;
        text-transform: uppercase;
        transition: all .3s;
      }

      .nav-tabs.nav-location {
        display: flex;
        align-items: center;
        margin-bottom: calc(1rem + 1.25vw);
        border: none;
      }

      .nav-location .nav-link.active span {
        transform: translate(45px, -50%);
        opacity: 1;
        visibility: visible;
      }

      .nav-location .nav-link:not(.active):hover {
        background: rgba(255, 255, 255, .21);
        border: none;
        border-radius: 50%;
      }

      .nav-location .nav-link.active {
        padding-right: 90px;
        border-radius: 35px;
        background: rgba(255, 255, 255, .21);
        border: transparent;
      }

      .nav-location .nav-link.active:focus {
        background: rgba(255, 255, 255, .21);
        border-color: rgba(255, 255, 255, .21);
        outline: none;
      }

      .nav-location .nav-link:not(.active):hover {
        background: rgba(255, 255, 255, .21);
        border: none;
        border-radius: 50%;
      }

      .location-wrapper .tab-content h5 a {
        color: #fff;
        line-height: 2.36;
        text-decoration: underline;
      }

      .location-wrapper .tab-content h5 {
        display: flex;
        flex-direction: column;
      }

      .location-wrapper .tab-content p {
        line-height: 1.6;
        font-size: calc(.5rem + .5vw);
      }

      div.form--contact {
        padding: calc(2rem + 1.5vw);
        border-radius: 20px;
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        border: solid 1px rgba(255, 255, 255, .23);
        background-color: rgba(255, 255, 255, .1);
        position: relative;
      }

      div.form--contact .form__head {
        margin-bottom: calc(2rem + 1.2vw);
      }

      div.form--contact .form__head p {
        font-size: calc(.5rem + .63vw);
      }

      div.form--contact .form-group input,
      div.form--contact .form-group textarea {
        height: auto;
        padding: 17px 20px;
        border-radius: 7.5px;
        border: solid 1.5px rgba(255, 255, 255, .2);
        background-color: rgba(255, 255, 255, .05);
        font-size: calc(.5rem + .63vw);
        color: #fff;
      }

      div.form--contact .form-group input:focus:hover,
      div.form--contact .form-group textarea:focus:hover {
        border-color: var(--color-primary);
        box-shadow: none;
      }

      div.form--contact button.btn-common {
        width: 100%;
        border-radius: 7px;
      }

      div.form--contact .form-group {
        margin-bottom: calc(.5rem + .63vw);
      }

      .card.card--choose-detail .icn {
        position: absolute;
        top: 0;
        transition: all .3s;
      }

      .section--contact .title-tag {
        color: #888;
        font-size: 18px;
        line-height: 3rem;
        text-transform: uppercase;
        padding-left: 30px;
        position: relative;
        margin-bottom: calc(.5rem + .5vw);
        font-weight: 600;
        letter-spacing: 1px;
      }

      .section--contact .title-tag:before {
        content: "";
        position: absolute;
        height: 16px;
        width: 16px;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2024/09/tag-star.webp");
      }

      a {
        text-decoration: none;
      }

      .social-list__item:hover img {
        filter: invert(1);
      }

      @media (min-width:768px) {
        .bg-shade {
          background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/themes/Avada-Child-Theme/media/2024/09/dark-shade.webp");
          background-repeat: no-repeat;
          background-size: cover;
          background-position: center;
        }

        .bg-shade.nitro-lazy {
          background-image: none !important;
        }
      }

      @media (min-width:1200px) {
        .phoneHover .rtPhoneIcon:before {
          content: "Let\'s Connect";
          position: absolute;
          height: 40px;
          color: #fff;
          background: #000;
          line-height: 40px;
          transition: all .3s;
          padding: 0 12px;
          padding: 0;
          font-size: 1rem;
          font-size: 0;
          transform: rotate(90deg);
          top: 87px;
          width: 0;
        }

        .rtPhoneIcon {
          position: relative;
          display: flex;
          flex-direction: column-reverse;
          align-items: center;
          margin-bottom: 5px;
        }

        .phoneHover .rtPhoneIcon:before {
          width: auto;
          font-size: inherit;
          padding: 0 15px;
        }

        .phoneHover .rtPhoneIcon a {
          padding-bottom: 130px;
          transition: all .3s;
          z-index: 11;
        }

        .rtWhatsappIcon:before {
          content: "Chat With Us";
          position: absolute;
          height: 40px;
          color: #fff;
          background: #000;
          line-height: 40px;
          transition: all .3s;
          padding: 0 12px;
          padding: 0;
          font-size: 1rem;
          font-size: 0;
          transform: translatex(-50%) rotate(90deg);
          top: 50%;
          width: 0;
          left: 50%;
        }

        .rtWhatsappIcon {
          transition: all .3s;
          position: relative;
        }

        .whatsappHover .rtWhatsappIcon:before {
          width: auto;
          font-size: inherit;
          padding: 0 15px;
        }

        .whatsappHover .rtWhatsappIcon a {
          transition: all .3s;
          z-index: 2;
          display: flex;
          padding-bottom: 130px;
          position: relative;
        }

        .contact-wrapper .section__head h3 {
          font-size: calc(1rem + 2vw);
          line-height: 1.4;
          font-weight: 600;
        }

        .flag {
          height: calc(1rem + 1vw);
          width: calc(1rem + 1vw);
        }

        .nav-location li a span {
          font-size: 16px;
        }
      }

      @media (max-width:1200px) {
        .phone-call-action {
          top: 75px;
        }
      }

      @media (min-width:1200px) and (max-width:1599px) {
        .nav-location li.active a span {
          transform: translate(46px, -50%);
        }
      }

      @media (max-width:1199px) {
        .rtPhoneIcon {
          margin-bottom: 5px;
        }

        .nav-location li:not(:last-child) {
          margin-right: 11px;
        }

        .nav-location li.active a {
          padding: 6px 65px 6px 6px;
        }

        .flag {
          width: 34px;
          height: 34px;
        }

        .nav-location li.active a span {
          font-size: 13px;
        }

        .nav-location li.active a span {
          transform: translate(45px, -50%);
        }

        div.form--contact {
          border-radius: 12px;
          padding: 35px 17px;
        }

        div.form--contact {
          padding: 35px 17px;
          border-radius: 12px;
        }

        div.form--contact .form__head {
          margin-bottom: 30px;
        }

        div.form--contact .form__head p {
          font-size: 16px;
          margin: 0;
        }

        div.form--contact .form-group input,
        div.form--contact .form-group textarea {
          padding: 14px 15px;
          font-size: 16px;
        }

        .nav-location li a {
          padding: 0;
        }
      }

      @media (min-width:768px) and (max-width:1199px) {
        .contact-wrapper h2 {
          font-size: calc(1rem + 2vw);
          margin: 0;
        }

        .nav-location li .nav-link span {
          font-size: 13px;
        }

        .nav-location li .nav-link {
          padding: 5px;
        }

        .nav-location .nav-link.active {
          padding-right: 70px;
        }

        .location-wrapper .tab-content p {
          line-height: 1.6;
        }

        .section--footer .nav-link {
          font-size: 14px;
        }

        .title-tag {
          font-size: 15px;
        }
      }

      @media (max-width:991px) {
        .sideImageCalling {
          display: none !important;
        }

        body.covid-setting .phone-call-action {
          top: 0px;
        }

        .phone-call-action {
          top: 60px;
          left: inherit;
          transform: scale(.7);
          transform-origin: bottom center;
          right: 200px;
          margin: auto;
        }

        .phone-call-action span {
          visibility: visible !important;
        }

        #warning {
          display: none !important;
        }

        .header-fixed.scrolled #ymDivBar {
          bottom: 64px;
        }

        .common-fixed-btn-footer {
          justify-content: center;
          line-height: normal;
          position: fixed;
          z-index: 9;
          width: calc(100% - 20px);
          left: 50%;
          transform: translateX(-50%);
          bottom: -50px;
          transition: all .3s;
          font-size: 17px;
          height: 48px;
        }

        .header-fixed.scrolled .common-fixed-btn-footer {
          bottom: 10px;
        }
      }

      @media (max-width:767px) {
        .section--footer [class*="col-"]:not(:last-child) {
          margin-bottom: 20px;
          padding-bottom: 20px;
          border-bottom: 1px solid #ddd;
        }

        .section--footer [class*="col-"]:last-child .d-flex.flex-wrap li.nav-item {
          max-width: 100%;
          flex: 0 0 100%;
        }

        .section--footer [class*="col-"]:last-child li.nav-item {
          max-width: 100%;
          flex: 0 0 100%;
        }

        .section--footer [class*="col-"]:last-child ul.nav {
          width: 50%;
          flex-direction: row;
        }

        .section--footer .nav-link {
          font-size: 14px;
        }

        .whatsapp-update {
          border-radius: 12px;
        }

        .whatsapp-update form.form input,
        .whatsapp-update form.form .btn {
          height: 45px;
          border-radius: 5px;
        }

        .right_btn {
          top: 30%;
        }

        .section--footer [class*="col-"]:last-child li.nav-item {
          max-width: 50%;
          flex: 0 0 50%;
        }

        .section--footer [class*="col-"]:last-child ul.nav {
          width: 100%;
          flex-direction: row;
        }

        .section--footer [class*="col-"]:nth-child(5) {
          order: 5;
        }

        .section--footer [class*="col-"]:nth-child(3) {
          order: 2;
        }

        .section--footer [class*="col-"]:nth-child(1) {
          order: 1;
        }

        .section.section--footer .sub-footer [class*="col-"]:first-child {
          margin-bottom: 0;
          padding-bottom: 0;
          border-bottom: none;
          margin-top: 20px;
          padding-top: 20px;
        }

        .exit-content h3 {
          font-size: 24px;
        }

        .card.card--testimonial p {
          font-size: 16px;
          line-height: 1.6;
        }

        .nav-location li .nav-link span {
          font-size: 14px;
        }

        .flag {
          width: 30px;
          height: 30px;
        }

        .nav-location .nav-link.active {
          padding: 6px;
          padding-right: 70px;
        }

        .nav-location .nav-link.active span {
          transform: translate(38px, -50%);
        }

        .contact-wrapper .section__head h2 {
          font-size: 20px;
        }

        .contact-wrapper .section__head {
          margin-bottom: 20px;
        }

        .nav-location li:not(:last-child) {
          margin-right: 5px;
        }
      }
    </style>
    <style>
      br.for_all_block {
        display: block;
      }

      .btn-common_offer {
        line-height: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        background: radial-gradient(circle at 54% 50%, #fefae5, #e8db97 84%), linear-gradient(to bottom, #e91c2f, #e91c2f);
        background-position: 0;
        background-size: 300%;
        position: relative;
        padding: 8px 23px;
        color: #000;
        font-weight: 700;
        border: 0;
        border-radius: 30px;
        margin: 10px 0;
        animation: 1s light;
        -webkit-animation: 1s infinite light;
      }

      .Conditions_content p {
        margin-bottom: 0;
        font-size: 9px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 13px;
        letter-spacing: normal;
        text-align: center;
        color: rgba(255, 255, 255, .9);
      }

      .offer_popup-content {
        cursor: pointer;
        text-align: center;
      }

      .btn_popup {
        display: flex;
        justify-content: center;
      }

      .btn_popup video {
        position: absolute;
        left: 5px;
        margin-right: calc(.5rem + .63vw);
        border-radius: 50%;
        padding: 5px;
        background: #fff;
      }

      @keyframes light {
        0% {
          background-position: 100%;
        }

        100% {
          background-position: 0%;
        }
      }

      @-webkit-keyframes light {
        0% {
          background-position: 100%;
        }

        100% {
          background-position: 0%;
        }
      }

      .popup-offer:not(.scrollSide) .popup_thumbnail {
        opacity: 0;
        visibility: hidden;
      }

      .offer_popup.scrollSide .popup_thumbnail {
        opacity: 1;
        visibility: visible;
      }

      img.popup_thumbnail {
        position: absolute;
        right: -162px;
        bottom: 3px;
        animation: shake-vertical 3s linear infinite;
        transition: all .3s;
      }

      .scrollSide .popup_thumbnail {
        animation: shake-vertical 3s linear infinite;
      }

      @keyframes shake-vertical {

        0%,
        100% {
          -webkit-transform: translateY(0);
          transform: translateY(0);
        }

        10%,
        30%,
        50%,
        70% {
          -webkit-transform: translateY(-3px);
          transform: translateY(-3px);
        }

        20%,
        40%,
        60% {
          -webkit-transform: translateY(3px);
          transform: translateY(3px);
        }

        80% {
          -webkit-transform: translateY(2px);
          transform: translateY(2px);
        }

        90% {
          -webkit-transform: translateY(-2px);
          transform: translateY(-2px);
        }
      }

      .offer_popup {
        position: fixed;
        left: 0px;
        bottom: 20px;
        z-index: 1000;
        border-radius: 22px;
        margin-right: 24px;
      }

      .close_button {
        position: absolute;
        right: -12px;
        width: 20px;
        top: -7px;
        cursor: pointer;
        border-radius: 50%;
        z-index: 2;
        background-color: #130d04;
        border: 1px solid #fff;
        padding: 5px;
        transition: all .3s;
      }

      .offer_popup {
        display: block;
        transform: translateX(-105%);
        transition: transform .5s;
      }

      .offer_popup.scrollSide .close_button {
        opacity: 0;
        visibility: hidden;
      }

      @media (max-width:991px) {
        .offer_popup.scrollSide .popup_thumbnail {
          display: none;
        }
      }

      @media (max-width: 767px) {
        .offer_popup {
          bottom: 60px;
        }

        img.offerImg {
          width: 270px;
        }

        img.popup_thumbnail {
          right: -75px;
          bottom: 40px;
          width: 100px;
        }
      }
    </style>
    <style >
      #bs5popup_main .panel.panel--form {
        padding: calc(1rem + 1vw) calc(1rem + 1vw) calc(1rem + 1vw) calc(1rem + .1vw);
        box-shadow: none;
      }

      #bs5popup_main .modal-dialog {
        width: 100%;
        max-width: 850px;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
      }

      .left_cover {
        height: 100%;
        background-image: url("https://cdn-gnpmp.nitrocdn.com/zXfatNvCxdJLOJQwdBcjdAFpyWHclmaD/assets/images/optimized/rev-04c742e/www.code-brew.com/wp-content/uploads/2019/07/vector-smart-object@3x-10.webp");
        background-size: cover;
        background-repeat: no-repeat;
      }

      .left_cover.nitro-lazy {
        background-image: none !important;
      }

      .row-flexible-stretch {
        display: flex;
        flex-wrap: wrap;
        align-items: stretch;
      }

      span.error-msg {
        position: absolute;
        bottom: 3px;
        color: red;
        width: 100%;
        left: 0;
        font-size: 10px;
      }

      .form_field {
        position: relative;
      }

      .form-blockchain .subscribesubmit {
        font-weight: 500;
        padding: 12px 30px;
      }

      .form_field .intl-tel-input {
        width: 100%;
        margin-bottom: 20px;
      }

      .form_field .form-control-input {
        width: 100%;
        border: 0;
        border-bottom: 1px solid #ddd;
        margin-bottom: 20px;
        padding: .5rem .75rem;
        font-size: 16px;
        color: #000;
      }

      .form_field .form-control-input:focus-visible {
        outline: -webkit-focus-ring-color auto 0px;
      }

      .panel.panel--form .panel__foot .panel__action input[type=submit]:focus,
      .panel.panel--form .panel__foot .panel__action input[type=submit]:hover,
      .validate-btn input[type=submit]:focus,
      .validate-btn input[type=submit]:hover {
        background: #7dbd13;
        outline: 0;
        border-color: #7dbd13;
        color: #000;
      }

      .form_title {
        font-weight: 400;
        margin-bottom: 1.5rem;
      }

      .sms_input input[type=checkbox],
      .whatsapp_input input[type=checkbox] {
        margin: 0 5px 0 0;
        accent-color: #a7dd4d;
      }

      .blockchain_form .sms_inputs label {
        font-size: 12px;
        color: #2f2f2f;
        align-items: center;
        display: flex;
        margin-left: 0 !important;
      }

      .form_field .iti.iti--allow-dropdown {
        width: 100%;
        margin-bottom: 20px;
      }

      .blockchain_form .select-error,
      .blockchain_form p.radio-message {
        font-size: 14px;
        line-height: .86;
        letter-spacing: normal;
        text-align: left;
        color: #a9a9a9;
        display: block;
        margin-bottom: 0;
        font-weight: 400;
      }

      .validate-btn input[type=submit] {
        font-size: 18px;
        font-weight: 700;
        text-align: left;
        color: var(--color-black);
        background-color: var(--color-primary);
        border: 1px solid var(--color-primary);
        transition: .5s;
        margin-bottom: 0;
        height: 50px;
        padding: 0 20px;
        border-radius: 0;
        margin-top: 1rem;
      }

      #bs5popup_main button.close {
        position: absolute;
        z-index: 999;
        right: 0;
        top: 0;
        background: #b4fd83;
        border: 0;
        font-size: 24px;
        opacity: 1;
        line-height: 24px;
        padding: 4px 6px;
        width: 30px;
        height: 30px;
      }

      .modal-backdrop.fade {
        opacity: .5;
      }

      .blockchain_form .select-error {
        margin-top: 1rem;
      }

      .blockchain_form .panel.panel--budget .radio {
        width: auto;
        position: relative;
        margin-bottom: 6px !important;
      }

      .blockchain_form .budget-wrapper {
        margin: 0 -10px;
        display: flex;
        flex-wrap: wrap;
      }

      .blockchain_form p.radio-message {
        margin-bottom: 10px;
      }

      .panel.panel--form .panel__foot .panel__action input[type=submit] {
        color: var(--color-black);
        background-color: var(--color-primary);
        border: 1px solid var(--color-primary);
      }

      .panel.panel--budget .radio input[type=radio]:checked+label {
        color: #000;
        background: #a7dd4d;
      }

      .sms_inputs {
        width: 100%;
        margin: 20px auto 0;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: space-between;
      }

      .blockchain_form .panel.panel--budget .radio input[type=radio] {
        visibility: visible;
        display: block;
        position: absolute;
        width: 100%;
        height: 100%;
        opacity: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
        z-index: 999;
      }

      .blockchain_form .panel.panel--budget .radio label {
        display: inline-block;
        cursor: pointer;
        padding: 8px 10px;
        border-radius: 2.5px;
        background-color: #e8edf1;
        font-size: 16px;
        font-weight: 400;
        font-style: normal;
        font-stretch: normal;
        line-height: normal;
        letter-spacing: normal;
        text-align: center;
        color: #657683;
        margin: 0;
        width: 100%;
      }

      .blockchain_form .panel.panel--budget .radio {
        width: auto;
        position: relative;
        max-width: calc(50% - 20px);
        flex: 0 0 calc(50% - 20px);
        margin: 10px !important;
      }

      .form_field {
        position: relative;
        display: inline-block;
        width: 100%;
      }

      .tea-cup-pop {
        position: absolute;
        width: 300px;
        left: -30px;
        bottom: 0;
        margin: auto;
        z-index: 9;
      }

      @media (max-width: 991px) {
        .left_cover {
          display: none;
        }

        #bs5popup_main .modal-dialog {
          max-width: 500px;
        }

        .form_leftarea {
          display: none;
        }

        img.tea-cup-pop {
          display: none;
        }

        .blockchain_form .panel.panel--budget .radio label {
          font-size: 14px;
        }
      }

      @media (max-width:767px) {
        #bs5popup_main .modal-dialog {
          max-width: 354px;
        }
      }
    </style>