html,body,*,
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    font-family: "Inter", sans-serif;
}
body{
    overflow: hidden;
}
header,
footer {
    display:none;
}
.position-relative {
    position: relative;
}
.hidden {
    display: none !important;
}
.breadcrumb-item.active {
    font-weight: bold;
    margin-right: 0;
}
.header-section .logo-container {
    padding-top:40px;
}
/* Left part (41.66667% width) */
#signupMainContainer .signupContainer .leftPart {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../images/webware-cloud-image.jpeg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #ffffff;
    min-height: 100vh;
    width: 41.66667%; 
    padding-left: calc((100vw - 75rem) / 2); 
    padding-right: 2rem;
    padding-top: 40px;
}

/* Right part (58.33333% width) */
#signupMainContainer .signupContainer .rightpart {
    background: #ffffff;
    align-content: baseline;
    height: 100vh; /* Full height for right part */
    width: 58.33333%; /* Set width to 58.33333% */
    padding-right: calc((100vw - 75rem) / 2); /* Right padding for large screens */
    padding-left: 2rem;
    padding-top: 40px;
    overflow: hidden; /* Prevent scrolling on the right part */
}

#signupMainContainer .signupContainer #step-0 .rightpart {
    overflow: scroll;
}

#signupMainContainer .signupContainer .right-content {
    height: calc(100vh - 80px); 
    overflow-y: scroll; 
    scrollbar-width: none; 
    padding-bottom: 50px;
}

/* Optional: Hide scrollbar styling for modern browsers */
#signupMainContainer .signupContainer .right-content::-webkit-scrollbar {
    display: none; /* Hide scrollbar in webkit browsers */
}
/* Media query for screens smaller than 75rem */
@media (max-width: 75rem) {
    #signupMainContainer .signupContainer .leftPart {
        padding-left: 0.9375rem; 
    }

    #signupMainContainer .signupContainer .rightpart {
        padding-right: 0.9375rem; 
    }
}
#signupMainContainer .signupContainer #step-0 .rightpart {
    align-content: center;
}
#signupMainContainer .signupContainer .leftPart .text-container h1 {
    color:#FFFFFF;
    margin: 0;
    font-size:50px;
    line-height:1.5;
    font-weight:600;
    margin-bottom:150px;
}
/* Hide scrollbar for IE, Edge, and Firefox */
.signupMainContainer {
    -ms-overflow-style: none; /* IE and Edge */
    scrollbar-width: none; /* Firefox */
    font-size: 16px;
}

.targetCustomerContent {
    display: none;
}

.targetCustomerContent.active {
    display: block;
}
.target-customer-tabs {
    margin-top:32px;
    padding: 10px;
    border: 1px solid #D0CBC9;
    border-radius: 8px;
}

#signupMainContainer .signupContainer .rightpart::-webkit-scrollbar {
    display: none;
}
.form-step {
    position: relative;
}

.phValidMsg {
    color: #008000;
    font-size: 15px;
    margin-top: 7px;
}

#signupMainContainer .signupContainer .rightpart .infoContainer .video {
    padding-bottom:32px;
}

#signupMainContainer .signupContainer .info-step .rightpart .infoContainer ul {
    margin-left: 0;
}

#signupMainContainer .signupContainer .info-step .rightpart .infoContainer ul li {
    list-style: none;
    margin-bottom:16px;
    font-weight: 400;
    background-image: url('data:image/svg+xml,%3Csvg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M21.7994 6.07107C22.19 5.68054 22.19 5.04738 21.7994 4.65685C21.4089 4.26633 20.7757 4.26633 20.3852 4.65685L8.36441 16.6777L4.12176 12.435C3.73124 12.0445 3.09807 12.0445 2.70755 12.435C2.31703 12.8256 2.31703 13.4587 2.70755 13.8492L6.95019 18.0919L7.6573 18.799C7.6817 18.8234 7.70706 18.8463 7.73324 18.8676C8.12602 19.188 8.70539 19.1651 9.07151 18.799L9.77862 18.0919L21.7994 6.07107Z" fill="%23F15F27"/%3E%3C/svg%3E');
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 30px;
}

#signupMainContainer .signupContainer .info-step .rightpart .buttonContainer {
    text-align: right;
    display: block;
}

.accordion-header .anchor-container {
    margin-left: auto;
    height: 32px;
}

.service-accordion-header {
    display: flex;
    background: ghostwhite;
    padding: 10px;
    border-radius: 5px;
}

.service-accordion-header .anchor-container {
    margin-left: auto;
    height: 32px;
}

#signupMainContainer .signupContainer button.button_1,
#signupMainContainer .signupContainer .next-btn {
    padding:6px 25px;
    background:#F15F27;
    font-size: 18px;
    color: #000000;
    line-height: 1.5;
    font-weight: 600;
    border-radius: 4px;
    cursor: pointer;
}
#signupMainContainer .signupContainer button.button_1:disabled,
#signupMainContainer .signupContainer .next-btn:disabled,
#signupMainContainer .signupContainer button.button_1:disabled:hover,
#signupMainContainer .signupContainer .next-btn:disabled:hover,
#signupMainContainer .signupContainer .next-btn.disabled,
#signupMainContainer .signupContainer .next-btn.disabled:hover,
#signupMainContainer .signupContainer .next-btn.disabled:focus  {
    background-color: #E7E5E4;
    color:#B9B6B0;
    background: #E7E5E4;
    cursor: auto;
}

#signupMainContainer .signupContainer button.button_1:hover,
#signupMainContainer .signupContainer .next-btn:hover,
#signupMainContainer .signupContainer button.button_1:focus,
#signupMainContainer .signupContainer .next-btn:focus {
    transition: .4s;
    background-color: var(--secondary-color);
    color: var(--tertiary-text-color);
    background: linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--secondary-color);
    outline: none;
}
#signupMainContainer .signupContainer .info-step .rightpart .infoContainer ul li span {
    font-weight: 600;
}

#signupMainContainer .signupContainer label{
    font-size: 18px;
    font-weight: 600;
    line-height: 1.5;
    display:block;
    margin-top: 16px;
}

#signupMainContainer .signupContainer label.no-margin {
    margin-top: 0;
}

#signupMainContainer .signupContainer label input:not([type="button"]),
#signupMainContainer .signupContainer input:not([type="button"]),
#signupMainContainer .signupContainer label select,
#signupMainContainer .signupContainer select {
    margin-top: 8px;
    margin-bottom: 0;
    font-size: 18px;
    color: #000000;
    border-radius: 10px;
    border: 1px solid #D0CBC9;
    box-shadow: none;
    padding: 8px 16px;
    height: 56px;
    background: #ffffff;
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
  .chosen-rtl .chosen-search input[type="text"],
  .chosen-container-single .chosen-single abbr,
  .chosen-container-single .chosen-single div b,
  .chosen-container-single .chosen-search input[type="text"],
  .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
  .chosen-container .chosen-results-scroll-down span,
  .chosen-container .chosen-results-scroll-up span {
    background: none !important;
  }
}

#signupMainContainer .signupContainer label select,
#signupMainContainer .signupContainer select {
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    background-image: url('data:image/svg+xml,%3Csvg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.67724 1.88191C10.1078 1.45139 10.1078 0.753396 9.67724 0.322884C9.24673 -0.107628 8.54873 -0.107628 8.11821 0.322884L5.00004 3.44106L1.88191 0.322933C1.45139 -0.10758 0.753396 -0.10758 0.322884 0.322933C-0.107628 0.753445 -0.107628 1.45144 0.322885 1.88196L4.22044 5.77951C4.49879 6.05786 4.88895 6.15624 5.24634 6.07466C5.4418 6.03008 5.62746 5.93169 5.77968 5.77946L9.67724 1.88191Z" fill="black"/%3E%3C/svg%3E')!important;
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 10px 7px;
    padding-right: 20px; 
    background-position: 96%;
}
#signupMainContainer .signupContainer .tagify {
    padding: 8px 16px;
    min-height: 150px;
    display: block;
    margin-top: 8px;
    border: 1px solid #D0CBC9;
    border-radius: 10px;
}
#signupMainContainer .signupContainer .tagify__input {
    display:flex;
    margin:0;
}
#signupMainContainer .signupContainer label > .intl-tel-input {
    display: flex;
    margin-top: 8px;
    width: 100%;
}
#signupMainContainer .signupContainer .intl-tel-input{
    width: 100%;
}
#signupMainContainer .signupContainer label .intl-tel-input input:not([type="button"]) {
    padding-left:48px;
}
#signupMainContainer .signupContainer .ownerInfohead {
    max-height: 40px;
}
  
  /* Optional: Add styles for older browsers */
  #signupMainContainer .signupContainer label select::-ms-expand {
    display: none; /* Removes the default arrow in IE */
  }

  #signupMainContainer .signupContainer .terms-and-condition {
    color:#736D62;
    font-weight: 400;
    font-size:16px;
    line-height: 1.5;
    margin-top: 16px;
  }

  #signupMainContainer .signupContainer .terms-and-condition a{
    color:#000000;
    font-weight: 600;
    text-decoration: none;
    border-bottom: 2px solid #000000;
  }

.theme-select-screen {
    background:#ffffff;
}

.padding-left-1 {
    padding-left: 1em;
}

#signupMainContainer .signupContainer.screen-1 .video {
    margin-bottom:30px;
}

#signupMainContainer h1 {
    font-size:50px;
    line-height:1.5;
    font-weight:600;
}

#signupMainContainer .signupContainer h5 {
    font-size: 22px;
    font-weight:400;
    margin-bottom: 16px;
}
#signupMainContainer .signupContainer h5 span{
    font-weight: 600;
}
#signupMainContainer .signupContainer .topButtonContainer .back-button,
#signupMainContainer .signupContainer a.view-button,
#signupMainContainer .signupContainer .prev-btn,
#signupMainContainer .signupContainer .add-btn {
    color:#252120;
    padding:6px 25px;
    border:1px solid;
    border-radius:4px;
    display:inline-block;
    font-size:18px;
    font-weight:600;
    line-height:1.5;
    cursor: pointer;
}

#signupMainContainer .signupContainer .topButtonContainer .back-button:hover,
#signupMainContainer .signupContainer a.view-button:hover,
#signupMainContainer .signupContainer .prev-btn:hover,
#signupMainContainer .signupContainer .add-btn:hover,
#signupMainContainer .signupContainer .topButtonContainer .back-button:focus,
#signupMainContainer .signupContainer a.view-button:focus,
#signupMainContainer .signupContainer .prev-btn:focus,
#signupMainContainer .signupContainer .add-btn:focus {
    transition: .4s;
    box-shadow: inset 0px 0px 2px #000000;
    outline: none;
    background: #ffffff;
}

#signupMainContainer .signupContainer .topButtonContainer .back-button,
#signupMainContainer .signupContainer a.view-button{
    margin-bottom:32px;
}

#signupMainContainer .signupContainer .status-line .ellipsis {
    display: none; 
}
#signupMainContainer .signupContainer .status-line {
    display: flex;
    align-items: center;
    list-style: none;
    padding-top: 0;
    margin-left: 0;
    margin-bottom: 40px;
}
#signupMainContainer .signupContainer #step-7 .status-line,
#signupMainContainer .signupContainer #step-8 .status-line {
    padding: 32px 0;
    margin-left:0;
}
#signupMainContainer .signupContainer .themeSelecthead .page-logo {
    margin-top: 40px;
    margin-bottom: 50px;
}
#signupMainContainer .signupContainer .breadcrumb {
    padding: 0;
}
#signupMainContainer .signupContainer .status-line span {
    margin-right:7px;
}
#signupMainContainer .signupContainer .status-line span.status-number {
    width:24px;
    height:24px;
    display:inline-block;
    border-radius:16px;
    background: #E7E5E4;
    text-align: center;
    color:#736D62;
    cursor: pointer;
    font-size: 16px;
}
#signupMainContainer .signupContainer ul.status-line li.visited span.status-number {
    background:#252120;
    color:#FFFFFF8c;
}
#signupMainContainer .signupContainer ul.status-line li.active span.status-number {
    background:#252120;
    color:#FFFFFF;
}
#signupMainContainer .signupContainer ul.status-line .active span.status-number {
    color:#FFFFFF;
}
#signupMainContainer .signupContainer .status-line span.status-text {
    font-size:16px;
    font-weight:600;
    line-height:1.5;
    display:none;
}
#signupMainContainer .signupContainer ul.status-line li.active span.status-text {
    display:inline-block;
}
#signupMainContainer .signupContainer .status-space {
    flex-grow: 1;  
    position: relative;
    padding: 3px 0;
    margin-right: 10px;
}
#signupMainContainer .signupContainer .status-space:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  border-top: 1px solid #D0CBC9;
  width: 100%;
  transform: translateY(-50%);
}
#signupMainContainer .signupContainer .name_suggestions.active {
    padding: 20px 20px;
    margin-top: 20px;
    border-radius: 10px;
    border: 1px solid #D0CBC9;
    height: 250px;
    overflow-y: scroll;
    position: absolute;
    top: 70px;
    z-index: 2;
    background: #FFF;
    width: 100%;
}
#signupMainContainer .signupContainer .name_suggestions .suggestion-item{
    cursor: pointer;
}
.name_suggestions_container .loading-overlay {
    top: 70px;
}
#signupMainContainer .signupContainer .name_suggestions hr:last-child {
    display: none;
} 
#signupMainContainer .signupContainer.plans-screen .screenContent {
    height: 620px;
    overflow-y: scroll;
}
#signupMainContainer .signupContainer.plans-screen .screenContent::-webkit-scrollbar {
    display: none;
}
#signupMainContainer .signupContainer.plans-screen .screenContent {
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}

#signupMainContainer .signupContainer .form-step#step-1 .buttonContainer {
    text-align: right;
    margin-top: 32px;
    display: block;
}
#signupMainContainer .signupContainer .form-step .buttonContainer {
    margin-top: 32px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}
#signupMainContainer .signupContainer #step-7.form-step .buttonContainer {
    margin-top: 15px;
}
#signupMainContainer .signupContainer #step-2 .cell.medium-6:first-child,
#signupMainContainer .signupContainer #step-3 .cell.medium-6:first-child {
    padding-right: 8px; 
  }
#signupMainContainer .signupContainer #step-2 .cell.medium-6:nth-child(2),
#signupMainContainer .signupContainer #step-3 .cell.medium-6:nth-child(2) {
    padding-left: 8px; 
}
#signupMainContainer .signupContainer #step-3 .service-area-section small {
    padding: 8px 0;
    display: block;
}
#signupMainContainer .signupContainer #step-3 .service-area-section .tabs{
    margin-top:20px;
    border: 1px solid #D0CBC9;
}
#signupMainContainer .signupContainer #step-3 .service-area-section .tabs-panel.is-active {
    border: none;
}
#signupMainContainer .signupContainer #step-3 .service-area-section .tabs-content {
    border: 1px solid #D0CBC9;
    border-top:none;
}
#signupMainContainer .signupContainer #step-3 .tabs-title > a {
    background: #252120;
    color: #FFFFFF8c;
    font-size: 1em;
    margin-right: 1px;
}
#signupMainContainer .signupContainer #step-3 .tabs-title > a:focus, 
#signupMainContainer .signupContainer #step-3 .tabs-title > a[aria-selected='true'] {
    background: #252120;
    color: #FFFFFF;
    font-size: 1em;
    margin-right: 1px;
}
#signupMainContainer .signupContainer #step-3 .service-area-section .tabs-content textarea {
    padding: 8px 16px;
    min-height: 150px;
    display: block;
    margin-top: 8px;
    border: 1px solid #D0CBC9;
    width: 100%;
    box-shadow: none;
    margin-bottom: 0;
}

#signupMainContainer .signupContainer textarea{
    padding: 8px 16px;
    min-height: 150px;
    display: block;
    margin-top: 8px;
    border: 1px solid #D0CBC9;
    width: 100%;
    box-shadow: none;
    border-radius: 10px;
}

#category_suggestion.active {
    border: 1px solid #D0CBC9;
    padding: 16px;
    border-radius: 10px;
    margin-bottom: 19px;
    max-height: 200px;
    overflow-y: auto;
    width: 100%;
}

#category_suggestion .item-suggested {
    border-bottom: 1px solid #D0CBC9;
    padding-bottom: 5px;
    margin-bottom: 5px;
    padding-left: 6px;
    cursor: pointer;
}

#category_suggestion .item-suggested:last-child {
    border-bottom: 0;
    margin-bottom: 0;
}

.all-plans {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between; /* To ensure equal spacing between items */
    margin-left: 0;
    padding: 0;
}

.all-plans > li {
    background: #F4F3F2;
    width: calc(50% - 13px); /* Adjust width to allow margin between items */
    padding: 24px;
    margin-bottom: 30px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
}

/* Specific styling for the 4th item */
.all-plans > li:nth-child(4) {
    background: #000000; 
    color: #FFFFFF; 
}

/* Remove unnecessary margin for odd/even items */
.all-plans > li:nth-child(odd) {
  margin-right: 0; /* No need for extra margin-right */
}

.all-plans > li:nth-child(even) {
  margin-left: 0; /* No need for extra margin-left */
}

/* Plan name styling */
.all-plans > li .plan-name {
    font-size: 22px;
    line-height: 1.5;
    font-weight: 600;
    color: #000000;
}

.select_plan {
    margin-top:auto;
}

/* Responsive design for smaller screens */
@media (max-width: 640px) {
    .all-plans > li {
        width: 100%; /* Full width for single-column layout on smaller screens */
        margin-right: 0;
        margin-left: 0;
    }
}
.all-plans > li:nth-child(4) .plan-name,
.all-plans > li:nth-child(4) .plan-sub-heading,
.all-plans > li:nth-child(4) ul {
    color:inherit;
}
.all-plans > li .plan-name p,
.all-plans > li .plan-sub-heading p {
    margin-bottom:0;
}
.all-plans > li .plan-sub-heading {
    font-size:18px;
    line-height:1.5;
    font-weight:400;
    color:#000000;
    position:relative;
    padding-bottom: 10px;
}
.all-plans > li .plan-sub-heading::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 2px;
    background-color: #F15F27;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    z-index: 2;
}
.all-plans > li .plan-features {
    margin-bottom:10px;
}
.all-plans > li ul {
    padding-top:14px;
    list-style:none;
    margin-left:0;
    color:#736D62;
    font-size:16px;
    line-height:1.5;
}
.all-plans > li ul li{
    background-image: url("data:image/svg+xml,%3Csvg%20width%3D%2217%22%20height%3D%2212%22%20viewBox%3D%220%200%2017%2012%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M15.8493%201.70711C16.2398%201.31658%2016.2398%200.683417%2015.8493%200.292893C15.4588%20-0.0976312%2014.8256%20-0.0976309%2014.4351%200.292893L5.94977%208.7782L1.70711%204.53554C1.31658%204.14501%200.683417%204.14501%200.292893%204.53554C-0.0976311%204.92606%20-0.0976311%205.55923%200.292893%205.94975L5.24264%2010.8995C5.43791%2011.0948%205.69386%2011.1924%205.94979%2011.1924C6.02714%2011.1924%206.10449%2011.1835%206.18016%2011.1656C6.35487%2011.1245%206.52065%2011.0357%206.6569%2010.8995L15.8493%201.70711Z%22%20fill%3D%22%23F15F27%22%2F%3E%3C%2Fsvg%3E");
    background-size: auto;
    background-repeat: no-repeat;
    padding: 0px 0px 10px 24px;
    background-position: left 5px;
}
a.signup-button,
a.select-button {
    background: #F15F27;
    color:#000000;
    padding:6px 25px;
    font-size:18px; 
    font-weight:600;
    line-height:1.5;
    border-radius:4px;
    margin-top:16px;
    text-align:center;
    margin-top: auto;
    transition: box-shadow 0.3s ease;
}
.signup-button:hover,
.signup-button:focus,
.signup-button:active,
.select-button:focus,
.select-button:hover,
.select-button:active {
    color:#000000;
    background: #D44F20;
}
.signup-button {
    display:block;
}
.select-button {
    display:inline-block;
}
#signupContainer.theme-select-screen h1 {
    margin: 0 0 5px 0;
}
#signupContainer.theme-select-screen .page-logo {
    margin-top:40px;
    margin-bottom:50px
}

.allThemesContainer {
    margin-top: 32px;
    padding-bottom:80px;
    cursor: grabbing;
}
.allThemesContainer::-webkit-scrollbar,
#signupMainContainer .signupContainer #step-8 .right-content:-webkit-scrollbar {
    display: none;
}
#signupMainContainer .signupContainer #step-8 .right-content {
    -ms-overflow-style: none; 
    scrollbar-width: none; 
}
.all-themes {
    display:flex;
    flex-wrap: wrap;
    align-items: stretch;
    list-style: none;
    margin-left: 0;
}

.all-themes > li{
    width:48%;
    margin-bottom:30px;
    border-radius:10px;
    display: flex;
    flex-direction: column;
}
.all-themes > li:nth-child(even) {
    margin-left: 2%;
}
.all-themes > li:nth-child(odd) {
    margin-right: 2%;
}

.all-themes .theme-buttons-container {
    text-align:center;
    margin-top:2px;
}
.all-themes .theme-buttons-container a {
    margin:0 6px;
}
.all-themes .theme-title {
    font-size: 18px;
    font-weight: 600;
    text-align: center;
    color:#000000;
    line-height: 1.5;
    margin-top: 5px;
    margin-bottom: 16px;
}
.buildWebsiteInfoContainer h3 {
    font-size: 40px;
    line-height: 1.2;
    font-weight: 600;
    color: #000000;
    margin-top: 32px;
    margin-bottom: 0;
}
#signupMainContainer .signupContainer .form-step .buildWebsiteInfoContainer .buttonContainer {
    justify-content: start;
}
.buildWebsiteInfoContainer .buttonContainer .button_2 {
    margin-right: 16px;
    border-radius: 4px;
}
.buildWebsiteInfoContainer .buttonContainer .button_2:hover {
    background: #252120c7;
}
.buildWebsiteInfoContainer img {
    margin-top:32px;
    margin-bottom: 50px;
}
.button_2 {
    background: #252120;
    color:#FFFFFF;
    font-size:18px;
    font-weight: 600;
    line-height: 1.5;
    padding: 6px 25px;
    cursor: pointer;
    border-radius: 4px;
}
.themetabContainer,
.targetConstomerContainer {
    background: #F4F3F2;
    padding:4px;
    border-radius:8px;
    display:flex;
}
.themetabContainer a,
.targetConstomerContainer a{
    height:32px;
    width:50%;
    text-align:center;
    font-size:16px;
    font-weight:600;
    line-height: 1.5;
    padding: 4px 0;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
.themetabContainer a.active,
.targetConstomerContainer a.active {
    background:#FFFFFF;
    border-radius:4px;
    box-shadow: 0px 0px 8px 0px #00000033;
    color: #000000;
    font-size: 16px;
    font-weight: 600;
}
.themeSelecthead.sticky {
    position: fixed;
    top: 0; 
    z-index: 1000; 
    background-color: #ffffff; 
    width: 100%;
}

#signupMainContainer .signupContainer .accordion {
    background: #000000;
}
#signupMainContainer .signupContainer .accordion-title {
    border: 1px solid #FFFFFF;
    color: #FFFFFF8c;
    font-size: 18px
}
#signupMainContainer .signupContainer  .accordion-title:hover, 
#signupMainContainer .signupContainer  .accordion-title:focus,
#signupMainContainer .signupContainer  li.active .accordion-title {
    background-color: #000000;
    color: #FFFFFF;
}

.accordion-title::before{
    top: 45%;
    font-size: 27px;
}
.service-accordion-title::before{
    top: 45%;
    font-size: 27px;
}

.service-category-table .service-accordion-item .keyword-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0px 20px;
}

.service-category-table .service-accordion-item .keyword-list .keyword-item {
    display: flex;
}
.service-category-table .service-accordion-item .category-title-text {
    flex-basis: 70%;
    font-size: 20px;
}

.divider{
    padding: 0 10px;
}

#signupMainContainer .signupContainer  .service-category-table .service-accordion-item .service-accordion-header input:not([type="button"]) {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: #000000;
    border-radius: 10px;
    border: 0;
    box-shadow: none;
    padding: 2px;
    height: auto;
    background: #ffffff;
    display: inline-block; /* Ensures it's inline with other elements */
    padding-left: 10px;
}

#step-8 {
    margin-bottom: 50px;
}

#step-9 h3 {
    padding-left: 0.5em;
}

#status-container {
    padding: 2em 0;
    display: flex;
    flex-direction: column;
    gap: 1.5em;
}

.status-row {
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    gap: 1.5em;
}

.status-row .status-header {
    display: flex;
    align-items: center; /* Align number and text horizontally */
    width: 100%;
}

.status-row .row-index {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    height: 40px;
    background-color: #E7E5E4;
    color: #000000;
    font-weight: 600;
    border-radius: 50%;
    font-size: 18px;
    flex-shrink: 0;
    position: relative;
    top: 2px;
}

.status-row .row-index::before {
    content: "";
    position: absolute;
    left: 20px; /* Align with the center of the circle */
    top: 10px; /* Start from the center-bottom of the previous circle */
    bottom: -56px; /* End at the center-top of the next circle */
    width: 2px; /* Line width */
    background-color: #E7E5E4; /* Line color (adjust if needed) */
    z-index: -1; /* Ensure the line is behind the circles */
}

#status-container .status-row:last-child .row-index::before {
    display: none;
}

.status-row .row-index.warning {
    background-color: #F15F27;
    color:#FFFFFF;
}

.status-row .row-index.success {
    background-color: #ffffff;
    background-image: url('data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect x%3D%221%22 y%3D%221%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23F15F27%22 stroke-width%3D%222%22/%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M27.8493 15.7071C28.2398 15.3166 28.2398 14.6834 27.8493 14.2929C27.4588 13.9024 26.8256 13.9024 26.4351 14.2929L17.9498 22.7782L13.7071 18.5355C13.3166 18.145 12.6834 18.145 12.2929 18.5355C11.9024 18.9261 11.9024 19.5592 12.2929 19.9498L17.2426 24.8995C17.4379 25.0948 17.6939 25.1924 17.9498 25.1924C18.0271 25.1924 18.1045 25.1835 18.1802 25.1656C18.3549 25.1245 18.5207 25.0357 18.6569 24.8995L27.8493 15.7071Z%22 fill%3D%22%23F15F27%22/%3E%3C/svg%3E');
    background-size: cover;
    background-position: center;
    width: 40px; 
    height: 40px;
    font-size: 0;
}

.status-row .row-index.success::before {
    background-color: #F15F27;
}

.status-row .row-index.alert {
    background-image: url('data:image/svg+xml,%3Csvg width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect x%3D%221%22 y%3D%221%22 width%3D%2238%22 height%3D%2238%22 rx%3D%2219%22 stroke%3D%22%23F15F27%22 stroke-width%3D%222%22 stroke-dasharray%3D%224%204%22/%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M20.0009 23C19.5457 23 19.1635 22.6572 19.1142 22.2047L18.2178 13.9882C18.102 12.9269 18.9333 12 20.0009 12C21.0685 12 21.8998 12.9269 21.784 13.9882L20.8877 22.2047C20.8383 22.6572 20.4561 23 20.0009 23ZM20.0009 28.5C20.9674 28.5 21.7509 27.7165 21.7509 26.75C21.7509 25.7835 20.9674 25 20.0009 25C19.0344 25 18.2509 25.7835 18.2509 26.75C18.2509 27.7165 19.0344 28.5 20.0009 28.5Z%22 fill%3D%22%23F15F27%22/%3E%3C/svg%3E');
    background-size: cover;
    background-position: center;
    width: 40px; 
    height: 40px;
    font-size: 0;
    background-color: #ffffff;
}

.status-row .row-index.alert::before {
    border: 1px dashed #F15F27;
}

.failed-row {
    display: flex;
}

.failed-row span{
    text-transform: capitalize;
    color:#736D62;
    font-size: 16px;
    font-weight: 400;
    margin-top: 5px;
}

.status-text {
    font-size: 16px;
    font-weight: 600;
    display: flex;
    justify-content: space-between;
}

.row-status-progress {
    display: flex;
    flex-direction: column;
    gap: 2px;
    width: 100%;
}

.status-row .progress {
    margin-bottom: 0;
    display: block;
    width: 100%;
    display:block !important;
    height: 8px;
    padding: 0;
    padding-bottom: 2px;
    margin-top:4px;
    border-radius: 4px;
    background-color: #E7E5E4;
    border: 1px solid #E7E5E4;
}
.status-row .progress.secondary {
    background-color: #ffffff;
    border: none;
}
.status-row .progress-meter {
    height: 6px;
    border-radius: 4px;
}
.progress.warning .progress-meter {
    background-color: #000000;
}
.status-row .status-icon{
    padding: 0;
    margin: 0;
}
.status-row .status-icon i {
    font-size: 24px;
    position: relative;
    top: 5px;
}
.status-row .status-icon .status-not-started {
    color:#cacaca;
}
.progress.success .progress-meter {
    background-color: #000000;
}
.status-row .progress.alert {
    border: 1px solid #E7E5E4;
}
.progress.alert .progress-meter{
    background-color: #E7E5E4;
}
.status-completed {
    color: #000000;
}

.status-started{
    color:#6FA6F8;
    animation: spin 2s linear infinite;
}
.status-in-progress {
    color: #3880FF;
    animation: spin 2s linear infinite;
}
#step-9 {
    margin-bottom: 80px;
}
#step-9 h3.status-msg.active{
    text-align: center;
    width: 100%;
    margin-left: 0;
    padding-left: 0;
} 
.status-step-button-container{
    text-align: center;
}
.container-for-dashboard .row-index.warning {
    display:none !important;
}
.container-for-website .row-index {
    display:inline-flex !important;
}
.page-name {
    padding-right: 16px;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

.retry-btn {
    background-color: #ffffff;
    color: #000000;
    border: none;
    font-weight: 600;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 5px;
    margin-left: auto;
    margin-right: 0;
    height: 26px;
    background-image: url('data:image/svg+xml,%3Csvg width%3D%2218%22 height%3D%2218%22 viewBox%3D%220%200%2018%2018%22 fill%3D%22none%22 xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13.5%202.13314C14.1667%202.51804%2014.1667%203.48029%2013.5%203.86519L10.5%205.59724C9.83333%205.98214%209%205.50102%209%204.73122L9%203.99921C6.23858%203.99921%204%206.23778%204%208.99921C4%209.4642%204.06321%209.91283%204.18091%2010.3377C4.32836%2010.8699%204.01642%2011.4209%203.48418%2011.5684C2.95194%2011.7158%202.40095%2011.4039%202.2535%2010.8717C2.08808%2010.2745%202%209.64635%202%208.99921C2%205.13321%205.13401%201.99921%209%201.99921L9%201.26712C9%200.497316%209.83334%200.0161914%2010.5%200.401092L13.5%202.13314ZM14.5178%206.4343C15.0502%206.28727%2015.6009%206.59964%2015.7479%207.132C15.9124%207.72756%2016%208.35396%2016%208.99921C16%2012.8652%2012.866%2015.9992%209%2015.9992L9%2016.7313C9%2017.5011%208.16667%2017.9822%207.5%2017.5973L4.5%2015.8653C3.83333%2015.4804%203.83334%2014.5181%204.5%2014.1332L7.5%2012.4012C8.16667%2012.0163%209%2012.4974%209%2013.2672L9%2013.9992C11.7614%2013.9992%2014%2011.7606%2014%208.99921C14%208.53557%2013.9372%208.08821%2013.8201%207.66443C13.6731%207.13208%2013.9855%206.58133%2014.5178%206.4343Z%22 fill%3D%22black%22/%3E%3C/svg%3E');
    background-position: right;
    background-repeat: no-repeat;
    padding-right: 25px;
    margin-top: 6px;
}
.retry-btn:hover {
    background-color: #ffffff;
    color: #000000;
}

#signupMainContainer .signupContainer #step-0 .rightpart .right-content{ 
    max-height: 100% !important;
    overflow-y: auto !important;
    height: 100% !important;
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1195px) {
    #signupMainContainer.with-background {
        background-position: -29%;
    }
    #signupMainContainer .signupContainer.plans-screen .leftPart .text-container h1 {
        font-size: 40px;
    }
    .all-plans > li{
        margin-bottom: 24px;
    }
    .all-plans > li:nth-child(even) {
        margin-left: 11px;
    }
    .all-plans > li:nth-child(odd) {
        margin-right: 11px;
    }
}

@media only screen and (max-width: 1024px) {
    body{
        overflow-y: auto !important;
    }
}

@media only screen and (max-width: 1023px) {
    body {
        overflow-y: auto;
    }
    #signupMainContainer .grid-container {
        padding-right: 0;
        padding-left: 0;
    }

    #signupMainContainer .signupContainer .leftPart,
    #signupMainContainer .signupContainer .rightpart {
        width: 100%; 
        padding-left: 2rem; 
        padding-right: 2rem; 
    }
   
    #signupMainContainer .signupContainer .leftPart {
        background: url("../images/webware-cloud-image.jpeg");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        min-height: 256px;
        justify-content: space-between;
        margin-bottom: 48px;
        padding-left: 2rem;
        padding-bottom: 2rem;
    }
    #signupMainContainer .signupContainer .leftPart .text-container h1 {
        margin-bottom:0;
        margin-top:80px;
        font-size:30px;
    }
    #signupMainContainer .signupContainer h5 {
        font-size: 20px;
    }
    #signupMainContainer .signupContainer.plans-screen .screenContent {
        height: auto;
        overflow-y: hidden;
    }
    #signupMainContainer .signupContainer .rightpart {
        align-content: baseline;
        padding:0 2rem;
        height: auto;
        min-height: 400px;
    }
    #signupMainContainer .signupContainer .right-content {
        height: auto; /* Allow height to adjust automatically */
        overflow-y: scroll; /* Enable scrolling in the right content */
    }
    #signupMainContainer .signupContainer #step-0 .rightpart {
        overflow-y:scroll;
    }
    #signupMainContainer .signupContainer .rightpart .infoContainer {
        padding-left:0px;
    }
    #signupMainContainer .signupContainer .status-line {
        padding-top: 0px;
        margin-left: 0;
        margin-bottom: 32px;
    }
    #signupMainContainer .signupContainer .leftPart .text-container h1 {
        margin-bottom: 0px;
        font-size: 30px;
    }
    #signupMainContainer .signupContainer .rightpart .infoContainer .video {
        text-align: center;
    }
    #signupMainContainer .signupContainer .accordion {
        margin-top:20px;
    }
    #signupMainContainer .signupContainer #step-7 .status-line, #signupMainContainer .signupContainer #step-8 .status-line{
        margin-bottom: 0;
    }
    #step-7,
    #step-8,
    #step-9 {
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
    }
    .all-themes > li{
        width:100%;
        margin-bottom: 32px;
    }
    
    .all-themes > li:nth-child(even) {
        margin-left: 0;
    }
    
    .all-themes > li:nth-child(odd) {
        margin-right: 0;
    }
    .all-themes > li .theme-image{
        text-align:center;
    }
    .all-themes > li{
        margin-left: 0;
        margin-right: 0;
    }
    .all-themes .theme-title {
        font-size: 16px;
    }
    #signupContainer.theme-select-screen h1 {
        font-size:30px;
    }
    #signupContainer.theme-select-screen .page-logo {
        margin-bottom: 35px;
    }
    #signupMainContainer .signupContainer.theme-select-screen .status-line {
        padding-top: 32px;
    }
    .buildWebsiteInfoContainer h3 {
        font-size: 26px;
    }
    #signupMainContainer h1 {
        font-size: 30px;
    }
    .ps-hide-for-small {
        display: none !important;
    }
    .breadcrumb {
        padding-left: 0;
        padding-right: 0;
    }
}

@media only screen and (max-width: 639px) {
    .all-plans > li:nth-child(odd) {
        margin-right: 0px;
    }
    .all-plans > li:nth-child(even) {
        margin-left: 0px;
    }
    .all-plans > li {
        width:100%;
    }
    #signupMainContainer .signupContainer .status-line span.status-number.number-hide-mobile {
        display: none; 
    }
    #signupMainContainer .signupContainer .status-line .ellipsis {
        display: inline-block; 
        width: 22px;
        height: 24px;
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="22" height="24" viewBox="0 0 22 24" fill="none"><circle cx="1" cy="12" r="1" fill="%23736D62"/><circle cx="7" cy="12" r="1" fill="%23736D62"/><circle cx="13" cy="12" r="1" fill="%23736D62"/></svg>');
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        margin-right: 0;
    }
    /* .status-line li.breadcrumb-item.hidden:last-child{
        display: inline-block;
    } */
    #signupMainContainer .signupContainer #step-2 .cell.medium-6:first-child, 
    #signupMainContainer .signupContainer #step-3 .cell.medium-6:first-child,
    #signupMainContainer .signupContainer #step-2 .cell.medium-6:nth-child(2), 
    #signupMainContainer .signupContainer #step-3 .cell.medium-6:nth-child(2) {
        padding-left: 0px;
        padding-right: 0px;
    }
    #signupMainContainer .signupContainer .form-step .buildWebsiteInfoContainer .buttonContainer {
        display: block;
        margin-top: 0;
    }
    #signupMainContainer .signupContainer .form-step .buildWebsiteInfoContainer .buttonContainer button {
        margin-top:30px;
    }
    #signupMainContainer .signupContainer ul.status-line li.active span.status-text {
        display:none;
    }
    .service-category-table, 
    .service-category-table thead, 
    .service-category-table tbody, 
    .service-category-table th, 
    .service-category-table td, 
    .service-category-table tr { 
        display: block; 
    }

    .service-category-table thead tr { 
        position: absolute; 
        top: -9999px; 
        left: -9999px;
    }

    .service-category-table tr { 
        margin: 0 0 1rem 0; 
    }

    .service-category-table td { 
        border: none;
        position: relative;
        padding-left: 42%; 
        text-align: left;
        min-height: 58px;
    }

    .service-category-table td:before { 
        position: absolute;
        top: 36%;
        left: 14px;
        width: 45%; 
        padding-right: 10px; 
        white-space: nowrap;
        font-weight: bold;
        min-height: 82px;
        text-align: left;
    }

    .service-category-table td:nth-of-type(1):before { content: "Category"; }
    .service-category-table td:nth-of-type(2):before { content: "Keyword"; }
    .service-category-table td:nth-of-type(3):before { content: "Search Intent"; }
    .service-category-table td:nth-of-type(4):before { content: "Actions"; }

    /* Optional: to remove extra spacing in the 'Actions' column */
    .service-category-table td a {
        margin: 0;
    }
    .service-category-table tbody tr td:last-child a {
        position: relative;
        top: 12px;
    }
    .status-row .row-index::before {
        bottom: -80px;
    }
    /* #gmbCategoriesAccordion .accordion-item .accordion-header {
        flex-direction: column;
    }
    #gmbCategoriesAccordion .accordion-item .accordion-header .category-title-text,
    #gmbCategoriesAccordion .accordion-item .accordion-header .anchor-containerr {
        margin-bottom: 5px;
    }
    #gmbCategoriesAccordion .accordion-item .accordion-header .anchor-container{
        margin-right: auto;
    } */
    /* .accordion-header a.setPrimaryCategory {
        margin-left: 41px;
        margin-right: 10px;
    } */
    .accordion-header a.generateKeywords {
        margin-right: 10px;
    }
}
 @media only screen and (max-width: 440px) {
    .themetabContainer {
        align-items: center;
    }
    .themetabContainer a {
        height: auto;
    }
    #signupMainContainer .signupContainer label input:not([type="button"]), 
    #signupMainContainer .signupContainer input:not([type="button"]), 
    #signupMainContainer .signupContainer label select {
        font-size: 16px;
    }
}

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

    #seoContainer .service-accordion-item .service-accordion-header {
        flex-direction: column;
    }

    #seoContainer .service-accordion-item .service-accordion-header .category-title-text,
    #seoContainer .service-accordion-item .service-accordion-header .anchor-container {
        margin-bottom: 5px;
    }

    #seoContainer .service-accordion-item .service-accordion-header .anchor-container {
        margin-right: auto;
    }
    .accordion-header a.deleteCategory.withoutgenerate {
        margin-left: 57px;
    }
    .accordion-header a.generateKeywords {
        margin-left: 54px;
    }
}

.right-content {
    position: relative;
    opacity: 1;
    transition: opacity 0.3s ease;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.8);
    pointer-events: none;
    z-index: 10;
}

.loading-overlay .spinner {
    position: relative;
    width: 72px;
    height: 72px;
}

.loading-overlay .spinner-ring {
    width: 72px;
    height: 72px;
    transform: rotate(-90deg);
}

.loading-overlay .spinner-track {
    fill: none;
    stroke: #E7E5E4;
    stroke-width: 4;
}

.loading-overlay .spinner-fill {
    fill: none;
    stroke: #F15F27;
    stroke-width: 4;
    stroke-dasharray: 201.06;
    stroke-dashoffset: 201.06;
}

.loading-overlay .spinner-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
}

.loading-overlay .loading-text {
    margin-top: 16px;
    font-family: 'Inter', 'Roboto', sans-serif;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 1;
}

.loading {
    pointer-events: none; /* Disable interaction */
    opacity: 0.5; /* Dimmed effect */
}

.password-container {
    position: relative;
}

.password-toggle i {
    font-size: 20px;
    color:#736D62;
    width: 22px;
    height: 55%;
    position: absolute;
    top: 78px;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
}

.service-accordion-body {
    position: relative;
}

.generateServiceCategoryButton.save {
    position: absolute;
    top: 15px;
    right: 25px;
}

.tagify__tag button.set-primary { 
    border: none; 
    background: transparent; 
    cursor: pointer;  
    box-shadow:none
}

.tagify__tag:not(.isprimary) button.set-primary { 
    visibility: hidden;
}

.tagify__tag:not(.isprimary):hover .set-primary { 
    visibility: visible;
} 

.tagify__tag.isprimary {
    font-weight: bold;
    --tag-bg: #F15F27;
}

.tagify__tag,
.tagify__tag>div::before{
    background:#DDD !important;
    --tags-border-color: #DDD !important;
    --tag-bg: #ddd !important;
}

.tagify__tag.isprimary>div::before,
.tagify__tag.isprimary,
.tagify__tag:hover,
.tagify__tag:active,
.tagify__tag:focus,
.tagify__tag:hover>div::before,
.tagify__tag:active>div::before,
.tagify__tag:focus>div::before{
    background:#F15F27 !important;
    --tags-border-color: #F15F27 !important;
    --tag-bg: #F15F27 !important;
}

.tagify__tag>div{
    z-index: -1;
}

/* Step 5: Services Accordion */
#step-5 .accordion-item {
    border: 1px solid #D0CBC9;
    border-radius: 8px;
    margin-bottom: 10px;
    background-color: #ffffff;
}

#step-5 .accordion-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    cursor: pointer;
    background-color: #f1f1f1;
    border-bottom: 1px solid #D0CBC9;
    border-radius: 8px 8px 0 0;
    gap:15px;
}

#step-5 .accordion-header:hover {
    background-color: #e9e9e9;
}

#step-5 .accordion-header .category-title-text {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}

#step-5 .accordion-header .anchor-container {
    display: flex;
    align-items: center;
    gap: 10px;
}

#step-5 .accordion-header .anchor-container a {
    color: #000000;
    text-decoration: none;
    font-size: 14px;
}

#step-5 .accordion-header .anchor-container a:hover {
    color: #F15F27;
}

#step-5 .accordion-body {
    padding: 15px;
    background-color: #ffffff;
    border-radius: 0 0 8px 8px;
}

#step-5 .accordion-body input[type="text"],
#step-5 .accordion-body textarea {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #D0CBC9;
    border-radius: 4px;
    font-size: 14px;
    margin-bottom: 10px;
}

#step-5 .accordion-body textarea {
    min-height: 100px;
    resize: vertical;
}

#step-5 .accordion-body .category-keyword-container {
    margin-top: 10px;
}

#step-5 .accordion-body .category-keyword-container textarea {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #D0CBC9;
    border-radius: 4px;
    font-size: 14px;
    min-height: 100px;
    resize: vertical;
}

/* Ensure consistent spacing and alignment */
#step-5 .accordion-body .category-keyword-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

/* Ensure consistent button styles */
#step-5 .accordion-body .generateServiceCategoryButton {
    background-color: #F15F27;
    color: #000000;
    padding: 6px 12px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    margin-top: 10px;
}

#step-5 .accordion-body .generateServiceCategoryButton:hover {
    background-color: #D44F20;
}

/* Ensure consistent delete button styles */
#step-5 .accordion-header .deleteGmbCategory {
    color: #000000;
    font-size: 14px;
    cursor: pointer;
    padding-top: 4px;
}

#step-5 .accordion-header .deleteGmbCategory:hover {
    color: #F15F27;
}

/* Ensure consistent primary category button styles */
#step-5 .accordion-header .setPrimaryCategory {
    /* background-color: #F15F27; */
    color: #000000;
    padding: 6px 12px;
    border-radius: 100px;
    font-size: 14px;
    cursor: pointer;
    border: none;
    display: flex;
    align-items: center;
    gap: 5px;
}

#step-5 .accordion-header .setPrimaryCategory.primaryCategory {
    background-color: #F15F27;
}

#step-5 .accordion-header .setPrimaryCategory button,
#step-5 .accordion-header .setPrimaryCategory button:hover, 
#step-5 .accordion-header .setPrimaryCategory button:focus, 
#step-5 .accordion-header .setPrimaryCategory button.button:hover, 
#step-5 .accordion-header .setPrimaryCategory button.button:focus {
    background-color: transparent;
    box-shadow: none;
    color: black;
    text-transform: uppercase;
}

#step-5 .accordion-header .setPrimaryCategory:hover {
    background-color: #D44F20;
}
@media only screen and (min-width: 0) and (max-width: 640px) {
    #step-5 .accordion-header .setPrimaryCategory.primaryCategory button span{
        display: none;
    }
}

/* Ensure consistent spacing for the accordion items */
#step-5 .accordion-item {
    margin-bottom: 10px;
}

/* Ensure consistent border radius for the accordion items */
#step-5 .accordion-item:first-child {
    border-radius: 8px 8px 0 0;
}

/* #step-5 .accordion-item:last-child {
    border-radius: 0 0 8px 8px;
}
 */
/* Ensure consistent hover effects for the accordion headers */
#step-5 .accordion-header:hover {
    background-color: #e9e9e9;
}

/* Ensure consistent padding for the accordion body */
#step-5 .accordion-body {
    padding: 15px;
}

/* To add chosen to the industry type. */
#business_type_chosen.chosen-container-single .chosen-single{
    text-transform: capitalize;
    line-height: 50px;
    font-family: Helvetica,Arial,sans-serif;
    font-size: 18px;
    margin: 0;
    padding: 0;
    font-weight: normal;
    background: #ffffff;
    height: 50px;
    line-height: 50px
}

#business_type_chosen.chosen-container-single .chosen-single div b{
    appearance: none; 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    background-image: url('data:image/svg+xml,%3Csvg width="10" height="7" viewBox="0 0 10 7" fill="none" xmlns="http://www.w3.org/2000/svg"%3E%3Cpath fill-rule="evenodd" clip-rule="evenodd" d="M9.67724 1.88191C10.1078 1.45139 10.1078 0.753396 9.67724 0.322884C9.24673 -0.107628 8.54873 -0.107628 8.11821 0.322884L5.00004 3.44106L1.88191 0.322933C1.45139 -0.10758 0.753396 -0.10758 0.322884 0.322933C-0.107628 0.753445 -0.107628 1.45144 0.322885 1.88196L4.22044 5.77951C4.49879 6.05786 4.88895 6.15624 5.24634 6.07466C5.4418 6.03008 5.62746 5.93169 5.77968 5.77946L9.67724 1.88191Z" fill="black"/%3E%3C/svg%3E') !important;
    background-repeat: no-repeat !important;
    background-position: right 0 center;
    background-size: 20px 7px;
    padding-right: 25px;
    display: inline-block;
    width: 10px;
    height: 10px;
}

#business_type_chosen.chosen-container-single .chosen-single div{
    width: 15px;
    right: 23px;
}

#business_type_chosen.chosen-container-single .chosen-single div b{
    /* width: 0;
    height: 0;
    border-top: 7px solid transparent;
    border-left: 14px solid #000000;
    border-bottom: 7px solid transparent;
    background: none; */
    top: 0;
    position: relative;
}
#business_type_chosen .chosen-with-drop .chosen-single div b{
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 14px solid #000000;
    top: 35%;
    position: relative;
}
#business_type_chosen.chosen-container-single .chosen-drop{
    font-size: 18px;
    line-height: 1.2em;	
}
#business_type_chosen.chosen-container-single .chosen-search input[type="text"]{
    text-align:left;
    font-weight: normal;
    font-family: Helvetica,Arial,sans-serif;
}
#business_type_chosen.chosen-container .chosen-results li{
    text-transform: capitalize;
    line-height: 1.2em;
}
#business_type_chosen.chosen-container .chosen-results li.highlighted{
    background: #f9f9f9;
    color: #000000;
    text-align: left;
}

#business_type_chosen.chosen-container-single .chosen-single span{
    margin: 0 15px;
}

#business_type_chosen.chosen-container .chosen-single{
    border: 1px solid #D0CBC9;
}

.password-toggle i.fa-eye-slash::after {
    background:transparent !important;
}

/* Status Message CSS */
#status-msg {
  display: none;
  position: fixed;
  bottom: 0;
  width: 100%;
  z-index: 99999999;
  font-size: 100%;
  font-weight: 700;
  height: 100%;
  line-height: 1.5;
  background: rgba(37, 33, 32, 0.7);
}
@media screen and (min-width: 40em) {
  #status-msg {
    font-size: 18px;
  }
}
#status-msg .short {
  font-size: 1em;
}
#status-msg .medium {
  font-size: 0.9em;
}
#status-msg .long {
  font-size: 0.7em;
}
@media screen and (min-width: 40em) {
  #status-msg .long {
    font-size: 0.8em;
  }
}
#status-msg .status-msg-close {
  background: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M17.5135 0.542893C17.1229 0.152369 16.4898 0.152369 16.0992 0.542893L9.02821 7.61392L1.9572 0.542911C1.56668 0.152387 0.933511 0.152386 0.542986 0.542911C0.152462 0.933435 0.152462 1.5666 0.542986 1.95712L7.614 9.02814L0.542893 16.0992C0.152369 16.4898 0.152369 17.1229 0.542893 17.5135C0.933417 17.904 1.56658 17.904 1.95711 17.5135L9.02821 10.4424L16.0993 17.5135C16.4899 17.904 17.123 17.904 17.5135 17.5135C17.9041 17.1229 17.9041 16.4898 17.5135 16.0993L10.4424 9.02814L17.5135 1.95711C17.904 1.56658 17.904 0.933417 17.5135 0.542893Z" fill="black"/></svg>');
  width: 18px;
  height: 18px;
  display: block;
  position: absolute;
  right: 24px;
  top: 39%;
  cursor: pointer;
}
#status-msg .ps-success {
  margin-bottom: 0;
  position: absolute;
  width: 100%;
  bottom: 56px;
}
#status-msg .ps-success #msg-container {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.7989 14.0711C30.1895 13.6805 30.1895 13.0474 29.7989 12.6569C29.4084 12.2663 28.7753 12.2663 28.3847 12.6569L16.3639 24.6777L12.1213 20.435C11.7308 20.0445 11.0976 20.0445 10.7071 20.435C10.3165 20.8256 10.3165 21.4587 10.7071 21.8492L14.9497 26.0919L15.6568 26.799C15.6812 26.8234 15.7066 26.8463 15.7328 26.8676C16.1255 27.188 16.7049 27.1651 17.071 26.799L17.7781 26.0919L29.7989 14.0711Z" fill="black"/><rect x="1" y="1" width="38" height="38" rx="19" stroke="black" stroke-width="2"/></svg>');
  background-repeat: no-repeat;
  background-color: #e3f4ed;
  color: #000000;
  background-position: 24px;
  border-radius: 10px;
  word-break: break-word;
}
#status-msg .ps-info {
  margin-bottom: 0;
  position: absolute;
  width: 100%;
  bottom: 56px;
}
#status-msg .ps-info #msg-container {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M29.7989 14.0711C30.1895 13.6805 30.1895 13.0474 29.7989 12.6569C29.4084 12.2663 28.7753 12.2663 28.3847 12.6569L16.3639 24.6777L12.1213 20.435C11.7308 20.0445 11.0976 20.0445 10.7071 20.435C10.3165 20.8256 10.3165 21.4587 10.7071 21.8492L14.9497 26.0919L15.6568 26.799C15.6812 26.8234 15.7066 26.8463 15.7328 26.8676C16.1255 27.188 16.7049 27.1651 17.071 26.799L17.7781 26.0919L29.7989 14.0711Z" fill="black"/><rect x="1" y="1" width="38" height="38" rx="19" stroke="black" stroke-width="2"/></svg>');
  background-repeat: no-repeat;
  background-color: #e3f4ed;
  color: #000000;
  background-position: 24px;
  border-radius: 10px;
}
#status-msg .ps-error {
  margin-bottom: 0;
  position: absolute;
  width: 100%;
  bottom: 56px;
}
#status-msg .ps-error #msg-container {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M26.8482 12.707C26.4577 12.3164 25.8245 12.3164 25.434 12.707L19.7778 18.3632L14.1217 12.7071C13.7311 12.3166 13.098 12.3166 12.7074 12.7071C12.3169 13.0976 12.3169 13.7308 12.7074 14.1213L18.3635 19.7774L12.7074 25.4335C12.3169 25.824 12.3169 26.4572 12.7074 26.8477C13.098 27.2382 13.7311 27.2382 14.1217 26.8477L19.7778 21.1916L25.4338 26.8477C25.8244 27.2382 26.4575 27.2382 26.8481 26.8477C27.2386 26.4572 27.2386 25.824 26.8481 25.4335L21.192 19.7774L26.8482 14.1212C27.2387 13.7306 27.2387 13.0975 26.8482 12.707Z" fill="black"/><rect x="1" y="1" width="38" height="38" rx="19" stroke="black" stroke-width="2"/></svg>');
  background-repeat: no-repeat;
  background-color: #fde5e5;
  color: #000000;
  background-position: 24px;
  border-radius: 10px;
}
#status-msg .ps-warning {
  margin-bottom: 0;
  position: absolute;
  width: 100%;
  bottom: 56px;
}
#status-msg .ps-warning #msg-container {
  background-image: url('data:image/svg+xml,<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M20 11C19.4477 11 19 11.4477 19 12V24C19 24.5523 19.4477 25 20 25C20.5523 25 21 24.5523 21 24V12C21 11.4477 20.5523 11 20 11ZM20 27C19.4477 27 19 27.4477 19 28C19 28.5523 19.4477 29 20 29C20.5523 29 21 28.5523 21 28C21 27.4477 20.5523 27 20 27Z" fill="black"/><rect x="1" y="1" width="38" height="38" rx="19" stroke="black" stroke-width="2"/></svg>');
  background-repeat: no-repeat;
  background-color: #fdf4e5;
  color: #000000;
  background-position: 24px;
  border-radius: 10px;
}
#status-msg #msg-container {
  text-align: left;
  width: 994px;
  position: relative;
  height: 100%;
  padding: 16px 42px 16px 80px;
  margin: 0 auto;
  color: #ffffff;
}
@media screen and (max-width: 64em) {
  #status-msg #msg-container {
    width: 80%;
  }
}
#status-msg #msg-container div {
  display: table-cell;
  height: 64px;
  vertical-align: middle;
}

/* ───── Step 7: keyword search-intent badge + picker ───── */
.kw-intent-badge {
  margin-right: 6px;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  vertical-align: middle;
  user-select: none;
  transition: transform 0.08s ease, box-shadow 0.08s ease;
  padding: 2px;
  line-height: 0.5em;
}
.kw-intent-popover-item .kw-intent-badge { margin-right: 0; }
.kw-intent-badge:hover { transform: translateY(-1px); box-shadow: 0 1px 3px rgba(0,0,0,0.12); }
.kw-intent-badge:focus { outline: 2px solid #2684ff; outline-offset: 1px; }

.kw-intent-badge.intent-informational { background: #dbe9ff; color: #1d4ed8; border-color: #bcd2ff; }
.kw-intent-badge.intent-navigational  { background: #d6f1de; color: #166534; border-color: #b5e3c2; }
.kw-intent-badge.intent-commercial    { background: #fdf3c4; color: #854d0e; border-color: #f3e1a3; }
.kw-intent-badge.intent-transactional { background: #fbd9de; color: #9f1239; border-color: #f4bcc6; }
.kw-intent-badge.intent-local         { background: #ede2fb; color: #6d28d9; border-color: #d8c6f4; }

.kw-intent-popover {
  position: absolute;
  z-index: 10050;
  min-width: 200px;
  padding: 8px 0;
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  box-shadow: 0 10px 24px rgba(15, 23, 42, 0.12), 0 2px 6px rgba(15, 23, 42, 0.08);
  font: 14px/1.4 system-ui, -apple-system, "Segoe UI", sans-serif;
}
.kw-intent-popover-title {
  padding: 4px 14px 8px;
  font-size: 12px;
  color: #6b7280;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
.kw-intent-popover-list { list-style: none; margin: 0; padding: 0; }
.kw-intent-popover-item {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 3px 14px;
  cursor: pointer;
  color: #111827;
}
.kw-intent-popover-item:hover { background: #f3f4f6; }
.kw-intent-popover-item input[type="radio"] { margin: 0; }
.kw-intent-popover-item .kw-intent-badge { cursor: default; pointer-events: none; }
.kw-intent-popover-label { flex: 1; }