.acc-thumb-wrapper {
   position: relative;
   margin: 0 auto;
}

.services-swiper .swiper-slide {
   position: relative;
}

.service-slide-info {
   position: absolute;
   bottom: 0;
   left: 0;
   right: 0;
   background-color: bisque;
   padding: 10px;
}

.service-slide-info h6 {
   margin-bottom: 5px;
}

.service-slide-info p {
   display: none;
   font-size: 14px;
   line-height: 1.2;
   margin-bottom: 0;
}

.ui-xi-swiper-button-next {
   right: 50px;
   z-index: 10;
}

.ui-xi-swiper img {
   width: 100% !important;
   height: auto;
}

.ui-xi-swiper-button-next,
.ui-xi-swiper-button-prev {
   outline: none;
   border: none;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
   color: #3f5aff;
   visibility: hidden;
}

.ui-xi-swiper-button-next:focus,
.ui-xi-swiper-button-prev:focus {
   outline: none;
}

.ui-xi-swiper-button-prev {
   left: -50px;
}

.ui-xi-swiper-button-next {
   right: -50px;
}

@media (min-width: 992px) {
   .acc-thumb-wrapper {
      width: 80%;
   }

   .ui-xi-swiper-button-next,
   .ui-xi-swiper-button-prev {
      visibility: visible;
   }

   .service-slide-info p {
      display: block;
   }
}

.career-section .career-header {
   margin-bottom: 40px;
}

.career-section .career-card {
   padding: 45px 30px;
   border-color: #d1e0e5;
   height: 100%;

   .career-info {
      display: grid;
      gap: 10px;

      .career-info-item {
         display: flex;
         align-items: center;
         gap: 15px;

         svg {
            width: 18px;
            height: 18px;
            fill: #1080d0;
         }
      }
   }
}

.job-details-feature-item:hover {
   box-shadow: 15px 15px 38px 0 rgba(0, 0, 0, 0.1);
   border-color: #43baff !important;
}

.open-job-title {
   color: #43baff;
   text-align: start;
}

.job-list {
   h6 {
      margin: 0;
      font-size: 16px;
      font-weight: 600;
      text-align: start;
   }
}

.job-apply-form {
   max-width: 790px;
   margin: 0 auto;
   background: linear-gradient(90deg, #00deff 0%, #7141b1 100%);
   padding: 60px 48px;
}

.job-apply-input {
   display: block;
   width: 100%;
   background: rgba(255, 255, 255, 0.3) !important;
   color: #fff !important;
}

.job-apply-input::placeholder {
   color: #fff !important;
}

.career-details {
   .career-details-header {
      border-radius: 30px;

      .career-details-header-top {
         background-image: url("/images/careers/careers.jpg");
         background-position: center;

         height: 230px;
         border-radius: 30px 30px 0 0;
      }

      .career-details-header-content {
         border-radius: 0 0 30px 30px;
         border-bottom: 1px solid #d1e0e5;
         padding: 40px;

         .career-details-header-content-left {
            h4 {
               color: var(--primary);
               margin-bottom: 10px;
            }

            p {
               margin-bottom: 5px;
            }
         }

         .career-details-header-content-right {
            .career-save {
               i {
                  font-size: 30px;
                  color: var(--primary);
               }
            }

            .career-save:focus {
               outline: none;
               border: none;
            }
         }
      }
   }

   .career-details-features {
      .career-details-card {
         border-radius: 15px;
      }
   }

   .career-description {
      border-radius: 15px;

      .career-details-skills {
         display: flex;
         flex-wrap: wrap;
         gap: 10px;

         span {
            padding: 3px 10px;
            border: 1px solid var(--primary) !important;
            border-radius: 35px;
            display: block;
            cursor: pointer;
            font-weight: 600;
            transition: all 0.3s ease;
         }

         span:hover {
            background-color: var(--primary);
            color: #fff;
         }
      }

      .career-key-responsibility {
         display: grid;
         gap: 8px;

         li {
            display: flex;
            align-items: center;
            gap: 10px;
         }
      }
   }
}

.recommended-job {
   border-radius: 15px;
   border-color: var(--primary) !important;

   h5 {
      color: var(--primary);
   }

   .recommended-job-footer {
      display: flex;
      align-items: center;
      gap: 20px;
   }
}

.max-w-660 {
   max-width: 660px;
}

/* custom checkbox */
.checkbox-wrapper-12 {
   position: relative;
   margin-top: 0 auto;
   margin-bottom: 0 auto;
}
.checkbox-wrapper-12 > svg {
   position: absolute;
   top: -130%;
   left: -170%;
   width: 110px;
   pointer-events: none;
}
.checkbox-wrapper-12 * {
   box-sizing: border-box;
}
.checkbox-wrapper-12 input[type="checkbox"] {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   -webkit-tap-highlight-color: transparent;
   cursor: pointer;
   margin: 0;
}
.checkbox-wrapper-12 input[type="checkbox"]:focus {
   outline: 0;
}
.checkbox-wrapper-12 .cbx {
   width: 20px;
   height: 20px;
   top: calc(50vh - 12px);
   left: calc(50vw - 12px);
}
.checkbox-wrapper-12 .cbx input {
   position: absolute;
   top: 0;
   left: 0;
   width: 20px;
   height: 20px;
   border: 2px solid #bfbfc0;
   border-radius: 5px;
}
.checkbox-wrapper-12 .cbx label {
   width: 20px;
   height: 20px;
   background: none;
   border-radius: 5px;
   position: absolute;
   top: 0;
   left: 0;
   -webkit-filter: url("#goo-12");
   filter: url("#goo-12");
   transform: trasnlate3d(0, 0, 0);
   pointer-events: none;
   margin: 0px;
}
.checkbox-wrapper-12 .cbx svg {
   position: absolute;
   top: 5px;
   left: 4px;
   z-index: 1;
   pointer-events: none;
}
.checkbox-wrapper-12 .cbx svg path {
   stroke: #fff;
   stroke-width: 3;
   stroke-linecap: round;
   stroke-linejoin: round;
   stroke-dasharray: 19;
   stroke-dashoffset: 19;
   transition: stroke-dashoffset 0.3s ease;
   transition-delay: 0.2s;
}
.checkbox-wrapper-12 .cbx input:checked + label {
   animation: splash-12 0.6s ease forwards;
}
.checkbox-wrapper-12 .cbx input:checked + label + svg path {
   stroke-dashoffset: 0;
}
@-moz-keyframes splash-12 {
   40% {
      background: var(--primary);
      box-shadow: 0 -18px 0 -8px var(--primary), 16px -8px 0 -8px var(--primary),
         16px 8px 0 -8px var(--primary), 0 18px 0 -8px var(--primary),
         -16px 8px 0 -8px var(--primary), -16px -8px 0 -8px var(--primary);
   }
   100% {
      background: var(--primary);
      box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent,
         32px 16px 0 -10px transparent, 0 36px 0 -10px transparent,
         -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
   }
}
@-webkit-keyframes splash-12 {
   40% {
      background: var(--primary);
      box-shadow: 0 -18px 0 -8px var(--primary), 16px -8px 0 -8px var(--primary),
         16px 8px 0 -8px var(--primary), 0 18px 0 -8px var(--primary),
         -16px 8px 0 -8px var(--primary), -16px -8px 0 -8px var(--primary);
   }
   100% {
      background: var(--primary);
      box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent,
         32px 16px 0 -10px transparent, 0 36px 0 -10px transparent,
         -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
   }
}
@-o-keyframes splash-12 {
   40% {
      background: var(--primary);
      box-shadow: 0 -18px 0 -8px var(--primary), 16px -8px 0 -8px var(--primary),
         16px 8px 0 -8px var(--primary), 0 18px 0 -8px var(--primary),
         -16px 8px 0 -8px var(--primary), -16px -8px 0 -8px var(--primary);
   }
   100% {
      background: var(--primary);
      box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent,
         32px 16px 0 -10px transparent, 0 36px 0 -10px transparent,
         -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
   }
}
@keyframes splash-12 {
   40% {
      background: var(--primary);
      box-shadow: 0 -18px 0 -8px var(--primary), 16px -8px 0 -8px var(--primary),
         16px 8px 0 -8px var(--primary), 0 18px 0 -8px var(--primary),
         -16px 8px 0 -8px var(--primary), -16px -8px 0 -8px var(--primary);
   }
   100% {
      background: var(--primary);
      box-shadow: 0 -36px 0 -10px transparent, 32px -16px 0 -10px transparent,
         32px 16px 0 -10px transparent, 0 36px 0 -10px transparent,
         -32px 16px 0 -10px transparent, -32px -16px 0 -10px transparent;
   }
}