body{margin:0; padding:0; font-family: "Roboto", sans-serif; }

h1,h2,h3,h4,h5,h6{font-family: "Open Sans", sans-serif; font-weight:700!important; margin-bottom:15px; color:#000;}
h2{font-size:36px;  margin-bottom:20px;}
h3{font-size:30px;}

ul,li{list-style:none; margin:0; padding:0;}

a{text-decoration:none!important; transition:.3s ease all;}

#google_translate_element {margin: 10px; font-size: 14px;}
p{color:#4b5563;}
b{display:block;}

.indicator{display:none;}
.goog-te-gadget-simple .text{display:block;}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-OEVmcd{background:red;}
.goog-te-gadget-simple iframe a{width:100%; display:block!important;}

.center{text-align:center;}
.section{padding:60px 0;}

.navbar{box-shadow:0 0 20px #999;}
.navbar-brand{font-size:30px!important; font-weight:700!important; color:#059669!important;}
.navbar .translator{display:flex;}
.navbar .translator select{border-radius:10px; background:#ecfdf5; border:1px solid #a7f3d0!important; color:#047857; padding:12px 15px!important; background:#ecfdf5!important; white-space:inherit!important; font-size:14px!important; margin-right:15px;}
.navbar .btn{padding:10px 20px; background:#198754; color:#fff;}
.navbar .btn:hover{background:#fff!important; color:#198754!important; border-color:#198754!important;}
.nav-link{padding:10px 20px; margin:0 5px;}

.home-banner{background:#edfdf2; text-align:center; padding:80px 0;}
.home-banner h2{font-size:48px;}
.home-banner p{font-size:20px; }
.banner-slide{background:#fff; border-radius:20px; padding:2em 2em 3em; box-shadow:0 25px 50px -12px #777; margin-top:3em;}
.carousel-indicators [data-bs-target]{width:10px; height:10px; border-radius:10px; background:#ddd; border:none; botttom:auto; top:95%;}
.carousel-indicators .active{background:#059669;}
.banner-slide .carousel-item .driver-bg{background: linear-gradient(to bottom,  #677ae5 0%,#754ca4 100%); padding:4em 0; border-radius:20px; position:relative;}
.banner-slide .carousel-item .driver-bg .f1-car {position: absolute; top: 50%; width: 80px; height: 30px; animation: drive 4s linear infinite; left:15px;}
.car-body {width: 60px;  height: 20px; background: #e74c3c; border-radius: 10px; position: relative;}
.car-wing {position: absolute; top: -5px; left: -10px; width: 15px; height: 8px; background: #c0392b; border-radius: 4px;}
.car-wing.rear {left: auto; right: -10px; width: 20px;}
.wheel.rear { left: 5px;}
.wheel {position: absolute; width: 12px;  height: 12px; background: #2c3e50; border-radius: 50%; top: 15px; animation: spin 0.3s linear infinite;}
.wheel.front {left: 45px;}
.sparkles {position: absolute; width: 100%; height: 100%; pointer-events: none;}
.sparkle {position: absolute; width: 4px; height: 4px; background: rgba(255, 255, 255, 0.8); border-radius: 50%; animation: sparkle 2s infinite;}
.sparkle:nth-child(1) {top: 20%; left: 20%; animation-delay: 0s;}
.sparkle:nth-child(2) {top: 60%; left: 80%; animation-delay: 0.5s;}
.cleaning-animation {position: absolute; top: 30px; right: 30px; width: 50px; height: 50px;  opacity: 0.3;}
.banner-slide .carousel-item .chef-bg{background:linear-gradient(to bottom, #fe6d33 0%,#f7921f 100%); padding:4em 0; border-radius:20px;}
 .banner-slide p{color:#fff; font-size:16px;}

 .banner-slide .carousel-item .maid-bg{background: linear-gradient(to bottom,  #1cb289 0%,#35e87f 100%); padding:4em 0; border-radius:20px;}
 .bg-opacity-20 {background: rgba(255, 255, 255, .2); padding:5px 10px; font-size:14px;}
  .banner-slide .icon{font-size:50px;}
  .banner-slide .slide-block{text-align:left;}
 .banner-slide .slide-block p{color:#333;}
  .banner-slide .slide-block .slide-head{padding:2em; border-radius:20px; margin-bottom:1.5em;}
  .banner-slide .slide-block .slide-head .flex{display:flex; gap:12px; align-items:center; justify-content:center;}
  .banner-slide .slide-block .slide-head .flex .small{font-size:12px!important; color:#4b5663;}
  .banner-slide .slide-block .slide-head.chef{background:linear-gradient(to bottom, #FEE9D8 0%,#fee4df 100%);}
  .banner-slide .slide-block .slide-head.driver{background:linear-gradient(to bottom, #dfeafe 0%,#eee8fe 100%);}
  .banner-slide .slide-block .slide-head.maid{background:linear-gradient(to bottom, #dbfce8 0%,#cdfbf0 100%);}
 .banner-slide .slide-block .slide-head .flex .text-xl{font-size:18px;}
  .banner-slide .slide-block .slide-head .flex .text-3xl{font-size:24px;}
  .banner-slide .slide-block .btn{background:#047857; color:#fff; display:block; padding:10px 0;}
  .banner-slide h4{color:#fff;}

  .chef-animation {position: absolute; top: 20px; right: 20px; width: 60px; height: 60px; opacity: 0.3;}
.cooking-pot {width: 40px; height: 30px; background: #333; border-radius: 0 0 20px 20px;  position: relative;  animation: shake 2s infinite;}
.steam {position: absolute;  top: -10px; left: 50%; transform: translateX(-50%); width: 3px; height: 15px;  background: rgba(255, 255, 255, 0.6); border-radius: 50%; animation: steam 1.5s infinite;}
.steam:nth-child(2) {left: 40%; animation-delay: 0.3s;}
.steam:nth-child(3) Specificity: (0,2,0){left: 60%; animation-delay: 0.6s;}
.cleaning-animation {position: absolute; top: 30px; right: 30px;  width: 50px; height: 50px; opacity: 0.3;}
.mop {width: 8px; height: 40px;  background: #8b4513;  border-radius: 4px; position: relative; animation: mop 2s ease-in-out infinite; transform-origin: top center;}
.bubbles {position: absolute; width: 6px;  height: 6px; background: rgba(255, 255, 255, 0.7); border-radius: 50%; animation: bubble 3s infinite;}

.bubbles:nth-child(3) {left: 35px; top: 10px; animation-delay: 1s;}
.bubbles:nth-child(4) {left: 10px;  top: 15px;  animation-delay: 1.5s;}

.why-choose .item{padding:4em 2em; text-align:center; border-radius:10px; margin:15px 0; transition:.2s ease all;}
.why-choose .item:hover{box-shadow:0 10px 15px #ddd;}
.why-choose .item h3{font-size:24px;}
.why-choose .item.one{background:#edfdf4;}
.why-choose .item.two{background:#eef3ff;}
.why-choose .item.three{background:#f8f4ff;}
.why-choose .item.four{background:#fffaec;}
.why-choose .item.five{background:#fef1f2;}
.why-choose .item.six{background:#f0fefb;}
.why-choose svg{width:80px; margin-bottom:15px;}

.service-section{background:#F9FAFB; padding-bottom:100px;}
.service-section .item{padding:2em 2em 3em; text-align:center; background:#fff; border-radius:10px; margin:15px 0; box-shadow:0 10px 15px #ddd; height:100%; position:relative;}
.service-section .item:hover{box-shadow:0 20px 25px #ddd; transform:translateY(-5px); transition:transform 0.3s ease;}
.service-section h4{font-size:24px; font-weight:700;}
.service-section .icon{font-size:50px; margin:0 auto 10px;}
.service-section span{display:block; border-radius:20px; margin-top:15px; text-align:center; background:#d1fae5; padding:7px 0; color:#0d644b; position:absolute; bottom:20px; width:82%;}
.service-section span.odd{background:#dbeafe; color:#1e40af;}

.getting-section{background:#eff5ff;}
.getting-section .content-box{background:#fff; border-radius:20px; box-shadow:0 10px 15px #ced3dc; padding:2em; width:70%; margin:4em auto ;}
.getting-section .content-box .vid-block{background:#d4fbe6; display:flex; flex-direction:column; align-items:center; justify-content:center; height:450px; border-radius:20px; margin:2em 0; color:#065f46;}
.getting-section .content-box .vid-block p{color:#065f46;}
.getting-section .content-box .vid-block a{display:inline-block; border-radius:10px; background:#059669; padding:10px 25px; color:#fff; text-decoration:none;}
.getting-section .content-box .icon{width:100px; height:100px; border-radius:50%; background:#fff; box-shadow:0 10px 15px -3px rgb(0 0 0 / 0.2); margin-bottom:30px; display:flex;  align-items:center; justify-content:center;}
.getting-section .content-box .icon svg{width:60px; fill:#059669;}
.getting-section .content-box .item{border-radius:20px; padding:1em; text-align:center; background:#ecfdf5; color:#166534;}
.getting-section .content-box .item figure{display:block; margin-bottom:5px!important;}
.getting-section .content-box .item b{font-size:16px; font-weight:700; display:block; }
.getting-section .content-box .item p{font-size:14px; color:#166534; margin-bottom:0;}
.getting-section .content-box .item figure{font-size:30px; margin-bottom:10px;}
.getting-section .content-box .item.odd{background:#eff6ff; color:#1e40af;}
.getting-section .content-box .item.odd p{color:#1e40af;}
.getting-section .help-block{background:#fff; border-radius:20px; box-shadow:0 10px 15px #ced3dc; padding:2em; text-align:center;}
.getting-section .help-block figure{font-size:40px; margin-bottom:10px;}
.getting-section .help-block b{font-size:18px;}
.getting-section .help-block li{position:relative; padding-left:20px; text-align:left; color:#4b5563; font-size:14px; margin-top:10px;}
.getting-section .help-block li:before{width:5px; height:5px; border-radius:50%; position:absolute; left:0; top:8px; background:#166534; content:'';}
.getting-section .help-block a{color:#059669; margin-top:20px; display:block;}
.getting-section .help-block.odd li:before{background:#4f63eb;}
.getting-section .help-block.odd a{color:#4f63eb;}

.getting-section .help-block .item{display:inline-block; width:46%; padding-left:25px; box-sizing:border-box; margin:0 2em 2em 0; position:relative; text-align:left;}
.getting-section .help-block .item:before{content:''; width:3px; height:100%; position:absolute; left:0;}
.getting-section .help-block .item.one:before{background:#10b981;}
.getting-section .help-block .item.two:before{background:#A855F7;}
.getting-section .help-block .item.three:before{background:#3b82f6;}
.getting-section .help-block .item.four:before{background:#f97316;}
.getting-section .help-block .item.five:before{background:#22c55e;}
.getting-section .help-block .item.six:before{background:#ef4444;}
.getting-section .help-block .item b{margin-bottom:10px; font-size:16px;}
.getting-section .help-block .item p{color:#4b5563; font-size:14px; margin-bottom:0;}

.mt-16 {margin-top: 4rem;}

.about-sec{width:70%; margin:0 auto; color:#4b5563; }
.about-sec h2{position:relative;}
.about-sec h2:after{content:''; background:green; width:10%; height:3px; bottom:-20px; position:absolute; left:44%;}
.about-sec p{font-size:18px; line-height30px; margin-right:2em;}
.about-sec small{font-size:14px; margin-right:2em; display:block;}

.backend-block{border-radius:20px; background:#F9FAFB; width:70%; margin:3em auto; padding:3em 2em 2em; text-align:center;}
.backend-block .item{border-radius:20px; background:#fff; padding:2em; font-size:14px;}
.backend-block p{margin:2em;}
.backend-block .item b{display:block; margin:.5em 0; font-size:16px;}
.backend-block .item span{font-size:30px;}


.pl-block{background:#ecfdf5; color:#166534; border-radius:20px; padding:2em; text-align:center;}
.pl-block span{display:block; font-size:45px; margin-bottom:10px;}

footer{padding:50px 0; background:#1f2937; color:#fff; text-align:center;}
footer h3{color:#fff;}
footer p{color:#9ca3af;}
footer li{display:inline-block; padding:5px 15px; }
footer li a{color:#9ca3af;}
footer li a:hover{color:#fff;}

.modal-dialog{max-width:60%; position:relative;}
.modal-content h4{font-size:21px;}
.modal-content{padding:2em 0; height:100vh; overflow-y:auto;}
.modal-dialog .close{background:transparent; border:none; position:absolute; right:15px; font-size:30px; top:15px; font-weight:300;}
.modal-header{border:none; padding:0 2em; align-items:self-start; flex-direction:column;}
.modal-header p{font-size:20px; margin:15px 0 5px;}
.modal-content .get-block{background:#f3f4f6 ; border-radius:12px; margin:1.5em 0; padding:1em; color:#166534; font-size:20px;}
.modal-content .get-block h4{margin-bottom:0; font-size:20px;}
.modal-content .er-block{background:#ecfdf5; border-radius:20px; margin:1em 0; padding:1.3em; color:#166534; font-size:20px;}
.modal-content .er-block h4{color:#166534;}
.modal-content h5{color:#065f46; font-size:18px; margin:20px 0;}
.modal-body{padding:0 2em; border:none;}
.modal-body .block{border-radius:20px; border:1px solid #e5e7eb; padding:1.5em; height:100%;}
.modal-body .block ul{margin:1.5em 0 0;}
.modal-body .block li, .modal-content .list li{position:relative; padding-left: 20px; text-align: left;color: #4b5563; margin-top:10px;}
.modal-body .block li:before, .modal-content .list li:before{width:5px; height:5px; border-radius:50%; position:absolute; left:0;  top: 8px; background: #22c55e; content: '';}
.modal-body .block ul.require li:before{background:#3b82f6;}
.modal-body .earning_block{background:#ecfdf5; border-radius:5px; margin-bottom:20px; padding:1.2em; color:#059669;}
.modal-body .earning_block b{color:#059669; margin-bottom:10px;}
.modal-body .earning_block li{padding:0 0 0 15px; margin:0 0 10px 0; color:#059669; position:relative;}
.modal-content .earning_block li:before{width:5px; height:5px; border-radius:50%; position:absolute; left:0;  top:9px; background: #059669; content: '';}

.modal-body .cook_block{background:#eff6ff; border-radius:5px; margin-bottom:20px; padding:1.2em; color:#1e40af;}
.modal-body .cook_block b{color:#1e40af; margin-bottom:10px;}
.modal-body .cook_block li{padding:0 0 0 15px; margin:0 0 5px 0; color:#1e40af; position:relative;}
.modal-content .cook_block li:before{width:5px; height:5px; border-radius:50%; position:absolute; left:0;  top:9px; background: #1e40af; content: '';}

.modal-body .heading{margin-top:1em;}
.modal-body .pro_block{background:#fefce8; border-radius:5px; margin-bottom:20px; padding:1.2em; color:#854d0e;}
.modal-body .pro_block b{color:#854d0e; margin-bottom:10px;}
.modal-body .pro_block li{padding:0 0 0 15px; margin:0 0 10px 0; color:#a16207; position:relative;}
.modal-content .pro_block li:before{width:5px; height:5px; border-radius:50%; position:absolute; left:0;  top:9px; background: #854d0e; content: '';}

.modal-body .step_block{background:#f3f4f6; border-radius:5px; margin-bottom:20px; padding:1.2em; color:#000;}
.modal-body .step_block b{color:#000; margin-bottom:15px;}
.modal-body .step_block ol	{list-style: none; /* Remove default markers */
          counter-reset: my-counter; margin:0; padding:0;}
.modal-body .step_block li{padding:0 0 0 45px; margin:0 0 10px 0; color:#000; position:relative;}
.modal-body .step_block li b{color:#000; margin-bottom:0;}
.modal-body .step_block li::before {background:#10b981; color:#fff; border-radius:50%; width:30px; height:30px; line-height:30px; position:absolute; left:0;  text-align:center;
          counter-increment: my-counter; /* Increment the counter for each list item */
          content: counter(my-counter) ". "; /* Display the counter value */
          font-weight: bold;
        }
.modal-body .step_block li b{display:block;}

.modal-body .work-list{overflow:hidden;}
.modal-body .work-list li{width:48.5%; float:left; background:#f9fafb; border:1px solid #e5e7eb; padding:10px; margin:15px 15px 0 0; border-radius:10px; color:#374151;}
.modal-body .work-list li:nth-child(2n){margin-right:0;}
.modal-body .work-list li i{color:#10b981; margin-right:10px;}

.modal-body .earning-block{background: #059667;
background: linear-gradient(90deg,rgba(5, 150, 103, 1) 0%, rgba(22, 163, 75, 1) 100%); border-radius:20px; margin-top:2em; padding:2em; color:#fff; text-align:center;}
.modal-body .earning-block h4, .modal-body .earning-block p{color:#fff;}
.modal-body .earning-block a{background:#fff; border-radius:10px; display:inline-block; padding:10px 30px; color:#059669!important; margin:5px; font-weight:700; font-size:17px; letter-spacing:1px;}
.modal-body .earning-block a.register{background:#facc15; color:#000;}

.offcanvas-body, .offcanvas-header{background:#fff;}
.offcanvas-header .btn-close{color:#fff;}

.role-type{width:60%; margin: 0 auto 1em; text-align: center; overflow: hidden;}
.role-type li {box-shadow:0 0 5px #f2f2f2; padding:1.5em;  border:2px solid #047857!important; text-align:center; width:31%; padding:1.5em;  margin:20px 7px; border-radius:4px; font-size:16px; font-weight:500;  float:left; line-height: 20px;}
.role-type li a{color:#047857!important;display:flex;justify-content: center;
    align-items: center;}
.multisteps-form {position: relative; width:60%; margin:0 auto; overflow:hidden;}
.multisteps-form__progress {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
}

.multisteps-form__progress-btn {
  transition-property: all;
  transition-duration: 0.15s;
  transition-timing-function: linear;
  transition-delay: 0s;
  position: relative; line-height:50px;
  color: rgba(108, 117, 125, 0.7);
  border: none;
  background-color: transparent;
  outline: none !important;
  cursor: pointer;
}
.multisteps-form__progress-btn .bullet {
    height: 50px;
    width: 50px;
    border: 2px solid #ddd;
    display: inline-block;
    border-radius: 50%;
    position: relative;
    transition: 0.2s;
    font-weight: 500;
    font-size: 17px;
    line-height: 50px;
}
.multisteps-form__progress-btn .bullet span {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #ddd;
}
.multisteps-form__progress-btn .bullet span  i{font-size:24px; line-height:50px;}
.multisteps-form__progress-btn.js-active .bullet {
    border-color: #047857!important;
    background: #047857!important;
}
.multisteps-form__progress-btn.js-active .check {
    display: block;
    color: #fff;
    margin-top:0;
}
.multisteps-form__progress-btn .bullet:before, .multisteps-form__progress-btn .bullet:after {
    position: absolute;
    content: "";
    bottom: 22px;
    right: -134px;
    height: 3px;
    width:134px;
    background: #ddd;
}
.multisteps-form__progress-btn.js-active .bullet:after{background:#047857!important;}
.multisteps-form__progress-btn.last .bullet:before, .multisteps-form__progress-btn.last .bullet:after {content:none;}
.multisteps-form__progress-btn .check {
    position: absolute;
    left: 50%;
    top:39%;
    font-size:24px;
    transform: translate(-50%, -50%);
    display: none;
}
@media (min-width: 500px) {
 /* .multisteps-form__progress-btn {
    text-indent: 0;
  }*/
}

.multisteps-form__progress-btn:first-child:after {
  display: none;
}
.multisteps-form__progress-btn.js-active {
  color: #007bff;
}
.multisteps-form__progress-btn.js-active:before {
  -webkit-transform: translateX(-50%) scale(1.2);
          transform: translateX(-50%) scale(1.2);
  background-color: currentColor;
}

.multisteps-form__form {
  position: relative;
}

.multisteps-form__panel {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  opacity: 0;
  visibility: hidden;
}
.multisteps-form__panel.js-active {
  height: auto;
  opacity: 1;
  visibility: visible;
}
.multisteps-form__panel[data-animation="scaleOut"] {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.multisteps-form__panel[data-animation="scaleOut"].js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.multisteps-form__panel[data-animation="slideHorz"] {
  left: 50px;
}
.multisteps-form__panel[data-animation="slideHorz"].js-active {
  transition-property: all;
  transition-duration: 0.25s;
  transition-timing-function: cubic-bezier(0.2, 1.13, 0.38, 1.43);
  transition-delay: 0s;
  left: 0;
}
.multisteps-form__panel[data-animation="slideVert"] {
  top: 30px;
}
.multisteps-form__panel[data-animation="slideVert"].js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  top: 0;
}
.multisteps-form__panel[data-animation="fadeIn"].js-active {
  transition-property: all;
  transition-duration: 0.3s;
  transition-timing-function: linear;
  transition-delay: 0s;
}
.multisteps-form__panel[data-animation="scaleIn"] {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
}
.multisteps-form__panel[data-animation="scaleIn"].js-active {
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: linear;
  transition-delay: 0s;
  -webkit-transform: scale(1);
          transform: scale(1);
}

.btn-primary {color: #fff; background-color:#047857!important; border-color:#047857; border-radius:5px; font-size:18px; padding:10px 30px; text-transform:uppercase; margin-right:10px;}
.btn-primary:hover{background:#fff; color:#047857!important; border-color:#047857!important;}
.form-control{height:50px; line-height:50px; margin-bottom:15px;}
@media(max-width:1400px){
	.role-type, .multisteps-form{width:69%;}

}
@media(max-width:1200px){
	.role-type, .multisteps-form{width:67%;}
	.multisteps-form__progress-btn .bullet:before, .multisteps-form__progress-btn .bullet:after{width:96px; right:-96px;}
}

@media (max-width:990px) {
    .role-type, .multisteps-form {width: 88%;}
}

@media(max-width:767px){
	.navbar .justify-content-end{justify-content:inherit!important;}
	.home-banner{padding:50px 0;}
	.home-banner h2, h2{font-size:32px; line-height:42px;}
	h3{font-size:28px;}
	.banner-slide{margin:3em 1em 2em;}
	.banner-slide .carousel-item .chef-bg, .banner-slide .carousel-item .driver-bg, .banner-slide .carousel-item .maid-bg{margin:2em 0 1em 0; padding:1em 1em 2em;}
	.bg-opacity-20{width:49%; display:inline-block; margin-bottom:10px;}
	.banner-slide .carousel-item .chef-bg h4, .banner-slide .carousel-item .driver-bg h4, .banner-slide .carousel-item .maid-bg h4{color:#fff;}
	.why-choose .item{padding:2em;}
	.why-choose svg{width:60px;}
	.why-choose .item h3{font-size:20px;}
	.getting-section .content-box{width:98%;}
	.getting-section .content-box .vid-block{height:auto; padding:2em; text-align:center;}
	.getting-section .content-box .icon{width:80px; height:80px;}
	.getting-section .content-box .icon svg{width:50px;}
	.getting-section .content-box .item, .getting-section .help-block{margin:10px 0;}
	.getting-section .help-block .item{width:100%;}
	.about-sec {width:95%;}
	.about-sec p, .about-sec small{margin-right:0;}
	.pl-block{margin-top:2em;}
	.backend-block{width:95%; margin-top:0;}
	.backend-block .item{margin:1em 0;}
	.modal-dialog{max-width:95%;}
	.modal-header, .modal-body{padding:0 1em;}
	.modal-header h3{font-size:24px;}
	.modal-body .block{margin:1em 0; height:auto;}
	.modal-body .work-list li{width:100%; margin-right:0;}
	.role-type{width:100%;}
	.role-type li{width:45%; margin:7px; padding:1em; font-size:14px;white-space:inherit;line-height:18px;}
    .role-type li img{width:25%;}
	.role-type li:last-child, .multisteps-form{width:94%;}
	.multisteps-form__progress-btn .bullet:before, .multisteps-form__progress-btn .bullet:after{width:60px; right:-60px;}

}

@media(max-width:480px){
	.multisteps-form__progress-btn .bullet:before, .multisteps-form__progress-btn .bullet:after{width:38px; right:-36px;}
	.modal-body .heading{font-size:22px;}
}
@media(max-width:360px){
	.multisteps-form__progress-btn .bullet:before, .multisteps-form__progress-btn .bullet:after{width:20px; right:-20px;}
	.modal-body .earning-block a{width:100%;}
}
.role-type li.active {

  background: #c3ffef;
}

.custom-multiselect {
  border: 1px solid #ccc;
  border-radius: 6px;
  padding: 8px;
  width: 100%;
  max-width: 400px;
  background: #fff;
}

.selected-options {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin-bottom: 6px;
}

.selected-options .tag {
  background: #007bff;
  color: #fff;
  padding: 3px 8px;
  border-radius: 12px;
  display: flex;
  align-items: center;
  gap: 5px;
}

.selected-options .tag span {
  cursor: pointer;
  font-weight: bold;
}

#searchBox {
  width: 100%;
  padding: 5px;
  margin-bottom: 6px;
  border: 1px solid #ddd;
  border-radius: 4px;
}

.options-list {
  max-height: 150px;
  overflow-y: auto;
  border-top: 1px solid #eee;
  padding-top: 5px;
}

.options-list label {
  display: block;
  margin: 4px 0;
}

#prior_experience {
    height: 45px;              /* set a uniform height */
    line-height: 45px;         /* align text vertically */
    padding-left: 10px;        /* add left padding for spacing */
    vertical-align: middle;    /* ensure alignment */
}
#prior_experience option {
    line-height: normal;       /* let dropdown options display normally */
    padding: 8px 10px;         /* make them comfortable to click */
}