/* Compatibility for public pages sharing the homepage layout.
 * Keep legacy content rules inside .front-layout-content: header/footer use Block.
 */
.front-layout {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}
.front-layout-main { flex: 1 0 auto; min-width: 0; }
.front-layout-content { min-width: 0; }
.front-layout-home .front-layout-content > section:first-child { overflow-x: clip; }
@media (max-width: 767.98px) {
    .front-layout-home .front-layout-content > section:first-child .d-flex.flex-row { flex-wrap: wrap; }
}
.front-layout-finder .front-layout-content { padding-block: 2rem; }
/* Finder cards store their image ratios in --fn-aspect-ratio. */
.front-layout-content .ratio[style*="--fn-aspect-ratio"] { --bs-aspect-ratio: var(--fn-aspect-ratio); }
.front-layout-finder .front-layout-content { --fn-warning-bg-subtle: var(--bs-warning-bg-subtle); }
.front-layout-finder .content-wrapper { min-width: 0; }
.front-layout-finder .front-layout-content .fs-xs { font-size: .75rem !important; }
.front-layout-finder .front-layout-content .fs-sm { font-size: .875rem !important; }
.front-layout-finder .front-layout-content .fs-base { font-size: 1rem !important; }
.front-layout-finder .front-layout-content .fs-lg { font-size: 1.125rem !important; }
.front-layout-finder .front-layout-content .fs-xl { font-size: 1.25rem !important; }
.front-layout-finder .front-layout-content .min-w-0 { min-width: 0 !important; }
.front-layout-finder .front-layout-content .form-icon-start { padding-left: 2.5rem; }
.front-layout-finder .front-layout-content .form-icon-start.form-control-sm { padding-left: 1.75rem; }
.front-layout-finder .front-layout-content .btn-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 2.75rem;
    height: 2.75rem;
    padding: .5rem;
}
.front-layout-finder .front-layout-content .btn-icon.btn-sm { width: 2rem; height: 2rem; }
.front-layout-finder .front-layout-content .hover-effect-underline:hover { text-decoration: underline !important; }
.front-layout-finder .front-layout-content .hover-effect-scale .hover-effect-target { transition: transform .35s ease; }
.front-layout-finder .front-layout-content .hover-effect-scale:hover .hover-effect-target { transform: scale(1.06); }
.front-layout-finder .front-layout-content .hover-effect-opacity:hover .hover-effect-target { opacity: 1 !important; }
.front-layout-finder .front-layout-content .d-block-dark { display: none !important; }
.front-layout-finder .front-layout-content .range-slider { padding: .5rem .25rem; }
.front-layout-finder .front-layout-content .range-slider-ui { height: 6px; margin: 1.5rem .5rem; }
.front-layout-finder .front-layout-content .noUi-connect { background: var(--bs-primary); }
.front-layout-finder .front-layout-content .noUi-horizontal .noUi-handle { width: 18px; height: 18px; right: -9px; top: -7px; border-radius: 50%; }
.front-layout-finder .front-layout-content .noUi-handle::before,
.front-layout-finder .front-layout-content .noUi-handle::after { display: none; }
.front-layout-finder .front-layout-content .choices { min-width: 0; margin-bottom: 0; }
.front-layout-finder .front-layout-content .choices__list--dropdown { z-index: 10; }
.front-layout-finder .front-layout-content .article-content { overflow-wrap: anywhere; }
.front-layout-finder .front-layout-content .article-content img { max-width: 100%; height: auto; }
.front-layout-finder .front-layout-content .article-content :is(pre, table) { display: block; max-width: 100%; overflow-x: auto; }
/* Old diagnostic steps used a negative offset for Finder's fixed navigation. */
.front-layout-finder .front-layout-content .content-wrapper > .sticky-top { margin-top: 0 !important; }
.front-layout-finder .front-layout-content .swiper { min-width: 0; }
.front-layout-finder .front-layout-content .swiper ~ :is(.btn-prev, .btn-next) { max-width: 100%; }
.front-comingsoon { position: relative; display: grid; place-items: center; min-height: 60vh; overflow: hidden; background: #241841; }
.front-comingsoon::before { position: absolute; inset: 0; z-index: 1; content: ""; background: rgb(24 16 40 / 55%); }
.front-comingsoon > .container { z-index: 2; }
.front-comingsoon-video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
@media (max-width: 767.98px) {
    .front-layout-finder .front-layout-content { padding-block: 1rem; }
    .front-layout-finder .front-layout-content iframe { max-width: 100%; }
    .front-layout-finder .front-layout-content .swiper ~ .start-0 { left: 1rem !important; }
    .front-layout-finder .front-layout-content .swiper ~ .start-100 { left: calc(100% - 1rem) !important; }
}
@media (prefers-reduced-motion: reduce) {
    .front-layout-finder .front-layout-content .hover-effect-target { transition: none !important; }
    .front-comingsoon-video { display: none; }
}

/* SEO service: retain only the used Jobcy content utilities, scoped away from navigation. */
.front-layout-jobcy .front-layout-content .container{
  width: 100%;
  padding-right: 2rem;
  padding-left: 2rem;
}
@media (min-width: 100%){
  .front-layout-jobcy .front-layout-content .container{
    max-width: 100%;
  }
}
@media (min-width: 540px){
  .front-layout-jobcy .front-layout-content .container{
    max-width: 540px;
  }
}
@media (min-width: 720px	){
  .front-layout-jobcy .front-layout-content .container{
    max-width: 720px	;
  }
}
@media (min-width: 960px){
  .front-layout-jobcy .front-layout-content .container{
    max-width: 960px;
  }
}
@media (min-width: 1140px){
  .front-layout-jobcy .front-layout-content .container{
    max-width: 1140px;
  }
}
@media (min-width: 1320px){
  .front-layout-jobcy .front-layout-content .container{
    max-width: 1320px;
  }
}
.front-layout-jobcy .front-layout-content .btn{
  padding: 10px 20px;
  border-radius: 0.25rem;
  font-weight: 400;
  font-size: 15px;
  display: inline-block;
  border-width: 1px;
  border-style: solid;
  text-align: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.front-layout-jobcy .front-layout-content .absolute{
  position: absolute !important;
}
.front-layout-jobcy .front-layout-content .relative{
  position: relative !important;
}
.front-layout-jobcy .front-layout-content .-bottom-0{
  bottom: -0px !important;
}
.front-layout-jobcy .front-layout-content .-top-10{
  top: -2.5rem !important;
}
.front-layout-jobcy .front-layout-content .left-\[50\%\]{
  left: 50% !important;
}
.front-layout-jobcy .front-layout-content .col-span-12{
  grid-column: span 12 / span 12 !important;
}
.front-layout-jobcy .front-layout-content .mx-auto{
  margin-left: auto !important;
  margin-right: auto !important;
}
.front-layout-jobcy .front-layout-content .mb-4{
  margin-bottom: 1rem !important;
}
.front-layout-jobcy .front-layout-content .mb-6{
  margin-bottom: 1.5rem !important;
}
.front-layout-jobcy .front-layout-content .mr-1{
  margin-right: 0.25rem !important;
}
.front-layout-jobcy .front-layout-content .mt-1{
  margin-top: 0.25rem !important;
}
.front-layout-jobcy .front-layout-content .mt-2{
  margin-top: 0.5rem !important;
}
.front-layout-jobcy .front-layout-content .mt-20{
  margin-top: 5rem !important;
}
.front-layout-jobcy .front-layout-content .mt-6{
  margin-top: 1.5rem !important;
}
.front-layout-jobcy .front-layout-content .mt-8{
  margin-top: 2rem !important;
}
.front-layout-jobcy .front-layout-content .block{
  display: block !important;
}
.front-layout-jobcy .front-layout-content .inline-block{
  display: inline-block !important;
}
.front-layout-jobcy .front-layout-content .flex{
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
}
.front-layout-jobcy .front-layout-content .grid{
  display: grid !important;
}
.front-layout-jobcy .front-layout-content .hidden{
  display: none !important;
}
.front-layout-jobcy .front-layout-content .h-20{
  height: 5rem !important;
}
.front-layout-jobcy .front-layout-content .h-auto{
  height: auto !important;
}
.front-layout-jobcy .front-layout-content .w-20{
  width: 5rem !important;
}
.front-layout-jobcy .front-layout-content .-translate-x-10{
  --tw-translate-x: -2.5rem !important;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.front-layout-jobcy .front-layout-content .grid-cols-12{
  grid-template-columns: repeat(12, minmax(0, 1fr)) !important;
}
.front-layout-jobcy .front-layout-content .flex-wrap{
  -ms-flex-wrap: wrap !important;
      flex-wrap: wrap !important;
}
.front-layout-jobcy .front-layout-content .items-center{
  -webkit-box-align: center !important;
      -ms-flex-align: center !important;
          align-items: center !important;
}
.front-layout-jobcy .front-layout-content .justify-center{
  -webkit-box-pack: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}
.front-layout-jobcy .front-layout-content .gap-5{
  gap: 1.25rem !important;
}
.front-layout-jobcy .front-layout-content .gap-y-10{
  row-gap: 2.5rem !important;
}
.front-layout-jobcy .front-layout-content .space-x-2 > :not([hidden]) ~ :not([hidden]){
  --tw-space-x-reverse: 0 !important;
  margin-right: calc(0.5rem * var(--tw-space-x-reverse)) !important;
  margin-left: calc(0.5rem * calc(1 - var(--tw-space-x-reverse))) !important;
}
.front-layout-jobcy .front-layout-content .space-y-4 > :not([hidden]) ~ :not([hidden]){
  --tw-space-y-reverse: 0 !important;
  margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse))) !important;
  margin-bottom: calc(1rem * var(--tw-space-y-reverse)) !important;
}
.front-layout-jobcy .front-layout-content .overflow-hidden{
  overflow: hidden !important;
}
.front-layout-jobcy .front-layout-content .rounded{
  border-radius: 0.25rem !important;
}
.front-layout-jobcy .front-layout-content .rounded-full{
  border-radius: 9999px !important;
}
.front-layout-jobcy .front-layout-content .border-transparent{
  border-color: transparent !important;
}
.front-layout-jobcy .front-layout-content .bg-gray-50{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(248 249 252 / var(--tw-bg-opacity)) !important;
}
.front-layout-jobcy .front-layout-content .bg-white{
  --tw-bg-opacity: 1 !important;
  background-color: rgb(255 255 255 / var(--tw-bg-opacity)) !important;
}
.front-layout-jobcy .front-layout-content .bg-\[url\(\'\.\.\/images\/home\/page-title\.png\'\)\]{
  background-image: url('/jobcy/assets/images/home/page-title.png') !important;
}
.front-layout-jobcy .front-layout-content .bg-cover{
  background-size: cover !important;
}
.front-layout-jobcy .front-layout-content .bg-center{
  background-position: center !important;
}
.front-layout-jobcy .front-layout-content .px-12{
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.front-layout-jobcy .front-layout-content .px-2\.5{
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.front-layout-jobcy .front-layout-content .px-4{
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.front-layout-jobcy .front-layout-content .py-10{
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.front-layout-jobcy .front-layout-content .py-16{
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.front-layout-jobcy .front-layout-content .py-2{
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.front-layout-jobcy .front-layout-content .py-20{
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.front-layout-jobcy .front-layout-content .py-6{
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.front-layout-jobcy .front-layout-content .pb-2{
  padding-bottom: 0.5rem !important;
}
.front-layout-jobcy .front-layout-content .pb-28{
  padding-bottom: 7rem !important;
}
.front-layout-jobcy .front-layout-content .pt-2{
  padding-top: 0.5rem !important;
}
.front-layout-jobcy .front-layout-content .pt-28{
  padding-top: 7rem !important;
}
.front-layout-jobcy .front-layout-content .text-center{
  text-align: center !important;
}
.front-layout-jobcy .front-layout-content .align-middle{
  vertical-align: middle !important;
}
.front-layout-jobcy .front-layout-content .text-3xl{
  font-size: 1.875rem !important;
  line-height: 2.25rem !important;
}
.front-layout-jobcy .front-layout-content .text-\[26px\]{
  font-size: 26px !important;
}
.front-layout-jobcy .front-layout-content .text-lg{
  font-size: 1.125rem !important;
  line-height: 1.75rem !important;
}
.front-layout-jobcy .front-layout-content .text-sm{
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
}
.front-layout-jobcy .front-layout-content .font-bold{
  font-weight: 700 !important;
}
.front-layout-jobcy .front-layout-content .font-medium{
  font-weight: 500 !important;
}
.front-layout-jobcy .front-layout-content .uppercase{
  text-transform: uppercase !important;
}
.front-layout-jobcy .front-layout-content .leading-\[5\]{
  line-height: 5 !important;
}
.front-layout-jobcy .front-layout-content .text-gray-700{
  --tw-text-opacity: 1 !important;
  color: rgb(95 98 115 / var(--tw-text-opacity)) !important;
}
.front-layout-jobcy .front-layout-content .text-gray-900{
  --tw-text-opacity: 1 !important;
  color: rgb(63 65 77 / var(--tw-text-opacity)) !important;
}
.front-layout-jobcy .front-layout-content .text-white{
  --tw-text-opacity: 1 !important;
  color: rgb(255 255 255 / var(--tw-text-opacity)) !important;
}
.front-layout-jobcy .front-layout-content .text-yellow-500{
  --tw-text-opacity: 1 !important;
  color: rgb(247 204 83 / var(--tw-text-opacity)) !important;
}
.front-layout-jobcy .front-layout-content .outline{
  outline-style: solid !important;
}
.front-layout-jobcy .front-layout-content .outline-8{
  outline-width: 8px !important;
}
.front-layout-jobcy .front-layout-content .outline-white{
  outline-color: #fff !important;
}
.front-layout-jobcy .front-layout-content .transition-all{
  -webkit-transition-property: all !important;
  transition-property: all !important;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
  -webkit-transition-duration: 150ms !important;
          transition-duration: 150ms !important;
}
.front-layout-jobcy .front-layout-content .duration-500{
  -webkit-transition-duration: 500ms !important;
          transition-duration: 500ms !important;
}
.front-layout-jobcy .front-layout-content .ease-in-out{
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
          transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1) !important;
}
.front-layout-jobcy .front-layout-content .about-list li::before {
   font-family: Material Design Icons;
   content: "\f0e1e";
   position: absolute;
   --tw-text-opacity: 1;
   color: rgb(129 93 242 / var(--tw-text-opacity));
}
.front-layout-jobcy .front-layout-content :is([dir="ltr"] .about-list li)::before{
  left: 5px;
}
.front-layout-jobcy .front-layout-content :is([dir="rtl"] .about-list li)::before{
  right: 5px;
}
.front-layout-jobcy .front-layout-content .hover\:-translate-y-1\.5:hover{
  --tw-translate-y: -0.375rem !important;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.front-layout-jobcy .front-layout-content .hover\:-translate-y-2\.5:hover{
  --tw-translate-y: -0.625rem !important;
  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)) !important;
}
.front-layout-jobcy .front-layout-content .hover\:shadow-lg:hover{
  --tw-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1) !important;
  --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color) !important;
  -webkit-box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
          box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow) !important;
}
.front-layout-jobcy .front-layout-content .hover\:shadow-gray-100\/50:hover{
  --tw-shadow-color: rgb(204 206 214 / 0.5) !important;
  --tw-shadow: var(--tw-shadow-colored) !important;
}
.front-layout-jobcy .front-layout-content .focus\:ring:focus{
  --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
  --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important;
  -webkit-box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
          box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000) !important;
}
.front-layout-jobcy .front-layout-content :is([dir="ltr"] .ltr\:pl-8){
  padding-left: 2rem !important;
}
.front-layout-jobcy .front-layout-content :is([dir="rtl"] .rtl\:pr-8){
  padding-right: 2rem !important;
}
@media (min-width: 720px ){
  .front-layout-jobcy .front-layout-content .md\:col-span-6{
    grid-column: span 6 / span 6 !important;
  }
}
@media (min-width: 960px){
  .front-layout-jobcy .front-layout-content .lg\:col-span-3{
    grid-column: span 3 / span 3 !important;
  }
  .front-layout-jobcy .front-layout-content .lg\:col-span-6{
    grid-column: span 6 / span 6 !important;
  }
  .front-layout-jobcy .front-layout-content .lg\:gap-8{
    gap: 2rem !important;
  }
  .front-layout-jobcy .front-layout-content .lg\:pt-44{
    padding-top: 11rem !important;
  }
}


/* Legacy service customer grid. */
.front-layout-jobcy .front-layout-content 
.sswd .sswd_five .tit {
    text-align: center;
    font-size: 24px;
    color: #2d61f5;
    margin: 30px 0;
}
.front-layout-jobcy .front-layout-content 
.sswd .sswd_five .tit span {
    display: none;
    background: #2d61f5;
    height: 2px;
    text-align: center;
    margin: 10px 45% 0;
    margin-top: 10px;
    margin-right: 45%;
    margin-bottom: 0px;
    margin-left: 45%;
}
.front-layout-jobcy .front-layout-content .sswd_five .main {
    width: 100%;
    display: flow-root;
}
.front-layout-jobcy .front-layout-content .sswd_five .main .item {
    width: calc(100% / 9);
    float: left;
}
.front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one {
    padding: 10px;
    text-align: center;
}
.front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one li {
    padding: 30px;
}
.front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one li img {
    width: 100%;
    height: 50px;
    object-fit: contain;
}
.front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one p {
    font-size: 16px;
}

@media (min-width: 1500px) {
    .front-layout-jobcy .front-layout-content 
    .sswd_five .main .item .item_one p {
        font-size: 20px;
    }
    .front-layout-jobcy .front-layout-content 
    .sswd .sswd_five .tit {
        font-size: 24px;
        font-weight: bold;
    }
}
@media (max-width: 1500px) {
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one li {
        padding: 20px;
    }
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one li img {
        height: 40px;
    }
}
@media (max-width: 1200px) {
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one li {
        padding: 15px;
    }
}
@media (max-width: 992px) {
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one li img {
        height: 35px;
    }
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one p {
        font-size: 14px;
        height: 40px;
        justify-content: center;
        display: flex;
        align-items: center;
    }
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one li {
        padding: 10px;
    }
}
@media (max-width: 768px) {
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one {
        padding: 5px;
    }
}
@media (max-width: 600px) {
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one li img {
        height: 30px;
    }
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one p {
        font-size: 12px;
        height: 36px;
    }
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one li {
        padding: 5px;
    }
}
@media (max-width: 500px) {
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one li img {
        height: 20px;
    }
    .front-layout-jobcy .front-layout-content 
    .sswd .sswd_five .tit {
        font-size: 20px;
    }
    .front-layout-jobcy .front-layout-content 
    .sswd .sswd_five .tit span {
        display: block;
    }
}
@media (max-width: 400px) {
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one {
        padding: 5px 4px;
    }
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one li {
        padding: 5px 2px;
    }
}
.front-layout-jobcy .front-layout-content .sswd_five { background: #f8f5ff; }
.front-layout-jobcy .front-layout-content .box-re{
    border-radius: 30px;
    background-color: white;
    padding: 30px 30px;
}
.front-layout-jobcy .front-layout-content .sswd_five .container{
    padding: 40px 40px;
}
.front-layout-jobcy .front-layout-content .box-pd{
    padding-bottom: 10px;
}
@media (max-width: 550px){
    .front-layout-jobcy .front-layout-content .box-re{
        border-radius: 20px;
        background-color: white;
        padding: 10px 10px;
    }
    .front-layout-jobcy .front-layout-content .sswd_five .container{
        padding: 20px 20px;
    }
}


/* Service content uses homepage colors; the old theme's color switches are gone. */
.front-layout-jobcy .front-layout-content .service-hero { background-color: #6930c3; }
.front-layout-jobcy .front-layout-content .service-hero h3 { color: #fff; }
.front-layout-jobcy .front-layout-content img { max-width: 100%; height: auto; }
.front-layout-jobcy .front-layout-content .about-list li::before { content: "✓"; font-family: inherit; color: var(--bs-primary); }
.front-layout-jobcy .front-layout-content .pricing-icon { display: grid; place-items: center; }
.front-layout-jobcy .front-layout-content .pricing-icon i { font-size: 2rem; color: var(--bs-primary); }
.front-layout-jobcy .front-layout-content :is(ul, ol) { list-style: none; padding-left: 0; }
.front-layout-jobcy .front-layout-content :is(.grid, .grid > *) { min-width: 0; }
.front-layout-jobcy .front-layout-content .sswd_five li { list-style: none; }
.front-layout-jobcy .front-layout-content .sswd_five .main { display: grid; grid-template-columns: repeat(9, minmax(0, 1fr)); }
.front-layout-jobcy .front-layout-content .sswd_five .main .item { width: auto; float: none; }
@media (max-width: 767.98px) {
    .front-layout-jobcy .front-layout-content .service-hero { padding-block: 4rem !important; }
    .front-layout-jobcy .front-layout-content .sswd_five .main { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .front-layout-jobcy .front-layout-content .sswd_five .main .item .item_one li img { height: 40px; }
}