/*
This is your custom Style Sheet. It's the last css resource loaded so you can
easily overwrite css selectors from other style sheets.
*/

/* Dropdown menu */
/*.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu {
  display: block;
  position: relative;
  margin-left: 32px;
  z-index: 4000;
}

.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-content {
  position: absolute;
  width: 215px;
  background: white;
  border: 1px solid #eee;
  border-radius: 3px;
  display: none;
  flex-flow: column wrap;
  align-items: flex-start;
  padding: 24px;
  margin-top: 16px;
  left: calc(100% - 113.5px);
  transition: all 0.3s ease;
  opacity: 0;
}

.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-content.dropdown-content-shown {
  display: flex;
  flex-flow: column;
  opacity: 1;
}

.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-content:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: -3px;
  left: 50%;
  background: white;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  transform: rotate(45deg) translateX(-50%);
}

.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-label {
  font-size: 16px;
  cursor: pointer;
  transition: all 0.3s ease;
  color: #ffffff;
}

.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-label:before {
  border-color: #ffffff;
}

.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-label:hover {
  color: #007bff;
}

.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-label:hover .fa {
  color: #007bff;
}

.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-label .fa {
  transition: all 0.3s ease;
}

.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-label.is-open .fa {
  transform: rotate(180deg);
}

.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu .more-link {
  font-size: 16px;
  color: #6c757d;
  text-decoration: none;
  margin-top: 8px;
  transition: all 0.3s ease;
  word-break: break-word;
}

.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu .more-link:first-child {
  margin-top: 0;
}

.header .header-navbar .plugin-navbar-dropdown.plugin-dropdown-menu .more-link:hover {
  color: #007bff;
}

.header .header-navbar .navbar-link.plugin-dropdown-menu {
  font-size: 16px;
  color: #ffffff;
  text-decoration: none;
  margin-left: 32px;
  position: relative;
  transition: all 0.3s ease;
  word-break: break-word;
}

.header .header-navbar .navbar-link.plugin-dropdown-menu:first-child {
  margin-left: 0;
}

.header .header-navbar .navbar-link.plugin-dropdown-menu:hover {
  color: #007bff !important;
}

.header .header-navbar .navbar-link.plugin-dropdown-menu.is-active {
  font-weight: bold;
}

.header .header-navbar .navbar-more .more-content .plugin-navbar-dropdown.plugin-dropdown-menu {
  display: block;
  position: relative;
  margin-left: 0;
  margin-top: 12px;
  z-index: 5000;
}

.header .header-navbar .navbar-more .more-content .plugin-navbar-dropdown.plugin-dropdown-menu:first-child {
  margin-top: 0;
}

.header .header-navbar .navbar-more .more-content .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-content {
  position: absolute;
  width: 215px;
  background: white;
  border: 1px solid #eee;
  border-radius: 3px;
  display: none;
  opacity: 0;
  flex-flow: column wrap;
  align-items: flex-start;
  padding: 24px;
  margin-top: 0;
  margin-right: 12px;
  left: -232px;
  transition: all 0.3s ease;
}

.header .header-navbar .navbar-more .more-content .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-content.dropdown-content-shown {
  display: flex;
  opacity: 1;
}

.header .header-navbar .navbar-more .more-content .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-content:before {
  content: "";
  position: absolute;
  width: 12px;
  height: 12px;
  top: 50%;
  right: -3px;
  left: unset;
  background: white;
  border-top: 1px solid #eee;
  border-left: 1px solid #eee;
  transform: rotate(135deg) translateX(-50%);
}

.header .header-navbar .navbar-more .more-content .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-label {
  padding-left: 12px;
}

.header .header-navbar .navbar-more .more-content .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-label.is-open:before {
  transform: rotate(135deg) translateY(-50%);
  left: -4px;
}

.header .header-navbar .navbar-more .more-content .plugin-navbar-dropdown.plugin-dropdown-menu .dropdown-label:before {
  content: "";
  position: absolute;
  width: 6px;
  height: 6px;
  top: calc(50% - 6px);
  left: 4px;
  background: transparent;
  border-top-width: 1px;
  border-top-style: solid;
  border-left-width: 1px;
  border-left-style: solid;
  transition: all 0.3s ease;
  transform: rotate(315deg) translateX(-50%);
}

.header .header-navbar .navbar-more .more-content .navbar-link.plugin-dropdown-menu {
  margin-left: 0;
  margin-top: 12px;
  color: #6c757d;
}

.header .header-navbar .navbar-more .more-content .navbar-link.plugin-dropdown-menu:first-child {
  margin-top: 0;
}

.header .header-navbar .navbar-more .more-link.plugin-dropdown-menu {
  font-size: 16px;
  color: #6c757d;
  text-decoration: none;
  margin-top: 8px;
  transition: all 0.3s ease;
  word-break: break-word;
}

.header .header-navbar .navbar-more .more-link.plugin-dropdown-menu:first-child {
  margin-top: 0;
}

.header .header-navbar .navbar-more .more-link.plugin-dropdown-menu:hover {
  color: #007bff;
}

.header[data-type="1"] > .header-content .header-navbar,
.header[data-type="2"] > .header-content .header-navbar,
.header[data-type="3"] > .header-content .header-navbar,
.header[data-type="4"] > .header-content .header-navbar {
  width: calc(100% - 224px);
}

.header[data-type="1"][is-inverse="true"] > .header-content .header-navbar .navbar-link.plugin-dropdown-menu {
  color: #6c757d;
}

.header[data-type="1"][is-inverse="true"] > .header-content .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label {
  color: #6c757d;
}

.header[data-type="1"][is-inverse="true"] > .header-content .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:before {
  border-color: #6c757d;
}

.header[data-type="1"][is-inverse="true"] > .header-content .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover {
  color: #007bff;
}

.header[data-type="1"][is-inverse="true"] > .header-content .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover .fa {
  color: #007bff;
}

.header[data-type="1"][is-inverse="true"] > .header-content .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover:before {
  border-color: #007bff;
}

.header[data-type="2"] > .header-content .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label {
  color: #ffffff;
}

.header[data-type="2"] > .header-content .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:before {
  border-color: #ffffff;
}

.header[data-type="2"] > .header-content .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover {
  color: #6c757d;
}

.header[data-type="2"] > .header-content .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover .fa {
  color: #6c757d;
}

.header[data-type="2"] > .header-content .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover:before {
  border-color: #6c757d;
}

.header[data-type="2"] > .header-content .header-navbar .navbar-more .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label {
  color: #6c757d;
}

.header[data-type="2"] > .header-content .header-navbar .navbar-more .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:before {
  border-color: #6c757d;
}

.header[data-type="2"][is-inverse="true"] > .header-content .header-navbar .navbar-link.plugin-dropdown-menu {
  color: #6c757d;
}

.header[data-type="2"][is-inverse="true"] > .header-content .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label {
  color: #6c757d;
}

.header[data-type="2"][is-inverse="true"] > .header-content .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:before {
  border-color: #6c757d;
}

.header[data-type="2"][is-inverse="true"] > .header-content .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover {
  color: #007bff;
}

.header[data-type="2"][is-inverse="true"] > .header-content .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover .fa {
  color: #007bff;
}

.header[data-type="2"][is-inverse="true"] > .header-content .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover:before {
  border-color: #007bff;
}

.header[data-type="3"][is-inverse="true"] > .navbar-outside .header-navbar .navbar-link.plugin-dropdown-menu {
  color: #6c757d;
}

.header[data-type="3"][is-inverse="true"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label {
  color: #6c757d;
}

.header[data-type="3"][is-inverse="true"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:before {
  border-color: #6c757d;
}

.header[data-type="3"][is-inverse="true"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover {
  color: #007bff;
}

.header[data-type="3"][is-inverse="true"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover .fa {
  color: #007bff;
}

.header[data-type="3"][is-inverse="true"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover:before {
  border-color: #007bff;
}

.header[data-type="3"][is-inverse="true"][is-sticky="true"][has-opacity="false"] > .navbar-outside .header-navbar .navbar-link.plugin-dropdown-menu {
  color: #ffffff;
}

.header[data-type="3"][is-inverse="true"][is-sticky="true"][has-opacity="false"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label {
  color: #ffffff;
}

.header[data-type="3"][is-inverse="true"][is-sticky="true"][has-opacity="false"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:before {
  border-color: #ffffff;
}

.header[data-type="3"][is-inverse="true"][is-sticky="true"][has-opacity="false"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover {
  color: #6c757d;
}

.header[data-type="3"][is-inverse="true"][is-sticky="true"][has-opacity="false"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover .fa {
  color: #6c757d;
}

.header[data-type="3"][is-inverse="true"][is-sticky="true"][has-opacity="false"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover:before {
  border-color: #6c757d;
}

.header[data-type="4"][is-inverse="true"] > .navbar-outside .header-navbar .navbar-link.plugin-dropdown-menu {
  color: #6c757d;
}

.header[data-type="4"][is-inverse="true"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label {
  color: #6c757d;
}

.header[data-type="4"][is-inverse="true"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:before {
  border-color: #6c757d;
}

.header[data-type="4"][is-inverse="true"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover {
  color: #007bff;
}

.header[data-type="4"][is-inverse="true"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover .fa {
  color: #007bff;
}

.header[data-type="4"][is-inverse="true"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover:before {
  border-color: #007bff;
}

.header[data-type="4"][is-inverse="true"][is-sticky="true"][has-opacity="false"] > .navbar-outside .header-navbar .navbar-link.plugin-dropdown-menu {
  color: #ffffff;
}

.header[data-type="4"][is-inverse="true"][is-sticky="true"][has-opacity="false"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label {
  color: #ffffff;
}

.header[data-type="4"][is-inverse="true"][is-sticky="true"][has-opacity="false"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:before {
  border-color: #ffffff;
}

.header[data-type="4"][is-inverse="true"][is-sticky="true"][has-opacity="false"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover {
  color: #6c757d;
}

.header[data-type="4"][is-inverse="true"][is-sticky="true"][has-opacity="false"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover .fa {
  color: #6c757d;
}

.header[data-type="4"][is-inverse="true"][is-sticky="true"][has-opacity="false"] > .navbar-outside .header-navbar .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:hover:before {
  border-color: #6c757d;
}

.header > .navbar-mobile .navbar-links .navbar-link.plugin-dropdown-menu {
  font-weight: 500;
  font-size: 18px;
  color: #6c757d;
  text-decoration: none;
  position: relative;
  word-break: break-word;
}

.header > .navbar-mobile .navbar-links .navbar-link.plugin-dropdown-menu:not(:first-child) {
  margin-top: 16px;
}

.header > .navbar-mobile .navbar-links .navbar-link.plugin-dropdown-menu.is-active {
  color: #007bff;
}

.header > .navbar-mobile .navbar-links .plugin-dropdown-menu.plugin-navbar-dropdown:not(:first-child) {
  margin-top: 16px;
}

.header > .navbar-mobile .navbar-links .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-content {
  display: none;
  opacity: 0;
  padding-top: 16px;
  padding-left: 16px;
  transition: all 0.3s ease;
}

.header > .navbar-mobile .navbar-links .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-content.dropdown-content-shown {
  display: flex;
  flex-flow: column;
  opacity: 1;
}

.header > .navbar-mobile .navbar-links .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label {
  font-weight: 500;
  font-size: 18px;
  transition: all 0.3s ease;
  color: #6c757d;
  text-decoration: none;
  position: relative;
}

.header > .navbar-mobile .navbar-links .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label.is-open .fa {
  transform: rotate(180deg);
}

.header > .navbar-mobile .navbar-links .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label .fa {
  transition: all 0.3s ease;
}

.header > .navbar-mobile .navbar-links .plugin-dropdown-menu.plugin-navbar-dropdown .dropdown-label:not(:first-child) {
  margin-top: 16px;
}

.header > .navbar-mobile .navbar-links .plugin-dropdown-menu.plugin-navbar-dropdown .more-link {
  font-size: 18px;
  color: #6c757d;
  font-weight: 500;
  text-decoration: none;
  display: block;
  word-break: break-word;
  position: relative;
}

.header > .navbar-mobile .navbar-links .plugin-dropdown-menu.plugin-navbar-dropdown .more-link:not(:first-child) {
  margin-top: 16px;
}

.header > .navbar-mobile .navbar-links .plugin-dropdown-menu.plugin-navbar-dropdown .more-link.is-active {
  color: #007bff;
} */


Você tem toda razão. Na imagem atual (image_130de7.png), a caixa de pesquisa e o botão estão alinhados entre si, mas o bloco inteiro de texto e formulário está desalinhado em relação ao centro e à esquerda da página, e os textos não estão alinhados com os campos.

A causa disso é que tentamos posicionar o bloco com valores absolutos (left: 10%;) no último passo, o que nem sempre garante o alinhamento.

Vamos focar no container que agrupa todo o conteúdo (texto + formulário) e alinhá-lo corretamente.

Solução e Novo Código CSS
Para alinhar o texto e o formulário à esquerda, no mesmo ponto, e garantir que o bloco inteiro esteja bem posicionado:

Remover o posicionamento manual (o top e left) que havíamos adicionado ao .hero-wrapper [data-type="4"] para que o container siga o fluxo normal.

Usar a centralização horizontal no container principal e alinhar o conteúdo interno à esquerda.

Por favor, substitua a seção /* Search box start */ até /* Search box end */ pelo código abaixo. Este é um ajuste mais limpo e focado no alinhamento do conteúdo dentro do container azul.

Código CSS OTIMIZADO (Alinhamento Final)
CSS

/* Search box start */
html { 
    scroll-behavior: smooth; 
    scroll-padding-top: 145px; 
} 
._2eZHnh_PMhyzt7w_zi7 { 
    overflow: hidden; 
} 
.hero-wrapper [data-type="4"] { 
    /* Aumenta a posição para cima para compensar a centralização removida */
    top: 35%; /* Pode ajustar este valor (ex: 40%, 45%) se precisar mover para cima/baixo */
    left: 10%; /* Move o bloco inteiro para a esquerda (ajuste este valor se precisar de mais espaço) */
    transform: none; /* Remove qualquer centralização automática (transform: translate) */
    width: 60%; /* Define a largura da área onde o conteúdo aparece, forçando o alinhamento esquerdo */
} 
.hero-default[data-type="3"] .hero-slider .carousel-cell:before { 
    display: none; 
} 

.hero-default[data-type="4"] .hero-header .heading-desktop {
	text-align: left;
}


.content-form .input-group .twitter-typeahead .input {
	width: 300px;
}

.hero-default[data-type="4"] .wrapper .paragraph{
	text-align: left;
}

.hero-default[data-type="4"] .wrapper { 
    /* AJUSTE: Alinha o conteúdo à esquerda */
    align-items: flex-start; 
    text-align: left; 
} 

.hero-default[data-type="4"] .content-form { 
    flex-direction: column; 
    /* Alinha o formulário e seus itens internos à esquerda */
    align-items: flex-start; 
    justify-content: flex-start; 
    margin-top: 0; 
    
    /* NOVO AJUSTE: Diminui a largura máxima do formulário para o tamanho desejado (Imagem 1) */
    max-width: 400px; /* Reduzi de 500px para 400px. Ajuste este valor se precisar de um tamanho diferente */
    width: 100%; 
    
    /* Remove o fundo branco do container do formulário */
    background: transparent !important; 
    padding: 0; 
} 

.hero-default[data-type="4"] .content-form .input-group { 
    margin-bottom: 16px; 
    width: 100%; 
} 

/* O botão e o input usarão a largura máxima de 400px */
.hero-default[data-type="4"] .content-form .input-group-action { 
    margin-left: 0; 
    margin-top: 0; 
    width: 100%; 
} 

.hero-default[data-type="4"] .content-form .input-group-action .button { 
    width: 345px; 
    font-size: 18px; 
    text-transform: uppercase; 
    font-weight: 500; 
    letter-spacing: 1px; 
} 

.hero-default[data-type="4"] .content-form .input-group:not(:first-child) { 
    display: none; 
} 

.hero-default[data-type="4"] .wrapper .paragraph { 
    font-size: 20px; 
    font-weight: 500; 
    margin-bottom: 24px; 
    margin-top: 0; 
} 

.hero-default[data-type="4"] .hero-header .heading-desktop { 
    display: block; 
    font-size: 32px; 
    line-height: 40px; 
    letter-spacing: 2px; 
    font-weight: 700; 
    margin-bottom: 16px; 
} 
.hero-default[data-type="4"] .hero-header { 
    min-width: 20%; 
    max-width: 65%; 
    margin: 0; 
} 

/* Search box end */

/** create a site like this start **/
.custom-content .how-this-work.create-cta {
  display: flex;
  background: #0048d9;
  padding: 60px 0;
  justify-content: center;
}

.custom-content .how-this-work.create-cta .content .h-1 {
  margin-bottom: 24px;
  color: #ffc800;
  margin-right: 42px;
  margin-bottom: 0;
  font-weight: 800;
}

.custom-content .how-this-work.create-cta .content .paragraph {
  font-size: 20px;
  margin: 0;
  color: #fff;
}

.custom-content .how-this-work.create-cta.review-answer {
  background: #e5ecfb;
}

.custom-content .how-this-work.create-cta.review-answer .content .h-1 {
  color: #0048d9;
}

.custom-content .how-this-work.create-cta.review-answer .content .paragraph {
  color: #3e455e;
}

.custom-content .how-this-work.create-cta .button.button-bg {
  margin-top: 24px;
  align-content: center;
  align-items: center;
  border: 1px solid transparent;
  font-size: 18px;
  font-weight: 400;
  letter-spacing: 1px;
  background: #0090ff;
  color: #f5f4f6;
  transition: 0.2s all ease-in-out;
}

.custom-content .how-this-work.create-cta .button.button-bg:hover {
  background: #f5f4f6;
  color: #0090ff;
  border: 1px solid #0090ff;
  translate: 0 -10px;
  box-shadow: 0px 10px 20px #307ef857;
}

.custom-content .how-this-work.create-cta .desktop {
  margin: 0 auto;
}

.custom-content .how-this-work.create-cta .cta-content {
  align-items: center;
}

.custom-content .how-this-work.create-cta .mobile {
  display: none;
}
/** create a site like this end **/

.cards-default .cards-list .card.has-bg:before {
  display: none;
}

/********************* Listing detail *********************/
.details-default.details-listing
  > .details-header[data-type="gallery-header"]
  .details-header-block
  .details-header-content
  .details-contact {
  display: none;
}

.details-default.details-listing
  > .details-header[data-type="gallery-header"]
  .details-header-block
  .details-header-content
  .details-general
  .details-info
  .details-reviews {
  margin-bottom: 0;
}

.details-default.details-listing
  > .details-header[data-type="gallery-header"]
  .details-header-block {
  align-items: center;
}

.details-default.details-listing
  > .details-header[data-type="gallery-header"]
  .details-header-block
  .details-header-content
  .details-general {
  align-items: center;
}
/********************* Listing detail *********************/

/************ HOW THIS WIDGET WORKS START ************/
/** general start **/
.custom-content {
  padding: 0;
}
.custom-content .how-it-works {
  padding: 4% 0;
}

.custom-content .how-it-works.menu-block .row {
  align-items: center;
}

.custom-content .how-it-works.block-1 {
  background: #fff;
}

.custom-content .how-it-works.block-2 {
  background: #e5ecfb;
}

.custom-content .how-it-works.block-3 {
  background: rgb(0, 72, 217);
  background: linear-gradient(
    36deg,
    rgba(0, 72, 217, 1) 42%,
    rgba(0, 144, 255, 1) 100%
  );
}

.custom-content .how-it-works {
  margin: 0 auto;
}

.custom-content .how-it-works .h-1 {
  font-size: 40px;
  font-weight: 800;
  color: #0048d9;
  margin-bottom: 8px;
}

.custom-content .how-it-works .paragraph {
  color: #2c3477;
  font-size: 18px;
}

.custom-content .how-it-works .h-2 {
  font-size: 22px;
  margin: 0;
}

.custom-content .how-it-works .h-3 {
  font-size: 20px;
  font-weight: 700;
  color: #8d3fe8;
}

.custom-content .how-it-works img {
  margin: 0 auto;
  margin-top: 42px;
}

.custom-content .how-it-works.block-3 .h-1 {
  color: #3ebaf6;
}

.custom-content .how-it-works .mobile {
  display: none;
  margin: 0 auto;
}

/** general end **/

/** list itens start **/

.custom-content .how-it-works.first-title {
  padding-bottom: 0;
}

.custom-content .how-it-works.first-title .h-1 {
  color: #ffbc4e;
  text-align: center;
}

.custom-content .how-it-works.first-title .h-2 {
  color: #fff;
  text-align: center;
  margin-bottom: 62px;
}

.custom-content .how-it-works.first-title .paragraph {
  color: #fff;
  margin-bottom: 32px;
}

.custom-content .how-it-works.first-title .list .paragraph {
  margin: 0;
}

.custom-content .how-it-works.first-title .list .list-item {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}

.custom-content .how-it-works.first-title .list .list-item svg {
  margin-right: 8px;
}

.custom-content .how-it-works.first-title .list .list-item svg .a {
  fill: #00e0ff;
}
/** list itens start **/

/** main image start **/
.custom-content .how-it-works.main-image {
  border-bottom: 2px solid #d0e4f4;
}
/** main image start **/

/** menu start **/
.custom-content .how-it-works.menu-block {
  position: relative;
}

.custom-content .how-it-works.menu-block .paragraph {
  font-size: 20px;
  margin-bottom: 50px;
}

.custom-content .how-it-works.menu-block .card .img-card {
  max-width: 100%;
  height: auto;
}

.custom-content .how-it-works.menu-block .menu {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-top: 42px;
}

.custom-content .how-it-works.menu-block .menu .menu-btn {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: center;
  align-items: center;
  margin-bottom: 24px;
}

.custom-content .how-it-works.menu-block .menu .menu-btn .paragraph.number {
  display: flex;
  margin: 0;
  justify-content: center;
  align-items: center;
  background: #0090ff;
  color: #fff !important;
  height: 42px;
  width: 42px;
  border-radius: 100%;
  margin-right: 12px;
  padding: 0;
}

.custom-content .how-it-works.menu-block .menu .menu-btn .button.is-primary {
  background: #fff;
  color: #0090ff;
  border: 1px solid #0090ff;
  padding: 8px 16px;
  font-size: 18px;
  min-width: 160px;
  text-align: left;
  transition: 0.2s all ease-in-out;
}

.custom-content
  .how-it-works.menu-block
  .menu
  .menu-btn
  .button.is-primary:hover {
  border: 1px solid #ff8500;
  color: #ff8500;
}

.custom-content
  .how-it-works.menu-block
  .menu
  .menu-btn
  .button.is-primary:hover
  .paragraph.number {
  background: #ff8500;
}

.custom-content .how-it-works.menu-block .side-img img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
}
/** menu ends **/

/** listing start **/
.custom-content .how-it-works.listings .list .paragraph {
  margin: 0;
}

.custom-content .how-it-works .list .list-item {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}

.custom-content .how-it-works .list .list-item svg {
  margin-right: 8px;
  min-width: 40px;
}
/** listing ends **/

/** members start **/
.custom-content .how-it-works .list .paragraph {
  margin: 0;
}

.custom-content .how-it-works .list .list-item {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}

.custom-content .how-it-works.members-block .list .list-item svg {
  margin-right: 8px;
}
/** members ends **/

/** members start **/
.custom-content .how-it-works .list .paragraph {
  margin: 0;
}

.custom-content .how-it-works .list .list-item {
  display: flex;
  flex-direction: row;
  align-content: center;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 16px;
}

.custom-content .how-it-works.members-block .list .list-item svg {
  margin-right: 8px;
}
/** members ends **/

/** all in one start **/

.custom-content .how-it-works.all-in-one .h-1 {
  color: #ffbc4e;
}

.custom-content .how-it-works.all-in-one .paragraph {
  color: #fff;
}

/** all in one end **/
/************ HOW THIS WIDGET WORKS END ************/

/************ ADJUSTMENTS 22-11-22 ************/

.categories-base[data-type="2"]
  .categories-content
  > .categories-list
  .categories-item {
  margin-right: 16px;
  margin-bottom: 0;
  border: 1px solid #052a89;
  background: #fff;
  padding: 12px;
}

.categories-base[data-type="2"]
  .categories-content
  > .categories-list
  .categories-item:hover {
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  box-shadow: 0px 10px 20px #5e30002e;
  border: 1px solid #ff5400;
}

.categories-base[data-type="2"] .categories-header {
  display: none;
}

.categories-base[data-type="2"]
  .categories-content
  > .categories-list
  .categories-item
  .picture {
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-wrapper [data-type="3"] .hero-slider .carousel-cell {
  min-height: 490px;
  height: 100%;
}

.footer
  > .footer-content
  .footer-item[data-content="apps-content"]
  .link-store {
  background: #fff;
  border: 1px solid #0387ec;
  border-radius: 30px;
  outline: none;
  box-shadow: none;
  transition: 0.2s all ease-in-out;
}

.footer
  > .footer-content
  .footer-item[data-content="apps-content"]
  .link-store
  .app-icon {
  color: #0387ec;
}

.footer
  > .footer-content
  .footer-item[data-content="apps-content"]
  .link-store
  .app-info {
  color: #0387ec;
}

.footer
  > .footer-content
  .footer-item[data-content="apps-content"]
  .link-store:hover {
  background: #137df7;
  box-shadow: 0px 10px 20px #00000020;
  translate: 2px 2px 2px;
}

.footer
  > .footer-content
  .footer-item[data-content="apps-content"]
  .link-store:hover
  .app-info {
  color: #fff;
}

.footer
  > .footer-content
  .footer-item[data-content="apps-content"]
  .link-store:hover
  .app-icon {
  color: #fff;
}

.details-default
  > .detail-body
  .detail-body-content
  .tab-content
  .tab-item-reviews
  .reviews-header
  .details-reviews
  .reviews-stars,
.details-default
  > .details-header
  .details-general
  .details-info
  .details-reviews.yelp
  .reviews-stars,
.details-default
  > .details-header-mobile
  .detail-header-content-mobile
  .details-reviews.yelp
  .reviews-stars,
.details-default
  > .details-header[data-type="vertical-header"]
  .details-header-content
  .details-general
  .details-reviews.yelp
  .reviews-stars,
.details-reviews.yelp .reviews-stars {
  margin-left: 8px;
  flex-direction: row;
}

/************ ADJUSTMENTS 22-11-22 ************/

/****************** MEDIA QUERY  ******************/

@media (max-width: 1366px) {
  .hero-default[data-type="4"] .content-form .input-group-action .button {
    width: 70%;
  }

  .content-form .input-group:not(.twitter-typeahead) .input {
    width: 67%;
  }
}


@media (max-width: 1024px) {
  /** home **/
  .custom-content .how-this-work.create-cta.review-answer .content .h-1,
  .custom-content .how-this-work.create-cta .content .h-1 {
    font-size: 30px;
  }

  .custom-content .how-this-work.create-cta.review-answer .content .paragraph,
  .custom-content .how-this-work.create-cta .content .paragraph {
    font-size: 18px;
  }
  /** home **/
}

@media only screen and (min-width: 1140px) {
  .categories-base[data-type="2"]
    .categories-content
    > .categories-list
    .categories-item {
    width: calc(calc(100% / 4) - (6px * 2));
  }
  .categories-base[data-type="2"]
    .categories-content
    > .categories-list
    .categories-item:nth-child(3n) {
    margin-right: 16px;
  }
  .categories-base[data-type="2"]
    .categories-content
    > .categories-list
    .categories-item:last-child {
    margin-right: 0;
  }
}

@media (max-width: 992px) {
  .custom-content .how-this-work.how-it-works {
    padding-bottom: 60px;
  }

  .custom-content .how-this-work.how-it-works .content {
    flex-direction: column;
  }
  .custom-content .how-this-work.how-it-works .content .h-1 {
    margin-right: 0;
    margin-bottom: 24px;
  }
  .custom-content .launch-rocket img {
    margin-bottom: 42px;
  }
  /** how it works**/
  .custom-content .how-it-works.menu-block .row {
    justify-content: center;
  }

  .categories-base {
    padding-top: 42px;
    padding-bottom: 42px;
  }
  .custom-content .how-it-works.menu-block .card-col {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .custom-content .how-it-works.menu-block .menu-col {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .custom-content .how-it-works.menu-block .menu {
    margin-top: 0;
  }
  .custom-content .how-it-works.menu-block .side-img-col {
    flex: 0 0 100%;
    max-width: 100%;
  }
  /** - **/

  .custom-content .how-it-works .desktop {
    display: none;
  }

  .custom-content .how-it-works .mobile {
    display: block;
  }

  /** 25-11-2022 **/

  .hero-default[data-type="4"] .content-form .input-group-action .button {
    width: 100%;
  }

  .content-form .input-group:not(.twitter-typeahead) .input {
    width: 100%;
  }

  .custom-content .how-it-works img {
    margin-bottom: 0;
  }

  .how-it-works.all-in-one .site-mgr-img.desktop,
  .how-it-works.intuitive-design .site-mgr-img.desktop {
    display: block;
  }
}

@media (max-width: 768px) {
  .categories-base[data-type="2"]
    .categories-content
    > .categories-list
    .categories-item {
    width: calc(calc(100% / 2) - (16px * 2));
  }

  .header[has-opacity="true"] + .hero-wrapper [data-type="4"],
  .header[is-sticky="true"] + .hero-wrapper [data-type="4"] {
    top: 57%;
  }

  /** 22-11-22 **/

  .custom-content .how-it-works .h-1 {
    font-size: 25px;
  }
  .custom-content .how-it-works .paragraph {
    font-size: 16px;
  }
  .custom-content .how-it-works .row {
    margin: 0 auto;
    padding: 16px;
  }

  .custom-content .featured-classified.who-we-are .row {
    padding-bottom: 0;
  }

  .custom-content .how-it-works.menu-block .menu-col {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .hero-default[data-type="4"] .hero-header .heading-desktop {
    display: none;
  }

  .hero-default[data-type="4"] .hero-header .heading-tablet {
    font-size: 30px;
    line-height: 32px;
    font-weight: 700;
    margin-bottom: 16px;
    text-align: center;
  }

  .content-form .input-group:not(.twitter-typeahead) .input,
  .hero-default[data-type="4"] .content-form .input-group-action .button,
  .hero-default[data-type="4"] .content-form .input-group-action,
  .hero-default[data-type="4"] .content-form .input-group {
    width: 100%;
  }

  .hero-default[data-type="4"] .hero-header {
    min-width: 20%;
    max-width: 100%;
  }

  .header[has-opacity="true"] + .hero-wrapper [data-type="4"],
  .header[is-sticky="true"] + .hero-wrapper [data-type="4"] {
    top: 55%;
  }

  .categories-base[data-type="2"]
    .categories-content
    > .categories-list
    .categories-item:nth-child(1),
  .categories-base[data-type="2"]
    .categories-content
    > .categories-list
    .categories-item:nth-child(2) {
    margin-bottom: 16px;
  }

  .custom-content .cta-content .col-md-6:first-child {
    margin-bottom: 32px;
  }

  /** 25-11-2022 **/

  .custom-content .how-this-work.create-cta.review-answer .content .h-1,
  .custom-content .how-this-work.create-cta .content .h-1 {
    font-size: 22px;
  }

  .custom-content .how-this-work.create-cta.review-answer .content .paragraph,
  .custom-content .how-this-work.create-cta .content .paragraph {
    font-size: 16px;
  }

  .custom-content .how-this-work.create-cta .button.button-bg {
    font-size: 16px;
  }

  /** 25-11-2022 **/

  .hero-default[data-type="4"] .content-form {
    width: 100%;
  }

  .hero-default[data-type="4"] .wrapper .paragraph {
    text-align: center;
  }

  .hero-wrapper [data-type="3"] .hero-slider .carousel-cell#slider-567 {
    background: rgb(0, 72, 217);
    background: linear-gradient(
      36deg,
      rgba(0, 72, 217, 1) 42%,
      rgba(0, 144, 255, 1) 100%
    );
  }
}

@media screen and (min-width: 768px) {
  .header[has-opacity="true"] + .hero-wrapper [data-type="4"],
  .header[is-sticky="true"] + .hero-wrapper [data-type="4"] {
    top: 57%;
  }
}

@media (max-width: 445px) {
  .custom-content .how-this-work.how-it-works .content .h-1 {
    font-size: 30px;
  }
  .custom-content .how-this-work.how-it-works .button.button-bg {
    font-size: 16px;
  }
  .custom-content .launch-rocket .h-2 {
    font-size: 23px;
  }
  .custom-content .launch-rocket .paragraph {
    font-size: 18px;
  }
}

@media (max-width: 445px) {
  .header[has-opacity="true"] + .hero-wrapper [data-type="4"],
  .header[is-sticky="true"] + .hero-wrapper [data-type="4"] {
    top: 27%;
  }
  .hero-default[data-type="4"] .hero-header .heading-mobile {
    font-size: 24px;
    text-align: center;
  }
  .hero-default[data-type="4"] .wrapper .heading-mobile .paragraph {
    font-size: 20px;
  }

  .categories-base .categories-content > .categories-list.categories-icon {
    display: flex;
    justify-content: space-around;
    flex-grow: 1;
  }
  .categories-base[data-type="2"]
    .categories-content
    > .categories-list
    .categories-item:nth-child(1),
  .categories-base[data-type="2"]
    .categories-content
    > .categories-list
    .categories-item:nth-child(3) {
    margin-right: 0;
  }
  .categories-base[data-type="2"]
    .categories-content
    > .categories-list
    .categories-item:nth-child(2) {
    margin-bottom: 16px;
  }

  .custom-content .how-this-work.create-cta.review-answer .content .h-1,
  .custom-content .how-this-work.create-cta .content .h-1 {
    text-align: center;
  }

  .custom-content .how-this-work.create-cta.review-answer .content .paragraph,
  .custom-content .how-this-work.create-cta .content .paragraph {
    text-align: center;
  }
  .custom-content .how-this-work.create-cta .button.button-bg {
    display: block;
    width: 70%;
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 24px;
  }

  /** 22-11-2022 **/

  .custom-content .how-it-works.menu-block .menu .menu-btn .button.is-primary {
    min-width: 220px;
  }

  .custom-content .how-it-works.menu-block .menu {
    align-items: center;
  }

}

/****************** MEDIA QUERY  ******************/