@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

*,
body {
 margin: 0px;
 padding: 0px;
 box-sizing: border-box;
 font-family: "Poppins", sans-serif !important;
}

.container-fluid {
 --bs-gutter-x: 0px !important;
}

:root {
 --bs-orange: #fe5e54 !important;
 --bs-dark-blue: #000066;
 --bs-light-green: #71aeaa;
 --bs-black: #353535;
 --bs-lightblack: #35353510;
}

/* UTILITY CLASSES */

.ps-4\.5 {
 padding-left: 32px !important;
}

.shadow-md {
 box-shadow: rgba(17, 12, 46, 0.15) 0px 48px 120px 0px;
}

.flex-stretch {
 flex: 1 1 auto !important;
}

.bg-lightblack {
 background-color: var(--bs-lightblack) !important;
}

.custom-body-color {
 color: rgba(23, 23, 23, 0.8);
}

.h-24 {
 min-height: 24px !important;
 max-height: 24px !important;
}

.w-40p {
 width: 40% !important;
}

.w-60p {
 width: 60% !important;
}

.w-70p {
 width: 70% !important;
}

.prose {
 max-width: 65ch !important;
}

.state\:clear-stroke,
.state\:clear-stroke:active {
 outline: none !important;
 border: none !important;
 box-shadow: none !important;
 filter: none !important;
}

.rounded-l-3 {
 border-top-left-radius: 6px !important;
 border-bottom-left-radius: 6px !important;
}

.hover\:underline:hover {
 text-decoration: underline !important;
}

/* THEME (START) */

/* Input Buttons */

.input-btn-freelancer:checked {
 background-color: var(--bs-light-green) !important;
 border-color: var(--bs-light-green) !important;
 border: 1px solid var(--bs-light-green) !important;
}

.input-btn-freelancer:checked::before {
 border-color: var(--bs-light-green) !important;
}

/**/

.input-btn-professional:checked {
 background-color: var(--bs-orange) !important;
 border-color: var(--bs-orange) !important;
 border: 1px solid var(--bs-orange) !important;
}

.input-btn-professional:checked::before {
 border-color: var(--bs-orange) !important;
}

/**/

.input-btn-businessowner:checked {
 background-color: var(--bs-dark-blue) !important;
 border-color: var(--bs-dark-blue) !important;
 border: 1px solid var(--bs-dark-blue) !important;
}

.input-btn-businessowner:checked::before {
 border-color: var(--bs-dark-blue) !important;
}

/**/

.input-btn-individual:checked {
 background-color: var(--bs-black) !important;
 border-color: var(--bs-black) !important;
 border: 1px solid var(--bs-black) !important;
}

.input-btn-individual:checked::before {
 border-color: var(--bs-black) !important;
}

/* Form Inputs */

.form-input-freelancer:focus,
.form-input-freelancer:active {
 border: 1px solid var(--bs-light-green) !important;
}

.form-input-professional:focus,
.form-input-professional:active {
 border: 1px solid var(--bs-orange) !important;
}

.form-input-businessowner:focus,
.form-input-businessowner:active {
 border: 1px solid var(--bs-dark-blue) !important;
}

.form-input-individual:focus,
.form-input-individual:active {
 border: 1px solid var(--bs-black) !important;
}

/* Ghost Button */

.gbtn-freelancer:hover,
.gbtn-freelancer:active:focus,
.gbtn-freelancer:active:hover {
 background-color: var(--bs-light-green);
 color: white !important;
}

/**/

.gbtn-professional:hover,
.gbtn-professional:active:focus,
.gbtn-professional:active:hover {
 background-color: var(--bs-orange);
 color: white !important;
}

/**/

.gbtn-businessowner:hover,
.gbtn-businessowner:active:focus,
.gbtn-businessowner:active:hover {
 background-color: var(--bs-dark-blue);
 color: white !important;
}

/**/

.gbtn-individual:hover,
.gbtn-individual:active:focus,
.gbtn-individual:active:hover {
 background-color: var(--bs-black);
 color: white !important;
}

/* Text Colors */

.text-freelancer {
 color: #71aeaa !important;
}

.text-professional {
 color: #fe5e54 !important;
}

.text-businessowner {
 color: #000066 !important;
}

.text-individual {
 color: #353535 !important;
}

/* Background Colors */

.bg-professional,
.bg-businessowner,
.bg-freelancer {
 transition: background-color 0.3s ease;
}

.bg-freelancer {
 background-color: #71aeaa !important;
}

.bg-freelancer:hover,
.bg-freelancer:active:focus,
.bg-freelancer:active:hover {
 background-color: var(--bs-light-green) !important;
}

/**/

.bg-professional {
 background-color: #fe5e54 !important;
}

.bg-professional:hover,
.bg-professional:active:focus,
.bg-professional:active:hover {
 background-color: var(--bs-orange) !important;
}

/**/

.bg-businessowner {
 background-color: #000066 !important;
}

.bg-businessowner:hover,
.bg-businessowner:active:focus,
.bg-businessowner:active:hover {
 background-color: var(--bs-dark-blue) !important;
}

/**/

.bg-individual {
 background-color: #353535 !important;
}

.bg-individual:hover,
.bg-individual:active:focus,
.bg-individual:active:hover {
 background-color: var(--bs-black) !important;
}

/* Borders */

.border-start-freelancer {
 border: var(--bs-border-width) var(--bs-border-style) var(--bs-light-green) !important;
}

.border-start-professional {
 border: var(--bs-border-width) var(--bs-border-style) var(--bs-orange) !important;
}

.border-start-businessowner {
 border: var(--bs-border-width) var(--bs-border-style) var(--bs-dark-blue) !important;
}

.border-start-individual {
 border: var(--bs-border-width) var(--bs-border-style) var(--bs-black) !important;
}

/* Border Colors */

.border-freelancer {
 border-style: solid;
 border-color: #71aeaa !important;
}

.border-professional {
 border-style: solid;
 border-color: #fe5e54 !important;
}

.border-businessowner {
 border-style: solid;
 border-color: #000066 !important;
}

.border-individual {
 border-style: solid;
 border-color: #353535 !important;
}

/* Steps Progress Bar */

.progressbar-freelancer li.active {
 color: var(--bs-light-green);
}

.progressbar-freelancer li.active:before {
 border-color: var(--bs-light-green);
}

.progressbar-freelancer li.active + li:after {
 background-color: var(--bs-light-green);
}

/**/

.progressbar-professional li.active {
 color: var(--bs-orange);
}

.progressbar-professional li.active:before {
 border-color: var(--bs-orange);
}

.progressbar-professional li.active + li:after {
 background-color: var(--bs-orange);
}

/**/

.progressbar-businessowner li.active {
 color: var(--bs-dark-blue);
}

.progressbar-businessowner li.active:before {
 border-color: var(--bs-dark-blue);
}

.progressbar-businessowner li.active + li:after {
 background-color: var(--bs-dark-blue);
}

/**/

.progressbar-individual li.active {
 color: var(--bs-black);
}

.progressbar-individual li.active:before {
 border-color: var(--bs-black);
}

.progressbar-individual li.active + li:after {
 background-color: var(--bs-black);
}

/* User Panel Sidebar */

.bg-freelancer-slight {
 position: relative;
 height: 100%;
 background-color: #eef5f5;
 color: var(--bs-light-green) !important;
 font-weight: bold !important;
}

.bg-freelancer-slight::after {
 content: "";
 display: block;
 position: absolute;
 right: 0;
 width: 4px;
 height: 75%;
 border-top-left-radius: 9999px;
 border-bottom-left-radius: 9999px;
 background-color: var(--bs-light-green);
}

.bg-freelancer-slight.active svg path {
 fill: var(--bs-light-green) !important;
}

.bg-freelancer-slight.active #page-icon path {
 fill: none !important;
 stroke: var(--bs-light-green);
}

/**/

.bg-professional-slight {
 position: relative;
 height: 100%;
 background-color: #fe5e540a;
 color: var(--bs-orange) !important;
 font-weight: bold !important;
}

.bg-professional-slight::after {
 content: "";
 display: block;
 position: absolute;
 right: 0;
 width: 4px;
 height: 75%;
 border-top-left-radius: 9999px;
 border-bottom-left-radius: 9999px;
 background-color: var(--bs-orange);
}

.bg-professional-slight.active svg path {
 fill: var(--bs-orange) !important;
}

.bg-professional-slight.active #page-icon path {
 fill: none !important;
 stroke: var(--bs-orange);
}

/**/

.bg-businessowner-slight {
 position: relative;
 height: 100%;
 background-color: #0000660a;
 color: var(--bs-dark-blue) !important;
 font-weight: bold !important;
}

.bg-businessowner-slight::after {
 content: "";
 display: block;
 position: absolute;
 right: 0;
 width: 4px;
 height: 75%;
 border-top-left-radius: 9999px;
 border-bottom-left-radius: 9999px;
 background-color: var(--bs-dark-blue);
}

.bg-businessowner-slight.active svg path {
 fill: var(--bs-dark-blue) !important;
}

.bg-businessowner-slight.active #page-icon path {
 fill: none !important;
 stroke: var(--bs-dark-blue);
}

/**/

.bg-individual-slight {
 position: relative;
 height: 100%;
 background-color: #3535350a;
 color: var(--bs-black) !important;
 font-weight: bold !important;
}

.bg-individual-slight::after {
 content: "";
 display: block;
 position: absolute;
 right: 0;
 width: 4px;
 height: 75%;
 border-top-left-radius: 9999px;
 border-bottom-left-radius: 9999px;
 background-color: var(--bs-black);
}

.bg-individual-slight.active svg path {
 fill: var(--bs-black) !important;
}

.bg-individual-slight.active #page-icon path {
 fill: none !important;
 stroke: var(--bs-black);
}

/* Slick Dots */

.freelancer-dots .slick-dots li button:before {
 color: var(--bs-light-green) !important;
}

.professional-dots .slick-dots li button:before {
 color: var(--bs-orange) !important;
}

.businessowner-dots .slick-dots li button:before {
 color: var(--bs-dark-blue) !important;
}

.individual-dots .slick-dots li button:before {
 color: var(--bs-black) !important;
}

/* THEME (END) */

.sidebar-item.active svg {
 transform: scale(1.15);
}

.sidebar-item.active i {
 transform: scale(1.15);
}

.accordion-button:not(.collapsed) {
 background-color: white !important;
}

.create-job-invite-page .accordion-button:focus {
 box-shadow: none !important;
}

.create-job-invite-page .accordion-button:not(.collapsed):focus {
 box-shadow: rgb(222, 226, 230) 0px -1px 0px 0px inset !important;
}

.create-job-invite-page .accordion-button::after,
.create-job-invite-page .accordion-button:not(.collapsed)::after {
 display: block !important;
 width: 1.5rem;
 height: 1.5rem;
 background-size: 1.5rem;
}

.create-job-invite-page .accordion-button:not(.collapsed)::after {
 background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%20fill='none'%20stroke='%23212529'%20stroke-linecap='round'%20stroke-linejoin='round'%3E%3Cpath%20d='M2%205L8%2011L14%205'/%3E%3C/svg%3E") !important;
}

.bg-pink {
 background: #fff8f7;
}

footer {
 background-color: black;
}

ul {
 list-style: none;
}

.link {
 font-size: 16px;
 display: block;
 color: white;
 line-height: 26px;
 text-decoration: none;
}

li {
 margin-top: 15px;
 margin-bottom: 0px;
}

.body {
 background-color: #fff8f7;
}

.professional-text {
 color: var(--bs-orange);
}

.play-btn {
 position: absolute;
 right: 43%;
 top: 43%;
}

.bg-professional {
 background-color: var(--bs-orange);
}

.professional-border {
 border-color: 2px var(--bs-orange);
}

.business-text {
 color: var(--bs-dark-blue);
}

.bg-businessowner {
 background-color: var(--bs-dark-blue);
}

.business-border {
 border-color: 2px var(--bs-dark-blue);
}

.freelancer-text {
 color: var(--bs-light-green);
}

.bg-freelancer {
 background-color: var(--bs-light-green);
}

.freelancer-border {
 border-color: 2px var(--bs-light-green);
}

.producttops {
 width: 55%;
}

.highlightbottom {
 position: absolute;
 right: 29%;
 bottom: 13%;
 width: 23%;
}

.highlightop {
 position: absolute;
 left: 76%;
 top: 6%;
 width: 20%;
}

.cardbottom {
 position: absolute;
 right: 30%;
 bottom: -14%;
 width: 100%;
}

.cardtop {
 position: absolute;
 left: 25%;
 top: 10%;
 width: 95%;
}

.profilebg {
 width: 330px;
 height: 370px;
 position: absolute;
 top: 5%;
 right: 12%;
}

.coaching {
 width: 500px;
 height: 500px;
}

.coaching-bg {
 position: absolute;
 width: 90px;
 height: 90px;
}

.line-orange::before {
 content: "";
 position: absolute;
 top: 0;
 left: 50%;
 width: 2px;
 height: 100%;
 background-color: #fe5e54;
 transform: translateX(-50%);
}

.line-orange {
 position: relative;
 display: flex;
 align-items: center;
 /* Ensures vertical alignment */
}

.line-orange::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 2px;
 height: 100%;
 background-color: #fe5e54;
 transform: translate(-50%, -50%);
 /* Centers both horizontally and vertically */
}

.line-green::before {
 content: "";
 position: absolute;
 top: 0;
 left: 50%;
 width: 2px;
 height: 100%;
 background-color: #71aeaa;
 transform: translateX(-50%);
}

.line-green {
 position: relative;
 display: flex;
 align-items: center;
}

.line-green::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 2px;
 height: 100%;
 background-color: #71aeaa;
 transform: translate(-50%, -50%);
}

.searchbar-forum {
 color: #202124;
 display: flex;
 z-index: 3;
 height: 44px;
 background: white;
 border: 1px solid #fe5e5440;
 box-shadow: none;
 border-radius: 24px;
 width: 20% !important;
}

.searchbar-directory-hero {
 font-size: 14px;
 color: #202124;
 display: flex;
 z-index: 3;
 height: 60px;
 background: white;
 border-radius: 24px;
 width: 50% !important;
}

.landing-page-header-searchbar {
 max-width: 370px;
}

@media only screen and (max-width: 768px) {
 .searchbar {
  margin-top: 10px;
  color: #202124;
  display: flex;
  z-index: 3;
  height: 44px;
  background: white;
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-orange) !important;
  box-shadow: none;
  border-radius: 24px;
  width: 100% !important;
 }

 .searchbar-green {
  width: 100% !important;
 }

 .searchbar-blue {
  width: 100% !important;
 }

 .searchbar-forum {
  width: 100% !important;
 }
}

@media only screen and (max-width: 768px) {
 .searchbar {
  max-width: 100%;
 }
}

@media only screen and (max-width: 768px) {
 .products {
  max-width: 100%;
  max-height: 100%;
 }
}

@media only screen and (max-width: 768px) {
 .openbanking {
  max-width: 100%;
  max-height: 250px;
 }
}

.bg-light-blue {
 background-color: #e5e5f0 !important;
}

.bg-green {
 background: #eef5f5;
}

.login-btn {
 border: 1px solid var(--bs-orange) !important;
}

.login-btn-green {
 border: 1px solid var(--bs-light-green) !important;
}

@media (max-width: 768px) {
 .mobile-nav {
  min-height: 100vh !important;
  max-height: fit-content;
 }

 /* Adjust this max-width according to your design's breakpoint */
 .auth-buttons-container {
  position: absolute;
  bottom: 100px;
  left: 0;
  width: 100%;
  background-color: white;
  padding: 10px;
  z-index: 100;
  padding-top: 200px;
 }
}

.searchbar-wrapper {
 flex: 1;
 display: flex;
 padding: 5px 8px 0 14px;
}

.searchbar-left {
 font-family: arial, sans-serif;
 color: #202124;
 display: flex;
 align-items: center;
 padding-right: 13px;
 margin-top: -5px;
}

.search-icon-wrapper {
 margin: auto;
}

.search-icon {
 margin-top: 3px;
 color: #9aa0a6;
 height: 20px;
 line-height: 20px;
 width: 20px;
}

button {
 border: none;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
}

.searchbar-icon {
 display: inline-block;
 fill: currentColor;
 height: 24px;
 line-height: 24px;
 position: relative;
 width: 24px;
}

.searchbar-center {
 display: flex;
 flex: 1;
 flex-wrap: wrap;
}

.searchbar-input-spacer {
 color: transparent;
 flex: 100%;
 white-space: pre;
 height: 34px;
 font-size: 16px;
}

.searchbar-input::placeholder {
 color: #464646;
}

.searchbar-input {
 background-color: transparent;
 border: none;
 margin: 0;
 padding: 0;
 color: rgba(0, 0, 0, 0.87);
 word-wrap: break-word;
 outline: none;
 display: flex;
 flex: 100%;
 margin-top: -37px;
 margin-left: -10px;
 height: 34px;
 max-width: 100%;
 width: 100%;
}

.searchbar-center {
 position: relative;
}

.search-line {
 position: absolute;
 right: 14px;
 top: 4px;
}

.searchbar-right {
 display: flex;
 flex: 0 0 auto;
 margin-top: -5px;
 align-items: stretch;
 flex-direction: row;
}

.searchbar-clear-icon {
 margin-right: 12px;
}

.dropdownh {
 position: relative;
 display: inline-block;
}

.dropdownh-toggle {
 color: black;
 margin-top: 10px;
 cursor: pointer;
 font-family: Poppins;
 font-weight: 400;
 line-height: 24px;
 text-align: left;
}

.dd-m-lang {
 position: absolute;
 background-color: white;
 border: 1px solid #ccc;
 box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
 z-index: 9999999;
 width: 100%;
 display: block;
 right: 10px;
}

.dd-m-lang li {
 padding: 10px 20px;
 cursor: pointer;
 list-style-type: none;
}

.ddd-m-lang li:hover {
 background-color: #f1f1f1;
}

.ddm-adj {
 display: block;
 right: 0px;
 left: 0px;
}

.voice-search {
 flex: 1 0 auto;
 display: flex;
 cursor: pointer;
 align-items: center;
 border: 0;
 background: transparent;
 outline: none;
 padding: 0 8px;
 width: 2.8em;
}

.margin {
 margin-top: 100px;
 margin-bottom: 100px;
}

.margin-top {
 margin-top: 150px;
}

.margin-10 {
 margin-top: 80px;
}

/* .divider {
  background-image: url("/assets/images/professional/divider.png");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 50px;
} */
@media (max-width: 768px) {
 .margin-top {
  margin-top: 30px;
 }
}

@media (max-width: 768px) {
 .cardbottom {
  position: absolute;
  right: 12%;
  bottom: -14%;
  width: 97%;
 }

 .cardtop {
  position: absolute;
  left: 20%;
  top: 10%;
  width: 85%;
 }

 .profilebg {
  width: 330px;
  height: 370px;
  position: absolute;
  top: 5%;
  right: 12%;
 }
}

.input-container {
 position: relative;
 display: flex;
 height: 2.8rem;
 width: 100%;
 min-width: 200px;
 max-width: 300px;
 background-color: #fff;
 border-radius: 4px;
 box-shadow: 20px 20px 30px rgba(0, 0, 0, 0.05);
}

.input-container input {
 height: 100%;
 width: 100%;
 border-radius: 8px;
 border: 1px solid rgb(176 190 197);
 background-color: transparent;
 padding: 0.625rem 0.75rem;
 font-size: 0.875rem;
 line-height: 1.25rem;
 font-weight: 400;
 color: rgb(69 90 100);
 outline: none;
 transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

.invite-input {
 padding-inline: 0.5rem !important;
 border: 0 !important;
 line-height: 1;
}

.invite-input::placeholder {
 text-overflow: ellipsis;
}

.invite-btn {
 z-index: 10;
 background-color: black;
 color: #fff;
 padding: 0.6rem;
 border-radius: 4px;
 text-align: center;
 vertical-align: middle;
 font-size: 12px;
 font-weight: 600;
 text-transform: uppercase;
 border: none;
 transition: 0.6s ease;
 align-self: center;
 margin-right: 0.13rem;
 display: flex;
 align-items: center;
}

.input-container input:placeholder-shown ~ .invite-btn {
 pointer-events: none;
 background-color: gray;
 opacity: 0.5;
}

.profile {
 display: flex;
 align-items: center;
 gap: 10px;
 /* Adjust the gap as needed */
}

.profile-info h5 {
 margin: 0;
 font-size: 16px;
 /* Adjust the font size as needed */
}

.profile-info p {
 margin: 0;
 font-size: 14px;
 /* Adjust the font size as needed */
 color: #666;
 /* Optional: Adjust the text color */
}

.custom-background {
 background-image: url("/assets/images/professional/bg.png");
 width: 300px;
 height: 300px;
 position: relative;
 background-size: cover;
 background-position: center;
}

.line-blue::before {
 content: "";
 position: absolute;
 top: 0;
 left: 47%;
 width: 2px;
 height: 100%;
 background-color: #000066;
 transform: translateX(-50%);
}

.line-blue {
 position: relative;
 display: flex;
 align-items: center;
 /* Ensures vertical alignment */
}

.line-blue::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 width: 2px;
 height: 100%;
 background-color: #000066;
 transform: translate(-50%, -50%);
 /* Centers both horizontally and vertically */
}

.bg-blue {
 background: #f2f2f7;
}

/* Landing Page */
.landing-icon-heading {
 font-family: Poppins;
 font-size: 42.87px;
 font-weight: 800;
 line-height: 57.17px;
 color: #fe5e54;
}

.landing-icon-text {
 font-family: Poppins;
 font-size: 16.08px;
 font-weight: 400;
 line-height: 28.58px;
 color: black;
}

.talent-container {
 background: linear-gradient(
  99.41deg,
  #fe5e54 0%,
  rgba(239, 145, 139, 0.584375) 90%,
  rgba(239, 145, 139, 0) 100%
 );
 width: 100%;
 max-width: 1277px;
}

@media (max-width: 768px) {
 .talent-container {
  margin-top: 30rem;
 }
}

.talent-heading {
 font-family: Poppins;
 font-size: 60px;
 font-weight: 700;
 line-height: 60px;
 text-align: left;
 color: #ffffff;
}

.talent-caption {
 font-family: Neue Montreal;
 font-size: 20px;
 font-weight: 500;
 line-height: 28px;
 text-align: left;
 color: #ffffff;
}

.talent-card-heading {
 font-family: Poppins;
 font-size: 22px;
 font-weight: 600;
 line-height: 31.74px;
 text-align: left;
 color: #fe5e54;
}

.talent-card-caption {
 font-family: Neue Montreal;
 font-size: 11px;
 font-weight: 500;
 line-height: 13.2px;
 text-align: left;
 color: #fe5e54;
}

@media only screen and (max-width: 768px) {
 .talent-card {
  height: 185px;
 }
}

.services-main {
 background: #fff8f7;
}

.services-card {
 min-height: 250px;
}

.services-card h5 {
 word-break: break-word;
 width: 100%;
}

.services-caption {
 font-family: Poppins;
 font-size: 44px;
 font-weight: 700;
 line-height: 66px;
 letter-spacing: -0.03em;
 color: #171717;
}

.services-text {
 font-family: Poppins;
 font-size: 18px;
 font-weight: 400;
 line-height: 27px;
 text-align: center;
 color: #171717cc;
}

.services-card-heading {
 font-family: Poppins;
 font-size: 18.69px;
 font-weight: 500;
 line-height: 28.03px;
 letter-spacing: -0.03em;
 text-align: left;
 color: #171717;
}

.why-choose-heading {
 font-size: 25px;
 text-align: left;
}

.services-card-caption {
 font-family: Poppins;
 font-size: 12.46px;
 font-weight: 400;
 line-height: 21.8px;
 text-align: left;
 color: #171717cc;
}

/* .services-learn {
  font-family: Poppins;
  font-size: 9.73px;
  font-weight: 700;
  line-height: 14.6px;
  text-align: center;
  color: #fe5e54;
  text-decoration: underline;
} */

.padding {
 padding-top: 50px;
 padding-bottom: 50px;
}

@media (max-width: 767px) {
 .products {
  max-width: 100%;
  max-height: 100%;
 }
}

.responsive-img {
 width: 100%;
 height: auto;
 max-width: 550px;
}

@media (max-width: 767px) {
 .responsive-img {
  max-width: 400px;
 }
}

.responsive-button {
 width: 50%;
}

@media (min-width: 768px) {
 .responsive-button {
  width: 25%;
 }
}

.responsive-button-professional {
 width: 50%;
}

@media (min-width: 768px) {
 .responsive-button-professional {
  width: 30%;
 }
}

.services-learn {
 font-family: Poppins;
 font-size: 9.73px;
 font-weight: 700;
 line-height: 14.6px;
 text-align: center;
 color: #fe5e54;
 text-decoration: underline;
 cursor: pointer;
}

.earn-section-captions {
 font-family: Poppins;
 font-size: 16px;
 font-weight: 400;
 line-height: 22px;
 text-align: center;
 color: #ffffff;
 margin: 10px 5px;
}

.event-headingA {
 font-family: Poppins;
 font-size: 25px;
 font-weight: 500;
 line-height: 37.5px;
 letter-spacing: -0.03em;
 color: #fe5e54;
}

.event-headingB {
 font-family: Poppins;
 font-size: 44px;
 font-weight: 700;
 line-height: 66px;
 letter-spacing: -0.03em;
 color: #171717;
}

.upcoming-heading {
 font-family: Poppins;
 font-size: 40px;
 font-weight: 600;
 line-height: 60px;
 color: #fe5e54;
}

.event-btns-btn {
 width: 168px;
 font-size: 14px;
}

@media only screen and (max-width: 768px) {
 .event-btns {
  width: 100%;
  flex-wrap: wrap;
 }

 .event-btns-btn {
  width: 110px;
  font-size: 10px;
 }

 .landing-event-card {
  min-height: 300px;
 }
}

.test-bg {
 background-image: url("../images/LandingPage/bg-testimonial.png");
 background-size: cover;
 background-color: #fff8f7;
 background-position: right center;
}

.testimonial-section {
 padding-block: 3rem calc(3rem + 40px);
}

.slick-arrow {
 display: none !important;
}

svg {
 display: inline-block !important;
 vertical-align: middle !important;
}

.timee {
 position: absolute;
 top: 12px;
 margin: 0;
 padding: 8px 16px;
 background: #fe5e54;
 color: #fff;
 border-radius: 18px;
}

.timeline {
 position: relative;
 margin: 50px auto;
 padding: 40px 0;
 width: 1000px;
 box-sizing: border-box;
}

.timeline:before {
 content: "";
 position: absolute;
 left: 50%;
 width: 4px;
 height: 100%;
 background: linear-gradient(
  180deg,
  rgba(113, 174, 170, 0.08) 0%,
  #71aeaa 49.5%,
  rgba(113, 174, 170, 0.08) 100%
 );
}

.timeline ul {
 padding: 0;
 margin: 0;
}

.timeline ul li {
 list-style: none;
 position: relative;
 width: 50%;
 padding: 20px 40px;
 box-sizing: border-box;
}

.timeline ul li:nth-child(odd) {
 float: left;
 text-align: right;
 clear: both;
}

.timeline ul li:nth-child(even) {
 float: right;
 text-align: left;
 clear: both;
}

.content {
 padding-bottom: 20px;
}

.timeline ul li:nth-child(odd):before {
 content: "";
 position: absolute;
 width: 20px;
 height: 20px;
 top: 24px;
 right: -12px;
 background: #71aeaa;
 border-radius: 50%;
 box-shadow: 0 0 0 3px #e1eeed;
}

.timeline ul li:nth-child(even):before {
 content: "";
 position: absolute;
 width: 20px;
 height: 20px;
 top: 24px;
 left: -8px;
 background: #71aeaa;
 border-radius: 50%;
 box-shadow: 0 0 0 3px #e1eeed;
}

.timeline ul li h3 {
 padding: 0;
 margin: 0;
 font-weight: 600;
}

.timeline ul li p {
 margin: 10px 0 0;
 padding: 0;
}

.timeline ul li .time h4 {
 margin: 0;
 padding: 0;
 font-size: 14px;
}

.timeline ul li:nth-child(odd) .time {
 position: absolute;
 top: 12px;
 right: -165px;
 margin: 0;
 padding: 8px 16px;
}

.timeline ul li:nth-child(even) .time {
 position: absolute;
 top: 12px;
 left: -165px;
 margin: 0;
 padding: 8px 16px;
}

@media (max-width: 1000px) {
 .timeline {
  width: 100%;
 }
}

@media (max-width: 767px) {
 .timeline {
  width: 100%;
  padding-bottom: 0;
 }

 h1 {
  font-size: 40px;
  text-align: center;
 }

 .timeline:before {
  left: 20px;
  height: 100%;
 }

 .timeline ul li:nth-child(odd),
 .timeline ul li:nth-child(even) {
  width: 100%;
  text-align: left;
  padding-left: 50px;
  padding-bottom: 50px;
 }

 .timeline ul li:nth-child(odd):before,
 .timeline ul li:nth-child(even):before {
  top: -18px;
  left: 12px;
 }

 .logo-timeline {
  width: 80%;
 }

 .timeline ul li:nth-child(odd) .time,
 .timeline ul li:nth-child(even) .time {
  top: -70px;
  left: 30px;
  right: inherit;
 }
}

.timeline-orange {
 position: relative;
 margin: 50px auto;
 padding: 40px 0;
 width: 1000px;
 box-sizing: border-box;
}

.timeline-orange:before {
 content: "";
 position: absolute;
 left: 50%;
 width: 4px;
 height: 100%;
 background: linear-gradient(
  180deg,
  rgba(174, 127, 113, 0.08) 0%,
  #fe5e54 49.5%,
  rgba(174, 127, 113, 0.08) 100%
 );
}

.timeline-orange ul {
 padding: 0;
 margin: 0;
}

.timeline-orange ul li {
 list-style: none;
 position: relative;
 width: 50%;
 padding: 20px 40px;
 box-sizing: border-box;
}

.timeline-orange ul li:nth-child(odd) {
 float: left;
 text-align: right;
 clear: both;
}

.timeline-orange ul li:nth-child(even) {
 float: right;
 text-align: left;
 clear: both;
}

.content {
 padding-bottom: 20px;
}

.timeline-orange ul li:nth-child(odd):before {
 content: "";
 position: absolute;
 width: 20px;
 height: 20px;
 top: 24px;
 right: -12px;
 background: #fe5e54;
 border-radius: 50%;
 box-shadow: 0 0 0 3px #ffefee;
}

.timeline-orange ul li:nth-child(even):before {
 content: "";
 position: absolute;
 width: 20px;
 height: 20px;
 top: 24px;
 left: -8px;
 background: #fe5e54;
 border-radius: 50%;
 box-shadow: 0 0 0 3px #ffefee;
}

.timeline-orange ul li h3 {
 padding: 0;
 margin: 0;
 font-weight: 600;
}

.timeline-orange ul li p {
 margin: 10px 0 0;
 padding: 0;
}

.timeline-orange ul li .time h4 {
 margin: 0;
 padding: 0;
 font-size: 14px;
}

.timeline-orange ul li:nth-child(odd) .time {
 position: absolute;
 top: 12px;
 right: -165px;
 margin: 0;
 padding: 8px 16px;
}

.timeline-orange ul li:nth-child(even) .time {
 position: absolute;
 top: 12px;
 left: -165px;
 margin: 0;
 padding: 8px 16px;
}

@media (max-width: 1000px) {
 .timeline-orange {
  width: 100%;
 }
}

@media (max-width: 767px) {
 .timeline-orange {
  width: 100%;
  padding-bottom: 0;
 }

 h1 {
  font-size: 40px;
  text-align: center;
 }

 .timeline-orange:before {
  left: 20px;
  height: 100%;
 }

 .timeline-orange ul li:nth-child(odd),
 .timeline-orange ul li:nth-child(even) {
  width: 100%;
  text-align: left;
  padding-left: 50px;
  padding-bottom: 50px;
 }

 .timeline-orange ul li:nth-child(odd):before,
 .timeline-orange ul li:nth-child(even):before {
  top: -18px;
  left: 12px;
 }

 .timeline-orange ul li:nth-child(odd) .time,
 .timeline-orange ul li:nth-child(even) .time {
  top: -30px;
  left: 50px;
  right: inherit;
 }
}

.plan-benefits-container {
 background: #fff8f7;
}

.sub-plan-bg {
 background: linear-gradient(
  90deg,
  rgba(254, 94, 84, 0) 0%,
  rgba(255, 152, 146, 0.19) 51.5%,
  rgba(254, 94, 84, 0) 100%
 );
 width: 425px;
}

.sub-plan-bg-orange {
 background: linear-gradient(
  90deg,
  rgba(254, 94, 84, 0) 0%,
  rgba(255, 152, 146, 0.19) 51.5%,
  rgba(254, 94, 84, 0) 100%
 );
}

.sub-plan-bg-green {
 background: linear-gradient(
  90deg,
  rgba(254, 94, 84, 0) 0%,
  rgba(113, 174, 170, 0.19) 51.5%,
  rgba(254, 94, 84, 0) 100%
 );
}

.sub-plan-bg-blue {
 background: linear-gradient(
  90deg,
  rgba(254, 94, 84, 0) 0%,
  rgba(0, 0, 102, 0.19) 51.5%,
  rgba(254, 94, 84, 0) 100%
 );
}

.sub-plan-bg-black {
 background: linear-gradient(
  90deg,
  rgba(254, 94, 84, 0) 0%,
  rgba(53, 53, 53, 0.19) 51.5%,
  rgba(254, 94, 84, 0) 100%
 );
}

.planToggle-container {
 display: flex;
 align-items: center;
 cursor: pointer;
 user-select: none;
}

/* SWITCHES */

.planToggle-switch-green {
 --switch-width: 70px;
 --switch-height: 30px;
 width: var(--switch-width);
 min-width: var(--switch-width);
 max-width: var(--switch-width);
 height: var(--switch-height);
 background-color: white;
 border: 1px solid #b8d7d5;
 border-radius: var(--switch-height);
 margin: 0 10px;
 display: flex;
 align-items: center;
 position: relative;
 cursor: pointer;
}

.planToggle-switch-green.small {
 min-width: unset;
}

.planToggle-circle-green {
 --circle-size: 24px;
 width: var(--circle-size);
 height: var(--circle-size);
 aspect-ratio: 1 / 1;
 background-color: #71aeaa;
 border-radius: 50%;
 position: absolute;
 transition: transform 300ms;
}

.planToggle-switch-green.monthly .planToggle-circle-green {
 transform: translateX(3px);
}

.planToggle-switch-green.yearly .planToggle-circle-green {
 transform: translateX(calc(var(--switch-width) - var(--circle-size) - 3px));
}

/**/

.planToggle-switch-orange {
 --switch-width: 70px;
 --switch-height: 30px;
 width: var(--switch-width);
 min-width: var(--switch-width);
 max-width: var(--switch-width);
 height: var(--switch-height);
 background-color: white;
 border: 1px solid #fe5e5433;
 border-radius: var(--switch-height);
 margin: 0 10px;
 display: flex;
 align-items: center;
 position: relative;
 cursor: pointer;
}

.planToggle-switch-orange.small {
 min-width: unset;
}

.planToggle-circle-orange {
 --circle-size: 24px;
 width: var(--circle-size);
 height: var(--circle-size);
 aspect-ratio: 1 / 1;
 background-color: #ff5733;
 border-radius: 50%;
 position: absolute;
 transition: transform 300ms;
}

.planToggle-switch-orange.monthly .planToggle-circle-orange {
 transform: translateX(3px);
}

.planToggle-switch-orange.yearly .planToggle-circle-orange {
 transform: translateX(calc(var(--switch-width) - var(--circle-size) - 3px));
}

/**/

.planToggle-switch-blue {
 --switch-width: 70px;
 --switch-height: 30px;
 width: var(--switch-width);
 min-width: var(--switch-width);
 max-width: var(--switch-width);
 height: var(--switch-height);
 background-color: white;
 border: 1px solid #004ec429;
 border-radius: var(--switch-height);
 margin: 0 10px;
 display: flex;
 align-items: center;
 position: relative;
 cursor: pointer;
}

.planToggle-switch-blue.small {
 min-width: unset;
}

.planToggle-circle-blue {
 --circle-size: 24px;
 width: var(--circle-size);
 height: var(--circle-size);
 aspect-ratio: 1 / 1;
 background-color: #000066;
 border-radius: 50%;
 position: absolute;
 transition: transform 300ms;
}

.planToggle-switch-blue.monthly .planToggle-circle-blue {
 transform: translateX(3px);
}

.planToggle-switch-blue.yearly .planToggle-circle-blue {
 transform: translateX(calc(var(--switch-width) - var(--circle-size) - 3px));
}

/**/

.planToggle-switch-black {
 --switch-width: 70px;
 --switch-height: 30px;
 width: var(--switch-width);
 min-width: var(--switch-width);
 max-width: var(--switch-width);
 height: var(--switch-height);
 background-color: white;
 border: 1px solid gray;
 border-radius: var(--switch-height);
 margin: 0 10px;
 display: flex;
 align-items: center;
 position: relative;
 cursor: pointer;
}

.planToggle-switch-black.small {
 min-width: unset;
}

.planToggle-circle-black {
 --circle-size: calc(var(--switch-height) - 6px);
 width: var(--circle-size);
 height: var(--circle-size);
 background-color: black;
 border-radius: 50%;
 position: absolute;
 transition: transform 300ms ease;
}

.planToggle-switch-black.monthly .planToggle-circle-black {
 transform: translateX(3px);
}

.planToggle-switch-black.yearly .planToggle-circle-black {
 transform: translateX(calc(var(--switch-width) - var(--circle-size) - 3px));
}

/**/

.pT-circle-signup {
 width: 20px !important;
 height: 20px !important;
}

.pT-switch-signup {
 width: 50px !important;
 height: 25px !important;
}

.pT-switch-signup.monthly .pT-circle-signup {
 transform: translateX(3px) !important;
}

.pT-switch-signup.yearly .pT-circle-signup {
 transform: translateX(25px) !important;
}

@media only screen and (max-width: 768px) {
 .nmt-2 {
  margin-top: -18px !important;
 }
}

.feature-color {
 color: #171717cc;
}

.timeline-blue {
 position: relative;
 margin: 50px auto;
 padding: 40px 0;
 width: 1000px;
 box-sizing: border-box;
}

.timeline-blue:before {
 content: "";
 position: absolute;
 left: 50%;
 width: 4px;
 height: 100%;
 background: linear-gradient(180deg, rgba(0, 0, 102, 0.08) 0%, #000066 49.5%, rgba(0, 0, 102, 0.08) 100%);
}

.timeline-blue ul {
 padding: 0;
 margin: 0;
}

.timeline-blue ul li {
 list-style: none;
 position: relative;
 width: 50%;
 padding: 20px 40px;
 box-sizing: border-box;
}

.timeline-blue ul li:nth-child(odd) {
 float: left;
 text-align: right;
 clear: both;
}

.timeline-blue ul li:nth-child(even) {
 float: right;
 text-align: left;
 clear: both;
}

.content {
 padding-bottom: 20px;
}

.timeline-blue ul li:nth-child(odd):before {
 content: "";
 position: absolute;
 width: 20px;
 height: 20px;
 top: 24px;
 right: -12px;
 background: #171774;
 border-radius: 50%;
 box-shadow: 0 0 0 3px #dadae8;
}

.timeline-blue ul li:nth-child(even):before {
 content: "";
 position: absolute;
 width: 20px;
 height: 20px;
 top: 24px;
 left: -8px;
 background: #171774;
 border-radius: 50%;
 box-shadow: 0 0 0 3px #dadae8;
}

.timeline-blue ul li h3 {
 padding: 0;
 margin: 0;
 font-weight: 600;
}

.timeline-blue ul li p {
 margin: 10px 0 0;
 padding: 0;
}

.timeline-blue ul li .time h4 {
 margin: 0;
 padding: 0;
 font-size: 14px;
}

.timeline-blue ul li:nth-child(odd) .time {
 position: absolute;
 top: 12px;
 right: -165px;
 margin: 0;
 padding: 8px 16px;
}

.timeline-blue ul li:nth-child(even) .time {
 position: absolute;
 top: 12px;
 left: -165px;
 margin: 0;
 padding: 8px 16px;
}

@media (max-width: 1000px) {
 .timeline-blue {
  width: 100%;
 }
}

@media (max-width: 767px) {
 .timeline-blue {
  width: 100%;
  padding-bottom: 0;
 }

 h1 {
  font-size: 40px;
  text-align: center;
 }

 .timeline-blue:before {
  left: 20px;
  height: 100%;
 }

 .timeline-blue ul li:nth-child(odd),
 .timeline-blue ul li:nth-child(even) {
  width: 100%;
  text-align: left;
  padding-left: 50px;
  padding-bottom: 50px;
 }

 .timeline-blue ul li:nth-child(odd):before,
 .timeline-blue ul li:nth-child(even):before {
  top: -18px;
  left: 12px;
 }

 .timeline-blue ul li:nth-child(odd) .time,
 .timeline-blue ul li:nth-child(even) .time {
  top: -70px;
  left: 30px;
  right: inherit;
 }
}

.benefits {
 background-image: url("/assets/images/hiring/benefits-bg.webp");
 background-repeat: no-repeat;
 background-size: cover;
 height: 500px;
 /* Default height */
 position: relative;
 z-index: 1;
}

@media (max-width: 767px) {
 .benefits {
  height: auto;
  min-height: 500px;
  padding: 20px;
 }
}

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

.negative-margin-plan {
 margin-top: -12px;
}

.py-25 {
 padding-top: 0.75rem !important;
 padding-bottom: 0.75rem !important;
}

.plan-features:last-child {
 border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}

.hero-directory-image {
 background-image: url("/assets/images/directory/hero.webp");
 background-position: center center;
 background-repeat: no-repeat;
 background-size: contain;
 z-index: 1;
 width: 100%;
 height: 589px;
}

@media (max-width: 767px) {
 .hero-directory-image {
  background-image: url("/assets/images/directory/hero.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: 1;
  width: 100%;
  min-height: 685px;
 }
}

.rating:not(:checked) > input {
 position: absolute;
 appearance: none;
}

.rating:not(:checked) > label {
 float: left;
 font-size: 12px;
 fill: #ff5733;
}

.rating:not(:checked) > label > svg {
 fill: #ff5733;
 /* Set default color for SVG */
 transition: fill 0.3s ease;
 /* Add a transition effect */
}

.rating-blue:not(:checked) > input {
 position: absolute;
 appearance: none;
}

.rating-blue:not(:checked) > label {
 float: right;
 cursor: pointer;
 font-size: 12px;
 fill: #000066;
}

.rating-blue:not(:checked) > label > svg {
 fill: #000066;
 /* Set default color for SVG */
 transition: fill 0.3s ease;
 /* Add a transition effect */
}

.rating-green:not(:checked) > input {
 position: absolute;
 appearance: none;
}

.rating-green:not(:checked) > label {
 float: right;
 cursor: pointer;
 font-size: 12px;
 fill: #71aeaa;
}

.rating-green:not(:checked) > label > svg {
 fill: #71aeaa;
 /* Set default color for SVG */
 transition: fill 0.3s ease;
 /* Add a transition effect */
}

/* .rating > input:checked + label:hover,
.rating > input:checked + label:hover ~ label,
.rating > input:checked ~ label:hover,
.rating > input:checked ~ label:hover ~ label,
.rating > label:hover ~ input:checked ~ label {
  fill: #e58e09;
}

.rating:not(:checked) > label:hover,
.rating:not(:checked) > label:hover ~ label {
  fill: #ff9e0b;
}

.rating > input:checked ~ label > svg {
  fill: #ffa723; 
} */

.button-container {
 font-size: 13px;
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
 /* Adjust the gap as needed */
}

.button-container > button {
 min-width: fit-content;
}

.search-outline {
 background: rgba(254, 94, 84, 0.03);
}

.mb-hero-img {
 margin-top: 100px;
}

@media (max-width: 767px) {
 .mb-hero-img {
  margin-top: 20px;
 }
}

.custom-input {
 background-color: transparent !important;
 border: 1px solid white;
}

.custom-input > option {
 color: black;
}

.custom-input > option:disabled {
 color: revert;
}

.custom-input::placeholder {
 color: white;
 /* Set the placeholder color to white */
}

.quote-cal-img {
 position: absolute;
 width: 142px;
 height: 120px;
 top: -70px;
}

/* Header.css */
.mega-menu {
 display: none;
 position: absolute;
 left: 0;
 right: 0;
 top: 100%;
 background-color: white;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 padding: 20px;
 z-index: 1000;
}

.mega-menu.show {
 display: block;
}

.dropdown-menu {
 position: static;
 float: none;
}

.nav-item {
 position: relative;
}

.navbar-nav > .nav-item:hover > .mega-menu {
 display: block;
}

.banner-img {
 background-image: url("/assets/images/professional/patterns.webp");
 position: relative;
 height: 300px;
 width: 1000px;
 background-size: cover;
 background-position: center;
 border-radius: 15px;
 border: none;
}

.modal-header {
 display: flex;
 justify-content: center;
 position: relative;
 border-bottom: none;
}

.modal-header .btn-close {
 position: absolute;
 right: 20px;
}

.close-icon {
 cursor: pointer;
 width: 30px;
 /* Adjust size as needed */
 height: 30px;
 /* Adjust size as needed */
 position: absolute;
 right: 15px;
 /* Adjust right position if needed */
}

.navbar-toggler {
 border: none !important;
}

.navbar-toggler:focus {
 box-shadow: none !important;
}

/* .m-n{
  height: 100vh !important;
} */
.separator {
 width: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 color: #8b8e98;
}

.separator .line {
 display: block;
 width: 25%;
 height: 1px;
 border: 0;
 background-color: black;
}

/* ButtonGroup.css */
.button-group {
 display: flex;
 justify-content: space-between;
 align-items: center;
 gap: 20px;
}

.button-wrapper {
 flex: 1;
 width: 100%;
}

.custom-button {
 border: 1px solid #17171721;
 background-color: transparent;
 width: 100%;
}

.button-icon {
 width: 25px;
}

.custom-button:hover,
.custom-button:focus {
 background-color: transparent;
 border-color: #17171721;
 box-shadow: none;
}

.ms-2 {
 margin-left: 10px;
}

.button-group-container {
 display: flex;
 justify-content: center;
 align-items: center;
}

.custom-buttonn {
 display: flex;
 align-items: center;
 border: 1px solid #17171721;
 background-color: transparent;
 width: auto;
}

.button-icon {
 width: 25px;
}

.custom-buttonn:hover,
.custom-buttonn:focus {
 background-color: transparent;
 border-color: #17171721;
 box-shadow: none;
}

/* Ensure the container takes the full height and width */
.custom-background {
 background-image: url("/assets/images/hiring/gallery.webp");
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
 height: 1100px;
 width: 100%;
}

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

@media (max-width: 767.98px) {
 .custom-background {
  background-image: none;
  height: auto;
  padding: 20px;
 }

 .content-wrapper {
  height: auto;
  padding: 20px;
 }

 .text-center h1 {
  font-size: 24px;
 }

 .text-center p {
  font-size: 16px;
 }
}

.responsive-height {
 min-height: 580px;
}

@media only screen and (min-width: 768px) {
 .responsive-height {
  min-height: 200px;
 }
}

.content {
 margin: 30px;
}

.clearfix:after {
 content: ".";
 height: 0;
 font-size: 0;
 line-height: 0;
 display: block;
 clear: both;
 overflow: hidden;
 visibility: hidden;
}

/* Abas */
.tabs-content {
 background: #eee;
 font-family: sans-serif;
}

/* Menu das abas */
.tabs-menu {
 background: #0074a2;
}

.tabs-menu ul {
 list-style: none;
}

.tabs-menu ul li {
 float: left;
}

.tabs-menu ul li a {
 display: block;
 padding: 10px 20px;
 text-decoration: none;
 font-weight: 700;
 text-transform: uppercase;
 letter-spacing: 0.08em;
 color: #fff;
}

.tabs-menu ul li a.active-tab-menu {
 background: #eee;
 color: #000;
}

/* Conteúdo das abas */
.tabs {
 display: none;
 padding: 30px;
}

.first-tab {
 display: block;
}

@media (max-width: 576px) {
 .searchbar-input {
  width: 100%;
  max-width: 200px;
  /* Adjust as needed */
 }

 .searchbar-center {
  flex: 1;
 }

 .searchbar-left {
  margin-right: 8px;
 }

 .sb-mobile {
  margin-right: 0px !important;
 }
}

.cursor-class {
 cursor: pointer !important;
}

.why-card-img {
 width: 55px;
 height: 55px;
}

/* Increased image size on small screens */
@media (max-width: 767.98px) {
 .why-card-img {
  width: 75px;
  height: 75px;
 }
}

.bg-mega-menu {
 background-image: url("../images/bg-mm.webp");
 background-position: center;
 background-size: cover;
 height: 500px;
 width: 100%;
}

.mm-icon {
 width: 23px !important;
 height: 23px !important;
}

.mm-2nd-icon {
 width: 100px;
 height: 100px;
}

.icon-circle {
 display: flex;
 justify-content: center;
 align-items: center;
 width: 50px;
 height: 50px;
 background-color: var(--bs-orange);
 border-radius: 50%;
 color: white;
 font-size: 24px;
 /* Adjust the size of the icon as needed */
}

.accordion-button::after {
 display: none !important;
}

.bg-img-faqs-breadcrumb {
 background-image: url("/assets/images/others/faqs-breadcrumb.webp");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 height: 250px;
 width: 100%;
}

.bg-img-aboutus-hero {
 background-image: url("/assets/images/about/hero-bg.webp");
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
 width: 100%;
 min-height: 685px;
}

.clear {
 clear: both !important;
}

.height {
 height: 100% !important;
}

.bg-img-become-get {
 background-image: url("/assets/images/professional/patterns.webp");
 width: 100%;
 background-size: cover;
 background-position: center;
}

.bg-img-hero-become {
 background-image: url("/assets/images/affiliate/hero.webp");
 background-position: center left;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
 min-height: 700px;
}

.heading-text-hero {
 font-weight: 700 !important;
 font-size: 40px !important;
}

.heading-text-hero-professional {
 font-weight: 700 !important;
 font-size: 48px !important;
}

.hero-para {
 letter-spacing: 1px !important;
 font-size: 16px !important;
}

.grid-img-container-lg {
 display: none !important;
}

.aff-img {
 width: 100% !important;
 height: 100% !important;
 margin-top: 10px !important;
}

.image-container {
 position: relative !important;
}

.image-heading {
 position: absolute;
 top: 30px;
 left: 10px;
 color: white;
 padding: 5px 10px;
 border-radius: 5px;
 text-align: start;
}

@media screen and (min-width: 999px) {
 .grid-img-container-lg {
  display: block !important;
 }

 .grid-img-container-sm {
  display: none;
 }

 .h-img:hover {
  filter: brightness(80%);
 }

 .h-img {
  transition:
   transform 0.3s ease,
   filter 0.3s ease;
 }
}

@media screen and (min-width: 999px) and (max-width: 1199px) {
 .img-mt {
  margin-top: 22px;
 }
}

@media screen and (min-width: 1200px) {
 .img-mt {
  margin-top: 30px;
 }
}

@media screen and (min-width: 1400px) {
 .img-mt {
  margin-top: 37px;
 }
}

.card-width {
 width: 100% !important;
 max-width: 300px !important;
}

.card-width-lg {
 width: 100% !important;
 max-width: 370px !important;
}

.card-width-sm {
 width: 100% !important;
 max-width: 300px !important;
}

@media screen and (max-width: 1000px) {
 .card-width,
 .card-width-lg,
 .card-width-sm {
  max-width: 100%;
 }
}

.index {
 z-index: 99999999;
}

.video-button-become {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}

.bg-img-breadcrumb {
 background-image: url("/assets/images/others/contact-breadcrumb.webp");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 height: 250px;
 width: 100%;
}

.border {
 border: none !important;
}

.plan-card {
 border: 1px solid rgb(212, 212, 212);
}

.heading-hero {
 font-weight: 700 !important;
 font-size: 48px !important;
}

.progress-100 {
 width: 100% !important;
}

.progress-15 {
 width: 15% !important;
}

.progress-20 {
 width: 20% !important;
}

.progress-35 {
 width: 35% !important;
}

.mt-90 {
 margin-top: 90px !important;
}

.bg-img-elevate {
 background-image: url("/assets/images/professional/patterns.webp");
 position: relative;
 background-size: cover;
 background-position: center center;
}

.bg-img-hero-hiring {
 background-image: url("/assets/images/hiring/hero.webp");
 background-position: center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
 min-height: 700px;
}

@media only screen and (max-width: 768px) {
 .bg-img-hero-hiring {
  background-image: url("/assets/images/hiring/hero-copy.webp") !important;
  background-position: 70% center !important;
  background-size: cover;
  color: white;
 }
}

.carousel .control-dots {
 position: absolute !important;
 bottom: 0px !important;
 z-index: 99999999 !important;
}

.carousel .control-dots .dot {
 background: #ff5733 !important;
}

.carousel .control-dots .dot.selected {
 background: #ff0000 !important;
}

.hiring-business-price-plan {
 font-size: 13px !important;
 border: 1px solid #004ec429 !important;
}

.girl-img-fl {
 position: absolute;
 right: 0;
 top: -30px;
 z-index: 100;
 width: 30%;
 height: 140%;
}

.freelancer-boder {
 border-radius: 15px !important;
 border: none !important;
}

.bg-img-hero-freelancer {
 background-image: url("/assets/images/freelancer/hero.webp");
 background-position: 73% center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
 min-height: 700px;
}

@media only screen and (max-width: 768px) {
 .bg-img-hero-freelancer {
  background-image: url("/assets/images/freelancer/hero-mbl.webp");
 }

 .freelancer-text-adjustment {
  color: white !important;
 }

 .freelancer-text-adjustment .freelancer-text {
  color: #92dad5;
 }
}

.carousel .control-dots {
 position: absolute;
 bottom: 0px;
 z-index: 99999999;
}

.carousel .control-dots .dot {
 background: #ff5733;
}

.carousel .control-dots .dot.selected {
 background: #ff0000;
}

.plan-benefits-container {
 width: 100% !important;
 overflow-x: hidden !important;
}

.freelaner-priceplan {
 font-size: 13px;
 border: 1px solid #71aeaa;
}

.testimonials-text {
 font-size: 16px !important;
 line-height: 30px !important;
}

.slick-dots li button:before {
 font-size: 12px !important;
 color: #ff5733 !important;
}

.search-dd-menu {
 left: 37%;
 top: 65px;
 z-index: 1001 !important;
}

.unselected-text {
 color: #6f6c90;
}

.scroll-btns {
 display: flex !important;
 flex-direction: row !important;
}

.scroll-btns button {
 flex: 0 0 auto;
 margin-right: 1rem;
}

.search-dd-menu {
 left: -20px;
 left: 37%;
 top: 65px;
 z-index: 1001 !important;
}

.search-dd-menu-mbl {
 right: 0;
 width: fit-content;
 z-index: 1001 !important;
}

.unselected-text {
 color: #6f6c90;
}

.scroll-btns-container {
 width: 100%;
 overflow-x: auto;
 white-space: nowrap;
 margin: 10px auto 10px auto;
}

.scroll-btns-container::-webkit-scrollbar {
 display: none !important;
}

.scroll-btns-container {
 scrollbar-width: none !important;
 -ms-overflow-style: none;
}

.scroll-btns {
 display: flex;
 flex-direction: row;
}

.scroll-btns button {
 flex: 0 0 auto;
 margin-right: 1rem;
}

.dd-m-lang {
 width: 100px !important;
}

.scroll-btns button {
 flex: 0 0 auto !important;
 margin-right: 1rem !important;
}

.job-post-skeleton {
 display: flex;
 flex-wrap: wrap;
 gap: 1rem;
 align-items: start;
 border: 1px solid rgb(230, 230, 230);
}

.job-post-skeleton > * {
 flex-basis: 100%;
}

.mt-right-20 {
 margin-right: 20px !important;
}

.fs-60 {
 font-size: 60px !important;
}

.back-btn {
 border: 1px solid #17171721 !important;
}

.border-forum-card {
 border: 1px solid #1717170f !important;
}

.textarea-bg {
 background: rgba(66, 82, 110, 0.06) !important;
}

.thread-greater {
 --bs-breadcrumb-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M3.5 0L1 2.5 5 6 1 9.5 3.5 12l6-6-6-6z' fill='%236c757d'/%3E%3C/svg%3E");
}

.cursor {
 cursor: pointer !important;
}

.fs-10 {
 font-size: 10px !important;
}

.fs-12 {
 font-size: 12px !important;
}

.fs-15 {
 font-size: 15px !important;
}

.fs-14 {
 font-size: 14px !important;
}

.rounded-tl-0 {
 border-top-left-radius: 0 !important;
}

.rounded-tr-0 {
 border-top-right-radius: 0 !important;
}

.bg-img-highlights {
 background-image: url("/assets/images/professional/highlights.webp");
 background-position: center left;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
 width: 100%;
}

/* 
.bg-img-career {
  background-image: url("/assets/images/professional/line.webp");
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
  width: 100%;
  height:280px ;
} */

.fs-16 {
 font-size: 16px !important;
}

.growth-heading {
 font-weight: 700 !important;
 font-size: 25px !important;
}

.bg-img-hero-pro {
 background-image: url("/assets/images/professional/hero.webp");
 background-position: 60% center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
 min-height: 700px;
}

.pro-1 {
 background-image: url("/assets/images/professional/hero-1.webp");
}

.pro-2 {
 background-image: url("/assets/images/professional/hero-2.webp");
}

.m0 {
 margin: 0px !important;
}

/* 
.slick-slider-testimonials {
  position: absolute;
  bottom: -50px;
  width: 100%;
} */

.mt-mb-70 {
 padding-top: 70px !important;
 padding-bottom: 70px !important;
}

.heading-career {
 font-weight: 700 !important;
 font-size: 35px !important;
}

.btn-highlights {
 border: 1px solid rgb(254, 94, 84) !important;
}

.pt-70 {
 padding-top: 70px !important;
 padding-bottom: 110px !important;
}

.our-weight {
 font-weight: 700 !important;
 font-size: 30px !important;
}

.para {
 font-size: 16px !important;
 line-height: 30px !important;
}

.index-999 {
 z-index: 99999999 !important;
}

.bg-img-hero {
 background-image: url("/assets/images/business/atm6.webp");
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
 min-height: 700px;
}

.bzns-2 {
 background-image: url("/assets/images/business/atm7.webp");
}

.bg-img-about {
 background-image: url("/assets/images/LandingPage/about-vid.webp");
 width: 100%;
 height: 450px;
 position: relative;
 background-size: cover;
 background-position: center;
}

.bg-img-community {
 background-image: url("/assets/images/LandingPage/community-img.webp");
 width: 100%;
 height: 350px;
 position: relative;
 background-size: cover;
 background-position: center;
}

.bg-img-earn-banner {
 background-image: url("/assets/images/professional/patterns.webp");
 position: relative;
 height: auto;
 width: 100%;
 background-size: cover;
 background-position: center;
 border: none;
}

.eventwork {
 background-color: #fff8f7;
 min-height: fit-content;
 padding: 70px 0px;
}

.bg-img-landing-hero {
 background-image: url("/assets/images/LandingPage/hero-bg.webp");
 background-position: 65% center;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
 min-height: 700px;
}

.landing-hero-2 {
 background-image: url("/assets/images/LandingPage/hero-bg-1.webp");
}

.landing-hero-3 {
 background-image: url("/assets/images/LandingPage/hero-bg-2.webp");
}

.bg-img-impact {
 background-image: url("/assets/images/professional/patterns.webp");
 position: relative;
 height: 350px;
 width: 100%;
 background-size: cover;
 background-position: center;
 border: none;
 z-index: -1;
}

.mt--140 {
 margin-top: -140px !important;
}

.bg-img-mission {
 background-image: url("/assets/images/LandingPage/mission-img.webp");
 width: 100%;
 height: 400px;
 background-size: cover;
 background-position: center;
}

.bg-img-offer {
 background-image: url("/assets/images/LandingPage/offer-img.webp");
 width: 100%;
 height: 400px;
 background-size: cover;
 background-position: center;
}

.border-outline-landing {
 font-size: 13px !important;
 border: 1px solid #fe5e54 !important;
}

.hiring-text {
 color: #000066 !important;
}

.w-90 {
 width: 90% !important;
}

.border-container {
 position: relative;
 display: inline-block;
 width: 198px;
 max-width: 90%;
 aspect-ratio: 1 / 1;
}

.border-container img {
 width: 100%;
 height: 100%;
 border-radius: 50%;
 position: relative;
 z-index: 1;
 border: 7px solid white;
}

.border-container::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: calc(90% + 24px);
 aspect-ratio: 1 / 1;
 border-radius: 50%;
 background: conic-gradient(
  from 0deg at 50% 50%,
  #ff5733 0deg,
  #ff5733 85deg,
  transparent 86deg,
  transparent 95deg,
  #ff5733 96deg,
  #ff5733 175deg,
  transparent 176deg,
  transparent 185deg,
  #ff5733 186deg,
  #ff5733 265deg,
  transparent 266deg,
  transparent 275deg,
  #ff5733 276deg,
  #ff5733 350deg,
  transparent 351deg,
  transparent 360deg
 );
 z-index: 0;
}

.border-container-sm {
 position: relative;
 display: inline-block;
 width: 130px;
 max-width: 90%;
 aspect-ratio: 1 / 1;
}

.border-container-sm img {
 width: 100%;
 height: 100%;
 border-radius: 50%;
 position: relative;
 z-index: 1;
 border: 7px solid white;
}

.border-container-sm::before {
 content: "";
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 width: calc(90% + 18px);
 aspect-ratio: 1 / 1;
 border-radius: 50%;
 background: conic-gradient(
  from 0deg at 50% 50%,
  #ff5733 0deg,
  #ff5733 85deg,
  transparent 86deg,
  transparent 95deg,
  #ff5733 96deg,
  #ff5733 175deg,
  transparent 176deg,
  transparent 185deg,
  #ff5733 186deg,
  #ff5733 265deg,
  transparent 266deg,
  transparent 275deg,
  #ff5733 276deg,
  #ff5733 350deg,
  transparent 351deg,
  transparent 360deg
 );
 z-index: 0;
}

.freelancer-border-outline {
 font-size: 13px !important;
 border: 1px solid #71aeaa !important;
}

.bg-img-login {
 background-image: url("/assets/images/login/login.webp");
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
 width: 100%;
}

.bg-img-signup {
 background-image: url("/assets/images/login/sign-up.webp");
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
 width: 100%;
}

.align-top {
 align-items: flex-start;
 height: 100%;
}

@media only screen and (min-width: 767px) {
 .signup-right-form::-webkit-scrollbar {
  display: none !important;
 }

 .signup-right-form {
  scrollbar-width: none;
  /* Firefox */
  -ms-overflow-style: none;
  scroll-behavior: smooth;
 }
}

/* User Dashboard CSS */
.searchbar-global {
 font-size: 14px;
 color: #202124;
 display: flex;
 z-index: 3;
 height: 44px;
 background: #fff;
 border: 1px solid #3535352f !important;
 box-shadow: none;
 border-radius: 24px;
 width: 100% !important;
}

.searchbar-professional {
 font-size: 14px;
 color: #202124;
 display: flex;
 z-index: 3;
 height: 44px;
 background: white;
 border: 1px solid #fe5e5440;
 box-shadow: none;
 border-radius: 24px;
 width: 100% !important;
}

.searchbar-blue {
 font-size: 14px;
 color: #202124;
 display: flex;
 z-index: 3;
 height: 44px;
 background: white;
 border: var(--bs-border-width) var(--bs-border-style) #0000667f !important;
 box-shadow: none;
 border-radius: 24px;
 width: 100% !important;
}

.searchbar-green {
 color: #202124;
 display: flex;
 z-index: 3;
 height: 44px;
 background: white;
 border: var(--bs-border-width) var(--bs-border-style) var(--bs-light-green) !important;
 box-shadow: none;
 border-radius: 24px;
 width: 100% !important;
}

.rounded-icon {
 width: 40px;
 height: 40px;
 background-color: #3535350a;
 /* color: 3535350A; */
 border-radius: 50%;
}

.rounded-card {
 width: 60px;
 height: 60px;
 background-color: #3535350a;
 /* color: 3535350A; */
 border-radius: 50%;
}

.rounded-icon-2 {
 width: 80px;
 height: 80px;
 background-color: #3535350a;
 /* color: 3535350A; */
 border-radius: 50%;
}

.rounded-icon-ent {
 width: 40px;
 height: 40px;
 background-color: #3535350a;
 /* color: 3535350A; */
 border-radius: 50%;
}

.rounded-icon-card {
 width: 40px;
 height: 40px;
 background-color: #3535350a;
 /* color: 3535350A; */
 border-radius: 50%;
}

.ent-bg-clor {
 background-color: #3535350a !important;
}

.rounded-img {
 width: 40px;
 height: 40px;
 background-color: #3535350a;
 border-radius: 50%;
}

.sidebar-items li {
 margin-top: 10px !important;
}

.sidebar-items li a,
.sidebar-items li button {
 padding: 7px;
 text-decoration: none !important;
 color: #000;
 font-size: 14px !important;
 font-weight: 300;
}

.sidebar-items .active a {
 color: #353535 !important;
 font-weight: 500;
}

.affiliate-card {
 position: relative;
 background-image: url("../images/dashboard/affiliate-bg.png");
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
 font-size: 12px;
 z-index: 1;
}

.affiliate-card.individual::after {
 content: "";
 position: absolute;
 inset: 0;
 background-color: var(--bs-black);
 mix-blend-mode: color;
 z-index: -1;
 border-radius: 0.5rem;
}

.affiliate-card.professional::after {
 content: "";
 position: absolute;
 inset: 0;
 background-color: var(--bs-orange);
 mix-blend-mode: screen;
 filter: saturate(1.5);
 z-index: -1;
 border-radius: 0.5rem;
}

.affiliate-card.freelancer::after {
 content: "";
 position: absolute;
 inset: 0;
 background-color: var(--bs-light-green);
 mix-blend-mode: screen;
 z-index: -1;
 border-radius: 0.5rem;
}

.affiliate-card.business-owner::after {
 content: "";
 position: absolute;
 inset: 0;
 background-color: var(--bs-dark-blue);
 mix-blend-mode: color;
 z-index: -1;
 border-radius: 0.5rem;
}

.affiliate-card .rounded-icon {
 width: 50px;
 height: 50px;
 background-color: var(--bs-orange);
 /* color: 3535350A; */
 border-radius: 50%;
 top: -28px;
 border: 4px solid #fff;
 left: 38%;
}

.card-ent {
 position: relative;
 height: 200px;
 width: 100%;
 border: none;
 z-index: 1;
}

.card-ent .rounded-icon-card {
 width: 180px;
 height: 180px;
 background-color: #fff;
 /* color: 3535350A; */
 border-radius: 50%;
 top: 150px;
 left: 30px;
 border: 4px solid #fff;
}

/*Sidebar CSS*/
.sidebar-user {
 width: 300px;
 transition: transform 0.5s ease;
 transform: translateX(0);
}

.sidebar-user::-webkit-scrollbar,
.admin-sidebar::-webkit-scrollbar {
 display: none !important;
}

.sidebar-user,
.admin-sidebar {
 scrollbar-width: none !important;
 -ms-overflow-style: none;
}

@media only screen and (max-width: 767px) {
 .sidebar-user {
  width: 100%;
  position: fixed;
  padding-top: 30px;
  z-index: 999999999;
  background-color: white !important;
  min-height: 100dvh;
  height: 100%;
  left: 0px;
  right: 0px;
  padding: 10px;
 }
}

.sidebar-hidden {
 transition: transform 0.5s ease;
 transform: translateX(-100%);
 width: 0px;
}

.topnav {
 transition: width 0.5s ease;
 width: 100%;
}

.bg-img-payout-card {
 background-image: url("../images/dashboard/payout-bg.png");
 background-position: center center;
 background-repeat: no-repeat;
 background-size: cover;
}

.custom-container {
 margin-left: 20% !important;
 margin-right: 20% !important;
}

@media screen and (max-width: 768px) {
 .custom-container {
  margin-left: 0% !important;
  margin-right: 0% !important;
 }

 .custom-container img {
  width: 100% !important;
 }
}

.search {
 display: flex;
 align-items: center;
 justify-content: space-between;
 text-align: center;
}

.search__input {
 font-family: inherit;
 font-size: inherit;
 background-color: #f4f2f2;
 border: none;
 color: #646464;
 padding: 0.7rem 1rem;
 border-radius: 30px;
 width: 12em;
 transition: all ease-in-out 0.5s;
 margin-right: -2rem;
}

.search__input:hover,
.search__input:focus {
 box-shadow: 0 0 1em #00000013;
}

.search__input:focus {
 outline: none;
 background-color: #f0eeee;
}

.search__input::-webkit-input-placeholder {
 font-weight: 100;
 color: #ccc;
}

.search__input:focus + .search__button {
 background-color: #f0eeee;
}

.search__button {
 border: none;
 background-color: #f4f2f2;
 margin-top: 0.1em;
}

.search__button:hover {
 cursor: pointer;
}

.search__icon {
 height: 1.3em;
 width: 1.3em;
 fill: #b4b4b4;
}

.js-table-checkable tbody tr,
.js-table-sections-header > tr {
 cursor: pointer;
}

.js-table-checkable tbody tr:last-child td {
 border-bottom: 0;
}

.table-vcenter th,
.table-vcenter td {
 vertical-align: middle;
}

.table-responsive {
 overflow-x: auto;
 -webkit-overflow-scrolling: touch;
}

@media (max-width: 575.98px) {
 .table-responsive-sm {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
 }
}

@media (max-width: 767.98px) {
 .table-responsive-md {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
 }
}

@media (max-width: 991.98px) {
 .table-responsive-lg {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
 }
}

@media (max-width: 1199.98px) {
 .table-responsive-xl {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
 }
}

@media (max-width: 1399.98px) {
 .table-responsive-xxl {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
 }
}

.over-flow {
 overflow-x: auto !important;
}

.d-sm-table-cell {
 display: table-cell !important;
}

th {
 font-weight: 400;
 text-align: inherit;
 text-align: -webkit-match-parent;
}

thead,
tbody,
tfoot,
tr,
td,
th {
 border-color: inherit;
 border-style: solid;
 border-width: 0;
}

table.dataTable td,
table.dataTable th {
 box-sizing: border-box;
}

.table > thead {
 vertical-align: bottom;
}

.fs-sm {
 font-size: 0.875rem !important;
}

.fs-md {
 font-size: 0.8rem !important;
}

@media only screen and (min-width: 1200) {
  .fs-md {
    font-size: 0.9rem !important;
   }
}

td {
 color: rgba(18, 18, 24, 0.7) !important;
}

.bg-table {
 background-color: (53, 53, 53, 0.04);
}

.no-wrap {
 white-space: nowrap !important;
}

.con {
 color: rgba(18, 18, 24, 0.7) !important;
}

.bg-con {
 background-color: #f7f7f7 !important;
}

.cardd {
 border-radius: 10px;
 box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
 background-color: #fff;
 overflow: hidden;
}

.input-with-flag {
 position: relative;
 display: flex !important;
 align-items: center !important;
}

.input-with-flag .flag-icon {
 position: absolute !important;
 left: 10px !important;
 display: flex !important;
 align-items: center !important;
 justify-content: center !important;
 height: 100% !important;
}

.input-with-flag input {
 padding-left: 60px !important;
}

.flag-icon img {
 width: 24px !important;
 height: auto !important;
}

.edu-icon {
 border: 1px solid #e5e5e5;
 background-color: transparent;
 border-radius: 50%;
 min-width: 50px !important;
 min-height: 50px !important;
}

.edu-icon-globe {
 background-color: #ffb75e;
 border-radius: 50%;
 min-width: 50px !important;
 min-height: 50px !important;
}

.edu-icon-edu {
 background-color: #2e2e62;
 border-radius: 50%;
 min-width: 50px !important;
 min-height: 50px !important;
}

.text-hed {
 color: #42526e !important;
}

.background-none {
 background: none !important;
}

@media (min-width: 768px) {
 /* .middle-right {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
  } */
}

@media (max-width: 767.98px) {
 .top-right {
  position: absolute;
  top: 10px;
  right: 10px;
 }
}

.transaction-search-container {
 display: flex;
 align-items: center;
 border: 1px solid #dee2e6;
 border-radius: 50px;
 padding-inline: 0.5rem;
 min-width: 150px !important;
 flex-basis: 150px;
 flex-grow: 5;
}

.search-bar {
 display: flex;
 align-items: center;
 border: 1px solid #dee2e6;
 border-radius: 50px;
 padding: 5px 10px;
 width: 300px;
 margin: auto;
}

.search-input {
 border: none;
 outline: none;
 flex-grow: 1;
 border-radius: 50px;
 padding: 5px 10px;
 background-color: transparent;
}

@media (max-width: 767.98px) {
 .search-bar {
  width: 100% !important;
 }

 .transaction-search-container {
  width: 100% !important;
 }
}

.bg-color-chat-message {
 background-color: #e5e5e5 !important;
}

.bg-card-design-img {
 background-image: url("/assets/images/professional/customer.webp");
 background-position: center;
 color: #171717;
 background-repeat: no-repeat;
 background-size: cover;
 position: relative;
 z-index: 1;
 height: 100%;
 width: 100%;
}

.bg-card-design-img::before {
 content: "";
 position: absolute;
 z-index: -1;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: rgba(23, 23, 23, 0.8);
}

.search-bar-container {
 display: flex;
 justify-content: center;
 align-items: center;
}

.search-bar-ent {
 width: 100%;
 padding: 12px;
 gap: 0.75rem 0.5rem;
 background-color: white;
 box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}

.search-input-ent {
 border: none;
 outline: none;
 width: 100%;
 flex: 1;
}

.search-input-ent-w100 {
 border: none;
 padding: 10px 20px;
 flex: 1;
 outline: none;
 font-size: 16px;
 border-radius: 25px;
 min-width: 400px;
}

/* .dropdown-ent::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 50%;
  background-color: #e0e0e0;
} */

.dropdown-ent {
 position: relative;
 cursor: pointer;
 background-color: white;
 border-radius: 25px;
}

/* 
.dropdown-ent::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
  height: 50%;
  background-color: #e0e0e0;
} */

.search-button {
 padding: 13px 40px;
 background-color: black;
 color: white;
 border: none;
 border-radius: 30px;
 cursor: pointer;
 flex: 1;
}

.search-buttonn {
 padding: 0 40px;
 color: white;
 border: none;
 border-radius: 30px;
 cursor: pointer;
}

.search-button:hover {
 background-color: #333 !important;
}

@media (max-width: 767.98px) {
 .search-buttonn,
 .search-button {
  width: 100% !important;
 }

 .search-input-ent,
 .dropdown-ent {
  width: 50% !important;
 }

 .search .search-buttonn {
  width: 100% !important;
 }

 .search-bar-ent {
  padding: 8px !important;
 }

 .search-input-ent-w100 {
  min-width: 200px !important;
 }

 .dropdown-ent {
  position: relative;
  padding: 1px 20px;
  cursor: pointer;
  background-color: white;
  border-radius: 25px;
  margin: 5px 0;
 }
}

.bg-colur-ent {
 background-color: #1b1b1b !important;
}

/* @media (max-width: 576px) {
  .profile-img-container {
    width: 35% !important;
    left: 33% !important;
  }
  .profile-img-container img {
    width: 100% !important;
  }
} */
.profile-img-container {
 height: 200px;
 aspect-ratio: 1 / 1;
 border: 10px solid #ffffff;
 border-radius: 50%;
 overflow: hidden;
 position: relative;
 z-index: 999;
}

.bg-light-green {
 background-color: #eef5f5;
 color: #252530;
 border: 1px solid rgba(37, 37, 48, 0.1);
}

.bg-img-whychoose {
 background-color: #eef5f5;
 background-image: url("/assets/images/freelancer/58.webp");
 background-position: center right;
 background-repeat: no-repeat;
 background-size: contain;
 height: 100%;
 width: 100%;
}

.border-light-green {
 border: 1px solid #e9eaee !important;
}

.bg-card-green {
 background: #eef5f5 !important;
}

.button-job-bg {
 background-color: #d9e9e8 !important;
}

.button-containe {
 display: flex;
 flex-wrap: wrap;
 gap: 10px;
}

@media (max-width: 768px) {
 .button-containe button {
  flex: 1 1 100%;
  margin-bottom: 10px;
 }
}

.otp-input-container {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 10;
 padding: 10px;
 border: 2px solid var(--bs-orange);
 border-radius: 5px;
}

.otp-input-container-2 {
 display: flex;
 justify-content: center;
 align-items: center;
 gap: 10;
 padding: 10px;
 border: 1px solid #dee2e6;
 border-radius: 5px;
}

.otp-input {
 border: none;
 border-bottom: 2px solid var(--bs-orange);
 width: 40px;
 height: 35px;
 font-size: 24px;
 text-align: center;
 outline: none;
}

.otp-input-2 {
 border: none;
 border-bottom: 2px solid var(--bs-black);
 width: 40px;
 height: 35px;
 font-size: 24px;
 text-align: center;
 outline: none;
}

.otp-separator {
 margin: 0 5px !important;
}

.custom-modal-dialogg {
 max-width: 700px !important;
}

.custom-modal-content {
 width: 100% !important;
}

.button-a {
 border: none;
 color: white;
 padding: 15px 32px;
 text-align: center;
 text-decoration: none;
 display: inline-block;
 font-size: 16px;
}

.text-dec {
 text-decoration: none !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
 -webkit-appearance: none;
 margin: 0;
}

/* Hide the arrows in input type number for Firefox */
input[type="number"] {
 -moz-appearance: textfield;
}

@media (max-width: 768px) {
 .profile:not(.active) {
  display: none;
 }

 .profile.active {
  transform: scale(1.2);
  transition: transform 0.3s;
 }
}

.bg-mastercard {
 background-color: #fff8f7 !important;
}

.bg-img-payment {
 background-image: url("/assets/images/dashboard/card-bg.webp");
 background-position: center right;
 background-repeat: no-repeat;
 background-size: contain;
 height: 100%;
 width: 100%;
}

@media (max-width: 768px) {
 .fs-16 {
  font-size: 15px !important;
 }
}

.progressbar {
 counter-reset: step;
}

.progressbar li {
 list-style: none;
 display: inline-block;
 width: 30.33%;
 position: relative;
 text-align: center;
 cursor: pointer;
}

.progressbar li:before {
 content: counter(step);
 counter-increment: step;
 width: 30px;
 height: 30px;
 line-height: 30px;
 border: 1px solid #ddd;
 border-radius: 100%;
 display: block;
 text-align: center;
 margin: 0 auto 10px auto;
 background-color: #fff;
}

.progressbar li:after {
 content: "";
 position: absolute;
 width: 100%;
 height: 1px;
 background-color: #ddd;
 top: 15px;
 left: -50%;
 z-index: -1;
 border-radius: 0.5rem;
}

.progressbar li:first-child:after {
 content: none;
}

.search-container {
 display: flex;
 align-items: center;
 border: 1px solid #ccc;
 border-radius: 5px;
 padding: 5px;
 margin: 20px auto;
}

.search-input {
 border: none !important;
 outline: none !important;
 flex: 1 !important;
}

.search-input:focus {
 border: none !important;
 outline: none !important;
}

.vh-md-100 {
 height: 100vh !important;
}

@media only screen and (max-width: 768px) {
 .vh-md-100 {
  height: 100% !important;
 }
}

.verify-button {
 position: absolute;
 right: 0px;
 top: 50%;
 transform: translateY(-50%);
 height: 100%;
 border-top-left-radius: 0;
 border-bottom-left-radius: 0;
}

.img-avatar {
 display: inline-block !important;
 width: 64px;
 height: 64px;
 border-radius: 50%;
 width: 120px;
 height: 120px;
}

.image-container {
 position: relative;
 display: inline-block;
}

.img-avatar {
 display: block;
}

.feature-mobile {
 font-size: 13px !important;
 text-align: left !important;
}

.tooltip-content {
 position: absolute;
 background-color: #333;
 color: #fff;
 padding: 5px 10px;
 border-radius: 5px;
 font-size: 12px;
 white-space: nowrap;
 z-index: 10;
 right: 0px;
 bottom: 100%;
}

.feature1:hover .tooltip-content {
 display: block;
}

.tooltip-mobile {
 background-color: #000;
 color: white;
 padding: 5px 10px;
 border-radius: 5px;
 right: 0px;
 font-size: 10px !important;
 top: -10px;
}

.react-international-phone-input {
 border: white !important;
 font-size: 16px !important;
}

.react-international-phone-country-selector-dropdown {
 z-index: 100 !important;
}

.input-group .btn {
 position: absolute !important;
}

.form-control:focus,
.form-control:active,
.form-select:active,
.form-select:focus,
.upload-container:active,
.upload-container:focus,
.custom-checkbox:active,
.custom-checkbox:focus {
 outline: none !important;
 box-shadow: none !important;
 filter: none !important;
}

.form-control:focus,
.form-control:active,
.form-select:active,
.form-select:focus,
.upload-container:active,
.upload-container:focus {
 border: 1px solid #cdcdcd !important;
}

.custom-checkbox:active {
 border-color: #dee2e6 !important;
}

.upload-container {
 border: 1px solid #dee2e6;
}

.image-container {
 position: relative;
 width: 150px;
 height: 150px;
 background-color: #f0f0f0;
 display: flex;
 align-items: center;
 justify-content: center;
 overflow: hidden;
}

.gallery-image {
 width: 100%;
 object-fit: cover;
}

.image-container button {
 border-radius: 50% !important;
}

/*Loader*/
.loader {
 width: 24px;
 height: 24px;
 border-radius: 50%;
 display: inline-block;
 border-top: 3px solid #fff;
 border-right: 3px solid transparent;
 box-sizing: border-box;
 animation: rotation 1s linear infinite;
}

@keyframes rotation {
 0% {
  transform: rotate(0deg);
 }

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

/*Dropdown Handle*/
.dropdown-container {
 position: relative;
}

.btn-dropdown {
 border: none !important;
}

.goog-te-banner-frame {
 display: none !important;
}

.goog-te-gadget-icon {
 display: none !important;
}

.goog-te-menu-value span:first-child {
 display: none !important;
}

.goog-te-banner-frame.skiptranslate,
.goog-te-banner-frame.skiptranslate * {
 display: none !important;
}

body {
 top: 0 !important;
}

.skiptranslate {
 display: none !important;
}

#notfound .notfound {
 position: absolute;
 left: 50%;
 top: 50%;
 -webkit-transform: translate(-50%, -50%);
 -ms-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.notfound .notfound-404 h1 {
 font-family: "Josefin Sans", sans-serif;
 font-size: 220px;
 letter-spacing: 10px;
 margin: 0px;
 font-weight: 700;
}

.featured-business-card:focus {
 outline: none;
}

.register-now-link {
 cursor: pointer;
}

nav a.btn font {
 display: block !important;
}

.header-nav,
.top-nav {
 font-size: 0.9rem !important;
}

.header-roles {
 min-width: fit-content;
 align-items: center;
}

.header-auth-buttons-container > a {
 padding: 0.5em 1em !important;
}

.disabled-dim:disabled {
 background-color: rgba(0, 0, 0, 0.5) !important;
}

.file-name-banner {
 color: white;
 font-size: 0.75rem;
 width: 100%;
 margin: 0;
 padding: 0.25em;
 position: absolute;
 bottom: 0;
 background-color: rgb(0, 0, 0, 0.5);
}

.fs-smaller {
 font-size: 0.7rem;
}

.role-selection-card {
 min-height: 80px;
}

.role-selection-card label {
 cursor: pointer;
}

.role-selection-card label > * {
 flex-basis: 50%;
}

.profile-settings-verify-number {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 gap: 0.5rem;
}

.profile-settings-verify-number > * {
 flex-basis: 25%;
}

.profile-settings-verify-number > label {
 min-width: fit-content;
 flex-basis: min-content;
}

.profile-settings-verify-number > div {
 flex-grow: 1;
}

.input-with-flag {
 min-width: 200px;
}

.profile-settings-verify-number > div > div {
 flex: 2;
}

.profile-settings-verify-number > div > button {
 flex: 1;
 min-width: fit-content;
}

.whatsapp-input-group .form-floating > .form-control:not(:placeholder-shown) {
 padding-block: 0.375rem !important;
 height: 100% !important;
 min-height: unset !important;
}

.whatsapp-input-group .input-group-text {
 padding-block: 0.375rem !important;
 font-size: unset !important;
}

.add-button:hover {
 opacity: 0.8;
}

.profile-settings-grid {
 max-width: 100%;
 display: grid;
 align-items: start;
 grid-template-columns: repeat(12, calc((100% - 11 * 2rem) / 12));
 grid-template-rows: repeat(2, min-content);
 row-gap: 2rem;
 column-gap: 2rem;
}

.profile-settings-grid > * {
 grid-column: span 8;
}

.profile-settings-grid > :nth-child(2) {
 grid-column: span 4;
 grid-row: span 4;
}

@media (max-width: 890px) {
 .profile-settings-update-btn {
  width: 100% !important;
 }

 .profile-settings-grid {
  grid-template-columns: repeat(12, calc(100% / 12));
  row-gap: 2rem;
  column-gap: 0rem;
 }

 .profile-settings-grid > * {
  grid-column: span 12;
 }

 .profile-settings-grid > :nth-child(2) {
  grid-column: span 12;
  grid-row: 2 / 3;
 }
}

.profile-settings-image-container {
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 gap: 3rem;
}

.profile-settings-image-container > :nth-child(2) {
 flex-basis: calc(80% - 3rem);
}

.membership-plans-grid {
 display: grid;
 grid-template-columns: minmax(0, 1.75fr) repeat(4, minmax(0, 1fr));
 grid-auto-rows: min-content;
 grid-auto-flow: dense;
}

.plans-row-grid {
 grid-column: 1 / 6;

 display: grid;
 gap: 1rem;
 grid-template-columns: minmax(0, 1.75fr) repeat(4, minmax(0, 1fr));

 text-align: center;
}

.plan-type-toggler-container {
 grid-column: 1 / 2;
 grid-row: 1 / 2;
}

.plans-card-header {
 grid-column: 2 / 6;
 grid-row: 1 / 2;
}

.membership-page .slick-track {
 display: flex !important;
}

.membership-page .slick-slide {
 height: inherit !important;
}

.membership-page .slick-slide > div {
 height: 100%;
}

.react-autosuggest__container {
 position: relative;
}

.react-autosuggest__suggestions-container {
 position: absolute;
 top: 100%;
 left: 0;
 right: 0;
 background-color: #fff;
 border: 1px solid #ccc;
 border-radius: 4px;
 z-index: 2;
}

.react-autosuggest__suggestions-list {
 margin: 0;
 padding: 0;
 list-style-type: none;
}

.react-autosuggest__suggestion {
 cursor: pointer;
}

.react-autosuggest__suggestion--highlighted {
 background-color: #ddd;
}

#react-autowhatever-1 {
 border: none;
 z-index: 99999;
}

.react-autosuggest__suggestions-list {
 border: 1px solid #ccc;
 border-radius: 4px;
 z-index: 99999;
}

.react-autosuggest__suggestions-list li {
 margin: 0;
}

.play-button {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.2);
}

.profile-intro-section {
 margin-top: -132px;
}

.cover-pattern {
 position: absolute;
 width: 100%;
 top: -40%;
 z-index: -1;
}

.chat-thread:hover {
 position: relative;
 background-color: #eee;
 border-radius: 14px;
}

@media print {
 .print\:hidden {
  display: none;
 }

 .print\:w-100 {
  width: 100% !important;
 }
}

@media (max-width: 480px) {
 .notification-panel {
  min-width: 260px !important;
  left: 50%;
  transform: translate(-50%, 0);
 }
}

.admin-sidebar {
 flex-basis: 245px;
 flex-shrink: 0;
 transition: flex-basis linear 0.1s;
}

.admin-sidebar-hidden {
 flex-basis: 0;
 transition: flex-basis linear 0.1s;
}

@media only screen and (max-width: 767px) {
 .admin-sidebar {
  position: absolute;
  padding: 10px;
  padding-top: 30px;
  background-color: white !important;
  min-height: 100dvh;
  width: 245px;
  transition: all linear 0.1s;
 }

 .admin-sidebar-hidden {
  position: absolute;
  width: 0;
  transition: all linear 0.1s;
 }
}

.hierarchy-follower {
 width: 10px;
 border-top: none !important;
 border-right: none !important;
 border-left: 1px solid black !important;
 border-bottom: 1px solid black !important;
 border-bottom-left-radius: 5px;
 position: absolute;
 left: -10px;
 bottom: 50%;
}

.avatar-xl {
 height: 7.5rem !important;
 width: 7.5rem !important;
}

/* Full-page overlay loader */
.overlay-loader {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(255, 255, 255, 0.9); /* Transparent background */
 display: flex;
 flex-direction: column;
 justify-content: center;
 align-items: center;
 z-index: 9999; /* Ensure it's on top */
}

.loader-icon {
 position: relative;
}

.shine-rect {
 transform: translateX(-100%);
 animation: shine-animation 2s infinite;
 opacity: 0.3;
}

@keyframes shine-animation {
 0% {
  transform: translateX(-100%);
 }
 50% {
  transform: translateX(100%);
 }
 100% {
  transform: translateX(100%);
 }
}

.loader-status {
 margin-top: 20px;
 font-size: 18px;
 color: #333;
}

.hover-grey:hover {
 background-color: rgba(0, 0, 0, 0.05) !important;
}

.truncated-text {
 display: -webkit-box;
 -webkit-line-clamp: 3;
 -webkit-box-orient: vertical;
 overflow: hidden;
 text-overflow: ellipsis;
}

.fixed-lightbox {
 position: fixed;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background: rgba(0, 0, 0, 0.8);
 display: flex;
 justify-content: center;
 align-items: center;
 z-index: 9999999;
}

.fixed-lightbox-content {
 position: relative;
 width: 80%; /* Adjust width to control video size */
 height: 80%; /* Adjust height to control video size */
 max-width: 90%;
 max-height: 90%;
 display: flex;
 justify-content: center;
 align-items: center;
 overflow: hidden; /* Strictly contain overflow */
 background: black;
 border-radius: 8px;
}

.lightbox-video {
 width: 100%; /* Forces video to fit within the container */
 height: 100%;
 object-fit: contain;
}

.lightbox-image {
 width: 100%;
 height: 100%;
 object-fit: contain; /* Maintains aspect ratio within the modal */
}

.lightbox-close {
 position: absolute;
 top: 8px;
 right: 8px;
 background: rgba(0, 0, 0, 0.5);
 border-radius: 10px;
 border: none;
 color: white;
 cursor: pointer;
 padding: 4px;
}

.slick-slide:focus {
 outline: none;
}

.testimonials-slider-container {
 margin-bottom: 2.5rem;
}

/* .testimonials-slider-container .slick-dots {
 position: absolute;
 left: 50%;
 bottom: 3rem;
 transform: translate(-50%, 0);
 display: flex;
 justify-content: center;
 align-items: center;
} */

.testimonials-slider-container .slick-slider {
 position: static !important;
}

/* .testimonials-slider-container .slick-slide {
 padding: 0 10px;
}

.testimonials-slider-container .slick-list {
 margin: 0 -10px;
} */

/*  */

.react-datepicker-popper {
 z-index: 99999 !important;
}

.autosuggest-suggestions-container {
  max-height: 400px;
  overflow-y: auto;
  border: 1px solid #e0e0e0;
  background: #fff;
  z-index: 1000;
}

.autosuggest-suggestions-container ul {
  padding-left: 0 !important;
}